:root{--bg:#f7f1e8;--bg-strong:#efe2d3;--panel:#fffaf5db;--panel-strong:#fffcf8f5;--text:#251b17;--muted:#6b5a4c;--line:#251b171f;--rose:#c96f5d;--wine:#8b3c3c;--teal:#2f7468;--amber:#d08a35;--shadow:0 28px 80px #4a2f1c24;--radius-xl:32px;--radius-lg:22px;--radius-md:16px;--font-sans:"Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#c96f5d42,#0000 28%),radial-gradient(circle at 100% 0,#2f74682e,#0000 24%),radial-gradient(circle at 50% 100%,#d08a352e,#0000 28%),linear-gradient(#fbf7f2 0%,#f4ede3 100%);min-height:100%}body{min-height:100vh;color:var(--text);font-family:var(--font-sans);margin:0}button,input,textarea,select{font:inherit}.page-shell{width:min(1260px,100vw - 28px);margin:0 auto;padding:20px 0 54px}.hero-banner,.progress-card,.panel,.status{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-banner,.progress-card,.panel{border-radius:var(--radius-xl)}.hero-banner,.panel,.progress-card{padding:24px}.hero-banner{grid-template-columns:1.45fr .9fr;gap:20px;display:grid;position:relative;overflow:hidden}.hero-banner:after{content:"";background:radial-gradient(circle,#c96f5d3d,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;inset:auto -80px -90px auto}.hero-banner h1,.panel h1,.panel h2,.panel h3,.panel h4{margin:0}.hero-banner h1{max-width:12ch;font-size:clamp(36px,5vw,68px);line-height:.96}.hero-banner p,.muted,.metric-card span,.summary-card span,.result-item-card p,.mode-card p{color:var(--muted)}.hero-metrics,.summary-grid,.mode-grid,.wardrobe-grid,.choice-grid,.result-grid,.result-split,.saved-grid,.form-grid,.workspace-grid{gap:16px;display:grid}.hero-metrics{align-content:start}.metric-card,.summary-card,.result-item-card,.wardrobe-card,.empty-card,.avatar-card,.result-box,.code-like,.slider-panel{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius-lg)}.metric-card,.summary-card,.empty-card,.avatar-card,.result-box,.code-like,.slider-panel{padding:16px}.metric-card strong,.fit-score strong{font-size:28px;display:block}.eyebrow{color:var(--wine);letter-spacing:.08em;text-transform:uppercase;background:#c96f5d1f;border-radius:999px;align-items:center;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.progress-card{margin-top:18px;margin-bottom:18px}.progress-head,.button-row,.wardrobe-card-top,.result-item-top,.hero-result,.progress-meta,.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.progress-track{background:#251b1714;border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--rose) 0%, var(--teal) 100%);height:100%;transition:width .24s}.progress-dots{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-top:14px;display:grid}.progress-dot{border:1px solid var(--line);background:#ffffff9e;border-radius:14px;gap:2px;min-width:0;padding:8px 10px;display:grid}.progress-dot.active{background:#c96f5d1f;border-color:#c96f5d3d}.progress-dot span{font-weight:800}.progress-dot small{color:var(--muted);font-size:11px}.status{border-radius:16px;margin-bottom:18px;padding:12px 14px}.status.error{color:#8d2c2c;background:#b145311f;border-color:#b145312e}.status.success{color:var(--teal);background:#2f74681f;border-color:#2f746829}.toolbar-row{margin-bottom:18px}.hidden-file-input{display:none}.photo-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.quota-card{background:linear-gradient(135deg,#c96f5d1f,#2f746814);border:1px solid #c96f5d29;border-radius:22px;margin-bottom:18px;padding:16px}.quota-card-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px;display:flex}.quota-card-head strong{font-size:28px}.quota-source{color:var(--muted);margin:8px 0 0;font-size:13px}.quota-track{background:#251b1714;border-radius:999px;height:10px;overflow:hidden}.quota-fill{border-radius:inherit;background:linear-gradient(90deg, var(--amber) 0%, var(--teal) 100%);height:100%}.quota-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px;display:flex}.quota-meta-secondary{margin-top:8px;font-size:13px}.photo-preview-card{background:#2f746814;border:1px solid #2f74682e;border-radius:20px;grid-template-columns:88px 1fr;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:grid}.photo-preview-thumb,.wardrobe-thumb{object-fit:cover;border:1px solid var(--line);background:#ffffffbd;border-radius:18px;width:88px;height:88px}.wardrobe-card-body{grid-template-columns:56px 1fr;align-items:center;gap:12px;margin-top:12px;display:grid}.wardrobe-thumb{border-radius:14px;width:56px;height:56px}.wardrobe-thumb.placeholder{color:var(--teal);background:#2f74681a;place-items:center;font-size:12px;font-weight:800;display:grid}.workspace-grid{grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);align-items:start}.section-head{margin-bottom:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field,.saved-grid{gap:10px;display:grid}.field.full{grid-column:1/-1}.field label{font-weight:700}.field input,.field textarea,.field select,.slider-panel input{border-radius:var(--radius-md);width:100%;color:var(--text);background:#ffffffdb;border:1px solid #251b171f;outline:none;padding:14px 16px}.field textarea{resize:vertical;min-height:112px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#c96f5d57;box-shadow:0 0 0 4px #c96f5d1f}.button,.ghost-button,.text-button,.choice-chip,.mode-card,.wardrobe-card.selectable{transition:transform .18s,border-color .18s,background .18s,opacity .18s}.button,.ghost-button{cursor:pointer;border:0;border-radius:18px;padding:14px 18px}.button{background:linear-gradient(135deg, var(--rose) 0%, var(--wine) 100%);color:#fff;font-weight:800}.ghost-button{color:var(--text);border:1px solid var(--line);background:#fffc}.text-button{color:var(--wine);cursor:pointer;background:0 0;border:0}.button:hover,.ghost-button:hover,.choice-chip:hover,.mode-card:hover,.wardrobe-card.selectable:hover,.text-button:hover{transform:translateY(-1px)}.mode-grid,.choice-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mode-card,.choice-chip{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffffbd;border-radius:20px;padding:16px}.mode-card.active,.choice-chip.active,.wardrobe-card.selectable.active{background:#c96f5d1f;border-color:#c96f5d47}.mode-card h3,.choice-chip{font-weight:800}.side-panel{position:sticky;top:12px}.accent-teal{background:linear-gradient(180deg, #2f746814, #fffaf5db), var(--panel)}.accent-amber{background:linear-gradient(180deg, #d08a3517, #fffaf5db), var(--panel)}.wardrobe-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:18px}.wardrobe-card,.result-item-card{padding:16px}.slot-tag,.source-pill,.confidence-pill{border-radius:999px;align-items:center;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.slot-tag,.source-pill.wardrobe{color:var(--teal);background:#2f74681f}.source-pill.buy{color:#9a5e18;background:#d08a351f}.confidence-pill{color:var(--wine);background:#c96f5d1f}.empty-card{color:var(--muted)}.summary-grid,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card h3,.result-box h3{margin-bottom:10px}.code-like{margin-top:18px;overflow:auto}.code-like pre{margin:0;font-size:13px;line-height:1.5}.slider-panel{gap:12px;display:grid}.range-row{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.loading-state{text-align:center;place-items:center;gap:16px;min-height:280px;display:grid}.spinner-ring{border:8px solid #c96f5d24;border-top-color:var(--rose);border-right-color:var(--teal);border-radius:50%;width:82px;height:82px;animation:1s linear infinite spin}.hero-result{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(135deg,#c96f5d24,#2f746814);margin-bottom:18px;padding:18px}.hero-vibe{font-size:18px;font-weight:800}.fit-score{border:1px solid var(--line);text-align:center;background:#fffc;border-radius:20px;min-width:140px;padding:16px}.avatar-card{grid-template-columns:120px 1fr;align-items:center;gap:18px;margin-bottom:18px;display:grid}.avatar-figure{width:90px;height:180px;margin:0 auto;position:relative}.avatar-head,.avatar-body,.avatar-leg{background:linear-gradient(#d7b7a2 0%,#b58266 100%);position:absolute;left:50%;transform:translate(-50%)}.avatar-head{border-radius:50%;width:42px;height:42px;top:0}.avatar-body{background:linear-gradient(#c96f5de6,#8b3c3ce6);border-radius:28px;width:58px;height:72px;top:48px}.avatar-leg{background:linear-gradient(#2f7468e0,#251b17e6);border-radius:999px;width:18px;height:54px;top:120px}.avatar-leg.left{left:calc(50% - 14px)}.avatar-leg.right{left:calc(50% + 14px)}.plain-list{margin:0;padding-left:18px}.plain-list li{margin-bottom:10px}.result-layout{align-items:start}.result-split{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.weather-note{margin-top:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:980px){.hero-banner,.workspace-grid,.form-grid,.summary-grid,.result-grid,.result-split,.avatar-card{grid-template-columns:1fr}.side-panel{position:static}.progress-dots{grid-template-columns:repeat(3,minmax(0,1fr))}}