:root{color-scheme:light;--color-brand: #2f5d50;--color-surface: #f7f4ee;--color-text: #1f2a26;--color-muted: #4d5a55;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.7}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--color-surface);color:var(--color-text)}body{display:flex;min-height:100vh;min-height:100dvh}#root{display:flex;flex:1}.home{margin:auto;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));max-width:32rem;text-align:center}.home__title{margin:0 0 8px;color:var(--color-brand);font-size:2.25rem;letter-spacing:.1em}.home__stage{display:inline-block;margin:0 0 16px;padding:4px 16px;border-radius:999px;background:var(--color-brand);color:var(--color-surface);font-size:1rem}.home__note{margin:0;color:var(--color-muted)}.cutout__canvas{touch-action:none;max-width:100%}.swatch__grid,.palette__list{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.swatch{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:2px solid transparent;background:none}.swatch[aria-checked=true]{border-color:var(--color-brand)}.swatch__canvas{width:48px;height:48px;border-radius:8px}.palette__chip{display:inline-flex;flex-direction:column;align-items:center}.palette__chip .swatch__canvas{width:32px;height:32px}.mirror__canvas{display:block;width:100%;height:60vh}.season__note{color:var(--color-muted)}:root{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}button,select,input:not([type=checkbox]):not([type=radio]),.swatch{min-height:2.75rem;font:inherit}button,select{min-width:2.75rem}input[type=checkbox],input[type=radio]{width:1.5rem;height:1.5rem}#root,#root>*{min-width:0}fieldset{min-width:0}input[type=file]{max-width:100%}img,canvas,video{max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.care-panel__section button{display:inline-flex;align-items:center;gap:.5rem;margin:.25rem;min-height:44px;text-align:left}.care-icon{flex:none;color:inherit}.care-step__note{display:block;margin-top:1rem}.care-step__note textarea{display:block;width:100%;box-sizing:border-box}