@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.table{display:table}}:root{color:#121416;font-synthesis:none;text-rendering:optimizelegibility;--ink:#121416;--muted:#6b737c;--canvas:#f7f7f5;--paper:#fff;--line:#dfe2df;--line-strong:#c8cdca;--spruce:#1f5b4d;--spruce-soft:#dce9e3;--coral:#e4715a;--coral-soft:#f8e4df;--sky:#b9d9ee;--cobalt:#245bc7;--yellow:#f0d468;--danger:#a73d35;--page-width:1120px;--safe-bottom:env(safe-area-inset-bottom,0px);background:#f7f7f5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box;letter-spacing:0}html{background:var(--canvas);scroll-behavior:auto;min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button,a,input,textarea,select{font:inherit}button,a[href],[role=button]{cursor:pointer}button:disabled{cursor:not-allowed}button{color:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{overflow-wrap:break-word}button,a,input,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--cobalt)}@supports (color:color-mix(in lab,red,red)){:focus-visible{outline:3px solid color-mix(in srgb,var(--cobalt) 45%,transparent)}}:focus-visible{outline-offset:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand{width:max-content;color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:25px;font-weight:760;line-height:1;display:inline-flex}.brand-mark{grid-template-rows:repeat(2,8px);grid-template-columns:repeat(2,8px);gap:3px;width:19px;height:19px;display:grid}.brand-mark i{background:var(--ink);border-radius:2px;display:block}.brand-mark i:nth-child(2){background:var(--coral)}.brand-mark i:nth-child(3){background:var(--sky)}.brand-mark i:nth-child(4){background:var(--spruce)}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px;font-size:12px;font-weight:760;line-height:1.2}.button{text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 20px;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex}.button svg{flex:none}.button-primary{background:var(--ink);color:#fff}.button-secondary{border-color:var(--line-strong);background:var(--paper);color:var(--ink)}.button-quiet{color:var(--ink);background:0 0}.button-danger{background:var(--danger);color:#fff}.button:disabled{opacity:.42}.text-action{color:var(--ink);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:680;line-height:1.2;display:inline-flex}.text-action:disabled{color:#9ca2a7}.icon-button,.back-button,.modal-close,.image-remove,.favorite-button{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:8px;display:grid}.field>span,.choice-fieldset legend,.segmented-field legend{color:#34393e;font-size:13px;font-weight:700}.field small{color:var(--muted);font-weight:500}.field input,.field textarea,.search-field{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:7px}.field input{height:54px;padding:0 15px}.field textarea{resize:vertical;min-height:100px;padding:14px 15px}.field input::placeholder,.field textarea::placeholder{color:#9a9fa4}.form-error{color:var(--danger);margin:0;font-size:14px;line-height:1.45}.muted-copy{color:var(--muted);font-size:14px;line-height:1.55}.loading-line{background:#e3e5e3;border-radius:2px;width:100%;height:3px;position:relative;overflow:hidden}.loading-line span{border-radius:inherit;background:var(--ink);width:42%;animation:1.35s ease-in-out infinite loading-line;position:absolute;inset:0 auto 0 0}@keyframes loading-line{0%{transform:translate(-105%)}55%{transform:translate(110%)}to{transform:translate(260%)}}.onboarding{background:var(--canvas);min-height:100svh}.onboarding-header{z-index:5;justify-content:space-between;align-items:center;width:min(100%,1160px);height:70px;margin:0 auto;padding:0 20px;display:flex;position:relative}.onboarding-header .brand{font-size:24px}.onboarding-intro{width:min(100%,1160px);margin:0 auto;padding-bottom:52px}.intro-image{height:clamp(360px,50svh,560px);position:relative;overflow:hidden}.intro-image img{object-fit:cover;object-position:center 42%;width:100%;height:100%}@media(min-width:701px){.intro-image img{object-position:center top}}.intro-image:after{content:"";background:linear-gradient(#0000,#0a0c0ebd);position:absolute;inset:45% 0 0}.intro-overlay{z-index:1;color:#fff;max-width:700px;position:absolute;bottom:34px;left:clamp(22px,5vw,62px);right:22px}.intro-overlay p{margin-bottom:8px;font-size:14px;font-weight:650}.intro-overlay h1{max-width:650px;margin-bottom:0;font-size:clamp(35px,5vw,60px);font-weight:760;line-height:1.02}.onboarding-question{width:min(100% - 40px,620px);margin:0 auto;padding:58px 0 64px;position:relative}.intro-question{padding-top:46px}.onboarding-question>h1,.onboarding-question>h2{max-width:580px;margin-bottom:12px;font-size:clamp(30px,5vw,42px);font-weight:740;line-height:1.08}.onboarding-question>h2{font-size:clamp(28px,4vw,38px)}.question-note{color:var(--muted);margin-bottom:30px;font-size:16px;line-height:1.5}.onboarding-question>.button{width:100%;margin-top:30px}.onboarding-progress{z-index:4;background:#e1e4e1;height:3px;position:sticky;top:0}.onboarding-progress span{background:var(--coral);height:100%;display:block}.back-button{margin:-20px 0 30px -12px}.choice-stack{gap:10px;margin-top:28px;display:grid}.choice-row{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:83px;padding:15px 17px;display:flex}.choice-row.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.choice-row>span{gap:5px;display:grid}.choice-row strong{font-size:17px}.choice-row small{color:var(--muted);font-size:13px;line-height:1.35}.chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.chip-grid button,.chip-row button{border:1px solid var(--line-strong);background:#fff;border-radius:7px;min-height:52px;padding:0 14px;font-size:14px;font-weight:650}.chip-grid button.selected,.chip-row button.selected{border-color:var(--ink);background:var(--ink);color:#fff}.colour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:28px;display:grid}.colour-grid button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:7px;grid-template-columns:26px minmax(0,1fr) 15px;align-items:center;gap:8px;min-height:52px;padding:0 10px;display:grid;position:relative}.colour-grid button.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.colour-grid button i{border:1px solid #0000001f;border-radius:50%;width:24px;height:24px}.colour-grid button span{text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.segmented-field{border:0;margin:28px 0 0;padding:0}.segmented-field>div{border:1px solid var(--line-strong);background:#fff;border-radius:7px;grid-template-columns:repeat(3,1fr);margin-top:9px;display:grid;overflow:hidden}.segmented-field .two-line-segments{grid-template-columns:repeat(2,1fr)}.segmented-field button{border:0;border-right:1px solid var(--line);background:0 0;min-height:50px;padding:8px;font-size:13px;font-weight:650}.segmented-field button:last-child{border-right:0}.segmented-field button.selected{background:var(--ink);color:#fff}.onboarding-question .field{margin-top:28px}.privacy-note{color:var(--muted);align-items:flex-start;gap:9px;margin-top:19px;font-size:13px;line-height:1.45;display:flex}.privacy-note svg{flex:none;margin-top:1px}.image-picker{gap:12px;margin-top:26px;display:grid}.image-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:280px;display:grid}.image-preview-1{grid-template-columns:1fr}.image-preview-2{grid-template-columns:repeat(2,minmax(0,1fr))}.image-preview{background:#e7e8e5;border-radius:8px;min-height:280px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.image-remove{background:#fffffff0;width:36px;height:36px;position:absolute;top:8px;right:8px}.image-placeholder{background:#f0f2ef;border:1px dashed #aeb5b0;border-radius:8px;align-content:center;place-items:center;gap:9px;width:100%;min-height:300px;padding:24px;display:grid}.image-placeholder span{font-size:16px;font-weight:720}.image-placeholder small{max-width:260px;color:var(--muted);line-height:1.4}.analysis-stage,.loading-screen{text-align:center;align-content:center;place-items:center;min-height:100svh;padding:30px;display:grid}.analysis-stage .brand,.loading-screen .brand{margin-bottom:58px}.analysis-visual{align-items:flex-end;gap:6px;height:88px;margin-bottom:34px;display:flex}.analysis-visual span{border-radius:5px 5px 0 0;width:24px;animation:1.5s ease-in-out infinite alternate swatch-breathe;display:block}.analysis-visual span:first-child{height:48px}.analysis-visual span:nth-child(2){height:76px;animation-delay:.1s}.analysis-visual span:nth-child(3){height:60px;animation-delay:.2s}.analysis-visual span:nth-child(4){height:88px;animation-delay:.3s}.analysis-visual span:nth-child(5){height:68px;animation-delay:.4s}@keyframes swatch-breathe{to{transform:translateY(-7px)}}.analysis-stage h1{margin-bottom:11px;font-size:30px}.analysis-stage>p,.loading-screen>p{max-width:480px;color:var(--muted);margin-bottom:28px;line-height:1.55}.analysis-stage .loading-line,.loading-screen .loading-line{max-width:380px}.auth-onboarding .auth-stage{place-items:center;min-height:calc(100svh - 70px);padding:32px 20px 80px;display:grid}.auth-form{gap:20px;width:min(100%,430px);display:grid}.auth-heading{margin-bottom:8px}.auth-heading h1{margin-bottom:11px;font-size:34px;line-height:1.08}.auth-heading p{color:var(--muted);margin-bottom:0;line-height:1.5}.auth-heading strong{color:var(--ink)}.auth-privacy,.auth-help{color:var(--muted);text-align:center;margin:-4px 0 0;font-size:12px;line-height:1.45}.auth-back{justify-self:center;margin-top:10px}.auth-actions{justify-content:space-between;gap:12px;display:flex}.turnstile-slot{min-height:0}.otp-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.otp-row input{border:1px solid var(--line-strong);width:100%;min-width:0;height:61px;color:var(--ink);text-align:center;background:#fff;border-radius:8px;padding:0;font-size:26px;font-weight:740}.standalone-auth{min-height:100svh}.standalone-auth>header{align-items:center;height:72px;padding:0 24px;display:flex}.standalone-auth-grid{grid-template-columns:minmax(360px,1fr) minmax(420px,1fr);min-height:calc(100svh - 72px);display:grid}.auth-photo{overflow:hidden}.auth-photo img{object-fit:cover;width:100%;height:100%}.standalone-auth-grid>.auth-form{place-self:center;margin:50px}.app-shell{background:var(--canvas);min-height:100svh}.desktop-sidebar{z-index:20;border-right:1px solid var(--line);background:#f2f3f0;flex-direction:column;width:236px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.desktop-sidebar .brand{margin:0 12px 38px;font-size:23px}.desktop-sidebar nav{gap:3px;display:grid}.desktop-sidebar nav a{color:#555d64;border-radius:6px;align-items:center;gap:12px;min-height:46px;padding:0 12px;font-size:14px;font-weight:650;display:flex}.desktop-sidebar nav a.active{color:var(--ink);background:#fff}.app-frame{min-height:100svh;margin-left:236px}.mobile-header,.bottom-nav{display:none}.app-page{width:min(100% - 64px,var(--page-width));margin:0 auto;padding:58px 0 90px}.page-header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:46px;display:flex}.page-header h1{max-width:760px;margin-bottom:10px;font-size:39px;line-height:1.08}.page-header>div>p:last-child{max-width:640px;color:var(--muted);margin-bottom:0;font-size:16px;line-height:1.5}.section-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.section-heading h2{margin-bottom:0;font-size:25px;line-height:1.15}.home-header{margin-bottom:32px}.quick-question{background:var(--spruce);color:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:30px;display:grid;position:relative}.quick-question>div>svg{margin-bottom:32px}.quick-question .eyebrow{color:#bcd6cc}.quick-question h2{margin-bottom:7px;font-size:30px}.quick-question p:not(.eyebrow){color:#dfeae5;max-width:530px;margin-bottom:0}.quick-question .button{color:var(--ink);background:#fff}.quick-question>small{color:#c7d9d2;font-size:11px;position:absolute;bottom:12px;right:31px}.home-style-band{margin-top:54px}.swatch-rail{border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));min-height:145px;display:grid;overflow:hidden}.swatch-rail>div{min-width:0;position:relative}.swatch-rail span{color:#161719;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#ffffffdb;border-radius:4px;padding:4px 6px;font-size:10px;font-weight:700;position:absolute;inset:auto 7px 8px;overflow:hidden}.formula-preview{border-bottom:1px solid var(--line);grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:20px;padding:26px 4px;display:grid}.formula-index{color:var(--coral);font-size:13px;font-weight:800}.formula-preview h3{margin-bottom:5px;font-size:20px}.formula-preview p:last-child{color:var(--muted);margin-bottom:0}.home-split{grid-template-columns:1.35fr 1fr;gap:18px;margin-top:54px;display:grid}.feature-panel{border-radius:8px;min-height:360px;overflow:hidden}.wardrobe-panel{color:#fff;position:relative}.wardrobe-panel:after{content:"";background:linear-gradient(#0000,#080a0bcc);position:absolute;inset:36% 0 0}.wardrobe-panel img{object-fit:cover;width:100%;height:100%}.wardrobe-panel>div{z-index:1;position:absolute;bottom:24px;left:25px;right:25px}.feature-panel h2{margin:13px 0 7px;font-size:25px}.feature-panel p{margin-bottom:0;line-height:1.45}.weekly-panel{background:var(--sky);flex-direction:column;align-items:flex-start;padding:27px;display:flex}.weekly-panel .eyebrow{color:#3c5e73;margin-top:auto}.weekly-panel p:not(.eyebrow){color:#304b5d}.weekly-panel .text-action{margin-top:28px}.profile-prompt{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:30px;margin-top:44px;padding:30px;display:flex}.profile-prompt h2{margin:16px 0 6px}.profile-prompt p{color:var(--muted);margin-bottom:0}.style-hero{border-bottom:1px solid var(--line);padding:54px 0 48px}.style-hero h1{max-width:800px;margin-bottom:14px;font-size:clamp(42px,6vw,70px);line-height:.98}.style-hero>p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:19px;line-height:1.5}.keyword-row{flex-wrap:wrap;gap:8px;margin-top:27px;display:flex}.keyword-row span{border:1px solid var(--line-strong);background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.style-statement{border-bottom:1px solid var(--line);grid-template-columns:170px minmax(0,1fr);gap:42px;padding:45px 0;display:grid}.style-statement span{color:var(--spruce);font-size:14px;font-weight:760}.style-statement p{max-width:760px;margin-bottom:0;font-size:23px;line-height:1.42}.style-section{border-bottom:1px solid var(--line);padding:58px 0}.palette-detail{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.palette-detail article{min-width:0}.palette-detail article>div{aspect-ratio:.8;border:1px solid #00000014;border-radius:6px;width:100%;margin-bottom:12px}.palette-detail span,.palette-detail small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.palette-detail span{font-size:14px;font-weight:750}.palette-detail small{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:700}.palette-detail p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.4}.formula-list{display:grid}.formula-list article{border-top:1px solid var(--line);grid-template-columns:70px minmax(0,1fr);gap:18px;padding:27px 0;display:grid}.formula-list h3{margin-bottom:7px;font-size:22px}.formula-list p{max-width:700px;color:var(--muted);line-height:1.5}.formula-list .formula-pieces{color:var(--ink);font-weight:700}.formula-list small{color:var(--spruce);font-weight:700}.style-two-column{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;display:grid}.compact-section{border:0}.check-list,.number-list{gap:13px;margin:24px 0 0;padding:0;list-style:none;display:grid}.check-list li,.number-list li{color:#34393e;align-items:flex-start;gap:10px;line-height:1.45;display:flex}.check-list li svg{color:var(--spruce);flex:none;margin-top:2px}.shopping-section{padding:58px 0 20px}.shopping-row{border-top:1px solid var(--line);grid-template-columns:62px minmax(0,1fr);gap:18px;padding:20px 0;display:grid}.priority{background:var(--spruce-soft);color:var(--spruce);text-align:center;text-transform:uppercase;border-radius:4px;align-self:start;padding:5px 6px;font-size:10px;font-weight:800}.priority-later{color:#5f666c;background:#e7e8e6}.priority-next{background:var(--coral-soft);color:#8f4032}.shopping-row strong{font-size:16px}.shopping-row p{color:var(--muted);margin:5px 0 0;line-height:1.45}.ask-composer{border-bottom:1px solid var(--line);grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:42px;padding-bottom:54px;display:grid}.ask-composer .image-picker{margin-top:0}.ask-details{align-content:start;gap:26px;display:grid}.choice-fieldset{border:0;margin:0;padding:0}.chip-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip-row button{min-height:42px}.history-section{padding-top:54px}.request-list{border-top:1px solid var(--line);display:grid}.request-list button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:11px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:12px 2px;display:grid}.request-list button>div{gap:4px;display:grid}.request-list small{color:var(--muted)}.verdict-dot{background:#b4b8bb;border-radius:50%;width:9px;height:9px}.verdict-works{background:var(--spruce)}.verdict-nearly{background:var(--yellow)}.verdict-rethink{background:var(--coral)}.back-link{align-items:center;gap:7px;margin-bottom:34px;font-size:14px;font-weight:700;display:inline-flex}.review-processing{text-align:center;place-items:center;max-width:620px;margin:0 auto;display:grid}.review-image{aspect-ratio:.68;background:#e3e5e2;border-radius:8px;width:min(100%,350px);margin-bottom:30px;position:relative;overflow:hidden}.review-image img{object-fit:cover;width:100%;height:100%}.scan-line{background:#ffffffe0;height:2px;animation:2.1s ease-in-out infinite scan;position:absolute;left:0;right:0;box-shadow:0 0 18px #ffffffe6}@keyframes scan{0%{top:5%}50%{top:92%}to{top:5%}}.review-processing h1{margin-bottom:10px;font-size:30px}.review-processing>p:not(.eyebrow){color:var(--muted)}.review-processing .loading-line{max-width:350px;margin-top:18px}.result-top{grid-template-columns:minmax(260px,.8fr) minmax(350px,1.2fr);align-items:center;gap:48px;display:grid}.result-photo{aspect-ratio:.72;border-radius:8px;overflow:hidden}.result-photo img{object-fit:cover;width:100%;height:100%}.result-verdict h1{margin-bottom:15px;font-size:40px;line-height:1.06}.result-verdict>p:last-child{color:var(--muted);font-size:17px;line-height:1.55}.verdict-badge{text-transform:uppercase;background:#e7e8e6;border-radius:5px;margin-bottom:28px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-block}.verdict-badge.verdict-works{background:var(--spruce-soft);color:var(--spruce)}.verdict-badge.verdict-nearly{color:#705d16;background:#f6edc6}.verdict-badge.verdict-rethink{background:var(--coral-soft);color:#8f4032}.change-first{background:var(--sky);border-radius:8px;grid-template-columns:70px minmax(0,1fr);gap:22px;margin:54px 0 0;padding:30px;display:grid}.change-first>span{color:#35657f;font-weight:800}.change-first h2{max-width:700px;margin-bottom:0;font-size:26px}.result-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:52px;padding:52px 0;display:grid}.number-list li>span{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:inline-grid}.result-note{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr);gap:28px;padding:24px 0;display:grid}.result-note p{color:var(--muted);margin-bottom:0;line-height:1.5}.wardrobe-header .button{flex:none}.wardrobe-add{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);gap:30px;margin-bottom:44px;padding:30px;display:grid;position:relative}.wardrobe-add h2{margin-bottom:9px;font-size:26px}.wardrobe-add>div:first-of-type>p:last-child{color:var(--muted);line-height:1.5}.wardrobe-add .image-picker{grid-row:span 3;margin-top:0}.wardrobe-add .image-placeholder,.wardrobe-add .image-preview{min-height:320px}.wardrobe-add>.button{align-self:end}.modal-close{z-index:2;position:absolute;top:8px;right:8px}.wardrobe-tools{gap:16px;margin-bottom:28px;display:grid}.search-field{align-items:center;gap:10px;width:min(100%,420px);height:50px;padding:0 14px;display:flex}.search-field svg{color:var(--muted)}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0}.wardrobe-filters{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.wardrobe-filters button{flex:none}.wardrobe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;display:grid}.wardrobe-card{min-width:0}.wardrobe-image{aspect-ratio:.8;background:#e8eae7;border-radius:7px;position:relative;overflow:hidden}.wardrobe-image img{object-fit:cover;width:100%;height:100%}.favorite-button{background:#ffffffeb;width:38px;height:38px;position:absolute;top:7px;right:7px}.favorite-button.selected{color:var(--coral)}.wardrobe-meta{justify-content:space-between;align-items:center;gap:8px;padding:12px 2px 0;display:flex}.wardrobe-meta>div{gap:4px;min-width:0;display:grid}.wardrobe-meta strong,.wardrobe-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wardrobe-meta strong{font-size:14px}.wardrobe-meta span{color:var(--muted);text-transform:capitalize;font-size:12px}.wardrobe-meta .icon-button{width:38px;height:38px;color:var(--muted)}.empty-state{text-align:center;place-items:center;max-width:500px;margin:50px auto;display:grid}.empty-icon,.upgrade-icon{background:var(--spruce-soft);width:52px;height:52px;color:var(--spruce);border-radius:50%;place-items:center;display:grid}.empty-state h2{margin:18px 0 8px;font-size:25px}.empty-state p{max-width:400px;color:var(--muted);margin-bottom:25px;line-height:1.5}.upgrade-page{max-width:880px}.upgrade-header{text-align:center;place-items:center;max-width:700px;margin:20px auto 40px;display:grid}.upgrade-header .eyebrow{margin-top:24px}.upgrade-header h1{margin-bottom:15px;font-size:44px;line-height:1.04}.upgrade-header>p:last-child{color:var(--muted);font-size:17px;line-height:1.5}.upgrade-pricing{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:520px;margin:0 auto;padding:28px}.pricing-toggle{background:#eceeeb;border-radius:7px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.pricing-toggle button{background:0 0;border:0;border-radius:5px;min-height:44px;font-size:13px;font-weight:700}.pricing-toggle button.selected{background:#fff}.pricing-toggle small{color:var(--spruce);font-size:10px;display:block}.price-line{justify-content:center;align-items:baseline;margin-top:28px;display:flex}.price-line strong{font-size:54px;line-height:1}.price-line span{color:var(--muted)}.price-equivalent,.billing-note{color:var(--muted);text-align:center;font-size:12px}.upgrade-pricing .check-list{margin:30px 0}.upgrade-pricing>.button{width:100%}.billing-note{margin:13px 0 0}.plan-active{text-align:center;place-items:center;max-width:650px;margin:100px auto;display:grid}.plan-active svg{color:var(--spruce);margin-bottom:20px}.plan-active h1{font-size:39px}.plan-active>p:last-child{color:var(--muted)}.success-banner{background:var(--spruce-soft);color:var(--spruce);border-radius:7px;align-items:center;gap:10px;margin:-18px 0 32px;padding:14px 16px;font-size:14px;font-weight:680;display:flex}.account-section{border-top:1px solid var(--line);gap:20px;padding:36px 0;display:grid}.plan-section{grid-template-columns:minmax(0,1fr) auto;align-items:center}.account-section h2{margin-bottom:8px;font-size:26px}.account-section p:last-child{max-width:670px;color:var(--muted);margin-bottom:0;line-height:1.5}.account-actions{display:grid}.account-action{border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:16px;min-height:72px;padding:13px 2px;display:flex}.account-action>span{flex:1;gap:4px;min-width:0;display:grid}.account-action small{color:var(--muted)}.danger-action{color:var(--danger);border:0;border-top:1px solid var(--line)}.account-footer{border-top:1px solid var(--line);color:var(--muted);gap:22px;padding-top:34px;font-size:13px;display:flex}.dialog-backdrop{z-index:100;background:#0f11128a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:8px;width:min(100%,480px);padding:27px;box-shadow:0 18px 65px #0003}.dialog>svg{color:var(--danger)}.dialog h2{margin:18px 0 9px}.dialog>p{color:var(--muted);line-height:1.5}.dialog .field{margin-top:24px}.dialog-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.week-page{max-width:980px}.week-upgrade{border:1px solid var(--line);background:var(--paper);border-radius:8px;justify-items:start;max-width:720px;margin:70px auto 0;padding:44px;display:grid}.week-upgrade>svg{color:var(--spruce);margin-bottom:42px}.week-upgrade h1{max-width:620px;margin-bottom:16px;font-size:42px;line-height:1.04}.week-upgrade>p:not(.eyebrow){max-width:570px;color:var(--muted);margin-bottom:28px;font-size:17px;line-height:1.6}.week-composer{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:44px;padding:30px;display:grid}.week-contexts{display:grid}.week-contexts label{border-bottom:1px solid var(--line);grid-template-columns:1fr 180px;align-items:center;min-height:69px;display:grid}.week-contexts label:last-child{border-bottom:0}.week-contexts label>span{font-size:16px;font-weight:720}.week-contexts select{border:1px solid var(--line-strong);background:var(--canvas);width:100%;min-height:42px;color:var(--ink);border-radius:6px;padding:0 11px}.week-details{align-content:start;gap:20px;display:grid}.week-details>small{color:var(--muted);text-align:center}.week-result-header{justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px;display:flex}.week-result-header>div{max-width:680px}.week-result-header h1{margin-bottom:13px;font-size:43px;line-height:1.04}.week-result-header>div>p:last-child{color:var(--muted);margin-bottom:0;font-size:17px;line-height:1.6}.week-days{border-top:1px solid var(--line-strong)}.week-day{border-bottom:1px solid var(--line);grid-template-columns:54px minmax(0,1fr);gap:24px;padding:32px 0;display:grid}.week-day-index{color:var(--coral);padding-top:4px;font-size:13px;font-weight:800}.week-day-body{min-width:0}.week-day-heading{grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:20px;display:grid}.week-day-heading>div{gap:3px;display:grid}.week-day-heading span,.week-day-heading h2{font-weight:760}.week-day-heading small{color:var(--muted)}.week-day-heading h2{margin:0;font-size:24px}.week-pieces{scrollbar-width:none;gap:10px;margin:22px 0 18px;display:flex;overflow-x:auto}.week-pieces::-webkit-scrollbar{display:none}.week-pieces>div{flex:0 0 110px;gap:7px;display:grid}.week-pieces img,.piece-placeholder{aspect-ratio:.82;border:1px solid var(--line);background:var(--canvas);object-fit:cover;border-radius:6px;place-items:center;width:110px;display:grid}.week-pieces>div>span:last-child{color:#3f454a;font-size:12px;line-height:1.25}.week-day-body>p{color:#3f454a;margin-bottom:10px;line-height:1.55}.week-backup{color:var(--muted);line-height:1.5}.week-backup strong{color:var(--ink)}.legal-page{min-height:100svh}.legal-page>header{justify-content:space-between;align-items:center;width:min(100% - 40px,1000px);height:78px;margin:0 auto;display:flex}.legal-page article{width:min(100% - 40px,760px);margin:50px auto 100px}.legal-page h1{margin-bottom:8px;font-size:44px}.legal-updated{color:var(--muted);font-size:13px;margin-bottom:42px!important}.legal-page article h2{margin:37px 0 10px;font-size:21px}.legal-page article p{color:#454b50;margin-bottom:16px;font-size:16px;line-height:1.65}.legal-page article a{text-underline-offset:3px;text-decoration:underline}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-metrics article{border:1px solid var(--line);background:#fff;border-radius:7px;gap:7px;padding:20px;display:grid}.admin-metrics strong{margin-top:12px;font-size:28px}.admin-metrics span{color:var(--muted);font-size:12px}.admin-costs{background:var(--spruce);color:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px;padding:30px;display:grid}.admin-costs .eyebrow,.admin-costs>p{color:#c4d8d1}.admin-costs h2{font-size:32px}.admin-costs dl{grid-template-columns:1fr 1fr;gap:14px;margin:0;display:grid}.admin-costs dl>div{gap:5px;display:grid}.admin-costs dt{color:#c4d8d1;font-size:12px}.admin-costs dd{margin:0;font-size:21px;font-weight:750}.admin-costs>p{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}.admin-errors{margin-top:38px}.admin-errors h2{gap:9px;display:flex}.admin-errors>div{border-top:1px solid var(--line);grid-template-columns:160px minmax(0,1fr) 40px;gap:18px;padding:13px 0;font-size:13px;display:grid}.admin-errors span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.error-state,.not-found-page{text-align:center;place-items:center;max-width:560px;margin:100px auto;display:grid}.error-state h1,.not-found-page h1{margin:21px 0 10px;font-size:34px}.error-state p{color:var(--muted);margin-bottom:25px}.not-found-page{min-height:calc(100svh - 200px)}.not-found-page .brand{margin-bottom:50px}.not-found-page .button{margin-top:24px}@media(max-width:960px){.desktop-sidebar{display:none}.app-frame{margin-left:0}.mobile-header{border-bottom:1px solid var(--line);background:#f7f7f5f5;justify-content:center;align-items:center;height:64px;padding:0 20px;display:flex}.mobile-header .brand{font-size:22px}.bottom-nav{z-index:40;min-height:calc(66px + var(--safe-bottom));padding:6px 4px var(--safe-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafaf8f7;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#727980;white-space:nowrap;align-content:center;place-items:center;gap:3px;min-width:0;font-size:9px;font-weight:680;display:grid}.bottom-nav a.active{color:var(--ink)}.app-page{width:min(100% - 36px,740px);padding:38px 0 calc(98px + var(--safe-bottom))}.palette-detail,.wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.onboarding-header{height:64px;padding:0 18px}.onboarding-header .brand{font-size:22px}.intro-image{height:clamp(340px,48svh,470px)}.intro-overlay{bottom:25px;left:20px}.intro-overlay h1{font-size:36px}.intro-question{padding-top:36px}.onboarding-question{width:calc(100% - 36px);padding-top:42px}.onboarding-question>h1,.onboarding-question>h2{font-size:30px}.colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-preview-grid,.image-preview{min-height:360px}.image-preview-2,.image-preview-3,.image-preview-2 .image-preview,.image-preview-3 .image-preview{min-height:260px}.image-preview-3{grid-template-columns:repeat(2,1fr)}.image-preview-3 .image-preview:first-child{grid-column:1/-1}.standalone-auth>header{height:64px;padding:0 18px}.standalone-auth-grid{min-height:auto;display:block}.auth-photo{height:220px}.standalone-auth-grid>.auth-form{margin:38px auto 70px;padding:0 18px}.auth-heading h1{font-size:30px}.otp-row{gap:5px}.otp-row input{height:56px;font-size:23px}.page-header{gap:18px;margin-bottom:34px;display:grid}.page-header h1{font-size:31px}.page-header>.button,.page-header>.text-action{justify-self:start}.quick-question{grid-template-columns:1fr;align-items:start;padding:24px 22px 36px}.quick-question>div>svg{margin-bottom:38px}.quick-question h2{font-size:26px}.quick-question .button{width:100%}.quick-question>small{text-align:center;bottom:13px;left:0;right:0}.swatch-rail{grid-template-columns:repeat(3,1fr);min-height:250px}.formula-preview{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}.home-split{grid-template-columns:1fr}.feature-panel{min-height:340px}.weekly-panel{min-height:300px}.profile-prompt{display:grid}.profile-prompt .button{width:100%}.style-hero{padding-top:25px}.style-hero h1{font-size:45px}.style-statement{grid-template-columns:1fr;gap:14px}.style-statement p{font-size:20px}.style-section{padding:42px 0}.palette-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.palette-detail article>div{aspect-ratio:1.08}.formula-list article{grid-template-columns:42px minmax(0,1fr)}.style-two-column{grid-template-columns:1fr;gap:0}.style-two-column .compact-section:first-child{border-bottom:1px solid var(--line)}.shopping-row{grid-template-columns:55px minmax(0,1fr)}.ask-composer{grid-template-columns:1fr;gap:28px}.result-top{grid-template-columns:1fr;gap:30px}.result-photo{max-height:540px}.result-verdict h1{font-size:34px}.change-first{grid-template-columns:35px minmax(0,1fr);gap:12px;padding:22px 18px}.change-first h2{font-size:22px}.result-grid{grid-template-columns:1fr;gap:34px}.result-note{grid-template-columns:1fr;gap:8px}.wardrobe-add{grid-template-columns:1fr;padding:22px 18px}.wardrobe-add .image-picker{grid-row:auto}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.wardrobe-meta .icon-button{display:none}.upgrade-header h1{font-size:36px}.upgrade-pricing{padding:20px 18px}.plan-section{grid-template-columns:1fr}.plan-section .button{justify-self:start}.account-footer{flex-wrap:wrap}.legal-page>header{height:68px}.legal-page>header .brand{font-size:21px}.legal-page article{margin-top:35px}.legal-page h1{font-size:36px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-costs{grid-template-columns:1fr;padding:23px 19px}.admin-costs>p{grid-column:auto}.admin-errors>div{grid-template-columns:100px minmax(0,1fr) 30px}.week-upgrade{margin-top:34px;padding:26px 20px}.week-upgrade>svg{margin-bottom:34px}.week-upgrade h1{font-size:33px}.week-composer{grid-template-columns:1fr;gap:30px;padding:22px 18px}.week-contexts label{grid-template-columns:minmax(0,1fr) 145px}.week-result-header{align-items:start;display:grid}.week-result-header h1{font-size:34px}.week-result-header .button{justify-self:start}.week-day{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:26px 0}.week-day-heading{grid-template-columns:1fr;gap:12px}.week-day-heading h2{font-size:22px}}@media(max-width:390px){.colour-grid button{grid-template-columns:23px minmax(0,1fr) 14px;padding:0 8px}.colour-grid button i{width:21px;height:21px}.otp-row input{height:51px}.bottom-nav a{font-size:8px}}@media(prefers-reduced-motion:reduce){.spin,.loading-line span,.analysis-visual span,.scan-line{animation-duration:.01ms;animation-iteration-count:1}}