@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap');
:root{--ink:#283d32;--cream:#f7f5ee;--muted:#6e756b;--line:#d9ddd2;--gold:#d9b778}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px}header,main,footer{max-width:1200px;margin:auto}header{padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px;font-size:28px}.brand span{font-size:21px;letter-spacing:-1px}.badge,.eyebrow,.step{font-size:10px;letter-spacing:2px;font-weight:700}.badge{border:1px solid var(--line);padding:9px 12px;border-radius:20px}main{padding:0 32px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(44px,6vw,72px);line-height:1.06;letter-spacing:-2px;margin:20px 0}h2{font-size:32px;line-height:1.2;margin:16px 0}p{line-height:1.65;color:var(--muted)}.eyebrow{color:var(--muted)}.lead{font-size:17px}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:center;padding:55px 0}.intro-card{background:#e7ebdf;padding:30px 36px;border-radius:4px;max-width:380px;justify-self:end}.intro-card h2{font-size:35px}.textlink{color:var(--ink);font-weight:700;text-underline-offset:5px}nav{display:flex;gap:12px;border-bottom:1px solid var(--line);margin-bottom:25px}.tab{border:0;background:transparent;border-radius:0;padding:16px 20px;color:var(--muted)}.tab.active{color:var(--ink);border-bottom:3px solid var(--ink)}.tab span{border-radius:12px;background:#e4e8df;padding:2px 7px;font-size:12px;margin-left:5px}button,input,select{font:inherit}button,.file-label{cursor:pointer}button,.secondary{padding:12px 18px;border-radius:5px;font-weight:600}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--ink);color:white;border:1px solid var(--ink);width:100%;margin:6px 0}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.file-label{display:inline-flex;justify-content:center;align-items:center;text-align:center}.file-label input{display:none}aside .secondary{width:100%;margin:6px 0}.scan-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:38px}.camera{position:relative;background:#e7e5dd;min-height:420px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera video{width:100%;max-height:540px;object-fit:contain;background:#191d18;display:none}.camera video.visible{display:block}#placeholder{text-align:center;padding:25px}#placeholder h2{font-size:30px}.camera-icon{display:block;font-size:55px;color:#879281}.capture-state{position:absolute;bottom:18px;left:18px;right:18px;background:rgba(247,245,238,.94);padding:12px 16px;border-radius:5px;font-size:13px}.fine{font-size:12px}details{margin-top:18px}summary{cursor:pointer;font-size:13px}details label{display:block;margin:12px 0}details select{margin-top:6px;width:100%}.session-summary{display:flex;justify-content:space-between;padding:18px 0;font-size:12px;color:var(--muted)}.session-summary strong{font-size:24px;color:var(--ink);margin-right:7px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.section-heading h2{font-size:40px}.section-heading p{max-width:600px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.card img{width:100%;height:240px;object-fit:contain;background:#eeeee7;display:block}.card-body{padding:18px}.card label{display:block;font-size:12px;margin-bottom:12px}.card label input,.card select,.card textarea{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink)}.card h3{margin:0 0 8px}.card p{font-size:13px}.card .actions{display:flex;gap:8px}.card .primary{width:auto;margin:0;flex:1}.actions{display:flex;gap:10px;flex-wrap:wrap}.filters{display:flex;gap:12px;margin-bottom:20px}.search{flex:1}.filters input,.filters select,details select{padding:12px;border:1px solid var(--line);border-radius:4px;background:white;max-width:100%}.filters input{width:100%}.empty{grid-column:1/-1;text-align:center;padding:70px 25px;border:1px dashed #b5beae;border-radius:8px}.empty h3{font-family:Georgia,serif;font-size:25px;font-weight:400}.next{border-top:1px solid var(--line);margin-top:65px;padding:35px 0 50px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.roadmap span{font-size:10px;letter-spacing:2px;color:#7c846f}.roadmap h3{font-size:17px;font-weight:500}.roadmap p{font-size:13px}footer{border-top:1px solid var(--line);padding:25px 32px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}#message:empty{display:none}#message{background:#e8eddf;padding:12px 16px;border-radius:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:760px){header{padding:20px}.badge{display:none}main{padding:0 20px}.intro{gap:20px;padding:30px 0;grid-template-columns:1fr}.intro-card{max-width:none;justify-self:stretch;padding:22px}.intro-card h2{font-size:27px}.scan-layout{grid-template-columns:1fr;gap:20px}.camera{min-height:350px}nav{gap:0}.tab{padding:14px 9px;font-size:12px;flex:1}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card img{height:190px}.card-body{padding:12px}.card .actions{flex-wrap:wrap}.section-heading{display:block}.section-heading h2{font-size:32px}.section-heading>.secondary{margin-bottom:15px}.roadmap{grid-template-columns:1fr;gap:10px}.session-summary{gap:15px}.filters{flex-direction:column}footer span{max-width:180px;text-align:right}}@media(max-width:390px){.grid{grid-template-columns:1fr}}

.batch-tools{display:flex;align-items:center;gap:15px;flex-wrap:wrap;background:#e7ebdf;padding:18px;margin-bottom:22px;border-radius:5px}.batch-tools label{font-size:12px}.batch-tools select{display:block;padding:10px;margin-top:6px;border:1px solid var(--line);background:white;border-radius:4px}.batch-tools span{font-size:12px;color:var(--muted);flex:1;min-width:180px}

.clothing-details{margin:12px 0}.clothing-details summary,.optional-details summary{font-weight:600}.clothing-details>label{margin-top:12px}.season-picker{border:1px solid var(--line);padding:12px;border-radius:5px;margin:12px 0}.season-picker legend{font-size:12px}.season-picker label{display:flex;align-items:center;gap:8px;margin:8px 0}.season-picker input{width:auto!important;margin:0!important}.optional-details{margin:16px 0}.filters{flex-wrap:wrap}.filters .search{min-width:200px}.filters select{width:100%}dialog{max-height:90vh;overflow:auto}dialog::backdrop{background:rgba(20,30,24,.5)}

.last-capture{position:absolute;top:14px;right:14px;width:85px;height:100px;object-fit:contain;background:white;border:3px solid white;border-radius:5px;box-shadow:0 2px 12px #0004}

.ai-panel{background:#edf1e7;padding:12px;border-radius:5px;margin-bottom:14px}.ai-panel button{width:100%;font-size:12px}.ai-panel p{font-size:12px;margin-bottom:0}.recognition-tools{display:flex;align-items:center;gap:18px;margin:0 0 18px;flex-wrap:wrap}.recognition-tools .primary{width:auto}.recognition-tools span{font-size:12px;color:var(--muted)}.auto-suggest{display:flex;align-items:flex-start;gap:8px;margin:15px 0;font-size:13px}

.local-tools{background:#e7ebdf;padding:20px;border-radius:6px;margin:0 0 20px}.local-tools p,.local-tools label{font-size:12px}.local-tools .primary{width:auto}.local-panel{background:#f0f3eb;padding:12px;border-radius:5px;margin-bottom:14px}.local-panel>button{width:100%;font-size:12px}.local-panel p{font-size:12px}.choice-button{display:block;margin-top:7px;border:1px solid #cbd3c3;background:white;color:var(--ink);text-align:left;font-size:12px}#localStatus{margin-bottom:0}

.inspiration-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;margin:20px 0 35px}.inspiration-form>label,.look-context>label{display:block;font-size:13px;margin-bottom:18px}.inspiration-form input,.inspiration-form textarea,.look-context input,.look-context select,.look-piece input,.look-piece select{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);font:inherit;margin-top:7px}.inspiration-form .file-label input{display:none}.inspiration-image{width:100%;max-height:350px;object-fit:contain;margin:15px 0;background:#e7e5dd}.look-context{background:#e7ebdf;padding:25px;border-radius:6px}.look-piece{padding:18px;background:white;border:1px solid var(--line);border-radius:6px}.look-piece label{display:block;font-size:12px;margin:12px 0}.look-piece button{width:100%;margin-top:10px}.outfit-actions{display:flex;gap:15px;margin:25px 0 40px;flex-wrap:wrap}.outfit-actions .primary{width:auto;margin:0}.match-card{padding:18px;background:white;border:1px solid var(--line);border-radius:6px}.match-card img{width:100%;height:220px;object-fit:contain;background:#efefe8;border-radius:4px}.match-tag{font-size:10px;font-weight:700;letter-spacing:1px;padding:6px 8px;display:inline-block;background:#e7ebdf;border-radius:3px}.match-tag.substitute{background:#fff0cf}.match-tag.gap{background:#ece6df}.match-card h3{font-size:18px;font-weight:500}.match-card h4{font-size:15px;margin-bottom:0}.match-card p{font-size:13px}.match-differences{color:#886a38}.shop-link{display:block;background:var(--ink);color:white;text-decoration:none;padding:12px;text-align:center;border-radius:4px;font-size:13px;margin-top:15px}.saved-heading{margin-top:45px}.saved-look{padding:18px;border:1px solid var(--line);background:white;border-radius:6px}.saved-look img{width:100%;height:170px;object-fit:contain}.saved-look .actions{margin-top:20px}.saved-look p{font-size:13px}@media(max-width:760px){nav{flex-wrap:wrap}.tab{flex:1 1 45%;text-align:center}.inspiration-layout{grid-template-columns:1fr;gap:15px}.match-card img{height:180px}}

.install-help{background:#e7ebdf;padding:20px;margin-top:20px;border-radius:6px}.install-help p{font-size:13px;margin-bottom:0}header #installApp{font-size:12px}

.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:#e9ede5}.auth-card{width:min(100%,420px);padding:30px;background:white;border-radius:12px;box-shadow:0 12px 35px #17261b18}.auth-card h1{font-family:Georgia,serif;font-weight:400}.auth-card label{display:block;margin:14px 0;font-size:13px}.auth-card input{display:block;width:100%;padding:13px;margin-top:6px;border:1px solid #aab5a8;border-radius:5px}.auth-card button{width:100%;margin-top:10px}.auth-card #authStatus{font-size:13px;color:#80542b}header #accountLabel{font-size:12px;margin-left:auto;margin-right:8px}header #logout{font-size:12px}@media(max-width:600px){.auth-card{padding:22px}header #accountLabel{display:none}}

.auth-card .password-field{position:relative;display:block}.auth-card .password-field input{padding-right:58px}.auth-card .password-toggle{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:44px;height:40px;padding:8px;margin:0;border:0;border-radius:4px;background:transparent;color:var(--ink);cursor:pointer}.password-toggle:hover{background:#e9ede5}.password-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.password-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle[aria-pressed="false"] .password-slash{display:none}

.camera-help{font-size:13px;margin:2px 0 16px}.shutter{min-height:58px;font-size:18px}.shutter span{font-size:26px;vertical-align:middle;margin-right:8px}.auto-settings,.saved-imports{border-top:1px solid var(--line);padding-top:16px}.saved-imports summary,.auto-settings summary{font-weight:600}.saved-imports .file-label:first-of-type{margin-top:14px}#cameraActions .secondary{min-height:48px}
.camera-actions{position:absolute;bottom:90px;left:18px;right:18px;display:flex;justify-content:center;gap:10px;align-items:center}.camera-actions .shutter{flex:1;width:auto;margin:0}.camera-actions .secondary{background:var(--cream);border-color:var(--cream);box-shadow:0 2px 12px #0002;min-height:58px}@media(max-width:390px){.camera-actions{left:10px;right:10px;gap:6px}.camera-actions button{padding:10px;font-size:14px}.camera-actions .shutter span{margin-right:3px}}

.outfit-builder-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:30px}.outfit-figure{position:relative;height:550px;background:radial-gradient(ellipse at center,#fff 10%,#e9ede3 90%);border:1px solid var(--line);border-radius:16px;overflow:hidden}.outfit-person{position:absolute;height:500px;width:300px;left:50%;top:20px;transform:translateX(-50%);fill:#bdc7b6;stroke:#86947d;stroke-width:2;opacity:.55}.board-slot{position:absolute;width:120px;min-height:94px;padding:9px;border:1px dashed #a5b49a;border-radius:9px;background:#f7f5eee8;box-shadow:0 3px 12px #283d3210;text-align:center;font-size:12px;font-weight:400}.board-slot.owned{border:1px solid #6f8b66;background:white}.board-slot img{width:100%;height:72px;object-fit:contain;display:block;margin:5px 0}.slot-label{display:block;font-weight:700;font-size:11px}.slot-name{display:block;line-height:1.3;font-size:11px}.slot-plus{display:block;font-size:25px;line-height:1.2;color:#879b78}.board-slot small{display:block;font-size:10px;color:var(--muted)}.board-slot-top{top:112px;left:50%;transform:translateX(-50%)}.board-slot-bottom{top:279px;left:50%;transform:translateX(-50%)}.board-slot-shoes{bottom:16px;left:50%;transform:translateX(-50%)}.board-slot-layer{left:18px;top:152px}.board-slot-bag{right:18px;top:274px}.board-slot-accessory{right:18px;top:60px}.board-slot-finish{left:18px;top:20px}.board-slot.planned{border-color:#c69c58;background:#fff3db}.slot-idea{display:block;font-size:14px;margin:12px 0}.board-slot.covered{display:none}.board-slot.dress img{height:180px}.board-context{background:#e7ebdf;border-radius:10px;padding:25px}.board-context label,.gap-heading label{display:block;font-size:13px;margin:15px 0}.board-context input,.board-context select,.gap-heading select{width:100%;display:block;padding:12px;border:1px solid var(--line);border-radius:5px;background:white;margin-top:7px;color:var(--ink)}#saveBoard{width:auto;margin:0}.gap-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:40px}.gap-heading label{min-width:220px}.board-owned-options{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.board-owned-pick{display:grid;grid-template-columns:70px 1fr;gap:3px 12px;text-align:left;background:white;border:1px solid var(--line);flex:1;min-width:220px;font-size:12px}.board-owned-pick img{width:70px;height:80px;object-fit:contain;grid-row:span 3}.board-owned-pick small{color:var(--muted)}.gap-idea-card{padding:22px;background:white;border:1px solid var(--line);border-radius:8px}.gap-idea-card h3{font-family:Georgia,serif;font-weight:400;font-size:24px;text-transform:capitalize;margin:12px 0}.gap-idea-card .textlink{display:block;font-size:12px;margin:12px 0}.gap-idea-card button{margin-top:15px;width:100%}.gap-idea-card .shop-link{font-size:12px}.product-example{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.product-example small{font-size:9px;letter-spacing:1px}.trend-references{padding:20px;border:1px solid var(--line);border-radius:8px;margin-top:25px}#boardTrendSources{display:flex;gap:20px;flex-wrap:wrap}.board-saved-list{display:flex;gap:10px;flex-wrap:wrap}.board-picker{width:min(95vw,800px);padding:25px;border:1px solid var(--line);border-radius:12px}.board-picker .actions{margin-bottom:25px}.board-picker .primary{width:auto;margin:0}.board-pick{background:white;border:1px solid var(--line);padding:10px;text-align:left;display:flex;flex-direction:column;gap:8px}.board-pick img{width:100%;height:160px;object-fit:contain}.board-pick span{font-size:12px;color:var(--muted)}@media(max-width:900px){.outfit-builder-layout{grid-template-columns:1fr}.board-context{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.board-context h3,.board-context #boardSaveStatus,.board-context #clearBoard{grid-column:1/-1}.outfit-figure{max-width:650px;width:100%;margin:auto}}@media(max-width:480px){.outfit-figure{height:520px}.outfit-person{height:480px;width:270px}.board-slot{width:94px;padding:7px;font-size:11px}.board-slot-layer,.board-slot-finish{left:8px}.board-slot-bag,.board-slot-accessory{right:8px}.board-slot img{height:66px}.board-slot-top{top:124px}.board-slot-bottom{top:278px}.board-slot-layer{top:162px}.board-slot-bag{top:300px}.board-slot-accessory{top:44px}.board-slot-finish{top:22px}.board-slot.dress img{height:180px}.gap-heading{display:block}.board-context{padding:18px;gap:0 12px}.board-picker{padding:18px}.board-picker .section-heading h2{font-size:28px}.board-pick img{height:120px}#saveBoard{width:100%;margin-bottom:20px}}
#boardRecommendations{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){#boardRecommendations{grid-template-columns:1fr}}
.trend-freshness{background:#e7ebdf;border-left:3px solid #7d926e;border-radius:5px;padding:14px 18px;font-size:13px}

.capture-results{margin-top:20px}.photo-adjust{border:1px solid #d9ddd2;border-radius:12px;max-width:480px;width:90%;padding:24px}.photo-adjust::backdrop{background:#0006}.photo-adjust form{display:grid;gap:12px}.recognition-help{margin-bottom:20px}

.stylist-form{display:flex;align-items:end;gap:18px;flex-wrap:wrap;background:#e7ebdf;padding:24px;border-radius:12px}.stylist-form label{display:grid;gap:8px;font-size:14px}.stylist-form select{padding:12px;border:1px solid var(--line);border-radius:6px;background:white;min-width:180px}.stylist-form .primary{width:auto;margin:0}.styled-collection-results{display:grid;gap:24px;margin:24px 0}.styled-outfit{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.styled-outfit-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:14px;margin:18px 0}.styled-outfit-photos figure{margin:0}.styled-outfit-photos img{width:100%;height:170px;object-fit:contain;background:#f7f5ee;border-radius:8px}.styled-outfit-photos figcaption{font-size:12px;margin-top:8px}.styled-outfit details{padding:12px;background:#f7f5ee;margin:14px 0}.styled-outfit .actions{flex-wrap:wrap}.styled-outfit .primary{width:auto;margin:0}@media(max-width:600px){.stylist-form{display:grid;gap:16px}.stylist-form select,.stylist-form .primary{width:100%}.styled-outfit{padding:16px}.styled-outfit-photos img{height:130px}}

/* A warm, photo-first closet with clear, reachable controls. */
:root{--ink:#243c34;--cream:#faf8f3;--muted:#596b62;--line:#dce5dd;--gold:#b87851;--sage:#e3eee4;--blush:#f3dfd6}
body{background:radial-gradient(ellipse at 95% 0,#edf2e8 0,transparent 38%),var(--cream);font-size:16px;overflow-x:hidden}
header{padding:22px 30px;border:0;gap:20px}.brand{gap:12px}.brand>span:last-child{font-weight:700;letter-spacing:-.6px;font-size:21px}.brand small{display:block;font-weight:400;letter-spacing:0;font-size:11px;color:var(--muted);margin-top:4px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#fff;width:44px;height:44px;border-radius:15px;font-family:Georgia,serif;font-style:italic;font-size:25px!important;letter-spacing:-3px!important;padding-right:3px;flex:none}
.ui-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
h1,h2{letter-spacing:-1px}h2{font-size:34px}p{color:var(--muted)}main{padding:0 30px 35px}.eyebrow{font-size:10px;letter-spacing:1.6px}.section-heading{margin:30px 0 22px}.section-heading h2{font-size:36px;margin:10px 0}.section-heading p{font-size:15px;margin:8px 0}.fine{font-size:13px}.heading-count{font-family:'DM Sans',Arial,sans-serif;display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 10px;border-radius:12px;background:var(--sage);font-size:15px;vertical-align:middle;letter-spacing:0}
button,.secondary,.file-label{min-height:48px;border-radius:14px;padding:13px 18px;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}button:disabled{cursor:default}.primary{background:var(--ink);border-color:var(--ink);box-shadow:0 3px 10px #243c3410}.primary:hover{background:#345549}.secondary:hover{background:var(--sage);border-color:#bbcfc1}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ab6b45;outline-offset:4px}.text-button{background:transparent;border:0;color:var(--ink);padding:8px 0;text-decoration:underline;text-underline-offset:5px}
.main-nav{display:flex;align-items:center;gap:6px;padding:7px;background:white;border:1px solid var(--line);border-radius:19px;box-shadow:0 4px 18px #243c3406;margin:8px 0 28px;position:relative;z-index:5}.main-nav>.tab{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;border:0;border-radius:13px;min-height:48px;color:var(--muted);padding:11px 12px;white-space:nowrap;font-size:13px}.main-nav>.tab.active{background:var(--sage);color:var(--ink);font-weight:700;border:0}.main-nav .tab .nav-label{padding:0;background:none;font-size:13px;margin:0}.main-nav>.tab:hover{background:#f0f4ec}.more-menu{position:relative;margin:0;flex:.7}.more-menu>summary{display:flex;align-items:center;justify-content:center;gap:9px;list-style:none;min-height:48px;padding:10px;border-radius:13px;color:var(--muted);font-weight:600}.more-menu>summary::-webkit-details-marker,.account-menu>summary::-webkit-details-marker{display:none}.more-menu[open]>summary,.more-menu.has-active>summary{background:var(--sage);color:var(--ink)}.more-menu-panel{position:absolute;right:0;top:calc(100% + 13px);width:265px;background:white;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 12px 40px #243c3420}.more-menu-panel>.tab{width:100%;display:block;text-align:left;font-size:15px;color:var(--ink);border-radius:12px;padding:13px;border:0;background:none}.more-menu-panel>.tab:hover,.more-menu-panel>.tab.active{background:var(--sage);border:0}.more-menu-panel small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}.account-menu{position:relative;flex:none;margin:0;z-index:7}.account-menu>summary{list-style:none;border:1px solid var(--line);border-radius:30px;padding:11px 16px;font-size:13px;font-weight:600;min-height:44px;display:flex;align-items:center}.account-menu>div{position:absolute;right:0;top:calc(100% + 8px);width:210px;background:white;padding:16px;border-radius:18px;border:1px solid var(--line);box-shadow:0 12px 40px #243c3420}.account-menu #accountLabel{display:block;font-size:13px;margin:0 0 10px;overflow-wrap:anywhere}.account-menu button{width:100%;margin:5px 0;font-size:13px}
.home-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:360px;padding:40px 46px;background:#e6eee2;border-radius:28px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(38px,4.8vw,62px);line-height:1.13;margin:18px 0;letter-spacing:-1.5px}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:330px}.hero-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;width:auto;margin:9px 0 10px;padding:15px 24px}.hero-note{font-size:12px;color:#496452;margin-top:8px}.hero-note span{margin-right:6px}.hero-art{position:relative;min-height:300px}.art-orbit{position:absolute;width:310px;height:310px;background:#f6f4ea99;border-radius:50%;top:10px;left:50%;transform:translateX(-50%)}.art-star{position:absolute;right:8%;top:0;font-size:47px;color:#bd865f}.art-shirt{position:absolute;top:30px;left:8%;width:182px;height:230px;transform:rotate(-10deg);background:#faf8f0;padding:14px;border-radius:19px;box-shadow:0 12px 30px #48634015}.art-shirt svg{width:100%;height:180px;fill:#b6c9ab;stroke:#7d9b79;stroke-width:1.7}.art-shirt span{display:block;font-size:11px;text-align:center;margin-top:6px}.garment-line{fill:none!important;stroke:#698167;opacity:.5}.art-jeans{position:absolute;right:5%;top:88px;width:140px;height:207px;transform:rotate(10deg);background:#f3ddd0;padding:11px;border-radius:19px;box-shadow:0 12px 30px #48634018}.art-jeans svg{height:100%;width:100%;fill:#7e9da3;stroke:#647f86;stroke-width:1.7}.art-tag{position:absolute;left:6%;bottom:-5px;background:white;padding:14px 18px;border-radius:28px;box-shadow:0 3px 12px #48634012;font-size:12px;transform:rotate(-3deg)}.art-tag span{color:#a76845;margin-left:8px}
.home-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 18px}.home-heading h2{font-size:26px;margin:0 0 6px}.home-heading p{font-size:13px;margin:0}.home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-action{position:relative;display:flex;align-items:flex-start;flex-direction:column;text-align:left;gap:10px;padding:24px;border:1px solid var(--line);background:white;border-radius:21px;color:var(--ink);min-height:180px}.home-action:nth-child(2){background:#f8e9e2;border-color:#efdbd0}.home-action strong{font-size:18px}.home-action>span:not(.action-icon){color:var(--muted);font-size:13px;max-width:210px;padding-right:16px;line-height:1.5}.home-action>.ui-icon{position:absolute;bottom:20px;right:20px;width:19px}.action-icon{display:grid;place-items:center;width:45px;height:45px;background:var(--sage);border-radius:14px;margin-bottom:5px}.home-action:nth-child(2) .action-icon{background:#efd2c2}.home-action:hover{box-shadow:0 8px 20px #243c340c;border-color:#b6c8b9}.home-pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-piece{display:flex;flex-direction:column;gap:7px;background:white;border:1px solid var(--line);border-radius:20px;padding:10px 10px 16px;color:var(--ink);text-align:left;min-width:0}.home-piece img{width:100%;height:210px;object-fit:contain;background:#f2f2eb;border-radius:14px;margin-bottom:4px}.home-piece strong{font-size:14px;padding:0 5px;overflow-wrap:anywhere}.home-piece>span{font-size:12px;color:var(--muted);padding:0 5px}.home-empty{grid-column:1/-1;background:white;border:1px dashed #bfd0c1;border-radius:20px;padding:30px;text-align:center}.home-empty h3{font-size:21px;margin:10px 0}.home-empty p{font-size:14px}.home-empty .primary{width:auto}.empty-spark{color:#9d6a48;font-size:27px}.explore-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#eceee6;padding:26px;border-radius:20px;margin:30px 0 12px}.explore-strip h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:8px 0}.explore-strip p{font-size:13px;margin:0}.explore-strip .secondary{background:white}
.card,.match-card,.saved-look,.look-piece,.styled-outfit,.gap-idea-card{border-radius:20px;border-color:var(--line);box-shadow:0 5px 15px #243c3404}.card img{height:280px;background:#f1f3ec}.card-body{padding:20px}.card h3{font-size:17px}.card p{font-size:14px}.camera{border-radius:24px;background:#eaf0e5}.capture-state{border-radius:14px}.last-capture{border-radius:12px}.scan-layout>aside{background:white;padding:24px;border-radius:24px;border:1px solid var(--line)}.scan-layout>aside h2{font-size:29px}.camera-help{font-size:14px}.filters input,.filters select,input,select,textarea{border-radius:12px!important;min-height:48px;font-size:16px}.season-picker input{min-height:24px}.trend-freshness{font-size:12px;border:1px solid var(--line);border-left:3px solid #7d926e;background:#f0f5ed;border-radius:14px}.board-context,.look-context,.stylist-form{background:var(--sage);border-radius:22px}.inspiration-image{border-radius:18px}.styled-outfit-photos{gap:12px}.styled-outfit-photos img{height:205px;border-radius:16px;background:#f1f3ec}.styled-outfit-photos figcaption{font-size:13px}.styled-outfit details{border-radius:14px}.occasion-choices{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.occasion-chip{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);color:var(--ink);font-size:14px;border-radius:18px}.occasion-chip>span{font-size:20px;color:#7d6d51}.occasion-chip[aria-pressed="true"]{background:#f1ddd0;border-color:#bb8d6e}.stylist-form summary{min-height:44px;padding:10px 0}.empty{background:white;border-radius:22px}.shop-link{border-radius:13px}summary{min-height:44px;display:flex;align-items:center;font-size:14px}.photo-adjust{border-radius:22px}
.auth-gate{background:radial-gradient(ellipse at 20% 0,#e0e9dc,transparent 60%),#f8f4ed}.auth-card{border:1px solid #dbe3d7;border-radius:26px;padding:32px;box-shadow:0 15px 45px #243c340c}.auth-card h1{font-size:38px;line-height:1.13;letter-spacing:-1px;margin:14px 0}.auth-card>.eyebrow{margin:22px 0 0}.auth-card>p:not(.eyebrow){font-size:14px}.auth-brand-mark{position:relative;width:60px;height:60px;display:grid;place-items:center;background:var(--sage);border-radius:19px;font-family:Georgia,serif;font-size:38px;font-style:italic;letter-spacing:-4px;padding-right:4px}.auth-brand-mark span{position:absolute;right:-8px;top:-11px;color:#b47e5b;font-size:25px;letter-spacing:0}.auth-card label{font-size:14px}.auth-card #authStatus{color:#775234}.auth-card .password-toggle{min-height:44px;width:44px;height:44px;top:2px;border-radius:10px}.auth-card #authMode{background:var(--sage);border-color:var(--sage)}.auth-card #authResend,.auth-card #authReset{border:0;font-weight:400;font-size:13px;min-height:44px;margin-top:1px}.auth-card #authResend:hover,.auth-card #authReset:hover{background:#f2f5ef}footer{border-color:var(--line);font-size:12px}
@media(max-width:900px){.home-hero{padding:30px;grid-template-columns:1.1fr 1fr}.hero-art{transform:scale(.85);transform-origin:center}.home-actions{gap:12px}.home-action{padding:20px}.home-action strong{font-size:16px}.home-pieces{gap:12px}.home-piece img{height:180px}}
@media(max-width:760px){header{padding:18px 18px 12px}main{padding:0 18px 25px}.main-nav{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;margin:0;z-index:20;border-radius:20px;background:#fffefb;box-shadow:0 5px 30px #243c3423;gap:2px;flex-wrap:nowrap;padding:7px 4px}.main-nav>.tab{flex:1;flex-direction:column;gap:5px;padding:7px 2px;min-height:57px;font-size:10px;white-space:normal}.main-nav .tab .nav-label{font-size:10px;line-height:1.2}.main-nav .ui-icon{width:21px;height:21px}.more-menu{flex:1}.more-menu>summary{flex-direction:column;gap:5px;padding:7px 2px;min-height:57px;font-size:10px}.more-menu-panel{top:auto;bottom:calc(100% + 15px);right:0;width:265px}.more-menu-panel>.tab{flex:none}.more-menu-panel .tab span{font-size:12px}.more-menu-panel>.eyebrow{font-size:10px}body{padding-bottom:100px}.home-hero{margin-top:10px;min-height:290px;padding:26px;display:block}.hero-copy h1{font-size:39px;max-width:280px}.hero-copy>p:not(.eyebrow){max-width:250px;font-size:14px}.hero-copy>.eyebrow{max-width:235px;font-size:9px}.hero-art{position:absolute;right:-65px;bottom:0;width:250px;height:270px;transform:scale(.65);transform-origin:bottom right;opacity:.2;pointer-events:none}.hero-note{font-size:11px}.hero-button{font-size:14px;min-height:48px}.home-heading{margin:26px 0 15px;gap:12px}.home-heading h2{font-size:24px}.home-heading>p{display:none}.home-actions{grid-template-columns:1fr;gap:12px}.home-action{min-height:92px;padding:18px 44px 18px 80px;gap:5px;justify-content:center}.home-action .action-icon{position:absolute;left:18px;top:23px;margin:0;width:45px;height:45px}.home-action>.ui-icon{right:16px;bottom:35px}.home-action strong{font-size:17px}.home-action>span:not(.action-icon){max-width:none;font-size:13px;padding-right:0}.home-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-piece img{height:180px}.latest-heading .text-button{font-size:12px;flex:none}.home-heading p{font-size:12px}.explore-strip{display:block;padding:22px}.explore-strip .actions{margin-top:18px}.explore-strip button{flex:1;font-size:13px;padding:12px}.section-heading{margin:22px 0}.section-heading h2{font-size:31px}.grid{gap:14px}.card img{height:215px}.card-body{padding:15px}.card h3{font-size:16px}.card p{font-size:13px}.card .secondary{font-size:14px;min-height:46px}.scan-layout{gap:18px}.scan-layout>aside{padding:20px}.camera{min-height:350px}.styled-outfit-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.styled-outfit-photos img{height:180px}.occasion-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.occasion-chip{justify-content:center}.auth-card{padding:26px}.auth-card h1{font-size:35px}.brand small{font-size:10px}.account-menu>summary{font-size:12px;padding:10px 12px}.brand>span:last-child{font-size:19px}.brand-mark{width:40px;height:40px}.account-menu #accountLabel{display:block}.camera-actions button{min-height:52px}footer{padding:20px 18px}}
@media(max-width:390px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{height:170px}.card-body{padding:12px}.card h3{font-size:14px}.card p{font-size:12px}.card .secondary{padding:10px;width:100%}.home-hero{padding:22px}.hero-copy h1{font-size:35px}.brand small{display:none}.brand>span:last-child{font-size:17px}.home-piece img{height:155px}}
@media(prefers-reduced-motion:reduce){button,.secondary,.file-label{transition:none}button:active{transform:none}html{scroll-behavior:auto}}

input[type="checkbox"]{min-height:20px;width:20px;height:20px;vertical-align:middle}.season-picker label{min-height:44px}.auto-settings input[type="checkbox"]{margin-right:8px}details:not(.more-menu):not(.account-menu)>summary::after{content:'⌄';margin-left:auto;padding-left:12px;color:var(--muted);font-size:18px}@media(max-width:760px){.main-nav .tab .nav-label,.more-menu>summary{font-size:11px}}