@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/wardrobe/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/wardrobe/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-canvas: #f5f5f3;--color-surface: #ffffff;--color-ink: #171717;--color-muted: #6f706f;--color-subtle: #a6a7a5;--color-line: #e4e4e1;--color-tint: #eeefeb;--color-focus: #1a5cff;--color-success: #286a4c;--shadow-card: 0 12px 34px rgb(20 20 18 / .06);--shadow-floating: 0 10px 30px rgb(20 20 18 / .13);--radius-card: 24px;--radius-control: 14px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-sans: "Instrument Sans Variable", "Arial", sans-serif;--font-display: clamp(2rem, 8vw, 3.5rem);--font-page: clamp(1.65rem, 6vw, 2.8rem);font-family:var(--font-sans);color:var(--color-ink);background:var(--color-canvas);font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-block-size:100%;margin:0}html{background:var(--color-canvas)}body{min-inline-size:320px;overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-shell{min-block-size:100dvh;padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) calc(112px + env(safe-area-inset-bottom))}.app-shell__top{display:flex;justify-content:flex-start;max-inline-size:1040px;margin-inline:auto}.language-switcher{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:.78rem;font-weight:600}.language-switcher select{min-block-size:38px;padding:0 var(--space-2);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-pill)}.page{max-inline-size:1040px;margin-inline:auto}.today-page{padding-block:var(--space-6) var(--space-10)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-5)}.page-header h1,.empty-state h2,.card h2{margin:0;letter-spacing:-.045em}.page-header h1{font-size:var(--font-page);line-height:.98}.page-header .language-switcher{display:none}.eyebrow{margin:0 0 var(--space-2);color:var(--color-muted);font-size:.76rem;font-weight:700;letter-spacing:.06em}.status{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-6);color:var(--color-muted);font-size:.82rem}.status span{inline-size:8px;block-size:8px;background:var(--color-success);border-radius:50%}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.today-hero{padding:clamp(28px,8vw,64px) var(--space-5)}.empty-state{text-align:start}.empty-state__icon{display:grid;place-items:center;inline-size:48px;block-size:48px;margin-block-end:var(--space-6);color:var(--color-ink);background:var(--color-tint);border-radius:50%;font-size:1.5rem}.empty-state h2{max-inline-size:14ch;font-size:var(--font-display);line-height:.96}.empty-state p{max-inline-size:46ch;margin:var(--space-5) 0 0;color:var(--color-muted);font-size:clamp(1rem,3vw,1.18rem);line-height:1.55}.empty-state__actions{display:grid;gap:var(--space-3);margin-block-start:var(--space-8)}.button{display:inline-flex;align-items:center;justify-content:center;min-block-size:52px;padding:12px var(--space-5);border:1px solid transparent;border-radius:var(--radius-control);font-weight:700;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button--primary{color:#fff;background:var(--color-ink)}.button--primary:hover{background:#30302f}.button--secondary{color:var(--color-ink);background:var(--color-surface);border-color:var(--color-line)}.button--secondary:hover{background:var(--color-tint)}.review-card{display:flex;gap:var(--space-3);padding:var(--space-5);margin-block-start:var(--space-4)}.review-card__mark{display:grid;flex:0 0 auto;place-items:center;inline-size:28px;block-size:28px;color:#fff;background:var(--color-ink);border-radius:50%}.review-card h2,.future-value h2{font-size:1rem;line-height:1.2}.review-card p,.future-value p{margin:var(--space-1) 0 0;color:var(--color-muted);line-height:1.45}.future-value{margin-block-start:var(--space-10)}.future-value__grid{display:grid;gap:var(--space-3)}.future-value__grid .card{position:relative;min-block-size:185px;padding:var(--space-5);overflow:hidden}.future-value__grid .card:after{position:absolute;inset-inline-end:-34px;inset-block-start:-34px;inline-size:112px;block-size:112px;background:var(--color-tint);border-radius:50%;content:""}.future-value__icon{position:relative;z-index:1;display:block;margin-block-end:var(--space-8);color:var(--color-subtle);font-size:1.8rem}.unavailable{display:inline-flex;margin-block-start:var(--space-5);padding:6px 9px;color:var(--color-muted);background:var(--color-tint);border-radius:var(--radius-pill);font-size:.7rem;font-weight:650}.placeholder-page{padding-block:var(--space-10)}.placeholder-page .card{padding:var(--space-8)}.toast{position:fixed;inset-inline:var(--space-4);inset-block-end:calc(95px + env(safe-area-inset-bottom));z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);max-inline-size:520px;padding:var(--space-3) var(--space-4);color:#fff;background:var(--color-ink);border-radius:var(--radius-control);box-shadow:var(--shadow-floating);line-height:1.4}.toast button{color:inherit;background:none;border:0;font-size:1.5rem}.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));background:#fffffff0;border-block-start:1px solid var(--color-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav__item{display:grid;place-items:center;gap:3px;min-block-size:60px;padding:4px;color:var(--color-muted);background:none;border:0;border-radius:var(--radius-control);font-size:.67rem;font-weight:650}.bottom-nav__item svg{inline-size:23px;block-size:23px}.bottom-nav__item.is-active{color:var(--color-ink)}.bottom-nav__item--add{color:#fff}.bottom-nav__item--add svg{padding:6px;color:#fff;background:var(--color-ink);border-radius:50%;box-sizing:content-box}.bottom-nav__item--add.is-active{color:var(--color-ink)}.bottom-nav__item--add.is-active svg{color:#fff}@media(min-width:640px){.app-shell{padding-inline:var(--space-8)}.today-hero{padding-inline:clamp(36px,8vw,104px)}.empty-state__actions{grid-template-columns:repeat(2,max-content)}.future-value__grid{grid-template-columns:repeat(2,1fr)}.toast{inset-inline:auto;inset-inline-end:var(--space-8)}.bottom-nav{inset-inline:auto;inset-inline-end:var(--space-8);inset-block-end:max(var(--space-5),env(safe-area-inset-bottom));inline-size:min(460px,calc(100% - 64px));border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-floating);padding:var(--space-2)}}@media(min-width:900px){.app-shell{padding-block-start:max(var(--space-6),env(safe-area-inset-top))}.today-page{padding-block-start:72px}.page-header h1{font-size:clamp(3rem,5vw,4.3rem)}.today-hero{min-block-size:440px;display:grid;align-items:center}.review-card{max-inline-size:620px}.future-value{max-inline-size:820px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{padding-block:28px 40px}.page>.button{margin-block-start:20px}.section-title{margin:32px 0 14px;font-size:1.1rem}.weather-card,.outfit-card,.profile-card{padding:20px}.weather-card{display:flex;align-items:center;gap:16px;margin-block-end:28px}.weather-card>span{display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:50%;background:#f4edd8;font-size:1.5rem}.weather-card h2,.profile-card h2{margin:0;font-size:1.1rem}.weather-card p,.profile-card p{color:var(--color-muted);line-height:1.5}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-tile{min-inline-size:0;overflow:hidden;padding:0 0 12px;text-align:start;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line);border-radius:16px}.item-tile img,.item-tile__placeholder{display:grid;place-items:center;inline-size:100%;aspect-ratio:1;object-fit:cover;background:var(--color-tint)}.item-tile strong,.item-tile small{display:block;padding-inline:12px}.item-tile strong{margin-block-start:10px}.item-tile small{margin-block-start:3px;color:var(--color-muted)}.item-form{display:grid;gap:14px;max-inline-size:620px}.item-form label{display:grid;gap:6px;font-weight:700}.item-form input,.item-form select,.text-input{min-inline-size:0;min-block-size:48px;padding:10px 12px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px}.image-preview{display:block;max-inline-size:min(100%,360px);max-block-size:280px;object-fit:contain;background:var(--color-tint);border-radius:14px}.form-actions,.danger-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:10px}.danger-actions{margin-block-start:24px}.archive-list{margin-block-start:28px}.archive-list summary{cursor:pointer;font-weight:700}.archive-list button{display:block;margin-block:10px;color:var(--color-ink);background:none;border:0;text-decoration:underline}.add-options,.choice-list{display:grid;gap:12px;margin-block:20px}.add-option,.choice{display:flex;align-items:center;gap:14px;min-inline-size:0;min-block-size:76px;padding:16px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line);border-radius:16px;font:inherit;font-weight:700;cursor:pointer}.add-option span{min-inline-size:0}.add-option svg{flex:0 0 auto;inline-size:28px;block-size:28px}.add-option input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.file-drop-zone{display:none;margin-block-start:12px;padding:30px 20px;color:var(--color-muted);border:2px dashed var(--color-line);border-radius:16px;text-align:center;font-weight:700;cursor:pointer}.file-drop-zone:hover{color:var(--color-ink);border-color:var(--color-ink);background:var(--color-tint)}.file-drop-zone:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.upload-error{margin:12px 0 0;color:#a23131;font-weight:700;line-height:1.5}.choice.is-selected{border-color:var(--color-ink);background:var(--color-tint)}.prototype-note{padding:10px 12px;color:#66541c;background:#fff6d9;border-radius:10px;line-height:1.45}.duplicate-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.duplicate-pair span{padding:20px 10px;background:var(--color-tint);border-radius:12px;text-align:center}.duplicate-pair+.button{inline-size:100%;margin-block:7px}.outfit-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:12px}.outfit-card div{display:grid;gap:5px}.outfit-card span{color:var(--color-muted)}.profile-card{display:grid;gap:14px;margin-block-end:16px}.profile-card pre{overflow:auto;max-inline-size:100%;padding:10px;background:var(--color-tint);border-radius:10px;font-size:.75rem;direction:ltr;text-align:start}.onboarding{max-inline-size:620px;margin:0 auto;padding-block:clamp(36px,10vh,100px)}.onboarding h1{max-inline-size:13ch;margin:14px 0;font-size:var(--font-display);line-height:.98;letter-spacing:-.05em}.onboarding>p:not(.eyebrow){max-inline-size:46ch;color:var(--color-muted);line-height:1.6}.onboarding__progress{block-size:6px;overflow:hidden;background:var(--color-line);border-radius:999px}.onboarding__progress span{display:block;block-size:100%;background:var(--color-ink);border-radius:inherit;transition:inline-size .16s ease}.onboarding__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:28px}.link-button{padding:10px;color:var(--color-muted);background:none;border:0;text-decoration:underline}@media(min-width:640px){.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.add-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.file-drop-zone{display:block}}@media(min-width:900px){.page{max-inline-size:980px}.item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.onboarding{padding-block-start:64px}.today-hero{min-block-size:300px}.page-header h1{font-size:clamp(2.5rem,4vw,3.5rem)}}.processing-card{display:grid;gap:16px;padding:20px;max-inline-size:620px}.detected-tags,.profile-chips{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}.detected-tags span,.profile-chip,.profile-empty{padding:7px 10px;border-radius:999px;background:var(--color-tint);font-size:.88rem;font-weight:700}.numeric-picker{display:grid;gap:16px;max-inline-size:460px;margin-block:24px}.numeric-picker output{display:block;padding:20px;text-align:center;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);font-size:clamp(2.5rem,12vw,4rem);font-weight:700}.numeric-picker output small{font-size:1rem}.numeric-picker label{display:grid;gap:8px;font-weight:700}.numeric-picker input{inline-size:100%;accent-color:var(--color-ink)}.numeric-picker>div{display:flex;justify-content:center;gap:12px}.derived-year{font-weight:700}.profile-details{display:grid;gap:12px;margin:0}.profile-details div{display:flex;justify-content:space-between;gap:16px;padding-block-end:10px;border-block-end:1px solid var(--color-line)}.profile-details dt{color:var(--color-muted)}.profile-details dd{margin:0;font-weight:700}