:root{--ink:#201e1b;--muted:#6c6963;--line:#e7e2da;--paper:#f8f6f1;--accent:#d9ff48;--lav:#e5dcef;--white:#fffefa}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #88a800}main{min-height:100vh}header{border-bottom:1px solid var(--line);background:#fbfaf7;align-items:center;gap:38px;height:76px;padding:0 max(24px,50vw - 640px);display:flex}.brand{letter-spacing:1.2px;white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.brand span{background:var(--ink);color:var(--accent);border-radius:50%;place-items:center;width:27px;height:27px;font-family:Georgia;font-size:16px;display:grid}nav{flex:1;gap:8px;display:flex}nav button{color:var(--muted);background:0 0;border:0;padding:10px 12px;font-size:13px;font-weight:600}nav button.active{color:var(--ink);background:#efede8;border-radius:7px}.avatar{background:#d1c4a9;border:0;border-radius:50%;width:34px;height:34px;font-size:10px;font-weight:700}.hero,.look-layout,.page{max-width:1200px;margin:auto}.hero{justify-content:space-between;gap:30px;padding:78px 24px 45px;display:flex}.eyebrow{letter-spacing:1.35px;text-transform:uppercase;color:#71705f;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.hero h1,.page h1{letter-spacing:-2.5px;margin:13px 0 17px;font-family:Georgia,Times New Roman,serif;font-size:clamp(41px,5vw,67px);font-weight:500;line-height:.98}.hero em{color:#75618a}.hero p{color:var(--muted);max-width:430px;font-size:16px;line-height:1.55}.quick-controls{background:#ebe6de;border-radius:12px;align-self:flex-end;align-items:center;gap:10px;padding:16px;display:flex}.quick-controls span{text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.quick-controls select,.quick-controls button{background:#fffdfa;border:1px solid #d7d0c6;border-radius:7px;padding:9px 10px;font-size:13px}.quick-controls button{align-items:center;gap:5px;display:flex}.look-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:20px;padding:0 24px 80px;display:grid}.outfit-board,.rating-card,.metric,.insight,.saved-card,.wardrobe-add,.wardrobe-list,.empty{background:var(--white);border:1px solid var(--line);border-radius:16px}.outfit-board{padding:28px}.board-head{justify-content:space-between;align-items:start;margin-bottom:23px;display:flex}.board-head h2{margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500}.fit-pill,.score-badge{background:#efede8;border-radius:20px;padding:7px 10px;font-size:11px;font-weight:700}.item-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.garment{background:#fff;border:1px solid #ece7df;border-radius:12px;overflow:hidden}.silhouette,.mini-silhouette{background:#e8e1d6;height:190px;position:relative;overflow:hidden}.silhouette:before,.mini-silhouette:before{content:"";opacity:.86;background:currentColor;border-radius:42px 42px 15px 15px;width:86px;height:155px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.silhouette:after{content:"";background:var(--white);border-radius:50%;width:34px;height:34px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.silhouette span{z-index:1;text-transform:uppercase;letter-spacing:1px;background:#fffdf9cc;border-radius:4px;padding:4px 6px;font-size:10px;position:absolute;bottom:12px;left:13px}.bottom .silhouette:before{clip-path:polygon(10% 0,90% 0,78% 100%,56% 100%,50% 43%,44% 100%,22% 100%);border-radius:13px 13px 5px 5px;height:172px;top:18px}.shoe .silhouette:before{border-radius:34px 9px 9px 22px;width:130px;height:57px;top:104px}.shoe .silhouette:after{display:none}.layer .silhouette:before{width:107px;height:162px}.ivory,.chalk{color:#eee5d5}.espresso{color:#4b352d}.ink{color:#263955}.stone{color:#b7a99c}.denim{color:#4c6480}.black,.charcoal{color:#38383a}.oxblood{color:#633630}.sage{color:#8f9e75}.camel{color:#b38154}.item-copy{padding:13px}.item-copy small{color:var(--muted);font-size:11px}.item-copy h3{margin:4px 0 12px;font-size:14px}.item-copy div{justify-content:space-between;align-items:center;font-size:13px;display:flex}.item-copy button,.saved-card button{background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;text-decoration:underline;display:flex}.rating-card{align-self:start;padding:25px}.score{align-items:baseline;gap:4px;display:flex}.score span{font-family:Georgia,Times New Roman,serif;font-size:58px;line-height:1}.score small{color:var(--muted)}.rating-card h2{margin:15px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:26px}.rating-card>div>p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.meter{background:#ebe8e2;border-radius:8px;height:7px;margin:22px 0}.meter i{background:var(--accent);border-radius:8px;height:100%;display:block}.rationales{border-top:1px solid var(--line);padding:10px 0}.rationales p{gap:8px;padding:7px 0;display:flex}.rationales svg{color:#8d7a20;flex:none}.total{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;margin:7px 0 15px;padding:15px 0;font-size:13px;display:flex}.total b{font-size:17px}.primary{background:var(--accent);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 15px;font-size:13px;font-weight:700;display:inline-flex}.rating-card .primary{width:100%}.feedback{flex-wrap:wrap;align-items:center;gap:5px;margin-top:16px;display:flex}.feedback span{color:var(--muted);margin-right:auto;font-size:11px}.feedback button{border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:4px;padding:6px 7px;font-size:10px;display:flex}.feedback button.chosen{background:#efede8;border-color:#c8c1b4}.modal-backdrop{z-index:5;background:#201e1b88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--white);border-radius:16px;width:min(530px,100%);padding:33px;position:relative}.modal h2{margin:9px 0;font-family:Georgia,Times New Roman,serif;font-size:33px}.modal>p{color:var(--muted);margin-top:0;font-size:14px}.icon-close{background:0 0;border:0;position:absolute;top:17px;right:17px}.alternatives{gap:9px;margin-top:24px;display:grid}.alternatives button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:9px;display:flex}.alternatives button:hover{background:#fbfaf5;border-color:#a49d8f}.alternatives span{flex:1;gap:4px;font-size:13px;display:grid}.alternatives small{color:var(--muted)}.mini-silhouette{border-radius:7px;width:55px;height:55px}.mini-silhouette:before{width:26px;height:48px;top:7px}.page{padding:66px 24px 80px}.page-title{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.page-title h1{margin:8px 0 0}.page-title>span{color:var(--muted);margin-bottom:8px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.saved-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.saved-card{overflow:hidden}.saved-visual{background:#ded9d0;justify-content:center;align-items:end;gap:8px;height:140px;display:flex}.saved-visual i{background:currentColor;border-radius:23px 23px 5px 5px;width:48px;height:100px}.saved-card>div:last-child{padding:15px}.saved-card h2{margin:12px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500}.saved-card p{color:var(--muted);margin:0 0 15px;font-size:12px}.saved-card .remove{color:#a04b45;margin-left:15px}.empty{text-align:center;max-width:540px;margin:35px auto;padding:68px 20px}.empty>div{background:#ece5dc;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto auto 15px;display:grid}.empty h2{margin:5px;font-family:Georgia,Times New Roman,serif;font-size:28px}.empty p{color:var(--muted);max-width:350px;margin:10px auto 20px;font-size:14px;line-height:1.5}.wardrobe-add{align-items:center;gap:12px;padding:12px;display:flex}.wardrobe-add>svg{color:#7e7162;margin-left:4px}.wardrobe-add input{background:0 0;border:0;flex:1;min-width:0;padding:10px;font-size:14px}.wardrobe-list{margin-top:18px;padding:0 18px}.wardrobe-list>div{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:13px 0;display:flex}.wardrobe-list>div:last-child{border:0}.wardrobe-icon{background:#e6e0d9;border-radius:7px;place-items:center;width:40px;height:40px;display:grid}.wardrobe-list span{flex:1;gap:3px;font-size:13px;display:grid}.wardrobe-list small{color:var(--muted);font-size:11px}.wardrobe-list button{color:var(--muted);background:0 0;border:0}.metric-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:19px;display:grid}.metric{padding:22px}.metric b{font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:500;display:block}.metric b small{color:var(--muted);font:13px Inter,ui-sans-serif,sans-serif}.metric span{color:var(--muted);font-size:12px}.metric i{color:#5a7423;margin-top:15px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.insight{grid-template-columns:1.1fr .9fr;gap:40px;padding:29px;display:grid}.insight>div:first-child{gap:15px;display:flex}.insight>div>svg{background:var(--lav);border-radius:50%;flex:none;width:42px;height:42px;padding:10px}.insight h2{margin:5px 0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500}.insight p{color:var(--muted);font-size:13px;line-height:1.6}.style-bars{align-content:center;gap:14px;display:grid}.style-bars span{justify-content:space-between;font-size:12px;display:flex}.style-bars i{background:#e6e2db;border-radius:5px;height:6px;margin-top:6px;display:block}.style-bars em{background:#958aab;border-radius:5px;height:100%;display:block}.section-title{margin:36px 0 14px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500}.recent{gap:12px;display:flex}.recent>div{background:#eae5dc;border-radius:9px;gap:11px;min-width:130px;padding:14px;display:flex}.recent b{font-family:Georgia,Times New Roman,serif;font-size:28px}.recent span{font-size:11px}.recent small,.muted{color:var(--muted)}.toast{z-index:10;background:var(--ink);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:12px 15px;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.onboard{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.onboard-copy{color:#fffefa;background:#292724;padding:clamp(45px,12vh,135px) 50px clamp(45px,12vh,135px) max(30px,50vw - 560px)}.onboard-copy .eyebrow{color:var(--accent)}.onboard h1{letter-spacing:-2px;margin:24px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,6vw,75px);font-weight:500;line-height:.96}.onboard-copy p{color:#c7c3bb;max-width:390px;line-height:1.6}.steps{gap:8px;margin-top:65px;display:flex}.steps i{background:#605d57;width:55px;height:3px}.steps i.done{background:var(--accent)}.onboard-form{width:100%;max-width:510px;margin:auto;padding:clamp(45px,12vh,135px) 48px}.progress-label{color:var(--muted);margin-bottom:38px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.field{margin-bottom:25px;display:block}.field>span{margin-bottom:10px;font-size:14px;font-weight:700;display:block}.options{flex-wrap:wrap;gap:7px;display:flex}.options button{border:1px solid var(--line);background:0 0;border-radius:7px;padding:9px 11px;font-size:12px}.options button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.onboard-form>.primary{width:100%;margin-top:10px}.text-button{width:100%;color:var(--muted);background:0 0;border:0;padding:15px;font-size:13px}@media (width<=760px){header{gap:8px;height:65px;padding:0 16px}.brand{font-size:10px}.brand span{width:23px;height:23px}nav{gap:0;overflow:auto}nav button{white-space:nowrap;padding:9px 8px;font-size:11px}.avatar{display:none}.hero{padding:47px 18px 28px;display:block}.hero h1{font-size:44px}.quick-controls{grid-template-columns:1fr 1fr;margin-top:27px;display:grid}.quick-controls span{grid-column:1/-1}.look-layout{grid-template-columns:1fr;gap:13px;padding:0 12px 50px}.outfit-board{padding:16px}.board-head h2{font-size:23px}.item-grid{gap:8px}.silhouette{height:142px}.silhouette:before{width:67px;height:120px}.layer .silhouette:before{width:80px;height:128px}.bottom .silhouette:before{height:135px}.shoe .silhouette:before{width:100px;top:77px}.item-copy{padding:10px}.item-copy h3{min-height:29px;font-size:12px}.item-copy div{font-size:11px}.item-copy button{font-size:10px}.rating-card{padding:19px}.page{padding:42px 16px}.page-title{margin-bottom:22px}.page h1{font-size:43px}.saved-grid,.metric-grid{grid-template-columns:1fr}.saved-card{grid-template-columns:120px 1fr;display:grid}.saved-visual{height:auto}.saved-visual i{width:27px;height:75px}.wardrobe-add{gap:6px}.wardrobe-add .primary{padding:11px}.wardrobe-add .primary svg{display:none}.insight{grid-template-columns:1fr;gap:23px;padding:20px}.onboard{grid-template-columns:1fr}.onboard-copy{padding:58px 27px 42px}.onboard-form{padding:38px 25px}.onboard h1{font-size:49px}.steps{margin-top:35px}.modal{padding:27px 19px}.modal h2{font-size:28px}}