:root{color-scheme:dark;--bg: #241015;--bg-deep: #1c0b0f;--glow: rgba(58, 23, 29, .9);--surface: #2a1217;--surface-2: #34161c;--card: rgba(255, 255, 255, .04);--card-2: rgba(255, 255, 255, .06);--board: #1c0b0f;--tray: #160a0c;--ink: #f6e7df;--ink-2: rgba(246, 231, 223, .55);--ink-3: rgba(246, 231, 223, .4);--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .12);--accent: #e2714c;--accent-strong: #c9503c;--accent-soft: #ee7e54;--amber: #e8a24a;--gold: #f0c079;--accent-tint: rgba(226, 113, 76, .14);--grad-accent: linear-gradient(180deg, #ee7e54, #d2563c);--grad-amber: linear-gradient(150deg, #e8a24a, #c9503c);--grad-hero: linear-gradient(105deg, #d2563c 0%, #b23e38 52%, #8e3a52 100%);--shard: #54d6c4;--shard-bright: #6be6d6;--shard-text: #8bf0e2;--shard-tint: rgba(84, 214, 196, .14);--gold-tint: rgba(240, 192, 121, .14);--success: #7c9b6e;--shadow-sm: 0 6px 16px -8px rgba(0, 0, 0, .6);--shadow-md: 0 18px 40px -16px rgba(0, 0, 0, .55);--shadow-lg: 0 40px 80px -28px rgba(0, 0, 0, .6);--glow-accent: 0 10px 22px -8px rgba(226, 113, 76, .6);--radius-sm: 11px;--radius-md: 15px;--radius-lg: 24px;--radius-pill: 999px;--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-sans: "Hanken Grotesk Variable", "Hanken Grotesk", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 10px;--sp-5: 12px;--sp-6: 14px;--sp-7: 16px;--sp-8: 18px;--sp-9: 20px;--sp-10: 22px;--pad-y: 26px;--pad-x: 30px;--content-max: 1320px;--t-hero: 40px;--t-greeting: 26px;--t-h1: 30px;--t-h2: 16px;--t-card-title: 15px;--t-ring: 38px;--t-num: 22px;--t-stat: 18px;--t-body-lg: 15px;--t-body: 14px;--t-label: 12px;--t-label-sm: 11px;--t-cap: 10px;--t-btn: 15px;--radius-chip: 13px;--radius-btn: 14px;--radius-xl: 24px;--gloss: inset 0 1px 0 rgba(255, 255, 255, .14);--gloss-strong: inset 0 1px 0 rgba(255, 255, 255, .3)}html[data-theme=meadow]{--bg: #eef1e8;--glow: #f4f7ee;--surface: #fbfdf6;--surface-2: #e3e8d8;--board: #b9c3a8;--tray: #a9b598;--ink: #20251c;--ink-2: #5d6553;--line: rgba(30, 36, 24, .1);--line-strong: rgba(30, 36, 24, .17)}html[data-theme=dusk]{--bg: #e9edf4;--glow: #f1f4fa;--surface: #fbfcff;--surface-2: #dde3ef;--board: #aeb8cc;--tray: #9aa6bd;--ink: #1c2230;--ink-2: #586072;--line: rgba(28, 34, 48, .1);--line-strong: rgba(28, 34, 48, .17)}html[data-theme=rose]{--bg: #f6ecef;--glow: #fbf3f5;--surface: #fffafb;--surface-2: #efdde2;--board: #cbb0b8;--tray: #bb9ea7;--ink: #2a1f23;--ink-2: #6e5b61;--line: rgba(42, 31, 35, .1);--line-strong: rgba(42, 31, 35, .17);--accent: #c65d7b;--accent-strong: #a84561;--accent-soft: #e58fa6;--accent-tint: rgba(198, 93, 123, .12)}html[data-theme=midnight]{color-scheme:dark;--bg: #18140f;--glow: rgba(224, 103, 60, .07);--surface: #231e18;--surface-2: #2e2820;--board: #2a241d;--tray: #1f1a14;--ink: #f0e8dd;--ink-2: #a89e90;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16)}html[data-theme=forest]{color-scheme:dark;--bg: #0f1714;--glow: rgba(74, 165, 130, .08);--surface: #15201b;--surface-2: #1d2a23;--board: #1b2722;--tray: #131c18;--ink: #e4efe7;--ink-2: #93a89c;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overscroll-behavior-x:none}body{font-family:var(--font-sans);color:var(--ink);background:radial-gradient(120% 80% at 50% -20%,var(--glow) 0%,transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.muted{color:var(--ink-2);font-size:.82rem}.stat{font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:600;color:var(--ink)}.grow{flex:1 1 auto}.hud{display:flex;align-items:center;gap:16px}.btn{font:inherit;font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .15s var(--ease),transform .12s var(--ease-spring),box-shadow .15s var(--ease)}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn-primary{background:var(--grad-accent);border-color:transparent;color:#fff;font-weight:700;box-shadow:var(--glow-accent),var(--gloss)}.btn-primary:hover{background:var(--grad-accent);transform:translateY(-1px)}.auth{display:flex;align-items:center;gap:8px}.input{font:inherit;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.error{color:var(--accent-strong);font-size:.8rem}.overlay--fixed{position:fixed;z-index:120}.overlay .card.auth-modal{position:relative;width:400px;max-width:92vw;gap:0;padding:34px 34px 28px;justify-items:stretch;text-align:center;background:linear-gradient(180deg,var(--surface-2),var(--surface))}.auth-close{position:absolute;top:16px;right:16px}.auth-modal h2{text-align:center;font-size:1.5rem}.auth-sub{margin-top:6px;text-align:center}.auth-modal>.auth-link{justify-self:center;margin-top:16px;font-size:.85rem}.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;padding:12px;border-radius:var(--radius-btn);border:1px solid var(--line-strong);background:#fff;color:#1f1f1f;font:inherit;font-weight:700;cursor:pointer;transition:filter .15s var(--ease),transform .12s var(--ease-spring)}.auth-google:hover:not(:disabled){filter:brightness(.96)}.auth-google:active:not(:disabled){transform:scale(.98)}.auth-google:disabled{opacity:.6;cursor:default}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--ink-3);font-size:.78rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-form-full{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left}.auth-form-full .input{width:100%;padding:11px 14px;border-radius:var(--radius-btn)}.auth-form-full .btn-grad{justify-content:center;margin-top:4px}.auth-link{border:none;background:none;padding:0;color:var(--accent);font:inherit;font-weight:700;cursor:pointer}.auth-link:hover{text-decoration:underline}.auth-forgot{align-self:flex-end;font-size:.8rem;font-weight:600}.auth-toggle{margin-top:18px;text-align:center;font-size:.85rem}.auth-sent{display:grid;justify-items:center;gap:6px}.auth-sent-ic{display:grid;place-content:center;justify-self:center;width:60px;height:60px;margin-bottom:8px;border-radius:50%;background:var(--accent-tint);color:var(--accent);font-size:30px}.auth-sent .btn-grad{justify-content:center;margin-top:12px}.board-well{position:relative;flex:1 1 auto;min-height:0;background:radial-gradient(80% 80% at 50% 40%,rgba(226,113,76,.06),transparent 70%),var(--bg-deep);overflow:hidden;touch-action:none;overscroll-behavior:none}.board-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.dock-nav{position:absolute;top:var(--dock-cy, 86%);transform:translateY(-50%);width:44px;height:44px;display:grid;place-content:center;border-radius:var(--radius-pill);border:1px solid var(--accent-strong);background:color-mix(in srgb,var(--accent) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:1.45rem;line-height:1;cursor:pointer;box-shadow:var(--shadow-md),0 6px 18px -8px color-mix(in srgb,var(--accent) 65%,transparent);transition:background .15s var(--ease),color .15s var(--ease),filter .15s var(--ease),transform .12s var(--ease-spring);z-index:2}.dock-nav.prev{left:18px}.dock-nav.next{right:18px}.dock-nav:hover:not(:disabled){background:var(--accent);filter:brightness(1.06)}.dock-nav:active:not(:disabled){transform:translateY(-50%) scale(.92)}.dock-nav:disabled{opacity:.25;cursor:default}.state-card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-content:center;justify-items:center;text-align:center;padding:44px 28px;background:radial-gradient(120% 90% at 50% 0%,#3a171d,var(--bg-deep));animation:fade-in .25s var(--ease)}.state-title{font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--ink)}.state-title--lg{font-size:22px}.state-sub{margin-top:5px;max-width:280px;font-size:13px;font-weight:500;color:var(--ink-2)}.state-spinner{position:relative;width:74px;height:74px;margin-bottom:22px}.state-spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid rgba(255,255,255,.08);border-top-color:var(--accent);animation:state-spin .9s linear infinite}.state-spinner-ic{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;color:var(--amber);font-size:30px;animation:state-float 2s var(--ease) infinite}.state-bar{width:200px;height:6px;margin-top:22px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden}.state-bar-fill{display:block;width:42%;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--amber),var(--accent));animation:state-progress 1.3s var(--ease) infinite}.state-icon{display:grid;place-content:center;width:74px;height:74px;margin-bottom:22px}.state-icon--error{border-radius:20px;background:#c9503c24;border:1px solid rgba(201,80,60,.3);color:var(--accent)}.state-icon--error .msr{font-size:36px}.state-icon--pause{width:64px;height:64px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--ink)}.state-icon--pause .msr{font-size:32px;font-variation-settings:"FILL" 1}.state-actions{display:flex;gap:10px;margin-top:20px}.state-card--paused{background:#14090bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause-reason{margin-top:6px;max-width:280px;font-size:13px;font-weight:500;color:var(--ink-2)}.pause-timer{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:6px 14px;border-radius:var(--radius-pill);background:#ffffff0f;font-weight:700;font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}.pause-timer .msr{font-size:16px;color:var(--amber)}.pause-resume{margin-top:20px}.pause-resume .msr{font-size:19px;font-variation-settings:"FILL" 1}@keyframes state-spin{to{transform:rotate(360deg)}}@keyframes state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes state-progress{0%{transform:translate(-120%)}to{transform:translate(320%)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;background:#231a1266;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .25s var(--ease)}.overlay .card{display:grid;gap:12px;justify-items:center;padding:32px 44px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop-in .4s var(--ease-spring)}.overlay h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.7rem;letter-spacing:-.01em}.overlay .stat{font-size:1.3rem;color:var(--gold);font-variant-numeric:tabular-nums}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}.complete-overlay{background:#1c140c80}.complete-card{position:relative;z-index:2;width:520px;max-width:92vw;gap:0;padding:32px 32px 28px;justify-items:center;text-align:center;background:linear-gradient(180deg,#3a171d,#26101a);border:1px solid var(--line-strong);border-radius:26px;box-shadow:var(--shadow-lg)}.complete-seal{display:grid;place-content:center;width:78px;height:78px;border-radius:50%;background:var(--grad-amber);color:#fff;font-size:42px;font-variation-settings:"FILL" 1;box-shadow:0 16px 30px -10px #e2714c99,inset 0 2px #ffffff4d;animation:state-float 3s var(--ease) infinite}.complete-title{margin-top:16px;font-family:var(--font-display);font-weight:800;font-size:1.85rem;letter-spacing:-.02em;animation:rise .4s .1s var(--ease) both}.complete-time{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 16px;border-radius:var(--radius-pill);background:#ffffff0f;font-weight:700;font-size:.9rem;color:var(--ink);font-variant-numeric:tabular-nums;animation:rise .4s .18s var(--ease) both}.complete-time .msr{font-size:17px;color:var(--amber)}.complete-best{color:var(--shard-bright);font-size:.8rem}@keyframes seal-pop{0%{opacity:0;transform:scale(0) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.confetti i{position:absolute;top:0;left:var(--x);width:8px;height:14px;background:var(--c);border-radius:2px;opacity:0;will-change:transform,opacity;animation:confetti-fall var(--dur) var(--delay) cubic-bezier(.25,.6,.45,1) forwards}.confetti i.round{width:9px;height:9px;border-radius:50%}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-12vh,0) rotate(0) scale(var(--s))}8%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate3d(var(--drift),102vh,0) rotate(var(--rot)) scale(var(--s))}}@media (prefers-reduced-motion: reduce){.confetti{display:none}.complete-seal,.complete-title,.complete-time{animation:none}}.setup{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;padding:24px;overflow:auto}.setup-card{width:min(560px,92vw);display:grid;gap:16px;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.setup-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.7rem;letter-spacing:-.01em}.dropzone{display:grid;gap:6px;place-items:center;padding:40px 24px;text-align:center;border:2px dashed var(--line-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease)}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:var(--accent-tint)}.dropzone-title{font-weight:600}.preview{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.preview img{display:block;width:100%;max-height:300px;object-fit:cover}.link,.as-link{background:none;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer}.difficulty{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.diff{display:grid;gap:2px;padding:10px 8px;text-align:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color .12s var(--ease),background .12s var(--ease)}.diff:hover{border-color:var(--accent)}.diff.selected{border-color:var(--accent);background:var(--accent-tint)}.diff-label{font-weight:600;font-size:.85rem}.diff-count{font-size:.72rem;color:var(--ink-2)}.start{margin-top:4px;padding:12px;font-size:1rem}.setup-tabs{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--radius-pill)}.tab{flex:1;font:inherit;font-weight:600;font-size:.85rem;padding:8px 12px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--ink-2);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:56vh;overflow:auto}.lib-item{display:grid;padding:0;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color .12s var(--ease),transform .12s var(--ease-spring)}.lib-item:hover:not(:disabled){border-color:var(--accent)}.lib-item:active:not(:disabled){transform:scale(.97)}.lib-item:disabled{opacity:.6;cursor:default}.lib-item img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.lib-meta{display:grid;gap:1px;padding:7px 9px}.lib-meta strong{font-size:.82rem}.featured{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 520px){.featured{grid-template-columns:1fr}}.feature-card{position:relative;min-height:132px;display:flex;align-items:flex-end;border-radius:var(--radius-md);background-size:cover;background-position:center;overflow:hidden;color:#fff}.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(20,14,8,.85) 0%,rgba(20,14,8,.15) 60%,transparent 100%)}.feature-body{position:relative;z-index:1;display:grid;gap:6px;padding:12px 14px;width:100%}.feature-body strong{font-size:.98rem}.feature-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-soft)}.feature-actions{display:flex;gap:8px}.feature-actions .btn{padding:6px 14px;font-size:.82rem}.btn.ghost{background:#ffffff24;border-color:#ffffff4d;color:#fff}.btn.ghost:hover{background:#ffffff3d}.overlay .card.leaderboard{background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:34px 38px;width:700px;max-width:94vw;justify-items:stretch;text-align:left}.overlay .card.leaderboard .lb-head h2{font-size:2rem}.lb-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.lb-head h2{text-align:left}.lb-close{display:grid;place-content:center;flex:none;width:38px;height:38px;border:none;border-radius:50%;background:var(--card-2);color:var(--ink-2);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.lb-close:hover{background:var(--line-strong);color:var(--ink)}.lb-tabs{display:inline-flex;justify-self:center;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--tray);border:1px solid var(--line)}.lb-tab{border:none;background:transparent;color:var(--ink-2);font:inherit;font-size:.95rem;font-weight:700;padding:10px 24px;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.lb-tab.active{background:var(--grad-accent);color:#fff;box-shadow:var(--glow-accent)}.leader-xp{justify-self:end;color:var(--gold);font-family:var(--font-display);font-size:1.15rem;font-variant-numeric:tabular-nums;white-space:nowrap}.leader-stat{display:inline-flex;align-items:center;justify-self:center;gap:4px;color:var(--ink-2);font-size:.86rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.leader-stat .msr{font-size:1.05rem;color:var(--ink-3)}.leader-stat--time{justify-self:end}.leader-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;width:100%;max-height:62vh;overflow:auto}.leader-row{display:grid;grid-template-columns:34px 42px 1fr auto auto auto auto;align-items:center;gap:16px;padding:14px 20px;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);box-shadow:var(--gloss)}.leader-row.me{background:linear-gradient(180deg,var(--accent-tint),var(--card));border-color:var(--accent);box-shadow:var(--gloss),var(--glow-accent)}.leader-rank{display:grid;place-content:center;width:34px;height:34px;border-radius:50%;background:var(--card-2);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:800;font-size:.95rem}.leader-rank--1{background:linear-gradient(160deg,#ffe9bd,var(--gold) 75%);color:#4a3418;box-shadow:0 4px 12px -4px #f0c079a6}.leader-rank--2{background:linear-gradient(160deg,#f6ece4,#cfc0b8 75%);color:#3c322c;box-shadow:0 4px 12px -4px #ffffff40}.leader-rank--3{background:linear-gradient(160deg,#f2c896,var(--amber) 75%);color:#4a2f13;box-shadow:0 4px 12px -4px #e8a24a8c}.leader-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-content:center;flex:none;font:800 .9rem var(--font-display);color:#fff;box-shadow:0 0 0 2px var(--surface-2)}.leader-avatar--1{box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--gold)}.leader-avatar--2{box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px #f6e7df80}.leader-avatar--3{box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--amber)}.you-tag{display:inline-flex;align-items:center;flex:none;padding:2px 8px;border-radius:var(--radius-pill);background:var(--accent-tint);color:var(--accent-soft);font-weight:800;font-size:var(--t-label-sm);letter-spacing:.03em}.leader-name{display:flex;align-items:center;gap:8px;min-width:0}.leader-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;font-size:1.02rem}.progress-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--surface-2);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}.progress-chip .dot{color:var(--ink-2)}.progress-chip .lv{display:inline-flex;align-items:center;gap:3px}.progress-chip .shards{display:inline-flex;align-items:center;gap:3px;color:var(--gold)}.progress-chip .gem{width:.74rem;height:.74rem}.reward-cards{display:flex;gap:12px;width:100%;margin-top:22px}.reward-card{flex:1;border-radius:16px;padding:16px}.reward-card--xp{background:linear-gradient(160deg,#e8a24a33,#c9503c1f);border:1px solid rgba(232,162,74,.3)}.reward-card--shards{background:linear-gradient(160deg,#54d6c42e,#2fae9e1a);border:1px solid rgba(84,214,196,.3)}.reward-val{display:flex;align-items:center;justify-content:center;gap:5px;font-family:var(--font-display);font-weight:800;font-size:1.85rem;line-height:1}.reward-card--xp .reward-val{color:var(--gold)}.reward-card--shards .reward-val{color:var(--shard-text)}.reward-val .gicon{width:22px;height:22px}.reward-label{margin-top:4px;font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.reward-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;width:100%;margin-top:12px}.reward-note{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-label);font-weight:700;color:var(--ink-2)}.reward-note .gicon{width:14px;height:14px}.reward-note .msr{font-size:15px}.reward-note--counted{color:var(--accent-soft)}.levelup-row{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:13px 16px;border-radius:14px;background:#ffffff0a;border:1px solid var(--line-strong);text-align:left}.levelup-ic{display:grid;place-content:center;flex:none;width:40px;height:40px;border-radius:11px;background:var(--grad-accent);color:#fff}.levelup-ic .msr{font-size:22px;font-variation-settings:"FILL" 1}.levelup-body{flex:1;min-width:0}.levelup-title{font-family:var(--font-display);font-weight:800;font-size:.95rem}.levelup-badge{flex:none;padding:5px 10px;border-radius:var(--radius-pill);background:#e8a24a2e;color:var(--gold);font-weight:800;font-size:.68rem;letter-spacing:.03em;text-transform:uppercase}.level-line{margin-top:12px;font-weight:700}.ach-rows{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:10px}.ach-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:13px;background:#54d6c414;border:1px solid rgba(84,214,196,.2);text-align:left}.ach-row-ic{display:grid;place-content:center;flex:none;width:34px;height:34px;border-radius:10px;background:linear-gradient(150deg,var(--shard-bright),#2fae9e);color:#0a2c29}.ach-row-ic .msr{font-size:19px}.ach-row-body{flex:1;min-width:0}.ach-row-title{font-weight:700;font-size:.82rem;color:var(--ink)}.ach-row-sub{font-weight:600;font-size:.78rem;color:var(--ink-2)}.ach-row-reward{flex:none;display:inline-flex;align-items:center;gap:3px;font-weight:800;color:var(--shard-bright)}.ach-row-reward .gicon{width:15px;height:15px}.ach-row--gold{background:#f0c0791a;border-color:#f0c07947}.ach-row--gold .ach-row-ic{background:linear-gradient(150deg,#ffe9bd,var(--gold));color:#4a3418}.complete-actions{display:flex;gap:10px;width:100%;margin-top:18px}.complete-btn{flex:1;padding:13px;border-radius:13px;border:none;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .12s var(--ease-spring),filter .15s var(--ease),background .15s var(--ease)}.complete-btn:active{transform:scale(.97)}.complete-btn--ghost{background:#ffffff0f;border:1px solid var(--line-strong);color:var(--ink)}.complete-btn--ghost:hover{background:#ffffff1a}.complete-btn--primary{background:var(--grad-accent);color:#fff;font-weight:800;box-shadow:0 10px 22px -8px #e2714c99}.complete-btn--primary:hover{filter:brightness(1.05)}.onboarding{position:fixed;z-index:10}.onboarding-card{max-width:440px;justify-items:stretch;text-align:left;gap:12px;padding:30px 32px}.onboarding-icon{display:grid;place-content:center;width:56px;height:56px;border-radius:18px;background:var(--grad-accent);font-size:1.6rem;box-shadow:0 10px 22px -10px var(--accent);animation:seal-pop .5s .05s var(--ease-spring) both}.onboarding-progress{margin-top:4px;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--accent-strong)}.onboarding-card h2{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em}.onboarding-body{margin:0;color:var(--ink-2);line-height:1.55}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:8px}.onboarding-nav{display:flex;gap:8px}.onboarding-card .btn-primary{border:none;border-radius:var(--radius-pill);background:var(--grad-accent);color:#fff;font-weight:700;box-shadow:0 8px 18px -10px var(--accent)}.onboarding-card .btn{border-radius:var(--radius-pill)}.onboarding-dots{display:flex;gap:6px;justify-content:center;margin-top:4px}.onboarding-dots .dot{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--line-strong);transition:width .2s var(--ease),background .2s var(--ease)}.onboarding-dots .dot.active{width:20px;background:var(--grad-accent)}.progress-chip{text-decoration:none;color:inherit;cursor:pointer}.progress-chip:hover{background:var(--surface);box-shadow:var(--shadow-sm)}.profile{display:grid;gap:20px;align-content:start}.pf-name-edit-btn{display:grid;place-content:center;width:30px;height:30px;border:none;border-radius:50%;background:var(--card-2);color:var(--ink-2);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.pf-name-edit-btn:hover{background:var(--line-strong);color:var(--ink)}.pf-name-edit-btn .msr{font-size:18px}.pf-name-edit{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pf-name-edit .input{min-width:200px}.pf-email{margin-top:2px;font-size:.85rem}.records-section{padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.records-section h2{margin:0 0 12px;font-family:var(--font-display);font-weight:600;font-size:1.2rem}.pf-head{display:flex;align-items:center;gap:22px;padding:24px 26px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.pf-ring{--p: 0;position:relative;width:104px;height:104px;flex-shrink:0;border-radius:50%;background:conic-gradient(from -90deg,var(--accent),var(--accent-soft) calc(var(--p) * 360deg),var(--line-strong) calc(var(--p) * 360deg));display:flex;align-items:center;justify-content:center}.pf-avatar{width:86px;height:86px;border-radius:50%;background:var(--grad-hero);display:flex;align-items:center;justify-content:center;font:800 2.1rem var(--font-display);color:#fff;border:3px solid var(--surface)}.pf-lvl{position:absolute;bottom:0;right:0;width:34px;height:34px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);color:var(--gold);font:800 .85rem var(--font-display);display:flex;align-items:center;justify-content:center}.pf-meta{flex:1;min-width:0}.pf-name-row{display:flex;align-items:center;gap:8px}.pf-name{margin:0;font:800 1.6rem var(--font-display);letter-spacing:-.4px}.pf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.pf-chip{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;padding:5px 12px;border-radius:var(--radius-pill)}.pf-chip .msr,.pf-chip .gicon{width:.9rem;height:.9rem;font-size:.9rem}.pf-chip-title{background:#e8a24a29;color:var(--gold)}.pf-chip-sync{background:var(--shard-tint);color:var(--shard-text)}.pf-chip-guest{background:var(--card-2);color:var(--ink-2)}.pf-xp{margin-top:13px;max-width:520px}.pf-xp-bar{height:7px;border-radius:99px;background:#ffffff1a;overflow:hidden}.pf-xp-bar>i{display:block;height:100%;background:var(--grad-amber)}.pf-xp-cap{font-size:.72rem;color:var(--ink-2);margin-top:6px}.pf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.pf-stat{padding:14px 15px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md)}.pf-stat-ic{font-size:1.05rem}.pf-stat-val{font:800 1.5rem var(--font-display);line-height:1;margin-top:8px;font-variant-numeric:tabular-nums}.pf-stat-val.is-teal{color:var(--shard-text)}.pf-stat-lab{font-size:.72rem;color:var(--ink-2);margin-top:5px}.pf-best-card{padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.pf-sec-title{margin:0 0 14px;font:800 1.1rem var(--font-display)}.pf-best{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.bt-ic{width:18px;height:18px;color:var(--accent-soft);margin-bottom:4px}.pf-best-cell{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 14px;text-align:center}.pf-best-cell .bt-lab{font-size:.76rem;font-weight:700;color:var(--ink-2)}.pf-best-cell .bt-time{font:800 1.2rem var(--font-display);color:var(--gold);margin-top:6px;font-variant-numeric:tabular-nums}.pf-best-cell .bt-pc{font-size:.66rem;color:var(--ink-3);margin-top:3px}.ach{display:grid;gap:12px}.ach-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.ach-head h2{margin:0;font:800 1.25rem/1 var(--font-display);letter-spacing:-.3px}.ach-sum{display:flex;gap:14px;font-size:.82rem;font-weight:700;color:var(--ink-2)}.ach-sum b{color:var(--ink)}.ach-sum-teal{display:inline-flex;align-items:center;gap:4px;color:var(--shard-text)}.ach-sum-teal .msr,.ach-sum-teal .gicon{width:1rem;height:1rem;font-size:1rem}.ach-tracks{display:flex;flex-direction:column;gap:10px}.ach-track{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);overflow:hidden}.ach-track[open]{background:linear-gradient(180deg,var(--surface-2),var(--surface));border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.ach-track-sum{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 16px}.ach-track-sum::-webkit-details-marker{display:none}.ach-ic{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-tint);border:1px solid rgba(226,113,76,.28);color:var(--accent-soft)}.ach-ic .msr{font-size:22px}.ach-meta{flex:1;min-width:0;display:grid;gap:2px}.ach-name{font:800 .98rem var(--font-display);letter-spacing:-.2px}.ach-sub{font-size:.74rem;color:var(--ink-2)}.ach-prog{width:156px;flex-shrink:0}.ach-count{display:block;text-align:right;font:800 .8rem var(--font-display);color:var(--ink)}.ach-count span{color:var(--ink-3);font-weight:600}.ach-bar{display:block;height:6px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:6px}.ach-bar>i{display:block;height:100%;background:var(--grad-amber)}.ach-chev{color:var(--ink-3);transition:transform .2s var(--ease);font-size:22px}.ach-track[open] .ach-chev{transform:rotate(180deg)}.ach-medals{display:flex;flex-wrap:wrap;gap:22px 18px;padding:8px 18px 22px}.ach-medal{width:84px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.ach-disc{position:relative;width:58px;height:58px}.ach-pring{position:absolute;top:0;left:0;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--accent) 0 calc(var(--p, 0) * 1%),rgba(255,255,255,.1) calc(var(--p, 0) * 1%) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px))}.ach-core{position:absolute;top:3px;left:3px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#ffffff12,#ffffff06);box-shadow:inset 0 1px #ffffff0f}.ach-core .msr{font-size:25px;color:var(--gold)}.ach-label{font-size:.74rem;font-weight:700;color:var(--ink);line-height:1.15}.ach-reward{display:inline-flex;align-items:center;gap:3px;font-size:.62rem;font-weight:800;color:var(--shard-text);background:var(--shard-tint);padding:2px 7px;border-radius:var(--radius-pill)}.ach-reward .msr,.ach-reward .gicon{width:.7rem;height:.7rem;font-size:.7rem}.ach-prog-txt{font-size:.62rem;font-weight:800;color:var(--accent-soft)}.ach-lock{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--bg-deep);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink-2);font-variation-settings:"FILL" 0}.ach-medal.is-locked .ach-pring{background:conic-gradient(#e2714ccc 0,#e2714ccc calc(var(--p, 0) * 1%),#ffffff14 calc(var(--p, 0) * 1%),#ffffff14)}.ach-medal.is-locked .ach-core{background:#ffffff06;box-shadow:none}.ach-medal.is-locked .ach-core .msr,.ach-medal.is-locked .ach-label{color:var(--ink-3)}.ach-medal.is-locked .ach-reward{opacity:.5}.ach-medal.is-gold .ach-pring{background:conic-gradient(var(--gold) 0 calc(var(--p, 0) * 1%),rgba(240,192,121,.16) calc(var(--p, 0) * 1%) 100%)}.ach-medal.is-gold.is-earned .ach-core{background:radial-gradient(circle at 50% 30%,#f7d89a,var(--amber) 60%,var(--accent-strong));box-shadow:inset 0 2px #fff6}.ach-medal.is-gold.is-earned .ach-core .msr{color:#5a2a12}.ach-medal.is-gold.is-locked .ach-core .msr{color:#f0c0796b}.shop{display:grid;gap:16px;align-content:start}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:6px}.theme-card{position:relative;display:grid;gap:10px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .14s var(--ease-spring),box-shadow .15s var(--ease)}.theme-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.theme-card.active{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 3px var(--accent-tint)}.theme-card.active:after{content:"Active";position:absolute;top:12px;right:12px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--grad-accent);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.03em}.theme-swatch{display:flex;height:76px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);box-shadow:inset 0 1px 3px #281c101f}.theme-swatch span{flex:1}.theme-card strong{font-family:var(--font-display);font-size:1rem;font-weight:700}.theme-card .btn,.theme-card .btn-primary{margin-top:4px;width:100%;border-radius:var(--radius-pill);font-weight:700}.theme-card .btn-primary{border:none;background:var(--grad-accent);color:#fff;box-shadow:0 8px 18px -10px var(--accent)}.theme-card .btn-primary:hover{background:var(--grad-accent);transform:translateY(-1px)}.admin-page{max-width:1100px}.admin-tabbar{margin-bottom:4px}.admin{margin-top:20px;display:flex;flex-direction:column;gap:16px}.admin-gate{max-width:min(480px,90vw);margin:60px auto;display:grid;gap:12px;padding:48px;text-align:center}select.input{cursor:pointer}.btn-sm{padding:6px 12px;font-size:.8rem}.icon-btn{display:grid;place-content:center;width:32px;height:32px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.icon-btn:hover{background:var(--card-2);color:var(--ink)}.icon-btn .msr{font-size:18px}.spin{animation:adminspin .9s linear infinite}@keyframes adminspin{to{transform:rotate(360deg)}}.add-puzzles{display:flex;flex-direction:column;gap:16px}.dropzone--bulk{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 24px;background:var(--card)}.dropzone--bulk.dropzone--compact{flex-direction:row;justify-content:center;padding:18px 24px}.dropzone-ic{font-size:30px;color:var(--accent)}.dropzone--compact .dropzone-ic{font-size:22px}.batch-bar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.batch-label{align-self:center;font-family:var(--font-display);font-weight:800;font-size:.9rem;color:var(--ink)}.batch-field{display:grid;gap:5px}.batch-field>span{font-size:var(--t-label);color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.batch-field--cat{min-width:200px}.batch-field--week{min-width:210px}.batch-apply{margin-left:auto;align-self:center}.week-stepper{display:inline-flex;align-items:center;gap:6px;padding:3px;border:1px solid var(--line-strong);border-radius:var(--radius-btn);background:var(--card)}.week-stepper{justify-content:space-between}.week-stepper-label{display:grid;justify-items:center;gap:1px;min-width:112px;flex:1;line-height:1.1;text-align:center;text-transform:none;letter-spacing:0}.week-stepper-label strong{font-family:var(--font-display);font-weight:800;font-size:.8rem;color:var(--ink)}.week-stepper-label .muted{font-size:var(--t-label-sm);font-weight:600}.sched-bar{border-left:3px solid var(--accent)}.sched-bar .btn .msr{font-size:17px;margin-right:2px;vertical-align:-3px}.sched-bar-note{align-self:center;max-width:320px;font-size:var(--t-label);line-height:1.4}.sched-field{display:grid;gap:5px;padding:9px 10px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line)}.sched-field--unset{border-color:color-mix(in srgb,var(--accent-strong) 45%,transparent);background:var(--accent-tint)}.sched-caption{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-label-sm);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.sched-caption .msr{font-size:15px;color:var(--amber)}.sched-label{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-label);font-weight:700;color:var(--ink-2)}.sched-label .msr{font-size:15px}.sched-label.warn{color:var(--accent-soft)}.cat-picker{display:grid;gap:6px}.cat-create{display:flex;gap:6px}.cat-create .input{min-width:0;flex:1}.stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.stage-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .15s var(--ease),opacity .15s var(--ease)}.stage-card--done{border-color:color-mix(in srgb,var(--success) 55%,transparent)}.stage-card--error{border-color:color-mix(in srgb,var(--accent-strong) 55%,transparent)}.stage-thumb{position:relative;aspect-ratio:16 / 10;background:var(--board);display:grid;place-content:center;color:var(--ink-3)}.stage-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.stage-thumb .spin{font-size:28px}.stage-status{position:absolute;top:8px;left:8px;display:grid;place-content:center;width:26px;height:26px;border-radius:50%;color:#fff;z-index:1}.stage-status:empty{display:none}.stage-status .msr{font-size:16px}.stage-status--done{background:var(--success)}.stage-status--error{background:var(--accent-strong)}.stage-status--uploading{background:#0000008c}.stage-remove{position:absolute;top:8px;right:8px;display:grid;place-content:center;width:26px;height:26px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;z-index:1;transition:background .14s var(--ease)}.stage-remove:hover{background:var(--accent-strong)}.stage-remove .msr{font-size:17px}.stage-fields{display:flex;flex-direction:column;gap:8px;padding:12px}.stage-fields .input{border-radius:var(--radius-sm);font-size:.85rem;padding:8px 10px}.stage-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stage-error{font-size:var(--t-label)}.stage-seo{border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 8px;background:var(--card)}.stage-seo>summary{cursor:pointer;font-size:var(--t-label);font-weight:700;color:var(--ink-2);padding:4px 0;list-style-position:inside}.stage-seo[open]>summary{margin-bottom:8px;color:var(--ink)}.stage-seo .input{width:100%;border-radius:var(--radius-sm);font-size:.82rem;padding:7px 9px;margin-bottom:6px}.stage-seo .input:last-child{margin-bottom:2px}.stage-seo-desc{resize:vertical;min-height:56px;font:inherit;line-height:1.4}.stage-seo-missing{display:block;color:var(--accent-soft);font-size:var(--t-label);font-weight:700;margin-bottom:6px}summary .stage-seo-missing{display:inline;margin-bottom:0}.field-count{display:block;text-align:right;font-size:.7rem;color:var(--ink-3);margin:-4px 0 6px}.field-count.over{color:var(--accent-soft)}.stage-restored-note{display:flex;align-items:center;gap:6px;margin:0 0 10px}.stage-restored-note .msr{font-size:16px;color:var(--amber)}.stage-publish{display:flex;align-items:center;gap:6px;font-size:var(--t-label);font-weight:700;color:var(--ink-2);cursor:pointer}.stage-actions{display:flex;align-items:center;gap:12px;padding:14px 0 4px;border-top:1px solid var(--line)}.stage-actions-info{margin-right:auto;font-size:var(--t-body)}.admin-list{display:flex;flex-direction:column;gap:16px}.admin-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-seg{display:inline-flex;gap:4px;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-pill)}.filter-chip{padding:6px 14px;border:none;border-radius:var(--radius-pill);background:none;color:var(--ink-2);font:inherit;font-weight:700;font-size:.82rem;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.filter-chip:hover{color:var(--ink)}.filter-chip.active{background:var(--grad-accent);color:#fff}.filter-select{margin-left:auto;max-width:220px}.reopt-btn{display:inline-flex;align-items:center;gap:6px}.reopt-btn .msr{font-size:17px}.reopt-result{margin:0;font-size:var(--t-body);color:var(--success)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.admin-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .15s var(--ease),transform .15s var(--ease)}.admin-card:hover{border-color:var(--line-strong)}.admin-card-art{position:relative;aspect-ratio:16 / 10}.admin-card-art img{display:block;width:100%;height:100%;object-fit:cover}.kind-badge{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--t-label-sm);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kind-badge--library{background:#00000080}.kind-badge--daily{background:var(--accent-strong)}.kind-badge--weekly{background:color-mix(in srgb,var(--gold) 80%,#000 20%);color:#3a2a10}.draft-badge{position:absolute;top:8px;right:8px;padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--t-label-sm);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:color-mix(in srgb,var(--amber, #c9862c) 82%,#000 18%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-card-body{display:flex;flex-direction:column;gap:8px;padding:11px 12px 12px;flex:1}.admin-card-title{font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-card-tags{display:flex;flex-wrap:wrap;gap:5px}.admin-tag{padding:2px 8px;border-radius:var(--radius-pill);background:var(--card-2);color:var(--ink-2);font-size:var(--t-label-sm);font-weight:700}.admin-tag--cat{background:var(--accent-tint);color:var(--accent-soft)}.admin-card-foot{display:flex;justify-content:flex-end;align-items:center;padding:0 10px 10px;min-height:34px}.admin-del-btn{display:grid;place-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:none;color:var(--ink-3);cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.admin-del-btn:hover{background:#c9503c29;color:var(--accent-strong)}.admin-del-btn .msr{font-size:19px}.admin-card-actions{display:flex;gap:2px}.admin-edit-btn{display:grid;place-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:none;color:var(--ink-3);cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.admin-edit-btn:hover{background:var(--accent-tint);color:var(--accent-soft)}.admin-edit-btn .msr{font-size:19px}.overlay .card.edit-modal{position:relative;width:520px;max-width:94vw;max-height:90vh;overflow-y:auto;gap:0;padding:26px 26px 20px;justify-items:stretch;text-align:left;background:linear-gradient(180deg,var(--surface-2),var(--surface))}.edit-close{position:absolute;top:14px;right:14px}.edit-modal-title{font-size:1.3rem;margin-bottom:16px}.overlay .card.autofill-modal{position:relative;width:560px;max-width:94vw;max-height:90vh;overflow-y:auto;gap:0;padding:26px 26px 20px;justify-items:stretch;text-align:left;background:linear-gradient(180deg,var(--surface-2),var(--surface))}.autofill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:14px 0 4px}.autofill-cell{position:relative;padding:0;border:2px solid var(--line-2, rgba(255, 255, 255, .12));border-radius:12px;overflow:hidden;cursor:pointer;background:none;aspect-ratio:1 / 1;transition:border-color .12s ease,transform .12s ease}.autofill-cell img{width:100%;height:100%;object-fit:cover}.autofill-cell:hover{transform:translateY(-1px)}.autofill-cell--weekly{border-color:var(--accent, #e2714c)}.autofill-tag{position:absolute;left:6px;bottom:6px;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:2px 7px;border-radius:999px;background:#0009;color:#fff}.autofill-cell--weekly .autofill-tag{background:var(--accent, #e2714c)}.autofill-counts{margin:10px 0 4px}.autofill-opts{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 4px}.autofill-opts label{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink-2, inherit)}.autofill-opts .input{width:74px}.autofill-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.edit-fields{display:flex;flex-direction:column;gap:12px}.edit-field{display:flex;flex-direction:column;gap:5px}.edit-field>span{font-size:var(--t-label);font-weight:700;color:var(--ink-2)}.edit-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-textarea{resize:vertical;min-height:56px;font:inherit;line-height:1.4}.edit-publish{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--t-label);font-weight:700;color:var(--ink-2);cursor:pointer}.edit-publish.is-live{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-tint);color:var(--accent-soft)}.edit-publish-group{display:flex;flex-direction:column;gap:6px}.edit-publish-hint{margin:0;padding:0 2px;font-size:var(--t-label);line-height:1.4}.edit-kind-note{margin:2px 0;font-size:var(--t-label)}.edit-seo{display:flex;flex-direction:column;gap:12px;margin-top:2px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}.edit-seo-head{font-size:var(--t-label);font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.03em}.edit-lock{font-style:normal;font-weight:800;font-size:var(--t-label-sm);color:var(--amber, #c9862c);text-transform:uppercase;letter-spacing:.03em}.edit-hint{font-size:var(--t-label-sm);line-height:1.35}.edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.admin-noresults{grid-column:1 / -1;padding:20px 0}.admin-empty{display:grid;justify-items:center;gap:8px;padding:56px 24px;text-align:center;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.admin-empty .msr{font-size:40px;color:var(--ink-3)}.admin-empty strong{font-family:var(--font-display);font-weight:800;font-size:1.1rem}.admin-empty .btn{margin-top:8px}.admin-cats{display:flex;flex-direction:column;gap:14px;max-width:640px}.cat-add{display:flex;gap:10px}.cat-add .input{flex:1}.cat-list{display:flex;flex-direction:column;gap:8px}.cat-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.cat-item-ic{font-size:20px;color:var(--amber);flex:none}.cat-item-name{flex:1;min-width:0;font-weight:700;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-item-input{flex:1;min-width:0}.cat-item-count{flex:none;padding:3px 10px;border-radius:var(--radius-pill);background:var(--card-2);color:var(--ink-2);font-size:var(--t-label-sm);font-weight:700}.cat-item-actions{display:flex;gap:6px;flex:none}.cat-note{font-size:var(--t-label)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:grid;grid-template-columns:84px minmax(0,1fr);min-height:100vh;min-height:100dvh;background:var(--bg)}.msr{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;font-variation-settings:"FILL" 1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga"}.gicon{width:1em;height:1em;flex-shrink:0;display:inline-block;vertical-align:-.15em}.rail{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10) 0;background:linear-gradient(180deg,var(--surface-2),var(--surface));border-right:1px solid rgba(255,255,255,.05);position:sticky;top:0;height:100vh;height:100dvh}.rail-logo{display:grid;place-content:center;width:44px;height:44px;border:none;border-radius:14px;background:var(--grad-accent);color:#fff;cursor:pointer;margin-bottom:var(--sp-7);box-shadow:var(--glow-accent),var(--gloss-strong)}.rail-logo .msr{font-size:24px}.rail-nav{display:flex;flex-direction:column;gap:var(--sp-3);align-items:center;flex:1}.rail-foot{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.rail-foot:before{content:"";width:26px;height:2px;border-radius:2px;background:var(--line-strong);margin:var(--sp-2) 0}.rail-item{position:relative;display:grid;place-content:center;width:48px;height:48px;border:none;border-radius:15px;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.rail-item .msr{font-size:23px;font-variation-settings:"FILL" 0}.rail-item:hover{background:var(--card);color:var(--ink)}.rail-item.active{background:var(--card-2);color:var(--accent)}.rail-item.active .msr{font-variation-settings:"FILL" 1}.rail-item.active:before{content:"";position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:0 4px 4px 0;background:var(--accent)}.shell-main{display:flex;flex-direction:column;min-width:0}.shell-top{padding:14px 0;padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shell-top-inner{display:flex;align-items:center;gap:var(--sp-8);width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--pad-x)}.shell-greeting{display:flex;flex-direction:column;line-height:1.15}.shell-greeting strong{font-family:var(--font-display);font-size:var(--t-greeting);font-weight:800;line-height:1.05;letter-spacing:-.4px}.shell-greeting .muted{font-size:var(--t-body)}.lvl-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 5px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm)}.lvl-id{display:inline-flex;align-items:center;gap:8px;padding:2px 8px 2px 2px}.lvl-ring{--p: 0;display:grid;place-content:center;width:30px;height:30px;border-radius:50%;background:conic-gradient(var(--amber) calc(var(--p) * 360deg),rgba(255,255,255,.1) 0)}.lvl-ring span{display:grid;place-content:center;width:23px;height:23px;border-radius:50%;background:var(--surface);font-family:var(--font-display);font-weight:800;font-size:.68rem;color:var(--gold)}.lvl-title{font-weight:700;font-size:.82rem;color:var(--ink)}.shard-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--shard-tint);color:var(--shard-text);font-weight:800;font-size:.82rem}.shard-chip .msr,.shard-chip .gicon{width:16px;height:16px;font-size:16px;color:var(--shard-bright)}.shard-ink{display:inline-flex;align-items:center;gap:4px;color:var(--shard-text)}.shard-ink .msr{font-size:15px;color:var(--shard-bright)}.pchip-wrap{position:relative}.pchip{display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);color:var(--ink);font:inherit;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease)}.pchip:hover,.pchip[aria-expanded=true]{background:var(--surface-2)}.pchip-avatar{display:grid;place-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--av1),var(--av2));box-shadow:var(--gloss);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.66rem;letter-spacing:.4px}.pchip-avatar--guest{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink-2)}.pchip-avatar--guest .msr{font-size:18px}.pchip-avatar--lg{width:42px;height:42px;font-size:.88rem}.pchip-name{font-weight:700;font-size:.82rem;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pchip-caret{font-size:18px;color:var(--ink-3);transition:transform .15s var(--ease)}.pchip[aria-expanded=true] .pchip-caret{transform:rotate(180deg)}.pmenu{position:absolute;top:calc(100% + 10px);right:0;width:268px;padding:8px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-md),var(--gloss);z-index:30;transform-origin:top right;animation:pmenu-in .16s var(--ease)}@keyframes pmenu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.pmenu-head{display:flex;align-items:center;gap:11px;padding:8px 8px 10px}.pmenu-id{display:flex;flex-direction:column;gap:1px;min-width:0}.pmenu-id strong{font-family:var(--font-display);font-weight:800;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmenu-email{font-size:var(--t-label);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmenu-stats{display:flex;align-items:center;gap:10px;padding:0 8px 10px}.pmenu-lvl{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}.pmenu-lvl-label{font-size:var(--t-label);font-weight:700;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmenu-xpbar{display:block;height:6px;border-radius:var(--radius-pill);background:var(--line-strong);overflow:hidden}.pmenu-xpbar span{display:block;height:100%;border-radius:inherit;background:var(--grad-amber)}.pmenu-sep{height:1px;background:var(--line);margin:4px 6px}.pmenu-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:none;color:var(--ink);font:inherit;font-weight:600;font-size:var(--t-body);text-align:left;cursor:pointer;transition:background .12s var(--ease)}.pmenu-row:hover{background:var(--card-2)}.pmenu-row .msr{font-size:19px;color:var(--ink-2)}.pmenu-row--danger,.pmenu-row--danger .msr{color:var(--accent-soft)}.pmenu-guest{display:flex;flex-direction:column;gap:8px;padding:10px 10px 8px}.pmenu-guest-ic{font-size:22px;color:var(--ink-2)}.pmenu-guest strong{font-family:var(--font-display);font-weight:800;font-size:.95rem}.pmenu-guest p{margin:0;font-size:var(--t-label);color:var(--ink-2);line-height:1.5}.pmenu-guest .btn{margin-top:4px}.shell-content{flex:1 1 auto;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.shell-page{flex:1 0 auto;min-width:0}.shell--fill{height:100vh;height:100dvh;min-height:0}.shell--fill .shell-content{overflow:hidden;display:flex;flex-direction:column}.tabbar{display:none}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:7px 4px;background:none;border:0;color:var(--ink-3);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s var(--ease)}.tabbar-item .msr{font-size:24px}.tabbar-label{font-size:11px;font-weight:700;letter-spacing:.01em}.tabbar-item.active{color:var(--accent-soft)}.tabbar-item:active{transform:scale(.94)}@media (max-width: 900px){.shell:not(.shell--fill){grid-template-columns:minmax(0,1fr)}.shell:not(.shell--fill)>.rail{display:none}.shell:not(.shell--fill) .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:stretch;background:color-mix(in srgb,var(--surface) 92%,transparent);border-top:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -8px 24px -18px #000000b3}.shell:not(.shell--fill) .shell-content{padding-bottom:calc(54px + env(safe-area-inset-bottom,0px))}}.play-root{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.hub{max-width:var(--content-max);margin:0 auto;padding:var(--pad-y) var(--pad-x) 34px;display:flex;flex-direction:column;gap:var(--sp-10)}.hub h2{margin:0;font-family:var(--font-display);font-size:var(--t-h2);font-weight:700;letter-spacing:-.2px}.feature-row{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--sp-6)}.feature-row--solo{grid-template-columns:1fr}@media (max-width: 900px){.feature-row{grid-template-columns:1fr}}.hero{position:relative;min-height:300px;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--surface-2);background-size:cover;background-position:center;box-shadow:var(--shadow-lg);display:flex}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#140c06d1,#140c0680 45%,#140c061f)}.hero-body{position:relative;align-self:flex-end;display:flex;flex-direction:column;gap:14px;padding:34px;max-width:620px;color:#fff}.hero-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-pill);font-size:.74rem;font-weight:700;letter-spacing:.02em}.chip-accent{background:var(--grad-accent);color:#fff}.chip-glass{background:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chip-gold{background:var(--grad-amber);color:var(--bg-deep)}.chip .msr{font-size:.95rem}.chip .gicon{width:.95rem;height:.95rem}.hero-title{margin:0;font-family:var(--font-display);font-size:var(--t-hero);font-weight:800;letter-spacing:-1px;line-height:1}.hero-sub{margin:0;font-size:var(--t-body-lg);color:#ffffffd6;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:4px}.btn-grad{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:var(--radius-btn);padding:13px 24px;background:var(--grad-accent);color:#fff;font:inherit;font-size:var(--t-btn);font-weight:800;cursor:pointer;box-shadow:var(--glow-accent),var(--gloss);transition:transform .12s var(--ease-spring),box-shadow .15s var(--ease)}.btn-grad:hover{transform:translateY(-1px);box-shadow:0 14px 30px -8px var(--accent)}.btn-grad:active{transform:scale(.97)}.btn-ghost{border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-pill);padding:12px 22px;background:#ffffff14;color:#fff;font:inherit;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s var(--ease)}.btn-ghost:hover{background:#ffffff2e}.hub-row{display:flex;flex-direction:column;gap:14px}.row-head{display:flex;align-items:baseline;justify-content:space-between}.hub-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:stretch}.hub-col,.hub-side{display:flex;flex-direction:column;gap:16px;min-width:0}.resume-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;transition:transform .12s var(--ease-spring),background .15s var(--ease)}.resume-card:hover{transform:translateY(-2px);background:var(--card-2)}.resume-thumb{width:88px;height:66px;border-radius:12px;overflow:hidden;flex-shrink:0}.resume-thumb img{width:100%;height:100%;object-fit:cover}.resume-meta{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0}.resume-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:.95rem}.resume-title .msr{font-size:17px;color:var(--amber)}.bar{height:7px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden}.bar-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--amber),var(--accent))}.resume-play{display:grid;place-content:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;background:var(--grad-accent);color:#fff;font-size:22px;box-shadow:var(--glow-accent)}.resume-list{display:grid;gap:10px}.overlay .card.slot-chooser{background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:24px 28px;width:520px;max-width:92vw;justify-items:stretch;text-align:left}.slot-chooser-sub{margin:4px 0}.slot-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;width:100%}.slot-row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line);box-shadow:var(--gloss)}.slot-thumb{width:76px;height:58px;flex:none;border-radius:11px;overflow:hidden}.slot-thumb img{width:100%;height:100%;object-fit:cover}.slot-meta{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0}.slot-title{font-family:var(--font-display);font-weight:700;font-size:.95rem}.slot-actions{display:flex;flex-direction:column;gap:6px;flex:none}.slot-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 14px;font-size:.82rem}.slot-remove{color:var(--accent);border-color:var(--accent-tint)}.slot-remove:hover{background:var(--accent-tint)}.slot-remove .msr{font-size:16px}.slot-cancel{justify-self:center;margin-top:4px}.lib-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.lib-search{flex:0 1 320px;min-width:200px}.cat-chips{display:flex;gap:8px;flex-wrap:wrap}.cat-chip{padding:8px 15px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--card);color:var(--ink-2);font:inherit;font-weight:700;font-size:var(--t-label);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.cat-chip.active{background:var(--grad-accent);border-color:transparent;color:#fff}.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.coll-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--card);cursor:pointer;padding:0;transition:transform .14s var(--ease-spring),background .15s var(--ease)}.coll-card:hover{transform:translateY(-3px);background:var(--card-2)}.coll-art{position:relative;height:96px}.coll-art img{width:100%;height:100%;object-fit:cover}.coll-pcs{position:absolute;top:9px;right:9px;padding:4px 9px;border-radius:var(--radius-pill);background:#0000006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.66rem;font-weight:700}.coll-cap{padding:10px 12px}.coll-cap strong{display:block;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-card{padding:26px;border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--ink-2);text-align:center}.stats-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-radius:18px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow-md)}.stats-head{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-weight:700;font-size:1rem}.stats-head .msr{font-size:20px;color:var(--ink-3)}.stats-chips{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-chip{background:var(--card);border-radius:13px;padding:11px 8px;text-align:center}.stat-chip-ic{width:16px;height:16px;margin-bottom:4px}.stat-chip strong{display:block;font-family:var(--font-display);font-weight:800;font-size:var(--t-stat);line-height:1}.stat-chip span{font-size:var(--t-cap);color:var(--ink-2)}.c-amber{color:var(--amber)}.c-teal{color:var(--shard-bright)}.c-gold{color:var(--gold)}.stats-ring{display:grid;place-content:center}.ring{position:relative;display:grid;place-content:center}.ring-track{stroke:#ffffff12}.ring-fill{stroke:url(#ringGrad);transition:stroke-dashoffset .6s var(--ease)}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}.ring-label strong{font-family:var(--font-display);font-size:var(--t-ring);font-weight:800;line-height:1}.ring-label .muted{font-size:var(--t-label);margin-top:2px}.page-pad{max-width:var(--content-max);margin:0 auto;padding:var(--pad-y) var(--pad-x) 56px}.page-title{margin:0 0 4px;font-family:var(--font-display);font-size:1.8rem;font-weight:800;letter-spacing:-.02em}a.wordmark{text-decoration:none}@media (max-width: 900px){.shell{grid-template-columns:72px 1fr}.hub-grid{grid-template-columns:1fr}.hero-title{font-size:2rem}}.composer{flex:1 1 auto;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column;gap:24px;padding:32px max(20px,calc((100% - 1040px)/2)) 56px}.composer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.btn-soft{border:1px solid var(--line);border-radius:var(--radius-pill);padding:11px 22px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s var(--ease),transform .12s var(--ease-spring)}.btn-soft:hover{background:var(--surface-2)}.btn-soft:active{transform:scale(.97)}.compose-config{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:start}.config-preview{display:flex;flex-direction:column;gap:12px;align-items:center}.config-preview img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);object-fit:cover;max-height:460px}.config-side{display:flex;flex-direction:column;gap:14px}.config-h{margin:0;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.level-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .14s var(--ease),background .14s var(--ease),transform .12s var(--ease-spring)}.level-card-ic{width:22px;height:22px;color:var(--accent-soft);margin-bottom:4px}.level-card.selected .level-card-ic{color:var(--accent)}.level-card strong{font-size:.92rem}.level-card span{font-size:.74rem;color:var(--ink-2)}.level-card:hover{transform:translateY(-2px);border-color:var(--accent-soft)}.level-card.selected{border-color:var(--accent);background:var(--accent-tint)}.btn-grad.start{margin-top:6px;text-align:center}@media (max-width: 760px){.compose-config{grid-template-columns:1fr}}.hud-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:11px;background:var(--card);border:1px solid var(--line-strong);font-weight:800;font-size:var(--t-body);font-variant-numeric:tabular-nums;color:var(--ink)}.hud-ico{color:var(--amber);font-size:17px}.hud-progress{gap:9px}.hud-progress-num{white-space:nowrap;color:var(--ink-2);font-weight:700;font-size:13px}.hud-bar{width:70px;height:6px;border-radius:var(--radius-pill);background:#ffffff1a;overflow:hidden}.hud-bar-fill{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--amber),var(--accent));transition:width .3s var(--ease)}.hud-new{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:11px;padding:8px 15px;background:var(--card);color:var(--ink);font:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:background .15s var(--ease)}.hud-new .msr{font-size:17px;color:var(--accent)}.hud-new:hover{background:var(--card-2)}.hud-new:active{transform:scale(.96)}.tools-rail{position:absolute;right:24px;top:var(--tools-cy, 50%);transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:10px;border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-strong);box-shadow:var(--shadow-lg),var(--gloss);z-index:3}.tool-item{position:relative;display:grid;place-content:center;width:48px;height:48px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--ink);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),transform .1s var(--ease),border-color .15s var(--ease)}.tool-item .msr{font-size:24px;font-variation-settings:"FILL" 0}.tool-item .gicon{width:24px;height:24px}.tool-item:hover:not(:disabled){background:var(--card-2);border-color:var(--line-strong);color:var(--ink)}.tool-item:active:not(:disabled){transform:scale(.93)}.tool-item.active{background:var(--accent-tint);border-color:var(--accent-strong);color:var(--accent)}.tool-item.active .msr{font-variation-settings:"FILL" 1}.tool-item.tool-primary{background:var(--grad-accent);border-color:transparent;color:#fff;box-shadow:var(--glow-accent),var(--gloss-strong)}.tool-item.tool-primary .msr{font-variation-settings:"FILL" 1}.tool-item.tool-primary:hover:not(:disabled){background:var(--grad-accent);filter:brightness(1.06);color:#fff}.tool-item:disabled{cursor:default}.tool-soon{background:transparent;border-color:var(--line);color:var(--ink-3);opacity:.7}.tool-divider{width:28px;height:1px;margin:2px 0;background:var(--line-strong)}.tool-name{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(4px);padding:5px 10px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:var(--t-label);font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s var(--ease),transform .12s var(--ease);box-shadow:var(--shadow-sm)}.tool-item:hover .tool-name{opacity:1;transform:translateY(-50%) translate(0)}.tool-badge{position:absolute;bottom:3px;right:3px;min-width:15px;height:15px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--radius-pill);font-size:9px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.tool-badge{box-shadow:0 0 0 1.5px var(--surface-2)}.tool-badge .gicon{width:8px;height:8px;flex-shrink:0}.tool-badge--free{background:#fff;color:var(--accent-strong)}.tool-badge--paid{background:var(--shard-bright);color:var(--bg-deep)}.tool-notice{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:7px 12px;border-radius:11px;background:var(--accent-tint);border:1px solid var(--accent-strong);color:var(--accent-soft);font-size:var(--t-label);font-weight:700;white-space:nowrap}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-content:center;padding:40px;background:#0000009e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:zoom-out;animation:fade-in .18s var(--ease)}.preview-frame{position:relative;max-width:min(560px,78vw)}.preview-frame img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg)}.preview-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;display:grid;place-content:center;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-md)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.practice-solve{display:grid;gap:4px;justify-items:center;width:100%;margin-top:16px;padding:12px;border-radius:14px;background:#ffffff0a;border:1px solid var(--line);text-align:center}.practice-title{margin:0;font-weight:800;color:var(--ink)}.practice-note{margin:0;font-size:var(--t-label);font-weight:700;color:var(--ink-2)}.practice-best{margin:0;font-size:var(--t-label);font-weight:700;color:var(--accent-strong)}.lb-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.lb-filter{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--card-2);border:1px solid var(--line);font-size:var(--t-label);font-weight:700;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.lb-filter.active{background:var(--accent-tint);border-color:var(--accent);color:var(--ink)}.lb-filter input{accent-color:var(--accent)}.hint-mark{display:grid;place-content:center;justify-self:center;flex:none;width:28px;height:28px;border-radius:50%;font-family:var(--font-display);font-size:.8rem;font-weight:800}.hint-mark .msr{font-size:1rem}.hint-mark--clean{color:var(--gold);background:var(--gold-tint)}.hint-mark--used{color:var(--ink-3);background:var(--card-2)}.offline-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-content:center;padding:24px;background:radial-gradient(circle at 50% 30%,var(--bg),var(--bg-deep))}.offline-card{display:grid;justify-items:center;gap:12px;max-width:380px;text-align:center;padding:36px 34px;border-radius:var(--radius-xl);border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lg),var(--gloss)}.offline-ico{font-size:44px;color:var(--accent)}.offline-card h1{margin:0;font-family:var(--font-display);font-size:var(--t-h1);font-weight:800}.offline-card p{margin:0;color:var(--ink-2);font-size:var(--t-body-lg)}.offline-card .btn-grad{margin-top:6px}.offline-banner{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:10px;max-width:min(92vw,460px);padding:10px 12px 10px 14px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lg),var(--gloss);animation:fade-in .2s var(--ease)}.offline-banner .msr{font-size:20px;color:var(--accent);flex:0 0 auto}.offline-banner-txt{color:var(--ink);font-size:var(--t-body);line-height:1.25}.offline-banner-btn{flex:0 0 auto;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink);font-weight:600;font-size:var(--t-body-sm);cursor:pointer;transition:background .15s var(--ease),transform .12s var(--ease-spring)}.offline-banner-btn:hover:not(:disabled){background:var(--surface-2)}.offline-banner-btn:active:not(:disabled){transform:scale(.94)}.offline-banner-btn:disabled{opacity:.55;cursor:default}.account-toast,.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:90;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-btn);border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lg),var(--gloss);color:var(--ink);font-size:var(--t-body);font-weight:700;animation:toast-in .3s var(--ease-spring)}.account-toast>.msr,.toast>.msr{font-size:20px;color:var(--shard)}.account-toast-x{display:grid;place-content:center;width:26px;height:26px;border:none;background:transparent;color:var(--ink-2);border-radius:8px;cursor:pointer}.account-toast-x:hover{background:var(--card);color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.obj-complete{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:10px}.obj-complete-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--accent-tint);border:1px solid var(--accent-strong);color:var(--ink);font-weight:700;font-size:var(--t-label)}.obj-complete-pill .msr{font-size:18px;color:var(--accent)}.obj-complete-reward{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:var(--gold);font-weight:800}.obj-complete-reward .gicon:first-of-type{color:var(--amber)}.obj-complete-reward .gicon:last-of-type{color:var(--shard-bright);margin-left:3px}html[data-reduce-motion] *,html[data-reduce-motion] *:before,html[data-reduce-motion] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.settings{max-width:860px;display:flex;flex-direction:column;gap:18px}.settings .records-section h2{margin:0;padding-bottom:12px;border-bottom:1px solid var(--line)}.setting-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-text{display:flex;flex-direction:column;gap:2px;min-width:0}.setting-text strong{font-weight:700;font-size:var(--t-card-title)}.setting-control{display:flex;align-items:center;justify-content:flex-end;gap:8px}.switch{position:relative;width:46px;height:26px;flex-shrink:0;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--card);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease)}.switch.on{background:var(--grad-accent);border-color:transparent}.switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .16s var(--ease-spring)}.switch.on .switch-knob{transform:translate(20px)}.switch:disabled{opacity:.45;cursor:not-allowed}.setting-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--accent-tint);color:var(--amber)}.setting-icon .msr{font-size:18px}.setting-label-row{display:flex;align-items:center;gap:8px}.setting-soon{flex-shrink:0;padding:2px 8px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--card);color:var(--ink-3);font-size:var(--t-cap);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.seg{display:inline-flex;flex-shrink:0;padding:3px;border-radius:var(--radius-sm);background:#0003;opacity:.6}.seg-opt{padding:6px 11px;border-radius:7px;font-size:var(--t-label-sm);font-weight:700;color:var(--ink-2)}.seg-opt.sel{color:#fff;background:var(--grad-accent)}.btn-danger{background:var(--accent-strong);border-color:transparent;color:#fff}.btn-danger:hover{filter:brightness(1.07)}.confirm-row{display:inline-flex;gap:8px;flex-shrink:0}.setting-row--stack{align-items:start}.pw-form{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-width:320px}.pw-form .input{width:100%;border-radius:var(--radius-btn)}.pw-actions{display:flex;gap:8px;margin-top:2px}.pw-done{margin-top:6px;color:var(--success)}.info-wrap{display:flex;flex-direction:column;min-height:100%}.info-wrap .info-page{flex:1 0 auto}.info-page{max-width:760px;display:flex;flex-direction:column;gap:14px}.info-updated{margin:0;font-size:var(--t-body)}.info-prose h2{margin:18px 0 6px;font-family:var(--font-display);font-weight:700;font-size:1.02rem}.info-prose h2:first-child{margin-top:0}.info-prose p{margin:0;color:var(--ink-2);line-height:1.6}.info-prose a,.contact-alt a{color:var(--accent-soft);text-decoration:none}.info-prose a:hover,.contact-alt a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:10px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form .input{width:100%;border-radius:var(--radius-btn)}.contact-msg{resize:vertical;min-height:120px;font:inherit;line-height:1.5}.contact-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.contact-actions .btn-grad .msr{font-size:18px}.contact-alt{font-size:var(--t-body)}.contact-sent{display:grid;justify-items:center;gap:6px;padding:18px 0;text-align:center}.contact-sent .msr{font-size:34px;color:var(--success)}.contact-sent p{margin:0}.contact-sent .btn{margin-top:8px}@media (max-width: 640px){.contact-grid{grid-template-columns:1fr}}.site-footer{width:100%;flex-shrink:0}.site-footer .foot{max-width:var(--content-max);margin:0 auto;padding:24px var(--pad-x) 48px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px 56px;border-top:1px solid var(--line)}.site-footer .foot-brand{flex:1 1 220px}.site-footer .foot-row{display:flex;align-items:center;gap:9px}.site-footer .foot-logo{width:30px;height:30px;border-radius:10px;background:linear-gradient(150deg,var(--accent-soft),var(--accent-strong));display:grid;place-content:center}.site-footer .foot-logo .msr{font-size:17px;color:#fff}.site-footer .foot-name{font-family:var(--font-display);font-weight:800;font-size:16px}.site-footer .foot-tag{color:var(--ink-2);opacity:.72;font-size:12px;margin:9px 0 0;max-width:230px}.site-footer .foot-col h3{font-size:12px;font-weight:700;color:var(--ink-2);opacity:.72;text-transform:uppercase;letter-spacing:.05em;margin:0 0 11px}.site-footer .foot-col a{display:block;font-weight:600;font-size:13px;color:var(--ink-2);margin-bottom:8px;text-decoration:none}.site-footer .foot-col a:hover{color:var(--ink)}.site-foot{margin-top:14px;padding-top:30px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:26px}.site-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;align-items:start}.site-foot-brand{display:flex;flex-direction:column;gap:10px;max-width:300px}.site-foot-mark{display:flex;align-items:center;gap:10px}.site-foot-mark strong{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:-.2px}.site-foot-logo{display:grid;place-content:center;width:34px;height:34px;border-radius:11px;background:var(--grad-accent);color:#fff;box-shadow:var(--gloss)}.site-foot-logo .msr{font-size:19px}.site-foot-brand p{margin:0;font-size:var(--t-body);line-height:1.55}.site-foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.site-foot-col h4{margin:0 0 8px;font-size:var(--t-label-sm);font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.site-foot-link{display:inline-block;padding:4px 0;border:none;background:none;color:var(--ink-2);font:inherit;font-size:var(--t-body);text-align:left;text-decoration:none;cursor:pointer;transition:color .12s var(--ease)}.site-foot-link:hover{color:var(--ink)}.site-foot-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0 4px;border-top:1px solid var(--line);color:var(--ink-3);font-size:var(--t-label)}@media (max-width: 860px){.site-foot-grid{grid-template-columns:1fr 1fr;row-gap:24px}.site-foot-brand{grid-column:1 / -1}}@media (max-width: 420px){.site-foot-grid{grid-template-columns:1fr}}.auth-fineprint{margin:10px 0 0;text-align:center;font-size:var(--t-label);color:var(--ink-3)}.auth-fineprint a{color:var(--ink-2);text-decoration:underline}.delete-ic{background:#c9503c29;color:var(--accent-strong)}.delete-hint{margin-top:6px;text-align:center}.delete-input{width:100%;margin-top:8px;border-radius:var(--radius-btn);text-align:center}.delete-actions{display:flex;gap:10px;width:100%;margin-top:16px}.delete-actions .btn{flex:1;justify-content:center}.signout{display:grid;justify-items:center;gap:6px;text-align:center}.signout-avatar{width:64px;height:64px;font-size:1.15rem;letter-spacing:.6px;margin-bottom:10px;box-shadow:var(--gloss-strong),0 16px 34px -14px #0000008c}.signout h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.signout .auth-sub{margin:0}.signout-actions{display:flex;gap:10px;width:100%;margin-top:18px}.signout-actions .btn,.signout-actions .btn-grad{flex:1;justify-content:center}@media (max-width: 640px){.shell{grid-template-columns:58px minmax(0,1fr)}.rail{padding:var(--sp-6) 0;gap:var(--sp-2)}.rail-logo{width:44px;height:44px;margin-bottom:var(--sp-4)}.rail-logo .msr{font-size:21px}.rail-item{width:44px;height:44px;border-radius:13px}.rail-item .msr{font-size:21px}.rail-item.active:before{left:-8px;height:18px}.shell-top-inner{gap:10px;padding-left:14px;padding-right:14px}.shell-greeting strong{font-size:19px}.shell-greeting .muted{display:none}.hub,.page-pad{padding-left:14px;padding-right:14px}.hub{gap:var(--sp-7)}.hero{min-height:230px}.hero-body{padding:22px;gap:10px}.hero-title{font-size:1.85rem}.coll-grid{grid-template-columns:1fr 1fr}.setting-row{grid-template-columns:auto minmax(0,1fr)}.setting-row .setting-control{grid-column:2;justify-content:flex-start}}@media (max-width: 420px){.coll-grid{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap}.lvl-pill .lvl-title{display:none}}@media (max-width: 640px){.topbar{gap:8px;padding:0 12px}.topbar .progress-chip{display:none}.hud{gap:6px}.hud-pill{padding:8px 11px}.hud-bar{display:none}.hud-new{font-size:0;gap:0;padding:9px 11px}.hud-new .msr{font-size:18px}}@media (max-width: 480px){.shell-greeting,.shell-top-inner .pchip-name,.shell-top-inner .pchip-caret{display:none}.shell-top-inner .pchip{padding:7px}}@media (max-width: 480px){.hud-progress{display:none}}.challenges-card{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:18px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow-md)}.ch-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ch-head h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--t-h2)}.ch-tabs{display:inline-flex;gap:3px;padding:3px;border-radius:var(--radius-pill);background:#00000038}.ch-tab{border:none;background:transparent;color:var(--ink-2);font:inherit;font-weight:800;font-size:var(--t-label-sm);padding:6px 13px;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.ch-tab.active{background:var(--grad-accent);color:#fff}.ch-list{display:flex;flex-direction:column;gap:8px}.ch-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;background:#ffffff08}.ch-row.done{background:#e2714c1a}.ch-check{font-size:20px;color:var(--ink-3);font-variation-settings:"FILL" 0}.ch-row.done .ch-check{color:var(--accent);font-variation-settings:"FILL" 1}.ch-title{flex:1 1 auto;min-width:0;font-weight:700;font-size:var(--t-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-count{flex-shrink:0;padding:1px 7px;border-radius:var(--radius-pill);background:#ffffff14;color:var(--ink-2);font-size:var(--t-label-sm);font-weight:800}.ch-reward{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;font-size:var(--t-label);font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}.ch-reward .gicon:first-of-type{color:var(--amber)}.ch-reward .gicon:last-of-type{color:var(--shard-bright);margin-left:3px}.ch-row.done .ch-reward{font-weight:800;color:var(--ink);background:linear-gradient(90deg,#e8a24a2e,#54d6c42e);padding:4px 9px;border-radius:var(--radius-pill)}.ch-capstone{background:linear-gradient(150deg,#f0c07929,#e2714c14)}.ch-capstone .ch-check{color:var(--gold);font-variation-settings:"FILL" 1}.ch-capstone .ch-reward{font-weight:800;color:var(--ink);background:#f0c07938;padding:4px 9px;border-radius:var(--radius-pill)}.lbc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lbc-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-chip);background:var(--card)}.lbc-row.me{background:var(--accent-tint);box-shadow:inset 0 0 0 1px #e2714c59}.lbc-rank{display:grid;place-content:center;flex:none;width:26px;height:26px;border-radius:50%;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800;font-size:.78rem}:where(.lbc-rank){background:var(--card-2);color:var(--ink-2)}.lbc-avatar{display:grid;place-content:center;flex:none;width:28px;height:28px;border-radius:50%;font:800 .72rem var(--font-display);color:#fff;box-shadow:0 0 0 2px var(--surface-2)}.lbc-name{display:flex;align-items:center;gap:7px;min-width:0;flex:1 1 auto}.lbc-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:var(--t-body)}.lbc-xp{flex:none;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800;font-size:.8rem;color:var(--gold)}.lbc-gap{display:grid;place-content:center;color:var(--ink-3)}.lbc-gap .msr{font-size:16px}.lbc-signin{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.lbc-signin p{margin:0}.lbc-full{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-btn);background:var(--card);color:var(--ink);font:inherit;font-weight:700;font-size:var(--t-body);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease)}.lbc-full:hover{background:var(--card-2)}.lbc-full .msr{font-size:18px;color:var(--amber)}.library-pane{display:flex;flex-direction:column;gap:16px}.surprise-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-btn);border:none;background:var(--grad-accent);color:#fff;font:inherit;font-weight:800;font-size:var(--t-btn);cursor:pointer;box-shadow:var(--glow-accent),var(--gloss);transition:transform .12s var(--ease-spring),filter .15s var(--ease)}.surprise-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.surprise-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.surprise-btn .msr{font-size:19px}.rail-toggle{display:none}@keyframes railScrimIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.shell--fill{grid-template-columns:minmax(0,1fr)}.shell--fill>.rail{position:fixed;left:0;top:0;bottom:0;width:88px;z-index:60;height:100vh;height:100dvh;transform:translate(-100%);transition:transform .25s var(--ease);box-shadow:0 0 44px -6px #0009}.shell--fill.rail-open>.rail{transform:translate(0)}.rail-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:railScrimIn .2s var(--ease)}.shell--fill .rail-toggle{display:inline-grid;place-content:center;flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.shell--fill .rail-toggle .msr{font-size:23px}.shell--fill .rail-toggle:active{transform:scale(.93)}.tools-rail{right:8px;gap:6px;padding:6px;border-radius:16px}.tool-item{width:44px;height:44px;border-radius:12px}.tool-item .msr{font-size:21px}.tool-item .gicon{width:21px;height:21px}.kbd-help{right:64px}}@media (hover: none) and (pointer: coarse){.tools-rail{right:auto;left:50%;top:10px;transform:translate(-50%);flex-direction:row}.tool-zoombtn,.tool-keysbtn,.tools-rail .tool-divider{display:none}.tool-notice{right:auto;left:50%;top:calc(100% + 8px);transform:translate(-50%)}}@media (max-width: 430px){.tools-rail{gap:5px;padding:5px}}.load-error{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line-strong));background:color-mix(in srgb,var(--accent) 8%,var(--card));color:var(--ink)}.load-error .msr{flex:none;font-size:22px;color:var(--accent-soft)}.load-error-text{flex:1;min-width:0;font-size:13.5px;color:var(--ink-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.board-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.kbd-help{position:absolute;right:84px;top:var(--tools-cy, 50%);transform:translateY(-50%);display:grid;gap:9px;padding:14px 16px;border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-strong);box-shadow:var(--shadow-lg),var(--gloss);z-index:4;font-size:13px}.kbd-help strong{font-family:var(--font-display);font-size:.92rem}.kbd-help ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.kbd-help li{display:flex;align-items:center;gap:6px;color:var(--ink-2);white-space:nowrap}.kbd-help kbd{display:inline-grid;place-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:6px;border:1px solid var(--line-strong);border-bottom-width:2px;background:var(--card);color:var(--ink);font-family:inherit;font-size:11px;font-weight:700}.err-tab{display:flex;flex-direction:column;gap:12px}.err-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.err-filter{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer}.err-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:10px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.err-btn:hover{background:var(--card-2)}.err-btn:disabled{opacity:.5;cursor:default}.err-btn .msr{font-size:18px}.err-btn--sm{padding:4px 10px;font-size:12px}.err-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 0;text-align:center}.err-empty .msr{font-size:34px;color:var(--accent)}.err-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.err-row{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}.err-row.is-resolved{opacity:.55}.err-head{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.err-head:hover{background:var(--card-2)}.err-kind{flex:none;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;background:#ffffff14;color:var(--ink-2)}.err-kind--react{background:#e2714c2e;color:var(--accent-soft)}.err-kind--onerror{background:#e8a24a2e;color:#e8a24a}.err-kind--unhandledrejection{background:#8478dc33;color:#b3a8f0}.err-count{flex:none;min-width:34px;font-size:12px;font-weight:800;color:var(--ink-2)}.err-message{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.err-when{flex:none;font-size:12px;color:var(--ink-3)}.err-sub{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 10px}.err-meta{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.err-detail{border-top:1px solid var(--line);padding:12px 14px;background:var(--surface-2)}.err-stack{margin:0 0 8px;max-height:260px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}.err-detail-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:var(--ink-3)}.err-ua{flex-basis:100%;word-break:break-word}