:root{--bg: #faf9fe;--paper: #ffffff;--line: #e9e6ee;--surface-container: #eeedf2;--surface-container-high: #e8e7ec;--outline: #7b7487;--outline-variant: #cbc3d8;--ink-soft: #494455;--ink: #17151f;--ink-brand: #1e1240;--muted: #74717d;--violet: #7b43f6;--violet-deep: #6428e8;--lavender: #9a79fa;--lilac: #eee8ff;--good: #19734d;--good-bg: #e9f6ef;--warn: #986900;--warn-bg: #fff4d8;--danger: #ad2d24;--danger-bg: #fff0ee;--shadow: 0 12px 36px rgba(28, 22, 43, .065);--radius: 18px;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font-body);--edge: var(--line);--bg-raise: #f1eff4;--bg-card: var(--paper);--ink-dim: var(--muted);--accent: var(--violet);--accent-deep: var(--violet-deep);--danger-deep: #8f2119}*{box-sizing:border-box}html,body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.45}h1,h2,h3{margin:0 0 .4em;letter-spacing:-.02em}h1{font-size:1.9rem;letter-spacing:-.045em;line-height:1.08}h2{font-size:1.25rem}h3{font-size:.95rem}a{color:var(--violet);text-decoration:none}a:hover{text-decoration:underline}.eyebrow{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--violet);font-weight:850}.muted{color:var(--muted)}.small{font-size:12.5px}.error{color:var(--danger);font-size:.9rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem}.card+.card{margin-top:1rem}button,.btn{font:inherit;font-weight:700;color:var(--ink);background:#f1eff4;border:0;border-radius:11px;padding:.6rem .9rem;cursor:pointer}button:hover,.btn:hover{filter:brightness(.97)}button:disabled{opacity:.5;cursor:default}button.primary,.btn.primary{background:var(--violet);color:#fff}button.primary:hover{background:var(--violet-deep);filter:none}button.ghost,.btn.ghost{background:var(--paper);border:1px solid var(--line)}button.danger,.btn.danger{background:var(--danger-bg);color:var(--danger)}button.link{background:none;border:none;padding:0;color:var(--violet);font-weight:700}.pill,.status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;background:#f1eff4;color:#595461;font-size:11.5px;font-weight:780}.pill.violet{background:var(--lilac);color:#6038c4}.pill.good,.status.good{background:var(--good-bg);color:var(--good)}.pill.warn,.status.warn{background:var(--warn-bg);color:var(--warn)}.pill.locked,.pill.danger,.status.danger{background:var(--danger-bg);color:var(--danger)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:11px;padding:.65rem .75rem;background:var(--paper);color:var(--ink);font:inherit}label{font-size:12px;font-weight:760}.notice{padding:12px 13px;border-radius:12px;background:#f8f7fa;border:1px solid var(--line);color:#5d5962;font-size:12.5px}.safety-card{background:snow;border-color:#f0d0cc}.timer{font-size:44px;font-weight:900;letter-spacing:-.06em;line-height:1}.meter{height:9px;background:#eceaf0;border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;background:var(--violet);border-radius:999px}.list-row{padding:12px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.attention{border-left:4px solid var(--violet)}.msym{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;display:inline-block;vertical-align:middle;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.msym.fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}@media (max-width: 899px){.desktop-only{display:none!important}}@media (min-width: 900px){.mobile-only{display:none!important}}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.stat{padding:15px;border-radius:15px;border:1px solid var(--line);background:var(--paper)}.stat strong{font-size:25px;display:block;letter-spacing:-.04em}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.wrap-row{flex-wrap:wrap}.wardrobe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.wardrobe-item{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.wardrobe-thumb{height:110px;border-radius:11px;background:linear-gradient(145deg,#eeeaf2,#faf9fb);display:grid;place-items:center;color:#aaa2ae;margin-bottom:10px}.wardrobe-thumb .msym{font-size:36px}.icon-button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#eee7ff,#fbfaff);font-weight:850;color:#5c35c4;border:1px solid #e2d9fa;font-size:13px}button.secondary,.btn.secondary{background:#f1eff4;color:#24202c}@media (max-width: 899px){.grid.two,.grid.three{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.wardrobe-grid{grid-template-columns:1fr 1fr}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.nav-shell.svelte-k5ii3b{display:flex;align-items:center;gap:.25rem}a.svelte-k5ii3b{color:var(--muted);font-size:.85rem;font-weight:730;padding:.5rem .75rem;border-radius:10px}a.svelte-k5ii3b:hover{text-decoration:none;background:#f1eff4}a.active.svelte-k5ii3b{color:var(--violet);background:#f1edff}a.safety.active.svelte-k5ii3b{color:var(--good);background:var(--good-bg)}a.svelte-k5ii3b .msym:where(.svelte-k5ii3b){display:block;margin:0 auto 2px;font-size:20px}@media (min-width: 720px){a.svelte-k5ii3b .msym:where(.svelte-k5ii3b){display:none}}@media (max-width: 719px){.nav-shell.svelte-k5ii3b{position:fixed;z-index:30;left:0;right:0;bottom:0;justify-content:space-around;gap:0;padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f6f5f8f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}a.svelte-k5ii3b{flex:1;max-width:9rem;text-align:center}}.side-rail.svelte-1iekt35{display:flex;flex-direction:column;gap:.4rem;width:232px;flex:none;position:sticky;top:0;height:100dvh;padding:1.1rem .9rem calc(1rem + env(safe-area-inset-bottom));border-right:1px solid var(--line);background:var(--paper);overflow-y:auto}.rail-brand.svelte-1iekt35 img:where(.svelte-1iekt35){height:26px;width:auto;display:block;margin:.15rem .55rem .9rem}.rail-section.svelte-1iekt35{margin:.9rem .55rem .25rem}.dyn-block.svelte-1iekt35{margin-top:.6rem;padding:.55rem .45rem .6rem;border:1px solid var(--line);border-radius:14px;background:#faf9fd}.dyn-block.svelte-1iekt35 .rail-section:where(.svelte-1iekt35){margin-top:0}.dyn-identity.svelte-1iekt35{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.15rem .55rem .35rem;font-size:13px}.dyn-identity.svelte-1iekt35 strong:where(.svelte-1iekt35){overflow-wrap:anywhere}.dyn-switch.svelte-1iekt35{display:block;margin:0 .55rem .5rem;color:var(--muted)}.side-nav.svelte-1iekt35{display:flex;flex-direction:column;gap:2px}.side-nav.svelte-1iekt35 a:where(.svelte-1iekt35){display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;color:#69636f;font-size:13px;font-weight:700}.side-nav.svelte-1iekt35 a:where(.svelte-1iekt35):hover{text-decoration:none;background:#f1eff4}.side-nav.svelte-1iekt35 a.active:where(.svelte-1iekt35){background:#f1edff;color:var(--violet)}.side-nav.svelte-1iekt35 .msym:where(.svelte-1iekt35){font-size:19px}.rail-foot.svelte-1iekt35{margin-top:auto;display:flex;flex-direction:column;gap:.4rem;padding-top:.8rem}.safety-link.svelte-1iekt35{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:var(--good-bg);color:var(--good);font-size:13px;font-weight:780}.safety-link.svelte-1iekt35:hover{text-decoration:none;filter:brightness(.98)}.safety-link.active.svelte-1iekt35{outline:2px solid var(--good);outline-offset:-2px}.rail-signout.svelte-1iekt35{align-self:flex-start;padding:4px 11px;color:var(--muted)}.app-frame.with-rail.svelte-12qhfyh{display:flex;align-items:stretch}.rail-slot.svelte-12qhfyh{flex:none}.shell.wide.svelte-12qhfyh{max-width:1200px}.shell.svelte-12qhfyh{max-width:720px;margin:0 auto;padding:0 1rem env(safe-area-inset-bottom);min-height:100dvh;display:flex;flex-direction:column;flex:1;min-width:0}.shell.railed.svelte-12qhfyh{margin:0;padding:0 clamp(1rem,3vw,2rem) env(safe-area-inset-bottom)}.shell.railed.svelte-12qhfyh:not(.wide){max-width:calc(720px + 2*clamp(1rem,3vw,2rem))}@media (max-width: 899px){.app-frame.with-rail.svelte-12qhfyh{display:block}.shell.railed.svelte-12qhfyh{margin:0 auto;padding:0 1rem env(safe-area-inset-bottom)}}@media (min-width: 900px){.shell.railed.svelte-12qhfyh>header.mobile-only:where(.svelte-12qhfyh){display:none}.shell.railed.svelte-12qhfyh>main:where(.svelte-12qhfyh){padding-top:1.6rem}}header.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;position:sticky;top:0;z-index:20}header.svelte-12qhfyh:before{content:"";position:absolute;top:0;right:-1rem;bottom:0;left:-1rem;z-index:-1;background:#f6f5f8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand.svelte-12qhfyh img:where(.svelte-12qhfyh){height:28px;width:auto;display:block}.nav-progress.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;height:3px;z-index:40;background:#e9e5f2;overflow:hidden}.nav-progress-bar.svelte-12qhfyh{height:100%;width:40%;background:var(--violet);border-radius:999px;animation:svelte-12qhfyh-nav-progress-slide 1s ease-in-out infinite}@keyframes svelte-12qhfyh-nav-progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion: reduce){.nav-progress-bar.svelte-12qhfyh{animation:none;width:100%;opacity:.6}}main.svelte-12qhfyh{flex:1;padding-bottom:2rem}@media (max-width: 719px){main.with-nav.svelte-12qhfyh{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}}