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