:root{--bg:#f5f8f7;--sidebar:#eef4f1;--cream:#fff;--ink:#17201f;--ink-hover:#26312f;--muted:#d9e5e0;--dust:#d9e5e0;--warm-mid:#687571;--secondary:#687571;--border:#d9e5e0;--danger:#b65050;--green:#4f765f;--green-light:#4f765f14;--green-border:#4f765f4d;--mint:#79cbb5;--mint-light:#dff4ed;--mint-ink:#3e927d;--sky:#a9cae6;--sky-light:#e7f2f8;--sky-ink:#3d7fb8;--gold:#79cbb5;--void:#17201f;--font-sans:"Instrument Sans", sans-serif;--font-serif:"Instrument Serif", serif;--font-wordmark:"Instrument Sans", sans-serif;--font-mono:"Instrument Sans", sans-serif}:root,:root[data-theme=light]{--color-background:var(--bg);--color-sidebar:var(--sidebar);--color-card:var(--cream);--color-card-warm:var(--cream);--color-text:var(--ink);--color-secondary:var(--warm-mid);--color-muted:var(--warm-mid);--color-accent:var(--ink);--color-border:var(--muted);--color-dust:var(--dust);--color-icon:var(--warm-mid);--color-tint:var(--ink);--color-danger:var(--danger);--color-ink-hover:var(--ink-hover);--color-green:var(--green);--color-green-light:var(--green-light);--color-green-border:var(--green-border);--color-amber:#b8833d;--color-amber-light:#b8833d1a;--color-amber-border:#b8833d59;--color-info:#58718c;--color-info-light:#58718c14;--color-info-border:#58718c4d;--color-mint:var(--mint);--color-mint-light:var(--mint-light);--color-mint-ink:var(--mint-ink);--color-sky:var(--sky);--color-sky-light:var(--sky-light);--color-sky-ink:var(--sky-ink);--color-overlay:#f5f8f7e0;--color-hairline:#d9e5e099;--color-field:#fff;--color-field-border:#17201f24;--color-field-focus:#17201f80;--shadow-sm:0 2px 8px #17201f05;--shadow-md:0 4px 16px #17201f0a;--shadow-lg:0 8px 32px #17201f0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-background:#101413;--color-sidebar:#161b1a;--color-card:#181e1d;--color-card-warm:#181e1d;--color-text:#f5f8f7;--color-secondary:#93a29d;--color-muted:#93a29d;--color-accent:#e7efec;--color-border:#283330;--color-dust:#3e4a47;--color-icon:#93a29d;--color-tint:#f5f8f7;--color-ink-hover:#223d35;--color-danger:#e08585;--color-green:#6fb98c;--color-green-light:#6fb98c1f;--color-green-border:#6fb98c59;--color-amber:#d9a441;--color-amber-light:#d9a4411f;--color-amber-border:#d9a44159;--color-info:#8fb4da;--color-info-light:#8fb4da1f;--color-info-border:#8fb4da4d;--color-mint:#79cbb5;--color-mint-light:#79cbb524;--color-mint-ink:#a6ddcd;--color-sky:#a9cae6;--color-sky-light:#a9cae624;--color-sky-ink:#bcd6ee;--color-overlay:#101413e0;--color-hairline:#283330e6;--color-field:#1d2423;--color-field-border:#f5f8f729;--color-field-focus:#f5f8f780;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;font-weight:400}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable],.selectable{-webkit-user-select:text;user-select:text}button,a,[role=button],[role=tab],input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit;font-size:16px}img{-webkit-user-drag:none;user-drag:none;max-width:100%;display:block}ul,ol{list-style:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-y:auto}.scroll::-webkit-scrollbar{display:none}.scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.45s both fadeIn}.fade-in-down{animation:.45s cubic-bezier(.16,1,.3,1) both fadeInDown}.splash-in{animation:1.1s cubic-bezier(.16,1,.3,1) both splash-in}@keyframes splash-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.splash-breathe{animation:4.2s ease-in-out 1.1s infinite splash-breathe}@keyframes splash-breathe{0%,to{opacity:.94}50%{opacity:1}}.splash-door-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.4s cubic-bezier(.65,0,.35,1) .15s both door-draw}@keyframes door-draw{to{stroke-dashoffset:0}}.splash-door-fade{animation:.9s ease-out 1.2s both door-fade}@keyframes door-fade{0%{opacity:0}}.splash-exit{opacity:0;transition:opacity .45s}@media (prefers-reduced-motion:reduce){.fade-in,.fade-in-down,.splash-in,.splash-breathe,.splash-door-fade{animation:none}.splash-door-draw{stroke-dashoffset:0;animation:none}}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.spinner.small{border-width:2px;width:16px;height:16px}.spinner.large{border-width:3px;width:32px;height:32px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--color-mint);outline-offset:2px;border-radius:6px}.pressable{transition:opacity .15s,transform .1s}@media (hover:hover){.pressable:hover:not(:disabled){opacity:.88}}.pressable:active:not(:disabled){transform:scale(.97)}.pressable:disabled{cursor:not-allowed}.toast-viewport{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:1000;pointer-events:none;flex-direction:column-reverse;gap:8px;width:calc(100% - 32px);max-width:420px;display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--color-accent);color:var(--color-background);border-radius:14px;align-items:flex-start;gap:10px;padding:13px 16px;font-size:13px;line-height:1.4;animation:.25s cubic-bezier(.16,1,.3,1) both fadeInDown;display:flex;box-shadow:0 8px 32px #17201f40}.toast.error{background:#3a1414}.toast.success{background:#123320}.dialog-overlay{z-index:1000;background:#10141373;justify-content:center;align-items:center;padding:20px;animation:.15s both fadeIn;display:flex;position:fixed;inset:0}.dialog-card{background:var(--color-card);border-radius:20px;width:100%;max-width:360px;padding:24px 22px 20px;animation:.2s cubic-bezier(.16,1,.3,1) both fadeInDown;box-shadow:0 20px 60px #17201f4d}::placeholder{color:#68757199;opacity:1}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-top{padding-top:env(safe-area-inset-top)}.btn-primary:hover:not(:disabled){background-color:var(--color-ink-hover)!important}.look-card{transition:border-color .15s,background-color .15s,box-shadow .15s}.look-card:hover:not(:disabled){background-color:#fcfefd!important;border-color:#bfd4cb!important}.hero-title{font-family:var(--font-serif)!important;letter-spacing:-.02em!important;font-size:46px!important;font-weight:400!important;line-height:1.05!important}@media (width<=768px){.hero-title{font-size:36px!important;line-height:1.08!important}}