@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Manrope:wght@400;500;600;700&display=swap";:root{--atmosphere-gradient:linear-gradient(165deg, #7eb8d4 0%, #c5dce8 50%, #e8d5b0 100%);--accent:#0284c7;--glass-tint:#ffffff57;--ink:#142033;--muted:#142033ad;--font-display:"Fraunces", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;--radius:22px;--motion:.28s cubic-bezier(.2, 0, 0, 1);color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#9ec6da;min-height:100dvh;margin:0}button,input{font:inherit}.app-shell{background:var(--atmosphere-gradient);min-height:100dvh;color:var(--ink);background-attachment:fixed;padding:20px 18px 40px;transition:background .5s}.app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand-row{align-items:center;gap:10px;display:flex}.brand-wordmark{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:650}.brand-sub{color:var(--muted);margin:2px 0 0;font-size:.78rem}.header-action{color:var(--ink);background:var(--glass-tint);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff59;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:600;text-decoration:none}.mode-switch{background:var(--glass-tint);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border:1px solid #ffffff61;border-radius:999px;grid-template-columns:1fr 1fr;gap:0;max-width:280px;margin:0 auto 22px;padding:4px;display:grid;position:relative}.mode-switch button{z-index:1;color:var(--muted);cursor:pointer;transition:color var(--motion);background:0 0;border:0;border-radius:999px;padding:10px 12px;font-weight:600;position:relative}.mode-switch button.is-active{color:var(--ink)}.mode-switch-thumb{width:calc(50% - 4px);transition:transform var(--motion);background:#ffffffb8;border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 8px 24px #14203314}.mode-switch-thumb[data-mode=vacation]{transform:translate(100%)}.mode-stage{animation:material-fade-through var(--motion) both}@keyframes material-fade-through{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.glass-panel{background:var(--glass-tint);-webkit-backdrop-filter:blur(22px)saturate(1.25);border-radius:var(--radius);border:1px solid #ffffff6b;padding:18px;box-shadow:0 10px 40px #14203314,inset 0 1px #ffffff73}.wearer-row,.context-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.chip,.chip-fieldset .chip{color:var(--ink);cursor:pointer;transition:background var(--motion), transform var(--motion);background:#ffffff38;border:1px solid #fff6;border-radius:999px;padding:8px 12px;font-size:.84rem;font-weight:600}.chip.is-active{background:color-mix(in srgb, var(--accent) 22%, white);border-color:color-mix(in srgb, var(--accent) 35%, white)}.chip-fieldset{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.chip-fieldset legend{color:var(--muted);margin-bottom:8px;font-size:.85rem}.mannequin-stage{place-items:center;margin:8px 0 16px;display:grid}.mannequin-stage.compact .mannequin{width:160px;height:auto}.mannequin{filter:drop-shadow(0 18px 28px #1420331f)}.mannequin-skin{fill:#ffecd6eb;stroke:#1420331f;stroke-width:1px}.mannequin-limb{fill:none;stroke:#14203347;stroke-width:3px;stroke-linecap:round}.layer-tee,.layer-longSleeve{fill:#f4f7fb;stroke:#1420331f;cursor:pointer}.layer-sweater{fill:#7dd3c0;stroke:#1420331f;cursor:pointer}.layer-lightJacket{fill:#8ec5f2;stroke:#14203324;cursor:pointer}.layer-coat{fill:#3d4f66;stroke:#ffffff26;cursor:pointer}.layer-rainShell{fill:#60a5fa8c;stroke:#1420332e;cursor:pointer}.layer-pants{fill:#44566f;stroke:#ffffff1f;cursor:pointer}.layer-shorts{fill:#5b7c99;stroke:#ffffff1f;cursor:pointer}.layer-hat,.layer-cap{fill:#1f2937;cursor:pointer}.advice-panel,.vacation-panel{max-width:420px;margin:0 auto}.felt-range{font-family:var(--font-display);margin:0;font-size:1.6rem;font-weight:650}.atmosphere-meta{color:var(--muted);margin:4px 0 0;font-size:.86rem;font-weight:600}.place-search{max-width:420px;margin:0 auto 14px;position:relative}.place-search .field{margin-bottom:0}.place-search-status,.place-fallback,.weather-status{text-align:center;max-width:420px;margin:6px auto 10px}.place-suggestions{-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);background:#ffffffb8;border:1px solid #ffffff80;border-radius:16px;max-height:220px;margin:6px 0 0;padding:6px;list-style:none;overflow:auto}.place-suggestions button{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-radius:12px;padding:10px 12px;font-weight:500}.place-suggestions button:hover,.place-suggestions button:focus-visible{background:color-mix(in srgb, var(--accent) 14%, white)}.place-clear{margin:4px auto 0;font-size:.82rem;display:block}.weather-error{text-align:center;max-width:420px;margin:0 auto 14px}.weather-retry{max-width:200px;margin-top:10px}.reason-list,.layer-list{color:var(--muted);margin:10px 0 0;padding-left:18px;line-height:1.45}.layers-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 0;font-size:.78rem}.layer-list li.is-selected{color:var(--accent);font-weight:700}.vacation-panel h2{font-family:var(--font-display);margin:0;font-size:1.5rem}.vacation-panel>p{color:var(--muted);margin:6px 0 14px}.date-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{color:var(--muted);gap:6px;margin-bottom:12px;font-size:.86rem;display:grid}.field input{color:var(--ink);background:#ffffff80;border:1px solid #ffffff73;border-radius:14px;outline:none;padding:12px 14px}.field input:focus{border-color:color-mix(in srgb, var(--accent) 50%, white);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;width:100%;transition:transform var(--motion), filter var(--motion);border:0;border-radius:999px;padding:13px 16px;font-weight:700}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary:not(:disabled):active{transform:scale(.98)}.text-link{color:var(--ink);cursor:pointer;background:0 0;border:0;margin-top:16px;text-decoration:underline}.auth-screen,.auth-status,.error-page{background:var(--atmosphere-gradient);text-align:center;place-content:center;justify-items:center;gap:10px;min-height:100dvh;padding:24px;display:grid}.brand-title{font-family:var(--font-display);margin:0;font-size:2rem;font-weight:650}.brand-tagline{color:var(--muted);margin:0 0 12px}.auth-panel{text-align:left;width:min(100%,380px)}.beta-screen .brand-tagline{margin-bottom:4px}.beta-panel{animation:material-fade-through var(--motion) both}.beta-lang{gap:8px;margin-top:8px;display:flex}.stack-form{gap:4px;display:grid}.form-hint{color:var(--muted);font-size:.9rem;line-height:1.4}.form-error{color:#b91c1c;font-size:.88rem}.mono{opacity:.7;font-family:ui-monospace,monospace;font-size:.78rem}.ui-page.error-page h1{font-family:var(--font-display)}