:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8fc;--bg-tint:#e8eefc;--surface:#fff;--surface-2:#f2f5fb;--surface-3:#e6ebf6;--line:#101e4214;--line-soft:#101e420d;--text:#0b1425;--text-dim:#58607a;--text-faint:#8b93aa;--accent:#1554e6;--accent-2:#0b3199;--accent-soft:#e8eeff;--accent-contrast:#fff;--hero-1:#1a5cf0;--hero-2:#072a86;--success:#0f8f5c;--success-soft:#e3f6ed;--danger:#cf3a55;--danger-soft:#fceaed;--warn:#b87309;--stat-strength:#d4425c;--stat-endurance:#0f8f5c;--stat-agility:#1554e6;--stat-vitality:#c1830f;--stat-recovery:#0f95a5;--stat-discipline:#6344d8;--sh-1:0 1px 2px #0d1a380d;--sh-2:0 1px 2px #0d1a380a, 0 8px 20px -12px #0d1a3829;--sh-3:0 2px 6px #0d1a380d, 0 18px 40px -20px #0d1a3847;--sh-hero:0 20px 46px -22px #0a2d8c9e;--glass:#ffffffc7;--font-display:"Sora", "Segoe UI", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.32,.64,1);--dur-fast:.15s;--dur-med:.28s;--dur-slow:.52s;--r-sm:12px;--r-md:16px;--r-lg:22px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070e;--bg-tint:#0c1630;--surface:#0e1420;--surface-2:#151d2e;--surface-3:#1e2840;--line:#96b4ff1c;--line-soft:#96b4ff12;--text:#eef2fb;--text-dim:#9aa4bf;--text-faint:#6b7593;--accent:#5b8cff;--accent-2:#2f5be0;--accent-soft:#5b8cff24;--accent-contrast:#060c1c;--hero-1:#1f4fd8;--hero-2:#071744;--success:#34d399;--success-soft:#34d39921;--danger:#f2607a;--danger-soft:#f2607a24;--warn:#e0ab4a;--stat-strength:#f2607a;--stat-endurance:#34d399;--stat-agility:#6f97ff;--stat-vitality:#e0ab4a;--stat-recovery:#40c8d8;--stat-discipline:#9c86f0;--sh-1:0 1px 2px #0006;--sh-2:0 1px 2px #0006, 0 10px 24px -14px #000c;--sh-3:0 2px 8px #00000080, 0 22px 46px -22px #000000e6;--sh-hero:0 22px 50px -24px #000000e6;--glass:#0e1420cc}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070e;--bg-tint:#0c1630;--surface:#0e1420;--surface-2:#151d2e;--surface-3:#1e2840;--line:#96b4ff1c;--line-soft:#96b4ff12;--text:#eef2fb;--text-dim:#9aa4bf;--text-faint:#6b7593;--accent:#5b8cff;--accent-2:#2f5be0;--accent-soft:#5b8cff24;--accent-contrast:#060c1c;--hero-1:#1f4fd8;--hero-2:#071744;--success:#34d399;--success-soft:#34d39921;--danger:#f2607a;--danger-soft:#f2607a24;--warn:#e0ab4a;--stat-strength:#f2607a;--stat-endurance:#34d399;--stat-agility:#6f97ff;--stat-vitality:#e0ab4a;--stat-recovery:#40c8d8;--stat-discipline:#9c86f0;--sh-1:0 1px 2px #0006;--sh-2:0 1px 2px #0006, 0 10px 24px -14px #000c;--sh-3:0 2px 8px #00000080, 0 22px 46px -22px #000000e6;--sh-hero:0 22px 50px -24px #000000e6;--glass:#0e1420cc}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1100px 520px at 50% -8%, var(--bg-tint), transparent 62%), var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}::selection{background:var(--accent);color:var(--accent-contrast)}svg{flex-shrink:0;width:18px;height:18px}button{color:inherit;font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,[data-chip]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.02em;margin:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.page{flex-direction:column;align-items:center;min-height:100%;display:flex}.sitebar{justify-content:space-between;align-items:center;width:100%;max-width:1040px;padding:26px 26px 14px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand-mark{font-family:var(--font-display);letter-spacing:.14em;font-size:19px;font-weight:800}.brand-mark b{color:var(--accent);font-weight:800}.beta-pill{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:4px 9px;font-size:9.5px;line-height:1}.about-link{color:var(--text-dim);background:var(--surface);border:1px solid var(--line);cursor:pointer;box-shadow:var(--sh-1);transition:color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:999px;padding:9px 16px;font-size:12.5px;font-weight:600}.about-link:hover{color:var(--accent);box-shadow:var(--sh-2);transform:translateY(-1px)}.about-link:active{transform:translateY(0)scale(.98)}.stage{flex:1;justify-content:center;width:100%;padding:6px 16px 34px;display:flex}.device-shell{width:398px;max-width:100%;position:relative}.device-shell:after{content:"";z-index:-1;background:radial-gradient(60% 50% at 50% 0%, var(--accent-soft), transparent 70%);border-radius:52px;position:absolute;inset:-6px}.device{background:var(--surface);border:1px solid var(--line);width:100%;height:836px;max-height:calc(100dvh - 176px);box-shadow:var(--sh-3);isolation:isolate;border-radius:46px;flex-direction:column;display:flex;position:relative;overflow:hidden}.device-header{z-index:6;background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.5);border-bottom:1px solid var(--line-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 14px;display:flex;position:relative}.dh-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:700}.dh-sub{color:var(--text-faint);letter-spacing:.01em;margin-top:3px;font-size:11.5px;font-weight:600}.level-chip{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:5px 13px 5px 5px;display:flex}.level-chip:hover{box-shadow:var(--sh-2)}.level-chip:active{transform:scale(.94)}.level-chip .lvl-badge{background:linear-gradient(152deg, var(--hero-1), var(--hero-2));color:#fff;width:26px;height:26px;font-size:11.5px;font-weight:700;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff47}.level-chip .lvl-text{letter-spacing:-.01em;font-size:12.5px;font-weight:700}.screen{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;padding:14px 22px 22px;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.screen-in>*{animation:riseIn var(--dur-med) var(--ease-out) backwards}.screen-in>:first-child{animation-delay:0s}.screen-in>:nth-child(2){animation-delay:40ms}.screen-in>:nth-child(3){animation-delay:80ms}.screen-in>:nth-child(4){animation-delay:.12s}.screen-in>:nth-child(5){animation-delay:.15s}.screen-in>:nth-child(n+6){animation-delay:.18s}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tabbar{z-index:6;padding:9px 12px calc(11px + env(safe-area-inset-bottom,0px));background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.6);border-top:1px solid var(--line-soft);flex-shrink:0;gap:2px;display:flex;position:relative}.tab{color:var(--text-faint);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:7px 2px 5px;display:flex;position:relative}.tab svg{width:21px;height:21px;transition:transform var(--dur-med) var(--ease-spring)}.tab span{letter-spacing:.02em;font-size:9.5px;font-weight:700}.tab:before{content:"";background:var(--accent-soft);opacity:0;width:40px;height:30px;transition:opacity var(--dur-fast) var(--ease-out), scale var(--dur-med) var(--ease-spring);border-radius:11px;position:absolute;top:2px;left:50%;translate:-50%;scale:.7}.tab.active{color:var(--accent)}.tab.active:before{opacity:1;scale:1}.tab.active svg{transform:translateY(-1px)}.tab:active svg{transform:scale(.86)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:18px}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:center;gap:10px;margin:26px 4px 11px;font-size:10.5px;font-weight:800;display:flex}.section-label:first-child{margin-top:4px}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.btn{border-radius:var(--r-md);cursor:pointer;letter-spacing:-.01em;width:100%;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-med) var(--ease-out), opacity var(--dur-fast), filter var(--dur-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:15px;font-weight:700;display:flex}.btn:active:not(:disabled){transform:scale(.975)}.btn-primary{background:linear-gradient(152deg, var(--hero-1), var(--hero-2));color:#fff;box-shadow:inset 0 1px #ffffff38,0 12px 26px -12px #0c3296bf}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-primary:disabled{opacity:.38;box-shadow:none;cursor:not-allowed}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.btn-ghost:disabled{opacity:.55;cursor:default}.btn-danger-ghost{background:var(--danger-soft);color:var(--danger)}.btn-sm{border-radius:12px;width:auto;padding:10px 16px;font-size:12.5px}.progress-track{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #7aa2ff));height:100%;transition:width var(--dur-slow) var(--ease-out);border-radius:999px}.progress-fill.success{background:linear-gradient(90deg, var(--success), color-mix(in srgb, var(--success) 60%, #7fe3b8))}.toast{z-index:40;background:var(--text);color:var(--bg);letter-spacing:-.01em;opacity:0;pointer-events:none;box-shadow:var(--sh-3);transition:opacity var(--dur-med) var(--ease-out), translate var(--dur-med) var(--ease-spring);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:88%;padding:12px 20px;font-size:13px;font-weight:700;position:absolute;bottom:104px;left:50%;overflow:hidden;translate:-50% 14px}.toast.show{opacity:1;translate:-50%}.onb{flex-direction:column;height:100%;display:flex}.onb-progress{gap:5px;padding:2px 2px 26px;display:flex}.onb-dot{background:var(--surface-3);border-radius:999px;flex:1;height:3px;overflow:hidden}.onb-dot i{background:var(--accent);width:0%;height:100%;transition:width var(--dur-med) var(--ease-out);border-radius:999px;display:block}.onb-dot.done i{width:100%}.onb-dot.current i{width:60%}.onb-body{scrollbar-width:none;flex:1;overflow-y:auto}.onb-body::-webkit-scrollbar{display:none}.onb h2{margin-bottom:8px;font-size:25px;line-height:1.2}.onb p.lead{color:var(--text-dim);max-width:30ch;margin:0 0 26px;font-size:14px;line-height:1.55}.field{margin-bottom:18px}.field label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.field input,.field select,.field textarea{border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:15px 16px;font-family:inherit;font-size:16px;font-weight:600}.field textarea{resize:none;min-height:140px;line-height:1.45}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint);font-weight:500}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);outline:none}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chip-grid{flex-wrap:wrap;gap:9px;display:flex}.chip-opt{border:1.5px solid var(--line);background:var(--surface-2);cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring);border-radius:14px;padding:12px 17px;font-size:14px;font-weight:600}.chip-opt:active{transform:scale(.96)}.chip-opt.sel{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.onb-foot{gap:10px;padding-top:18px;display:flex}.hero{background:linear-gradient(155deg, var(--hero-1), var(--hero-2));box-shadow:var(--sh-hero);text-align:center;color:#fff;border-radius:28px;flex-direction:column;align-items:center;padding:26px 20px 20px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(50% 50%,#ffffff38,#0000 70%);width:120%;height:110%;position:absolute;top:-40%;left:-10%}.hero:after{content:"";pointer-events:none;border-radius:28px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff38}.hero .ring-wrap,.hero .core-wrap{z-index:1;position:relative}.hero .ring-track{stroke:#ffffff29}.hero .ring-fill{stroke:#fff;filter:drop-shadow(0 0 8px #ffffff80)}.hero .ring-level{color:#fff}.hero .ring-level-label{color:#ffffff9e}.hero .ring-xp{color:#ffffffbf;z-index:1;position:relative}.ring-wrap{width:176px;height:176px;margin-bottom:14px;position:relative}.ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-wrap circle{fill:none}.ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1.1s var(--ease-out)}.ring-track{stroke:var(--surface-3)}.ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-level{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:46px;font-weight:700;line-height:1}.ring-level-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-top:7px;font-size:9.5px;font-weight:800}.ring-xp{color:var(--text-dim);font-size:12px;font-weight:600}.core-wrap{justify-content:center;align-items:center;width:176px;height:176px;margin-bottom:14px;display:flex;position:relative}.core-center{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.hero .core-hex-track{stroke:#ffffff2e}.hero .core-hex-fill{stroke:#fff;fill:#ffffff29}.hero-foot{z-index:1;border-top:1px solid #ffffff29;justify-content:center;align-items:stretch;width:100%;margin-top:20px;padding-top:18px;display:flex;position:relative}.hero-metric{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.hm-val{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.hm-label{letter-spacing:.1em;text-transform:uppercase;color:#fff9;font-size:9.5px;font-weight:700}.hero-div{background:#ffffff29;width:1px}.goal-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:13px;padding:14px 2px;display:flex}.goal-row:last-child{border-bottom:none}.goal-check{border:1.8px solid var(--line);cursor:pointer;background:var(--surface-2);width:27px;height:27px;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.goal-check:active{transform:scale(.88)}.goal-check svg{opacity:0;width:13px;height:13px;transition:opacity var(--dur-fast) var(--ease-out), scale var(--dur-med) var(--ease-spring);scale:.4}.goal-check.done{background:var(--success);border-color:var(--success)}.goal-check.done svg{opacity:1;stroke:#fff;scale:1}.goal-check.pop{animation:pop .48s var(--ease-spring)}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.3)}to{transform:scale(1)}}.goal-main{flex:1;min-width:0}.goal-title{letter-spacing:-.01em;transition:color var(--dur-med);font-size:14px;font-weight:600}.goal-title.done{color:var(--text-faint);text-decoration:line-through;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint)}.goal-meta{color:var(--text-faint);margin-top:2px;font-size:11.5px}.goal-xp{font-family:var(--font-mono);color:var(--accent);flex-shrink:0;font-size:11.5px;font-weight:500}.hydration-track{background:var(--surface-3);cursor:pointer;touch-action:none;border-radius:11px;height:22px;margin:8px 0 5px;position:relative;overflow:hidden}.hydration-track.locked{cursor:default;opacity:.75}.hydration-fill{transition:width .14s var(--ease-out);background:linear-gradient(#6cd0ff,#2f8fe0);border-radius:11px;position:absolute;inset:0 auto 0 0;overflow:hidden}.hydration-wave{opacity:.32;background:repeating-linear-gradient(115deg,#ffffff8c 0 8px,#0000 8px 20px);animation:2.6s linear infinite hydration-shimmer;position:absolute;inset:0}@keyframes hydration-shimmer{0%{transform:translate(-20px)}to{transform:translate(0)}}.hydration-handle{pointer-events:none;background:#fff;border:2px solid #2f8fe0;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000040}.workout-cta{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-2);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);border-radius:20px;align-items:center;gap:15px;padding:16px;display:flex}.workout-cta:hover{box-shadow:var(--sh-3)}.workout-cta:active{transform:scale(.985)}.workout-cta .wc-icon{background:linear-gradient(152deg, var(--hero-1), var(--hero-2));border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 10px 20px -10px #0c3296b3,inset 0 1px #ffffff40}.workout-cta .wc-icon svg{stroke:#fff;width:22px;height:22px}.wc-title{letter-spacing:-.01em;font-size:15px;font-weight:700}.wc-sub{color:var(--text-dim);margin-top:3px;font-size:12px}.wc-arrow{color:var(--text-faint);flex-shrink:0;margin-left:auto;display:flex}.wc-arrow svg{width:16px;height:16px}.week-strip{scrollbar-width:none;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.week-strip::-webkit-scrollbar{display:none}.day-pill{border:1.5px solid var(--line);background:var(--surface);cursor:default;min-width:44px;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:15px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:11px 0;display:flex}.day-pill .dp-label{color:var(--text-faint);letter-spacing:.06em;font-size:10px;font-weight:800}.day-pill .dp-dot{background:var(--surface-3);border-radius:50%;width:7px;height:7px}.day-pill.today{border-color:var(--accent)}.day-pill.today .dp-label{color:var(--accent)}.day-pill.iscurrent{background:var(--accent-soft)}.blurred{opacity:.45;filter:saturate(.6)}.ex-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-1);transition:background var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:18px;align-items:center;gap:13px;margin-bottom:10px;padding:15px;display:flex}.ex-card.done{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 32%, transparent)}.ex-num{background:var(--surface-2);width:32px;height:32px;font-family:var(--font-mono);color:var(--text-dim);transition:background var(--dur-med) var(--ease-out), color var(--dur-med) var(--ease-out);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.ex-card.done .ex-num{background:var(--success);color:#fff}.ex-name{letter-spacing:-.01em;font-size:14px;font-weight:700}.ex-meta{color:var(--text-faint);font-size:11.5px;font-family:var(--font-mono);margin-top:3px}.ex-toggle{border:1.8px solid var(--line);background:var(--surface-2);cursor:pointer;width:28px;height:28px;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ex-toggle:active{transform:scale(.88)}.ex-toggle svg{opacity:0;stroke:#fff;width:13px;height:13px;transition:opacity var(--dur-fast) var(--ease-out), scale var(--dur-med) var(--ease-spring);scale:.4}.ex-toggle.done{background:var(--success);border-color:var(--success)}.ex-toggle.done svg{opacity:1;scale:1}.rest-hero{text-align:center;padding:36px 16px}.rest-hero svg{width:44px;height:44px;color:var(--accent);margin-bottom:16px}.seg{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:15px;margin-bottom:20px;padding:4px;display:flex;position:relative}.seg button{color:var(--text-dim);cursor:pointer;z-index:1;letter-spacing:-.01em;transition:color var(--dur-med) var(--ease-out);background:0 0;border:none;border-radius:11px;flex:1;padding:11px 6px;font-size:12.5px;font-weight:700;position:relative}.seg button.active{color:#fff}.seg-thumb{background:linear-gradient(152deg, var(--hero-1), var(--hero-2));transition:transform var(--dur-med) var(--ease-spring);border-radius:11px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 6px 14px -8px #0c3296cc,inset 0 1px #fff3}.challenge-card{margin-bottom:12px;padding:18px}.ch-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.ch-title{letter-spacing:-.01em;font-size:15px;font-weight:700}.ch-desc{color:var(--text-dim);margin-top:4px;font-size:12.5px;line-height:1.45}.ch-badge{letter-spacing:.1em;text-transform:uppercase;background:var(--surface-2);color:var(--text-faint);border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:9.5px;font-weight:800}.ch-badge.live{background:var(--success-soft);color:var(--success)}.ch-badge.joined{background:var(--accent-soft);color:var(--accent)}.ch-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.ch-days{color:var(--text-faint);font-size:11.5px;font-family:var(--font-mono)}.league-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:13px;padding:12px 4px;display:flex}.league-row:last-child{border-bottom:none}.league-rank{width:22px;font-family:var(--font-mono);color:var(--text-faint);text-align:center;flex-shrink:0;font-size:13px;font-weight:500}.league-row.you{background:linear-gradient(152deg, var(--hero-1), var(--hero-2));color:#fff;border-bottom:none;border-radius:16px;margin:4px 0;padding:13px 10px;box-shadow:0 10px 22px -14px #0c3296e6}.league-row.you .league-rank{color:#fffc}.league-row.you .league-xp{color:#ffffffe6}.league-avatar{background:var(--surface-2);width:34px;height:34px;color:var(--text-dim);letter-spacing:-.01em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.league-row.you .league-avatar{color:#fff;background:#fff3}.league-name-col{flex:1;min-width:0}.league-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.league-sub{color:var(--text-faint);font-size:11px;font-family:var(--font-mono);margin-top:1px}.league-row.you .league-sub{color:#ffffffb3}.league-xp{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;font-size:12.5px;font-weight:700}.league-rank.medal{width:24px;height:24px;font-family:var(--font-mono);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.league-rank.medal.gold{background:linear-gradient(145deg,#f4cf6a,#c9962f)}.league-rank.medal.silver{background:linear-gradient(145deg,#e3e7ee,#a8b0bd)}.league-rank.medal.bronze{background:linear-gradient(145deg,#d89a6a,#a4602f)}.league-row.you .league-rank.medal{box-shadow:0 0 0 2px #ffffff80}.achv-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.achv{text-align:center;border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-1);transition:transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);border-radius:20px;padding:18px 12px}.achv:not(.unlocked){opacity:.5}.achv.unlocked{box-shadow:var(--sh-2)}.achv-icon{background:var(--surface-2);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;display:flex}.achv.unlocked .achv-icon{background:linear-gradient(152deg, var(--hero-1), var(--hero-2));box-shadow:0 8px 18px -10px #0c3296cc,inset 0 1px #ffffff40}.achv.unlocked .achv-icon svg{stroke:#fff}.achv-icon svg{width:19px;height:19px;stroke:var(--text-faint)}.achv-name{letter-spacing:-.01em;font-size:12.5px;font-weight:700}.achv-desc{color:var(--text-faint);margin-top:3px;font-size:10.5px;line-height:1.35}.feed-item{border-bottom:1px solid var(--line-soft);gap:13px;padding:14px 4px;display:flex}.feed-item:last-child{border-bottom:none}.feed-avatar{background:var(--surface-2);width:38px;height:38px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:800;display:flex}.feed-body{flex:1;min-width:0}.feed-text{color:var(--text-dim);font-size:13.5px;line-height:1.45}.feed-text b{color:var(--text);font-weight:700}.feed-time{color:var(--text-faint);font-size:10.5px;font-family:var(--font-mono);margin-top:4px}.composer{align-items:flex-end;gap:8px;margin-bottom:18px;display:flex}.composer textarea{resize:none;border:1px solid var(--line);font:inherit;background:var(--surface-2);min-height:22px;color:var(--text);border-radius:16px;flex:1;padding:10px 14px;font-size:16px}.composer textarea:focus{border-color:var(--accent);outline:none}.friend-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:12px 4px;display:flex}.friend-row:last-child{border-bottom:none}.friend-actions{flex-shrink:0;gap:6px;display:flex}.dm-panel{flex-direction:column;height:100%;display:flex}.dm-messages{scrollbar-width:none;flex-direction:column;flex:1;gap:8px;padding:16px 22px;display:flex;overflow-y:auto}.dm-messages::-webkit-scrollbar{display:none}.dm-bubble{word-break:break-word;border-radius:17px;max-width:75%;padding:9px 14px;font-size:13.5px;line-height:1.4}.dm-bubble.mine{background:var(--accent);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.dm-bubble.theirs{background:var(--surface-2);color:var(--text);border-bottom-left-radius:5px;align-self:flex-start}.dm-input-row{border-top:1px solid var(--line-soft);background:var(--surface);gap:8px;padding:14px 22px;display:flex}.dm-input-row input{flex:1;font-size:16px}.dm-input-row .btn{flex-shrink:0;padding:0 16px}.dm-input-row .btn svg{width:16px;height:16px;rotate:90deg}.banner{background:var(--accent-soft);color:var(--text-dim);border-radius:18px;gap:11px;margin-bottom:18px;padding:15px 16px;font-size:12.5px;line-height:1.5;display:flex}.banner svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;margin-top:1px}.profile-head{align-items:center;gap:16px;padding:4px 2px 8px;display:flex}.avatar-circle{background:linear-gradient(152deg, var(--hero-1), var(--hero-2));color:#fff;width:62px;height:62px;font-size:21px;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 12px 26px -12px #0c3296cc,inset 0 1px #ffffff40}.profile-name{font-family:var(--font-display);letter-spacing:-.025em;font-size:19px;font-weight:700}.profile-sub{color:var(--text-dim);margin-top:3px;font-size:12.5px}.stat-list{flex-direction:column;gap:14px;display:flex}.stat-row{align-items:center;gap:11px;display:flex}.stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stat-label{letter-spacing:-.01em;flex-shrink:0;width:78px;font-size:12.5px;font-weight:700}.stat-track{background:var(--surface-3);border-radius:999px;flex:1;height:6px;overflow:hidden}.stat-fill{height:100%;transition:width 1s var(--ease-out);border-radius:999px}.stat-val{font-family:var(--font-mono);color:var(--text-faint);text-align:right;flex-shrink:0;width:26px;font-size:11.5px}.setting-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:14px;padding:13px 2px;display:flex}.setting-row:last-child{border-bottom:none}.setting-title{letter-spacing:-.01em;font-size:13.5px;font-weight:600}.setting-sub{color:var(--text-faint);margin-top:3px;font-size:11px}.switch{background:var(--surface-3);cursor:pointer;width:46px;height:27px;transition:background var(--dur-med) var(--ease-out);border:none;border-radius:999px;flex-shrink:0;padding:0;position:relative}.switch:after{content:"";width:21px;height:21px;transition:translate var(--dur-med) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000047}.switch.on{background:var(--accent)}.switch.on:after{translate:19px}.flag-row{justify-content:space-between;align-items:center;gap:10px;padding:11px 2px;display:flex}.flag-name{font-size:13px;font-weight:600}.flag-badge{letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:9.5px;font-weight:800}.flag-badge.on{background:var(--success-soft);color:var(--success)}.flag-badge.off{background:var(--surface-2);color:var(--text-faint)}.history-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:12px 4px;display:flex}.history-row:last-child{border-bottom:none}.history-icon{background:var(--accent-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.history-icon svg{width:15px;height:15px;color:var(--accent)}.history-main{flex:1;min-width:0}.history-title{letter-spacing:-.01em;font-size:13px;font-weight:600}.history-time{color:var(--text-faint);font-size:10.5px;font-family:var(--font-mono);margin-top:2px}.history-xp{font-family:var(--font-mono);color:var(--success);flex-shrink:0;font-size:12px;font-weight:500}.simbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:100;padding:calc(env(safe-area-inset-top,0px) + 80px) 20px 20px;opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out);background:#050a1a99;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-sheet{background:var(--surface);-webkit-overflow-scrolling:touch;border:1px solid var(--line);width:100%;max-width:430px;max-height:100%;box-shadow:var(--sh-3);transition:translate var(--dur-med) var(--ease-spring), scale var(--dur-med) var(--ease-spring);border-radius:26px;padding:24px 24px 28px;overflow-y:auto;translate:0 12px;scale:.97}.modal-overlay.show .modal-sheet{translate:0;scale:1}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.modal-head h3{font-size:19px;font-weight:700}.modal-close{background:var(--surface-2);cursor:pointer;width:32px;height:32px;color:var(--text-dim);transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.modal-close:active{transform:scale(.9)}.about-block{margin-bottom:20px}.about-block h4{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 9px;font-size:10.5px;font-weight:800}.about-block p,.about-block li{color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.6}.about-block ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.about-stack{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.stack-pill{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--line);color:var(--text-dim);border-radius:999px;padding:6px 11px;font-size:11px}.fit-img{object-fit:cover;width:100%;height:100%;display:block}.league-avatar .fit-img,.feed-avatar .fit-img,.avatar-circle .fit-img{object-fit:cover;object-position:center top;transform:none}.hero-char{z-index:1;cursor:pointer;width:100%;height:224px;margin-bottom:10px;position:relative}.hero-char .ring-wrap{width:176px;height:176px;margin:0;position:absolute;top:0;left:50%;translate:-50%}.hero-figure{filter:drop-shadow(0 18px 18px #00000073);width:auto;height:236px;animation:charIn .64s var(--ease-spring) backwards;position:absolute;bottom:-6px;left:50%;translate:-50%}.hero-char .char-lvl{min-width:36px;height:36px;color:var(--hero-2);font-family:var(--font-display);letter-spacing:-.02em;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:14px;font-weight:700;display:flex;position:absolute;top:132px;right:14px;box-shadow:0 6px 16px -6px #00000080}@keyframes charIn{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:none}}.char-card{border-radius:var(--r-lg);cursor:pointer;background:linear-gradient(140deg, var(--hero-1), var(--hero-2));color:#fff;box-shadow:var(--sh-hero);transition:transform var(--dur-fast) var(--ease-out);align-items:stretch;gap:14px;display:flex;position:relative;overflow:hidden}.char-card:active{transform:scale(.985)}.char-card:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 20% 20%,#ffffff38,#0000 70%);position:absolute;inset:0}.char-card-figure{flex-shrink:0;align-self:center;width:132px;height:132px;position:relative}.char-card-figure .fit-img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 12px #00000059);width:100%;height:calc(100% - 6px);position:absolute;bottom:6px;left:0;transform:none}.char-card-body{flex-direction:column;flex:1;padding:18px 18px 16px 0;display:flex;position:relative}.char-tier{letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;font-size:10px;font-weight:800}.char-title{font-family:var(--font-display);letter-spacing:-.025em;margin-top:3px;font-size:20px;font-weight:700}.char-unlocks{color:#ffffffb8;margin-top:6px;font-size:11.5px;line-height:1.45}.char-card-cta{letter-spacing:.02em;align-items:center;gap:4px;margin-top:auto;padding-top:12px;font-size:12px;font-weight:800;display:flex}.base-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.base-opt{border:1.5px solid var(--line);background:var(--surface-2);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-med) var(--ease-out);border-radius:20px;padding:10px 8px 12px}.base-opt:active{transform:scale(.96)}.base-opt.sel{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--sh-2)}.base-opt.sel .char-name{color:var(--accent)}.base-art{background:radial-gradient(70% 60% at 50% 85%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);border-radius:14px;justify-content:center;align-items:flex-end;height:190px;display:flex;overflow:hidden}.base-art img{filter:drop-shadow(0 10px 10px #00000040);width:auto;height:100%}.base-opt .char-name{margin-top:8px;font-size:13px;font-weight:700}.char-name{letter-spacing:-.01em;font-size:12px;font-weight:700}.swatch-row{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:3px solid var(--surface);width:38px;height:38px;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;color:#fff;transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.swatch:active{transform:scale(.9)}.swatch.sel{box-shadow:0 0 0 2.5px var(--accent)}.swatch.locked{opacity:.55}.swatch svg{filter:drop-shadow(0 1px 2px #00000080);width:14px;height:14px}.swatch-row.big{padding:4px 2px 8px}.swatch-row.big .swatch{width:46px;height:46px}.swatch-legend{color:var(--text-dim);padding:2px 2px 0;font-size:12px}.swatch-legend .muted{color:var(--text-faint)}.swatch-legend b{color:var(--text);margin-right:8px;font-weight:700}.studio{--stage-h:clamp(230px, 42vh, 340px);--controls-h:52px;flex-direction:column;margin:-14px -22px 0;display:flex}.stage3d{z-index:5;height:var(--stage-h);touch-action:pan-y;transition:height var(--dur-med,.24s) var(--ease-out,ease);background:radial-gradient(70% 55% at 50% 22%, color-mix(in srgb, var(--t1) 55%, transparent), transparent 70%), linear-gradient(180deg, #0b1a45 0%, #070f2a 100%);flex-shrink:0;position:sticky;top:0;overflow:hidden}.studio.stage-collapsed .stage-hint,.studio.stage-collapsed .stage-hud{opacity:0;pointer-events:none}.stage-controls-bar{top:var(--stage-h);z-index:6;height:var(--controls-h);background:var(--surface);border-bottom:1px solid var(--line-soft);touch-action:none;cursor:grab;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;display:flex;position:sticky}.stage-controls-bar:active{cursor:grabbing}.stage-controls-label{color:var(--text-faint);letter-spacing:.02em;font-size:12px;font-weight:700}.stage-handle-grip{background:var(--line);pointer-events:none;border-radius:999px;width:34px;height:4px;position:absolute;top:6px;left:50%;translate:-50%}.stage3d:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 60%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 70% at 50% 60%,#000 30%,#0000 100%)}.stage3d:after{content:"";pointer-events:none;background:linear-gradient(#00000047,#0000 22% 80%,#00000059);position:absolute;inset:0}.stage-canvas{cursor:grab;z-index:1;touch-action:pan-y;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.stage-canvas:active{cursor:grabbing}.stage-hud{z-index:2;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:12px;left:14px;right:14px}.hud-chip{letter-spacing:.01em;color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:11.5px;font-weight:700;display:flex}.hud-chip.mono{padding:6px 12px}.hud-lvl{color:#0b2f8e;width:22px;height:22px;font-family:var(--font-display);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.stage-hint{z-index:2;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;color:#ffffff9e;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex;position:absolute;bottom:12px;left:50%;translate:-50%}.stage-hint svg{width:13px;height:13px}.stage-fallback{color:#ffffffb3;text-align:center;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.cat-rail{scrollbar-width:none;background:var(--surface);top:calc(var(--stage-h) + var(--controls-h));z-index:3;border-bottom:1px solid var(--line-soft);transition:top var(--dur-med,.24s) var(--ease-out,ease);align-items:center;gap:6px;padding:16px 22px;display:flex;position:sticky;overflow-x:auto}.cat-rail::-webkit-scrollbar{display:none}.cat-chip{letter-spacing:-.01em;background:var(--surface-2);color:var(--text-dim);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring);border:none;border-radius:999px;flex-shrink:0;padding:9px 15px;font-size:12.5px;font-weight:700}.cat-chip:active{transform:scale(.94)}.cat-chip.active{background:var(--text);color:var(--bg)}.stage-toggle-btn{background:var(--surface-2);width:32px;height:32px;color:var(--text-dim);cursor:pointer;transition:transform var(--dur-fast,.16s) var(--ease-out,ease), background var(--dur-fast,.16s) var(--ease-out,ease), color var(--dur-fast,.16s) var(--ease-out,ease);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stage-toggle-btn:active{transform:scale(.9)}.stage-toggle-btn svg{width:15px;height:15px}.studio.stage-full .stage-toggle-btn.expand{background:var(--text);color:var(--bg)}.item-rail{scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;padding:18px 22px 10px;display:flex;overflow-x:auto}.item-rail::-webkit-scrollbar{display:none}.item-rail.is-swatches{flex-direction:column;gap:6px;overflow:visible}.studio.stage-collapsed .item-rail:not(.is-swatches){scroll-snap-type:none;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px;padding:22px;display:grid;overflow-x:visible}.item-tile{scroll-snap-align:start;border:1.5px solid var(--line);background:var(--surface-2);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-med) var(--ease-out);border-radius:18px;flex:0 0 104px;padding:6px 6px 9px}.item-tile:active{transform:scale(.95)}.item-tile.sel{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--sh-2)}.item-tile.sel .item-name{color:var(--accent)}.item-art{background:radial-gradient(70% 55% at 50% 90%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 70%), var(--surface);border-radius:13px;justify-content:center;align-items:flex-end;height:110px;display:flex;position:relative;overflow:hidden}.item-art img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.item-tile.locked .item-art img{filter:grayscale(.9)brightness(.55)}.item-lock{color:#fff;letter-spacing:.04em;background:#080e2047;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:800;display:flex;position:absolute;inset:0}.item-lock svg{filter:drop-shadow(0 1px 3px #0009);width:16px;height:16px}.item-lock span{background:#080e20b3;border-radius:999px;padding:3px 8px}.item-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:11.5px;font-weight:700;overflow:hidden}.unlock-strip{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:18px;margin:14px 22px 8px;padding:14px 16px}.us-head{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.us-head b{color:var(--text);font-weight:700}.us-head .mono{color:var(--accent);font-size:11.5px;font-weight:500}.us-sub{color:var(--text-faint);margin-top:8px;font-size:11.5px}.device-header.overlay{-webkit-backdrop-filter:none;color:#fff;background:0 0;border-bottom:none;position:absolute;top:0;left:0;right:0}.device-header.overlay .dh-sub{color:#ffffff9e}.device-header.overlay .level-chip{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border-color:#ffffff2e}.screen.has-hero{padding-top:0}.device-header.overlay{transition:background var(--dur-med) var(--ease-out), color var(--dur-med) var(--ease-out)}.device-header.overlay.solid{background:var(--glass);color:var(--text);-webkit-backdrop-filter:blur(18px)saturate(1.5);border-bottom:1px solid var(--line-soft)}.device-header.overlay.solid .dh-sub{color:var(--text-faint)}.device-header.overlay.solid .level-chip{background:var(--surface-2);border-color:var(--line);color:var(--text)}.stage3d.arena{z-index:auto;background:radial-gradient(70% 45% at 50% 28%, color-mix(in srgb, var(--t1) 60%, transparent), transparent 70%), radial-gradient(90% 40% at 50% 100%, color-mix(in srgb, var(--t1) 28%, transparent), transparent 70%), linear-gradient(180deg, #08122e 0%, #070f2a 62%, #0a1330 100%);border-radius:0 0 30px 30px;height:clamp(360px,52vh,440px);margin:0 -22px;position:relative;top:auto;box-shadow:0 24px 40px -28px #050f32b3}.stage3d.arena:after{background:linear-gradient(#0000006b,#0000 30% 70%,#00000073);border-radius:0 0 30px 30px}.stage3d.arena:before{border-radius:0 0 30px 30px}.arena-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:78px;left:16px;right:16px}.arena-top .hud-chip{pointer-events:auto}.hud-btn{cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring);font-family:inherit}.hud-btn:active{transform:scale(.94)}.hud-btn:hover{background:#fff3}.hud-chip svg{width:13px;height:13px}.arena-foot{z-index:2;-webkit-backdrop-filter:blur(14px);color:#fff;background:#08102880;border:1px solid #ffffff24;border-radius:15px;padding:10px 13px 11px;position:absolute;bottom:14px;left:16px;right:16px}.af-row{letter-spacing:-.01em;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.af-row span{align-items:center;gap:4px;display:inline-flex}.af-row svg{color:#ffb454;width:12px;height:12px}.af-row .mono{color:#fffc;font-size:11.5px;font-weight:500}.arena-foot .progress-track{background:#ffffff29;height:6px;margin-top:8px}.arena-foot .progress-fill{background:linear-gradient(90deg,#fff,#9cc0ff)}.af-sub{color:#fff9;letter-spacing:.02em;margin-top:7px;font-size:10.5px;font-weight:600}.metrics{z-index:3;grid-template-columns:repeat(4,1fr);gap:8px;margin:-10px 0 0;display:grid;position:relative}.metric{background:var(--surface);border:1px solid var(--line);text-align:center;box-shadow:var(--sh-2);border-radius:18px;padding:12px 4px 10px}.metric-ring{width:50px;height:50px;margin:0 auto 6px;position:relative}.metric-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.metric-ring circle{fill:none;stroke-width:5px}.metric-ring .mr-track{stroke:var(--surface-3)}.metric-ring .mr-fill{stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease-out)}.metric-ring .mr-icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.metric-ring .mr-icon svg{width:16px;height:16px;transform:none}.metric-val{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14.5px;font-weight:700}.metric-val small{color:var(--text-faint);letter-spacing:.02em;margin-left:2px;font-size:9px;font-weight:700}.metric-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;margin-top:2px;font-size:9px;font-weight:800}.quest{color:#fff;box-shadow:var(--sh-hero);background:linear-gradient(135deg,#0c2a74 0%,#1554e6 58%,#3f8cff 100%);border-radius:22px;padding:18px 18px 16px;position:relative;overflow:hidden}.quest:before{content:"";pointer-events:none;background:radial-gradient(50% 50%,#ffffff42,#0000 70%);width:70%;height:160%;position:absolute;top:-60%;right:-20%}.quest:after{content:"";pointer-events:none;border-radius:22px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff38}.quest>*{z-index:1;position:relative}.quest-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#ffffffa8;font-size:10px;font-weight:800}.quest-title{font-family:var(--font-display);letter-spacing:-.025em;margin-top:4px;font-size:21px;font-weight:700;line-height:1.15}.quest-sub{color:#ffffffc7;margin-top:10px;font-size:12.5px;line-height:1.45}.quest-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.qchip{font-variant-numeric:tabular-nums;background:#ffffff24;border:1px solid #fff3;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.qchip svg{width:12px;height:12px}.quest .progress-track{background:#ffffff2e;height:7px;margin-top:14px}.quest .progress-fill{background:#fff}.quest-foot{color:#ffffffc7;font-size:11.5px;font-family:var(--font-mono);justify-content:space-between;margin-top:8px;display:flex}.quest-btn{color:var(--hero-2);background:#fff;width:100%;margin-top:14px;padding:13px;font-size:14px}.ladder{flex-direction:column;gap:8px;display:flex}.rung{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.rung-num{width:36px;height:36px;font-family:var(--font-display);background:var(--surface-2);color:var(--text-dim);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.rung.done .rung-num{background:var(--success-soft);color:var(--success)}.rung.current .rung-num{background:linear-gradient(152deg, var(--hero-1), var(--hero-2));color:#fff;box-shadow:0 8px 16px -8px #0c3296cc}.rung.current{border-color:color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:var(--sh-2)}.rung.locked{opacity:.55}.rung-main{flex:1;min-width:0}.rung-title{letter-spacing:-.01em;font-size:13.5px;font-weight:700}.rung-sub{color:var(--text-faint);font-size:11px;font-family:var(--font-mono);margin-top:2px}.rung-state{letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);color:var(--text-faint);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:5px 9px;font-size:9.5px;font-weight:800;display:flex}.rung.done .rung-state{background:var(--success-soft);color:var(--success)}.rung.current .rung-state{background:var(--accent-soft);color:var(--accent)}.rung-state svg{width:11px;height:11px}.levelup-burst{pointer-events:none;z-index:30;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050a1a59;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.levelup-burst.show{animation:burstFade 1.6s var(--ease-out) forwards}@keyframes burstFade{0%{opacity:0}10%{opacity:1}76%{opacity:1}to{opacity:0}}.levelup-card{background:linear-gradient(155deg, var(--hero-1), var(--hero-2));text-align:center;box-shadow:var(--sh-hero), inset 0 1px 0 #ffffff40;color:#fff;border-radius:26px;padding:30px 40px;transform:scale(.7)}.levelup-burst.show .levelup-card{animation:cardPop .76s var(--ease-spring) forwards}@keyframes cardPop{0%{transform:scale(.6)}60%{transform:scale(1.05)}to{transform:scale(1)}}.levelup-card .lu-num{font-family:var(--font-display);letter-spacing:-.04em;font-size:52px;font-weight:700;line-height:1}.levelup-card .lu-label{letter-spacing:.2em;text-transform:uppercase;color:#ffffffa8;margin-bottom:10px;font-size:10px;font-weight:800}.sitefoot{text-align:center;max-width:620px;color:var(--text-faint);padding:2px 24px 30px;font-size:11.5px;line-height:1.65}.ex-edit-card{border-bottom:1px solid var(--line-soft);padding:13px 0}.ex-edit-card:last-child{border-bottom:none}.ex-edit-card input{background:var(--surface-2);border:1.5px solid var(--line);width:100%;color:var(--text);border-radius:10px;min-width:0;padding:9px 10px;font-family:inherit;font-size:16px;font-weight:600}.ex-edit-card input:focus{border-color:var(--accent);outline:none}.ex-edit-card-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ex-edit-name{flex:1;min-width:0}.ex-edit-card-row{gap:8px;display:flex}.ex-edit-field{flex:1;min-width:0}.ex-edit-field label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px;font-size:10px;font-weight:800;display:block}.ex-edit-field input{text-align:center}.ex-edit-remove{color:var(--text-faint);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:6px;display:flex}.ex-edit-remove:hover{color:var(--danger)}.program-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:14px 2px;display:flex}.program-row:last-child{border-bottom:none}.program-row .goal-main{cursor:pointer;flex:1;min-width:0}.program-actions{flex-shrink:0;gap:6px;display:flex}.icon-btn{background:var(--surface-2);border:1px solid var(--line);width:34px;height:34px;color:var(--text-dim);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn svg{width:15px;height:15px}.icon-btn:hover{color:var(--text)}.day-picker{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);margin-top:8px;overflow:hidden}.day-picker-opt{cursor:pointer;border-bottom:1px solid var(--line-soft);padding:11px 14px;font-size:13px;font-weight:600}.day-picker-opt:last-child{border-bottom:none}.day-picker-opt:hover{background:var(--surface-3)}.day-picker-opt.current{color:var(--accent)}.empty-hint{color:var(--text-faint);padding:10px 2px;font-size:12.5px}@media (width<=680px){.sitebar{display:none}.stage{padding:0}.device-shell{width:100%}.device-shell:after{display:none}.device{width:100vw;height:100dvh;max-height:none;box-shadow:none;border:none;border-radius:0;margin-left:calc(50% - 50vw)}.device-header{padding-top:calc(18px + env(safe-area-inset-top,0px))}.sitefoot{display:none}}.week-legend{color:var(--text-dim);flex-wrap:wrap;gap:6px 12px;margin:-6px 0 10px;font-size:11.5px;font-weight:600;display:flex}.week-legend .legend-today{color:var(--accent)}.workout-block{margin-bottom:14px}.workout-block.superset{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--surface);box-shadow:var(--sh-1);border-radius:18px;padding:12px 14px 4px}.workout-block:not(.superset) .ex-group{border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-1);border-radius:18px;margin-bottom:0;padding:14px}.workout-block-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:10.5px;font-weight:700}.ex-group{margin-bottom:12px}.workout-block.superset{padding:12px 14px 14px}.workout-block.superset .ex-group{margin-bottom:0;padding:10px 0 4px}.workout-block.superset .ex-group+.ex-group{border-top:none;margin-top:0;padding-top:4px}.workout-block.superset .ex-group-head{margin-bottom:4px}.workout-block.superset .set-line,.workout-block.superset .set-row{margin-top:4px}.ex-group.skipped{opacity:.55}.ex-group-head{align-items:center;gap:10px;min-width:0;margin-bottom:6px;display:flex}.ex-label{text-align:center;min-width:30px;font-family:var(--font-mono);background:var(--surface-2);color:var(--text-dim);border-radius:9px;flex-shrink:0;padding:4px 6px;font-size:12px;font-weight:700}.ex-group-name{letter-spacing:-.01em;overflow-wrap:anywhere;flex:1;min-width:0;font-size:14.5px;font-weight:700;line-height:1.3}.skip-btn{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11.5px;font-weight:700}.skip-btn.on{background:var(--surface-3);color:var(--text)}.skip-btn:disabled{opacity:.5;cursor:default}.set-line,.set-row{border-radius:12px;align-items:center;gap:10px;margin-top:5px;padding:8px 10px;font-size:13px;display:flex}.set-line{background:var(--surface-2)}.set-row{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out)}.set-row:disabled{cursor:default}.set-row.done{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.set-row.skipped{background:0 0;border-style:dashed}.set-label{min-width:48px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.set-detail{font-family:var(--font-mono);color:var(--text);overflow-wrap:anywhere;min-width:0;font-size:13px}.set-row.done .set-detail{color:var(--success)}.set-tick{border:2px solid var(--line);background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.set-tick.done{background:var(--success);border-color:var(--success);color:#fff}.ex-edit-block{padding:14px}.ex-edit-block.in-superset{border-left:4px solid var(--accent)}.set-edit-head,.set-edit-row{grid-template-columns:36px 1fr 1.4fr 30px;align-items:center;gap:8px;display:grid}.set-edit-head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:10px 0 6px;font-size:10.5px;font-weight:700}.set-edit-row{margin-bottom:6px}.set-edit-row input{width:100%;min-width:0}.set-edit-no{font-family:var(--font-mono);color:var(--text-dim);text-align:center;font-size:13px}.ex-edit-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.dm-bubble.program{max-width:88%;padding:12px 13px}.program-msg-title{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:14.5px;font-weight:800}.program-msg-sub{color:var(--text-dim);margin-top:2px;font-size:12px}.program-msg-body{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.program-msg-body .overview-ex+.overview-ex{margin-top:10px}.program-msg-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.dm-bubble.image{max-width:70%;padding:4px}.chat-image{border-radius:14px;width:100%;max-width:240px;display:block}.chat-image-loading{color:var(--text-faint);padding:10px 8px;font-size:12px}.dm-attach{background:var(--surface-2);width:38px;height:38px;color:var(--text-dim);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dm-attach.busy{opacity:.5}.dm-clear-row{justify-content:center;margin-bottom:6px;display:flex}.dm-delete-row{align-items:center;gap:10px;margin:4px 0 8px;display:flex}.dm-delete-row.mine{justify-content:flex-end}.dm-delete-row.theirs{justify-content:flex-start}.dm-row{flex-direction:column;max-width:100%;display:flex}.dm-row.mine{align-items:flex-end}.dm-row.theirs{align-items:flex-start}.type-tabs{scrollbar-width:none;gap:7px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.type-tabs::-webkit-scrollbar{display:none}.type-chip{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);cursor:pointer;transition:background var(--dur-med) var(--ease-out), color var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out);border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:7px 12px;font-size:12.5px;font-weight:700;display:flex}.type-chip.sm{padding:5px 10px;font-size:11.5px}.type-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.feed-type-badge{background:var(--surface-2);color:var(--text-dim);border-radius:999px;align-items:center;gap:3px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.group-sub-row{border-bottom:1px solid var(--line-soft);color:var(--text-faint);justify-content:space-between;align-items:center;padding:10px 22px;font-size:12px;font-weight:700;display:flex}.group-sender{color:var(--text-faint);margin:0 0 3px 2px;font-size:11px;font-weight:700}.group-row{border-bottom:1px solid var(--line-soft);cursor:pointer;align-items:center;gap:12px;padding:13px 4px;display:flex}.group-row:last-child{border-bottom:none}.group-icon{background:linear-gradient(152deg, var(--accent), var(--accent-2));color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.group-meta{color:var(--text-faint);margin-top:1px;font-size:11.5px}.member-pick{border-bottom:1px solid var(--line-soft);cursor:pointer;align-items:center;gap:10px;padding:10px 4px;display:flex}.member-pick:last-child{border-bottom:none}.member-pick-check{border:2px solid var(--line);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.member-pick-check.on{background:var(--accent);border-color:var(--accent)}.program-type-icon{background:var(--surface-2);width:32px;height:32px;color:var(--text-dim);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}