:root{--bg-deep:#12100e;--bg-panel:#181512e0;--ink:#f2ebe0;--ink-muted:#a89f93;--line:#f2ebe01f;--accent:#c4a574;--accent-strong:#e8c992;--shadow:0 24px 60px #00000073;--radius:14px;--font-display:"Syne", sans-serif;--font-body:"Manrope", sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg-deep);width:100%;height:100%;color:var(--ink);font-family:var(--font-body);overflow:hidden}#app{background:radial-gradient(70% 55% at 55% 35%,#c4a57424,#0000 60%),radial-gradient(50% 40% at 20% 80%,#50463c59,#0000 55%),linear-gradient(165deg,#1c1915 0%,#0e0c0a 55%,#161310 100%);position:relative}#viewport{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.brand-bar{z-index:2;pointer-events:none;animation:.9s ease-out both rise;position:absolute;top:1.5rem;left:1.75rem}.brand{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);text-shadow:0 8px 30px #00000059;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:.95}.tagline{letter-spacing:.04em;color:var(--ink-muted);margin-top:.45rem;font-size:.85rem}.wardrobe{z-index:2;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(320px,100vw - 2rem);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;padding:1.25rem 1.2rem 1.4rem;animation:.85s cubic-bezier(.22,1,.36,1) both slideIn;position:absolute;top:1.25rem;bottom:1.25rem;right:1.25rem;overflow-y:auto}.wardrobe h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.wardrobe-lead{color:var(--ink-muted);margin:.4rem 0 1.1rem;font-size:.82rem;line-height:1.45}.slot+.slot,.presets{border-top:1px solid var(--line);margin-top:1.05rem;padding-top:1.05rem}.slot h3,.presets h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.65rem;font-size:.72rem;font-weight:600}.options,.preset-row{flex-wrap:wrap;gap:.45rem;display:flex}.option,.preset{appearance:none;border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;padding:.55rem .85rem;font-size:.78rem;font-weight:500;transition:background .2s,border-color .2s,color .2s,transform .15s}.option:hover,.preset:hover{border-color:#e8c99273;transform:translateY(-1px)}.option.is-active,.preset.is-active{background:var(--accent);border-color:var(--accent);color:#1a1510}.hint{z-index:2;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);pointer-events:none;flex-wrap:wrap;gap:.85rem;font-size:.72rem;animation:1s ease-out .15s both rise;display:flex;position:absolute;bottom:1.35rem;left:1.75rem}.hint-mobile{display:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width<=820px){.brand-bar{top:max(.85rem, env(safe-area-inset-top));left:1rem;right:1rem}.brand{font-size:1.85rem}.tagline{font-size:.75rem}.wardrobe{top:auto;left:.65rem;right:.65rem;bottom:calc(.65rem + var(--safe-bottom));width:auto;max-height:min(38vh,320px);padding:.95rem .95rem 1.05rem}.wardrobe h2{font-size:1.15rem}.wardrobe-lead{margin-bottom:.75rem;font-size:.78rem}.slot+.slot,.presets{margin-top:.75rem;padding-top:.75rem}.hint-desktop{display:none}.hint-mobile{display:inline}.hint{text-align:center;text-transform:none;letter-spacing:.02em;justify-content:center;font-size:.78rem;bottom:calc(40vh + .4rem);left:1rem;right:1rem}}#boot-error.is-visible{display:block}
/*$vite$:1*/