:root{--bg-0: #0b1020;--bg-1: #121a33;--ink: #eaf0ff;--ink-dim: #9aa6c7;--accent: #8a7bff;--accent-2: #5ad1e6;--green: #49e3a6;--card: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .09);--shadow: 0 20px 60px rgba(0, 0, 0, .45);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 50% -10%,var(--bg-1),var(--bg-0) 60%);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:28px 16px 20px;overflow:hidden;overflow:clip}.glow{position:fixed;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:0}.glow-a{width:420px;height:420px;background:var(--accent);top:-120px;left:-80px}.glow-b{width:360px;height:360px;background:var(--accent-2);bottom:-140px;right:-60px;opacity:.28}.app-header,.app-main,.app-footer{position:relative;z-index:1;width:100%;max-width:440px;text-align:center}.app-header{margin-bottom:18px}.logo{font-size:34px;font-weight:700;letter-spacing:.5px;margin:6px 0 4px;background:linear-gradient(120deg,var(--ink),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0;color:var(--ink-dim);font-size:14px}.app-header{position:relative}.header-auth{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;min-height:38px;z-index:2}.signin-pill{border:none;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;color:#0b1020;background:linear-gradient(120deg,var(--accent-2),var(--accent));cursor:pointer;box-shadow:0 4px 16px #8a7bff61;transition:transform .15s ease,box-shadow .2s ease}.signin-pill:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8a7bff8c}.header-synced{font-size:12px;color:var(--green);letter-spacing:.3px;white-space:nowrap}.save-hint{margin:14px 0 0;font-size:13px;color:var(--ink-dim);text-align:center}.save-hint strong{color:var(--ink)}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:calc(var(--dock-h, 0px) + 16px)}.float-dock{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:21;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 24px);pointer-events:none}.float-dock>*{pointer-events:auto}.float-dock:empty{display:none}.app-footer{margin-top:16px;color:var(--ink-dim);font-size:12px;opacity:.7}.tuner{width:100%;background:var(--card);border:1px solid var(--card-border);border-radius:24px;padding:26px 22px 22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .4s ease,border-color .4s ease}.tuner.in-tune{border-color:#49e3a680;box-shadow:var(--shadow),0 0 50px #49e3a640}.gauge{position:relative;width:240px;height:128px;margin:4px auto 6px}.gauge-arc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:240px 240px 0 0;border:2px solid var(--card-border);border-bottom:none}.tick{position:absolute;bottom:0;left:50%;width:2px;height:14px;background:var(--ink-dim);transform-origin:bottom center;opacity:.6}.tick-center{height:20px;background:var(--ink);opacity:.8}.tick-left{transform:rotate(-45deg) translate(-.5px);height:12px}.tick-right{transform:rotate(45deg) translate(.5px);height:12px}.needle{position:absolute;bottom:0;left:50%;width:3px;height:112px;margin-left:-1.5px;border-radius:3px;background:linear-gradient(to top,var(--accent),var(--accent-2));transform-origin:bottom center;transition:transform .08s linear,background .3s ease,opacity .3s ease;opacity:.35;box-shadow:0 0 14px #8a7bff80}.needle.active{opacity:1}.needle.green{background:linear-gradient(to top,var(--green),#b8ffe6);box-shadow:0 0 20px #49e3a6b3}.gauge-pivot{position:absolute;bottom:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--ink);box-shadow:0 0 12px #fff6}.readout{margin-top:10px;min-height:150px}.status{height:20px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);opacity:.7;margin-bottom:8px}.note{font-size:68px;font-weight:700;line-height:1;min-height:70px;letter-spacing:1px;transition:color .3s ease,text-shadow .3s ease}.note.green{color:var(--green);text-shadow:0 0 28px rgba(73,227,166,.45)}.note.muted{color:var(--ink-dim);opacity:.35}.cents{margin-top:8px;font-size:20px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.hz{margin-top:2px;font-size:13px;color:var(--ink-dim);opacity:.7;font-variant-numeric:tabular-nums}.meter{margin:18px auto 4px;width:85%;height:6px;border-radius:6px;background:#ffffff12;overflow:hidden}.meter-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .08s linear}.meter-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim);opacity:.6}.controls{margin-top:22px;display:flex;flex-direction:column;gap:14px;align-items:center}.sensitivity{display:inline-flex;background:#ffffff0d;border:1px solid var(--card-border);border-radius:999px;padding:4px}.seg{border:none;background:transparent;color:var(--ink-dim);padding:7px 18px;border-radius:999px;font-size:13px;text-transform:capitalize;cursor:pointer;transition:background .2s ease,color .2s ease}.seg.on{background:#8a7bff38;color:var(--ink)}.primary{border:none;border-radius:14px;padding:14px 30px;font-size:16px;font-weight:600;color:#0b1020;background:linear-gradient(120deg,var(--accent-2),var(--accent));cursor:pointer;box-shadow:0 10px 30px #8a7bff59;transition:transform .15s ease,box-shadow .2s ease}.primary:hover{transform:translateY(-1px)}.primary:active{transform:translateY(0)}.primary.stop{background:#ffffff1a;color:var(--ink);box-shadow:none}.error{margin-top:16px;color:#ff9db1;font-size:13px}.debug-toggle{margin-top:16px;background:none;border:none;color:var(--ink-dim);font-size:11px;letter-spacing:1px;text-transform:uppercase;opacity:.5;cursor:pointer}.debug{margin-top:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--ink-dim);opacity:.7}.debug span{white-space:nowrap}@media (max-width: 380px){.note{font-size:56px}.gauge{width:210px}}.mode-toggle{margin-top:12px;display:inline-flex;background:#ffffff0d;border:1px solid var(--card-border);border-radius:999px;padding:4px}.mode-toggle button{border:none;background:transparent;color:var(--ink-dim);padding:8px 18px;border-radius:999px;font-size:13px;cursor:pointer;transition:background .2s ease,color .2s ease}.mode-toggle button.on{background:#8a7bff38;color:var(--ink)}.quests{position:relative}.quests-locked{text-align:center}.flame{font-size:40px;line-height:1}.flame.big{font-size:56px;margin-bottom:8px}.streak-banner{text-align:center;padding:18px 16px 20px;margin-bottom:20px;border-radius:20px;background:radial-gradient(120% 140% at 50% 0%,#ff9e5729,#ffffff08 60%);border:1px solid var(--card-border)}.streak-count{font-size:44px;font-weight:800;line-height:1;margin-top:2px;background:linear-gradient(120deg,#ffcf6b,#ff8a5a);-webkit-background-clip:text;background-clip:text;color:transparent}.streak-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);margin-top:2px}.streak-sub{margin-top:10px;font-size:14px;color:var(--ink)}.streak-best{margin-top:6px;font-size:12px;color:var(--ink-dim)}.quest-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.quest{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#ffffff0a;border:1px solid var(--card-border);transition:border-color .25s ease,background .25s ease}.quest.is-ready{border-color:#49e3a680;background:#49e3a614}.quest.is-claimed{opacity:.6}.quest-main{flex:1;min-width:0}.quest-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.quest-title{font-size:15px;font-weight:600;color:var(--ink)}.quest-reward{font-size:12px;font-weight:700;color:var(--accent-2);white-space:nowrap}.quest-detail{font-size:12px;color:var(--ink-dim);margin-top:1px}.quest-bar{margin-top:9px;height:7px;border-radius:999px;background:#ffffff14;overflow:hidden}.quest-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .4s ease}.quest-count{margin-top:5px;font-size:11px;color:var(--ink-dim)}.quest-action{flex-shrink:0;display:flex;align-items:center}.claim-btn{border:none;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;color:#0b1020;background:linear-gradient(120deg,var(--green),#b8ffe6);cursor:pointer;box-shadow:0 4px 14px #49e3a659;animation:claim-pulse 1.6s ease-in-out infinite}@keyframes claim-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quest-check{font-size:20px;color:var(--green);width:40px;text-align:center}.quest-lock{font-size:20px;color:var(--ink-dim);width:40px;text-align:center}.quests-done,.quests-hint{text-align:center;font-size:13px;color:var(--ink-dim);margin-top:18px}.quest-flash{position:absolute;top:-6px;left:50%;transform:translate(-50%);z-index:3;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:700;color:#0b1020;background:linear-gradient(120deg,var(--green),#b8ffe6);box-shadow:0 8px 24px #49e3a666;animation:flash-rise 1.8s ease forwards;white-space:nowrap}@keyframes flash-rise{0%{opacity:0;transform:translate(-50%,8px)}15%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@media (prefers-reduced-motion: reduce){.claim-btn{animation:none}.quest-flash{animation-duration:1.8s}}.challenge{width:100%;background:var(--card);border:1px solid var(--card-border);border-radius:24px;padding:26px 22px 24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.panel-title{font-size:22px;font-weight:700;margin:2px 0 4px}.panel-sub{margin:0 0 18px;color:var(--ink-dim);font-size:14px}.pickers{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.picker{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.picker span{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim)}.picker select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff0f;border:1px solid var(--card-border);color:var(--ink);border-radius:12px;padding:10px 14px;font-size:15px;min-width:150px;cursor:pointer}.picker select option,.picker select optgroup{background:var(--bg-1);color:var(--ink)}.preview,.scale-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 22px}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:8px 10px;border-radius:10px;background:#ffffff0d;border:1px solid var(--card-border);color:var(--ink-dim);font-size:15px;font-weight:600;transition:all .25s ease}.chip.current{border-color:var(--accent);color:var(--ink);box-shadow:0 0 16px #8a7bff80;transform:translateY(-2px)}.chip.done{background:#49e3a624;border-color:#49e3a666;color:var(--green)}.chip.done.perfect{box-shadow:0 0 14px #49e3a666}.playing .status,.results .status{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);opacity:.75;margin-bottom:8px}.target-note{font-size:72px;font-weight:700;line-height:1;min-height:74px;transition:color .25s ease,text-shadow .25s ease}.target-note.close{color:#ffd27a}.target-note.green{color:var(--green);text-shadow:0 0 28px rgba(73,227,166,.45)}.now-playing{margin-top:10px;font-size:14px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.stars{font-size:34px;color:#ffd27a;letter-spacing:6px;margin:8px 0 12px}.score-line{font-size:17px;margin-bottom:8px}.score-line strong{color:var(--accent-2)}.results-actions{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}.ghost{border:1px solid var(--card-border);border-radius:14px;padding:12px 24px;font-size:15px;background:#ffffff0d;color:var(--ink);cursor:pointer;transition:background .2s ease}.ghost:hover{background:#ffffff1a}.playing .ghost{margin-top:6px}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;filter:saturate(calc(.1 + var(--p, 0) * 1.05)) brightness(calc(.5 + var(--p, 0) * .65));transition:filter 1.1s ease}.scene-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#090d1a;opacity:calc(.72 - var(--p, 0) * .72);transition:opacity 1.1s ease}.scene-blob{position:absolute;width:48vmax;height:48vmax;border-radius:50%;filter:blur(80px);opacity:calc(.2 + var(--p, 0) * .55);transition:opacity 1.1s ease;will-change:transform;animation:drift 30s ease-in-out infinite}.scene-blob.b1{background:#ffb27a;top:-14vmax;left:-10vmax;animation-delay:0s}.scene-blob.b2{background:#6fd6c7;bottom:-16vmax;right:-12vmax;animation-delay:-6s}.scene-blob.b3{background:#8a7bff;top:20vmax;right:-14vmax;animation-delay:-12s}.scene-blob.b4{background:#ff8fa3;bottom:-10vmax;left:-8vmax;animation-delay:-18s}.scene-blob.b5{background:#5ad1e6;top:-12vmax;right:18vmax;animation-delay:-24s}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(6vmax,4vmax) scale(1.08)}66%{transform:translate(-5vmax,3vmax) scale(.95)}}.challenge{position:relative;z-index:1;background:#0e14268c}.app-header,.app-footer{z-index:3}.target-wrap{position:relative;display:flex;justify-content:center}.ping{position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,210,.55),transparent 70%);pointer-events:none;animation:ping .9s ease-out forwards}@keyframes ping{0%{transform:scale(.4);opacity:.9}to{transform:scale(7);opacity:0}}.bloom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 44%,rgba(255,224,180,.6),rgba(138,123,255,.28) 34%,transparent 70%);animation:bloom 2s ease-out forwards}@keyframes bloom{0%{opacity:0;transform:scale(.55)}22%{opacity:1}to{opacity:0;transform:scale(1.7)}}.results .stars{animation:shimmer-in 1.2s ease-out both}@keyframes shimmer-in{0%{opacity:0;transform:translateY(6px)}60%{text-shadow:0 0 24px rgba(255,210,122,.85)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.scene-blob{animation:none}.ping{animation:ping-fade .5s ease-out forwards}.bloom{animation:bloom-fade 1.1s ease-out forwards}.results .stars{animation:none}@keyframes ping-fade{0%{opacity:.6}to{opacity:0}}@keyframes bloom-fade{0%{opacity:0}25%{opacity:.8}to{opacity:0}}}.mode-toggle{flex-wrap:wrap}.mode-toggle button{padding:8px 14px}.create{text-align:center}.field{display:block;text-align:left;margin:0 auto 14px;max-width:320px}.field span{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.text-input{width:100%;background:#ffffff0f;border:1px solid var(--card-border);color:var(--ink);border-radius:12px;padding:12px 14px;font-size:16px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.text-input::placeholder{color:var(--ink-dim);opacity:.6}.class-reveal{margin:8px 0 20px;font-size:16px;color:var(--ink-dim)}.class-reveal strong{color:var(--accent-2)}.profile{text-align:center}.emblem-wrap{position:relative;display:inline-block;margin:2px auto 14px}.level-ring{width:128px;height:128px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--prog, 0) * 360deg),rgba(255,255,255,.08) 0deg);display:grid;place-items:center;box-shadow:0 0 40px #8a7bff40}.emblem{width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#1a2444,#0e1428);display:grid;place-items:center;font-size:48px;font-weight:700;color:var(--ink);text-shadow:0 0 20px rgba(90,209,230,.4)}.level-badge{position:absolute;bottom:0;right:0;background:linear-gradient(120deg,var(--accent-2),var(--accent));color:#0b1020;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;box-shadow:0 4px 14px #00000073}.char-name{font-size:28px;font-weight:700;margin:0 0 2px}.char-class{color:var(--ink-dim);font-size:14px;margin-bottom:18px}.resonance-bar{width:85%;max-width:320px;height:8px;border-radius:8px;background:#ffffff12;margin:0 auto 6px;overflow:hidden}.resonance-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .6s ease}.resonance-label{font-size:12px;color:var(--ink-dim);margin-bottom:22px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.stat{background:#ffffff0a;border:1px solid var(--card-border);border-radius:12px;padding:12px 4px}.stat-value{font-size:24px;font-weight:700;color:var(--accent-2);font-variant-numeric:tabular-nums}.stat-name{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);margin-top:2px}.achievements{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}.ach{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--card-border);background:#ffffff08;color:var(--ink-dim);font-size:12px;opacity:.5}.ach.earned{opacity:1;color:var(--ink);border-color:#ffd27a66;background:#ffd27a1a}.ach-mark{color:#ffd27a}.link-btn{margin-top:16px;background:none;border:none;color:var(--ink-dim);font-size:12px;letter-spacing:1px;text-transform:uppercase;opacity:.5;cursor:pointer}.reset-confirm{margin-top:18px;font-size:13px;color:var(--ink-dim)}.reset-confirm .results-actions{margin-top:12px}.ghost.danger{border-color:#ff8ca066;color:#ff9db1}.award-line{margin-top:10px;font-size:18px;font-weight:600;color:var(--accent-2);text-shadow:0 0 18px rgba(90,209,230,.35)}.create-nudge{margin-top:6px;color:var(--accent)}.auth-row{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.synced{font-size:12px;color:var(--green);letter-spacing:.4px}.playing .play-pin{position:sticky;top:max(6px,env(safe-area-inset-top,0px));z-index:6;padding:6px;border-radius:16px;background:#0e1220f5;box-shadow:0 10px 24px #00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.playing .ds-view.play-pin{margin-left:-6px;margin-right:-6px}.so-panel{max-width:560px;margin:18px auto 0;padding:14px 16px;border-radius:12px;background:var(--card);border:1px solid var(--card-border);text-align:left}.so-title{margin:0 0 6px;font-size:15px;color:var(--ink)}.so-note{margin-top:14px}.so-note a{color:var(--accent-2)}.so-erase{margin-top:14px;padding-top:12px;border-top:1px solid var(--card-border)}.so-erase b{color:#ff9db1}.so-label{display:grid;gap:6px;margin-top:10px}.so-label input{max-width:240px;padding:8px 10px;border-radius:8px;border:1px solid var(--card-border);background:#00000040;color:var(--ink);font:inherit}.so-erase .ghost.danger:disabled{opacity:.45;cursor:not-allowed}.play-stop{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));z-index:40;align-self:center;margin-top:12px;min-width:140px;padding:12px 22px;font-weight:700;background:var(--bg-1);color:var(--ink);border:2px solid rgba(255,255,255,.55);box-shadow:0 6px 22px #00000073}.play-stop:hover{background:#2a2046}.pp-hear{margin-top:10px}body.has-transport{padding-bottom:calc(var(--transport-h, 72px) + 12px)}body.has-transport .play-stop{display:none}.tp-bar{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:45;width:min(980px,100vw);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#0e1328f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -10px 34px #00000073;color:var(--ink)}.tp-bar.folded{width:auto;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.tp-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tp-grow{flex:1}.tp-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}.tp-btn:hover:not(:disabled){background:#ffffff1f}.tp-btn:disabled{opacity:.45;cursor:default}.tp-btn.on{border-color:#6ebeffb3;background:#6ebeff29}.tp-play{background:linear-gradient(135deg,#6ad7e5,#8a7bff);color:#0b1020;border:0;padding:8px 20px}.tp-play:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,#6ad7e5,#8a7bff)}.tp-stop{background:#e6edff;color:#0b1020;border:0;padding:8px 22px;font-size:16px}.tp-stop:hover{background:#fff}.tp-find{border-color:#ffd26e99}.tp-round{width:44px;justify-content:center;padding:0;border-radius:50%;font-size:20px}.tp-tempo{display:inline-flex;align-items:center;gap:6px}.tp-bpm{min-width:72px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.tp-where{display:inline-flex;gap:10px;align-items:baseline;font-variant-numeric:tabular-nums;font-size:15px}.tp-status{color:#9fd6ff;font-weight:600}.tp-title{font-size:14px;opacity:.75;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-fold{width:44px;justify-content:center;padding:0}.tp-panel{padding:4px 2px 10px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.tp-field{display:inline-flex;align-items:center;gap:6px;font-size:15px}.tp-field input{width:4.5em;min-height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:var(--ink);padding:0 8px;font:inherit}.tp-hint{margin:8px 2px 0;font-size:13px;opacity:.75}@media (max-width: 560px){.tp-label,.tp-title{display:none}.tp-play .tp-label,.tp-stop .tp-label,.tp-passage .tp-label,.tp-find .tp-label{display:inline}.tp-btn{padding:8px 11px}.tp-bpm{min-width:58px;font-size:14px}}.st-slot{flex:0 0 100%;width:100%;display:flex;justify-content:center;margin:2px 0 12px}.st-slot>div{width:min(100%,940px)}.tp-ride{padding:6px 10px;border-radius:14px;background:#0e1328db;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 20px #00000052;color:var(--ink);text-align:left}.tp-ride.paused{border-color:#ffd36e99;box-shadow:0 6px 24px #ffd36e1f}.tp-ride .tp-btn{min-height:42px;padding:6px 12px;font-size:14px}.tp-ride .tp-stop{padding:6px 20px;font-size:15px}.tp-ride .tp-hint{margin:6px 2px 0}.tp-ride:not(.paused)>.tp-row,.tp-bar.playing:not(.folded)>.tp-row{flex-wrap:nowrap}.tp-ride:not(.paused){padding:4px 8px}.tp-ride:not(.paused) .tp-btn{min-height:38px}.tp-ride:not(.paused) .tp-round,.tp-bar.playing .tp-round{width:38px;min-height:38px}@media (max-width: 560px){.tp-ride:not(.paused) .tp-status,.tp-bar.playing .tp-status{display:none}.tp-ride:not(.paused) .tp-bpm,.tp-bar.playing .tp-bpm{min-width:0;font-size:13px}.tp-ride:not(.paused) .tp-where,.tp-bar.playing .tp-where{font-size:14px;white-space:nowrap}.tp-bar.playing{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}}.tp-error{margin:6px 2px 0;font-size:14px;color:#ffb4a8;font-weight:600}.tp-done{border-color:#ffffff4d}.tp-bar{transition:transform .25s ease,opacity .25s ease}.tp-bar.away{transform:translate(-50%,115%);opacity:0;pointer-events:none}.tp-stopped .rz-live,.tp-stopped .rz-metronome{opacity:.45}@media (max-width: 560px){.tp-keep{display:inline!important}}@media print{.st-slot{display:none}}.tp-pick [data-bar]{cursor:pointer}@media print{.tp-bar{display:none}body.has-transport{padding-bottom:0}}.sc-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:center;margin:0 0 10px}.sc-row-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim)}.sc-clefs{flex-wrap:wrap;justify-content:center;border-radius:18px}.sc-clefs .seg{padding:7px 14px}.sc-clef-hint{margin:-2px 0 6px;font-size:12px;color:var(--ink-dim)}.sc-staff{position:relative;max-width:100%;margin:4px auto 10px;padding:6px 4px;border-radius:16px;background:#ffffff08;border:1px solid var(--card-border);--staff-scale: 1.25;transition:box-shadow .25s ease}.sc-staff.sc-live{--staff-scale: 1.45}.sc-staff.sc-live.close{box-shadow:0 0 18px #ffd27a40}.sc-staff.sc-live.green{box-shadow:0 0 22px #49e3a659}.sc-staff .st-fingering{font-size:11.5px}.sc-options{margin-bottom:16px}.sc-options .seg:disabled{opacity:.35;cursor:default}.sc-check{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--ink-dim);cursor:pointer}.sc-check input{accent-color:var(--accent)}.rz-note.now .rz-ink,.rz-note.now .rz-stem{fill:#ffe9a8}.rz-note.now .rz-open{stroke:#ffe9a8}.st-now-ring{fill:#ffdc8c29;stroke:#ffdc8cbf;stroke-width:1.4;animation:sc-breathe 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes sc-breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}@media (prefers-reduced-motion: reduce){.st-now-ring{animation:none}}@media (max-width: 520px){.sc-staff{--staff-scale: 1}.sc-staff.sc-live{--staff-scale: 1.1}.sc-clefs .seg{padding:6px 10px;font-size:12px}}.sc-mine{font-weight:600}.sc-title{margin:6px 0 0;font-size:15px;font-weight:600;color:var(--ink)}.sc-title-live{margin:2px 0 4px;font-size:13px;color:var(--ink-dim)}.sc-range-note{margin:-2px auto 10px;max-width:420px;font-size:13px;color:#ffd27a}.sc-row .seg{text-transform:none}.sc-assigned{margin:0 auto 14px;max-width:460px;text-align:left}.sc-assigned ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}.sc-asg{width:100%;display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:9px 12px;border-radius:12px;border:1px solid rgba(90,209,230,.35);background:#5ad1e614;color:var(--ink);cursor:pointer;text-align:left}.sc-asg small{color:var(--ink-dim);font-size:12px}.sc-asg.done{border-color:#49e3a659;background:#49e3a60f}.sc-names{margin:0 0 12px}.sc-sections{margin:0 0 8px}.sc-timed-controls{justify-content:center;margin:0 0 12px}.sc-start{justify-content:center;gap:10px}.sm-panel{margin:0 auto 16px;max-width:560px;padding:12px 14px;border-radius:16px;border:1px solid rgba(90,209,230,.3);background:linear-gradient(180deg,#5ad1e614,#8a7bff0f);text-align:left}.sm-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline}.sm-sub{font-size:12px;color:var(--ink-dim)}.sm-tally{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0}.sm-count{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:10px;background:#ffffff0a;font-weight:700;font-size:15px;opacity:.55}.sm-count.on{opacity:1;background:#ffffff14}.sm-count small{font-size:10px;font-weight:500;color:var(--ink-dim)}.sm-goal{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#ffffff0d;margin-bottom:10px}.sm-goal>div{display:flex;flex-direction:column;gap:2px}.sm-goal small,.sm-goal span{font-size:12px;color:var(--ink-dim)}.sm-go{padding:9px 16px;font-size:14px;margin:0;white-space:nowrap}.sm-exp{padding:10px 12px;border-radius:12px;border:1px solid var(--card-border);background:#ffffff08}.sm-exp.ready{border-color:#ffd27a99;box-shadow:0 0 18px #ffd27a40}.sm-exp-top,.sm-exp-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}.sm-reward{color:#ffd27a;font-weight:700;white-space:nowrap}.sm-bar{display:block;height:8px;margin:8px 0 4px;border-radius:999px;background:#ffffff14;overflow:hidden}.sm-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5ad1e6,#8a7bff)}.sm-claim{padding:7px 14px;font-size:13px;margin:0}.sm-msg{margin:8px 0 0;color:#ffd27a;font-weight:600;font-size:14px}.sm-more{margin-top:10px;font-size:13px}.sm-more summary{cursor:pointer;color:var(--ink-dim)}.sm-exps{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.sm-exps li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:#ffffff08}.sm-exps li.claimed{opacity:.65}.sm-exps li.ready{background:#ffd27a1a}.sm-exp-right{white-space:nowrap;color:var(--ink-dim)}.sm-atlas{margin-top:8px;overflow-x:auto}.sm-row{display:grid;grid-template-columns:104px repeat(12,minmax(22px,1fr));gap:3px;align-items:center;min-width:400px}.sm-keys{font-size:11px;color:var(--ink-dim);text-align:center}.sm-type{font-size:11.5px;text-align:left;color:var(--ink-dim)}.sm-tier-name{margin:8px 0 3px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-dim)}.sm-cell{height:24px;padding:0;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--ink-dim);font-size:13px;cursor:pointer}.sm-cell.m1{background:#a0825a2e}.sm-cell.m2{background:#cd7f3240}.sm-cell.m3{background:#c8d2e138}.sm-cell.m4{background:#f2c14e47}.sm-cell.m5{background:#5aa0e64d}.sm-cell.m6{background:#aa82ff59;box-shadow:0 0 8px #aa82ff73}.sm-legend{margin:8px 0 0;font-size:11px;color:var(--ink-dim)}.sm-this{margin:2px 0 8px;font-size:13px;color:var(--ink-dim)}.sm-set{padding:3px 10px;font-size:12px;margin-left:4px}.sm-banner{display:flex;gap:12px;align-items:center;margin:10px auto 14px;max-width:440px;padding:12px 16px;border-radius:16px;text-align:left;border:1px solid rgba(255,210,122,.55);background:radial-gradient(circle at 15% 50%,#ffd27a38,#ffffff08 70%);animation:sm-pop .6s cubic-bezier(.2,1.4,.4,1) both}.sm-banner>div{display:flex;flex-direction:column;gap:2px}.sm-banner small{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#ffd27a}.sm-banner span{font-size:13px;color:var(--ink-dim)}.sm-banner .sm-banner-icon{font-size:46px;line-height:1;color:inherit!important;filter:drop-shadow(0 0 10px rgba(255,210,122,.6))}@keyframes sm-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.sm-banner{animation:none}}@media (max-width: 520px){.sm-goal{flex-direction:column;align-items:stretch}.sm-count{font-size:13px}}.sc-sub{margin-top:.75rem}.sc-statements{text-align:left;margin:.4rem 0 .6rem 1.2rem;line-height:1.45;font-size:.95em}.sc-statements li{margin-bottom:.25rem}.mz-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mz-creator button:focus-visible,.mz-creator input:focus-visible,.mz-profile button:focus-visible,.mz-modal button:focus-visible,.mode-toggle button:focus-visible{outline:3px solid #ffffff;outline-offset:2px;box-shadow:0 0 0 6px #0b1020e6}.mz-stage{position:relative;border-radius:24px;border:1px solid var(--card-border);background:radial-gradient(120% 70% at 50% 108%,color-mix(in srgb,var(--fav, #8a7bff) 42%,transparent),transparent 62%),radial-gradient(90% 60% at 50% 0%,color-mix(in srgb,var(--fav, #8a7bff) 16%,transparent),transparent 70%),linear-gradient(180deg,#1a2444,#0f1630);overflow:hidden}.mz-stage svg{display:block;width:100%;height:100%}@keyframes mz-twinkle{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.55;transform:translateY(-3px)}}.mz-decor{animation:mz-twinkle 2.4s ease-in-out infinite}.mz-creator{position:relative;z-index:1;align-self:flex-start;flex:none;width:min(1080px,calc(100vw - 32px));text-align:left}.mz-head{text-align:center;margin-bottom:14px}.mz-head .panel-sub{margin-bottom:0}.mz-grid{display:flex;flex-direction:column;gap:16px}.mz-controls,.mz-preview{background:#0e1426b8;border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mz-controls{padding:16px;min-width:0}.mz-preview{order:-1;position:sticky;top:8px;z-index:4;padding:12px;display:grid;grid-template-columns:132px 1fr;grid-template-areas:"stage name" "stage seg" "stage surprise" "save second" "confirm confirm" "notice notice";column-gap:12px;row-gap:8px;align-items:center}.mz-preview .mz-stage{grid-area:stage;height:150px}.mz-notice:empty{display:none}.mz-nameplate{grid-area:name;min-width:0}.mz-nameplate-name{font-size:19px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mz-nameplate-sub{font-size:13px;color:var(--ink-dim)}.mz-seg{grid-area:seg;display:inline-flex;justify-self:start;background:#ffffff0d;border:1px solid var(--card-border);border-radius:999px;padding:3px}.mz-seg button{border:none;background:transparent;color:var(--ink-dim);font-size:12px;padding:0 12px;min-height:34px;border-radius:999px;cursor:pointer}.mz-seg button.on{background:#8a7bff47;color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}.mz-surprise{grid-area:surprise;justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:14px;border:2px solid #ffd27a;background:#ffd27a1f;color:#ffe2a6;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .2s ease}.mz-surprise:hover{background:#ffd27a38;transform:translateY(-1px)}.mz-save{grid-area:save;width:100%;min-height:48px}.mz-secondary{grid-area:second;display:flex;justify-content:center;gap:22px}.mz-secondary .link-btn,.mz-profile .link-btn{margin-top:0;min-height:44px;padding:0 10px;opacity:.85}.mz-preview .reset-confirm{grid-area:confirm;margin-top:0;text-align:center;color:var(--ink)}.mz-notice{grid-area:notice;margin:0;font-size:13px;color:#b8ffe6;text-align:center}.mz-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 10px;margin:0 -2px 6px;scrollbar-width:thin}.mz-tab{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px 0 8px;border-radius:999px;border:1px solid var(--card-border);background:#ffffff0a;color:var(--ink-dim);font-size:14px;cursor:pointer}.mz-tab-num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff14;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.mz-tab.on{background:#8a7bff42;border-color:var(--accent);border-width:2px;color:var(--ink);font-weight:700}.mz-tab.on .mz-tab-num{background:var(--accent-2);color:#0b1020}.mz-group{margin:0 0 20px}.mz-group-title{margin:0 0 4px;font-size:17px;font-weight:700}.mz-group-hint,.mz-note{margin:0 0 10px;font-size:13px;color:var(--ink-dim)}.mz-note{padding:10px 12px;border-radius:12px;border:1px dashed var(--card-border);color:var(--ink)}.mz-field{display:block;max-width:340px}.mz-family-title{margin:12px 0 6px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim)}.mz-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin-top:8px}.mz-tiles.big{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.mz-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 10px;min-height:88px;border-radius:16px;border:2px solid transparent;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--card-border);color:var(--ink);font:inherit;cursor:pointer;transition:background .2s ease,transform .15s ease}.mz-tile:hover{background:#ffffff17}.mz-tile-art{display:grid;place-items:center;width:100%;aspect-ratio:1 / 1;border-radius:12px;background:linear-gradient(180deg,#1c2748,#121a34);overflow:hidden}.mz-tiles.big .mz-tile-art{aspect-ratio:400 / 530}.mz-tile-art svg{width:100%;height:100%;display:block}.mz-tile-name{font-size:13px;font-weight:600;line-height:1.2;text-align:center}.mz-tile-sub{font-size:11px;line-height:1.25;color:var(--ink-dim);text-align:center}.mz-tile.on{border-color:var(--green);background:#49e3a61a}.mz-tile.on .mz-tile-name{text-decoration:underline;text-underline-offset:3px}.mz-check{position:absolute;top:6px;right:6px;width:22px;height:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.mz-lock{position:absolute;top:6px;right:6px;width:22px;height:22px;padding:3px;border-radius:50%;background:#0b1020;color:#ffd27a}.mz-tile.locked{cursor:help}.mz-tile.locked .mz-tile-art{filter:grayscale(.9) brightness(.6)}.mz-tile.locked .mz-tile-sub{color:#ffe2a6}.mz-tile-badge{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:999px;background:#0b1020;border:1px solid var(--accent-2);color:var(--accent-2);font-size:10px;font-weight:700}.mz-tile-rarity{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim)}.mz-tile-rarity.big{font-size:12px;margin-top:4px}.r-rare .mz-tile-rarity{color:#7fd3ff}.r-epic .mz-tile-rarity{color:#c9a8ff}.r-legendary .mz-tile-rarity{color:#ffd27a}.r-mythic .mz-tile-rarity{background:linear-gradient(90deg,#ffd27a,#ff8ad8,#8ad8ff,#ffd27a);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mz-mythic 4s linear infinite}.mz-tile.r-mythic,.mz-coll-item.r-mythic{box-shadow:0 0 0 1px #ffd27a8c,0 0 18px #ff8ad847}@keyframes mz-mythic{to{background-position:300% 0}}@media (prefers-reduced-motion: reduce){.r-mythic .mz-tile-rarity{animation:none}}.mz-missing{display:grid;place-items:center;width:100%;height:100%;padding:6px;font-size:12px;font-weight:700;text-align:center;color:#ff9db1;border:2px dashed #ff9db1;border-radius:12px}.mz-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:8px}.mz-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;min-height:84px;border-radius:14px;border:2px solid transparent;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.mz-swatch:hover{background:#ffffff0f}.mz-swatch-dot{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.55);box-shadow:0 2px 8px #0006}.mz-swatch-dot .mz-check,.mz-swatch-dot .mz-lock{position:static;width:24px;height:24px}.mz-swatch-name{font-size:12px;line-height:1.2;text-align:center}.mz-swatch-lock{font-size:10px;line-height:1.2;color:#ffe2a6;text-align:center}.mz-swatch.on{border-color:var(--green);background:#49e3a61a}.mz-swatch.on .mz-swatch-name{font-weight:700;text-decoration:underline;text-underline-offset:3px}.mz-swatch.locked{cursor:help}.mz-swatch.locked .mz-swatch-dot{filter:saturate(.5) brightness(.7)}.mz-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mz-chips.center{justify-content:center}.mz-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--card-border);background:#ffffff0a;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.mz-chip .mz-check{position:static;width:18px;height:18px;filter:none}.mz-chip.on{border-color:var(--green);background:#49e3a61f;font-weight:700}.mz-collection .mz-chip.on{text-decoration:underline;text-underline-offset:3px}.mz-dress{margin-top:14px;min-height:44px}.mz-instrument-hero{display:flex;align-items:center;gap:16px;padding:12px;margin-bottom:16px;border-radius:18px;border:1px solid var(--card-border);background:linear-gradient(120deg,color-mix(in srgb,var(--fav, #8a7bff) 20%,transparent),#ffffff08)}.mz-instrument-art{flex:none;width:150px;height:150px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(180deg,#1c2748,#121a34)}.mz-instrument-name{font-size:24px;font-weight:700}.mz-instrument-meta{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim)}.mz-instrument-hero .class-reveal{margin:8px 0 0}.mz-stepnav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--card-border)}.mz-stepnav button{min-height:44px}.mz-stepnav button:disabled{opacity:.35;cursor:default}.mz-stepcount{font-size:12px;color:var(--ink-dim)}@media (min-width: 900px){.mz-grid{flex-direction:row;align-items:flex-start}.mz-controls{flex:1 1 0;padding:20px}.mz-preview{order:0;flex:0 0 380px;top:16px;padding:16px;display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:center}.mz-preview .mz-stage{height:auto;aspect-ratio:400 / 530;max-height:calc(100vh - 330px);min-height:220px}.mz-seg,.mz-surprise{align-self:center}.mz-surprise{min-height:48px;padding:0 26px;font-size:16px}.mz-tabs{flex-wrap:wrap;overflow:visible}}.mz-profile{text-align:center}.mz-kicker{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim)}.mz-hero{position:relative;width:min(260px,78%);margin:0 auto 6px}.mz-hero .mz-stage{aspect-ratio:400 / 530}.mz-hero .level-badge{top:10px;right:10px;bottom:auto;font-size:13px;pointer-events:none}.mz-profile .char-name{font-size:28px;font-weight:700;margin:0 0 2px}.mz-edit{margin:0 0 18px;min-height:48px}.mz-section-title{margin:26px 0 6px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim)}.mz-section-sub{margin:0 0 12px;font-size:13px;color:var(--ink-dim)}.mz-profile .achievements{list-style:none;padding:0;margin:8px 0 0}.mz-profile .ach{opacity:.72}.mz-profile .ach.earned{opacity:1}.ach-reward{padding-left:7px;margin-left:2px;border-left:1px solid var(--card-border);color:var(--accent-2);font-size:11px}.mz-inst-card{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:16px;border:1px solid var(--card-border);background:linear-gradient(120deg,color-mix(in srgb,var(--fav, #8a7bff) 22%,transparent),#ffffff08);text-align:left}.mz-inst-name{font-size:20px;font-weight:700}.mz-inst-meta{font-size:12px;color:var(--ink-dim)}.mz-inst-more{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:10px 0 0}.mz-inst-more li{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 6px;border-radius:999px;border:1px solid var(--card-border);background:#ffffff0a;font-size:13px}.mz-style-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0}.mz-style-list div{padding:10px;border-radius:12px;border:1px solid var(--card-border);background:#ffffff0a}.mz-style-list dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim)}.mz-style-list dd{margin:3px 0 0;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.mz-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.6)}.mz-coll-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;padding:0;margin:14px 0 0}.mz-coll-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;height:100%;padding:8px 6px 10px;border-radius:16px;border:2px solid transparent;box-shadow:inset 0 0 0 1px var(--card-border);background:#ffffff0d;color:var(--ink);font:inherit;text-align:center}button.mz-coll-item{cursor:pointer}.mz-coll-art{display:grid;place-items:center;width:100%;aspect-ratio:1 / 1;border-radius:12px;background:linear-gradient(180deg,#1c2748,#121a34);overflow:hidden}.mz-coll-art svg{width:100%;height:100%;display:block}.mz-coll-name{font-size:13px;font-weight:600;line-height:1.2}.mz-coll-state{font-size:11px;line-height:1.25;color:var(--ink-dim)}.mz-coll-item.equipped{border-color:var(--green);background:#49e3a61a}.mz-coll-item.equipped .mz-coll-state{color:var(--green);font-weight:700}.mz-coll-item.locked{cursor:help}.mz-coll-item.locked .mz-coll-art{filter:grayscale(.9) brightness(.6)}.mz-coll-item.locked .mz-coll-state{color:#ffe2a6}.mz-coll-progress{display:block;width:86%;height:6px;margin-top:4px;border-radius:999px;background:#ffffff1f;overflow:hidden}.mz-coll-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.mz-coll-count{font-size:11px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.mz-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#050812c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}@keyframes mz-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.mz-modal{width:min(380px,100%);padding:22px 20px 20px;border-radius:24px;border:2px solid #ffd27a;background:linear-gradient(180deg,#1a2444,#0f1630);box-shadow:var(--shadow),0 0 60px #ffd27a40;text-align:center;animation:mz-pop .35s ease-out both}.mz-modal.r-rare{border-color:#7fd3ff}.mz-modal.r-epic{border-color:#c9a8ff}.mz-modal-kicker{font-size:13px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#ffd27a}.mz-modal-stage{width:190px;margin:12px auto 10px}.mz-modal-stage svg{display:block;width:100%;height:auto}.mz-modal-why{margin:0;font-size:14px;color:var(--ink-dim)}.mz-modal-title{margin:4px 0 0;font-size:22px;font-weight:700}.mz-modal-more{margin:8px 0 0;font-size:12px;color:var(--ink-dim)}.mz-modal .results-actions{margin-top:18px}.mz-modal .results-actions button{min-height:48px}.mz-tab-avatar{width:22px;height:22px;margin:-6px 6px -6px -4px;vertical-align:middle;border-radius:50%;background:#1c2748}.mz-quest-avatar{display:block;margin:-6px auto 2px;border-radius:50%;background:linear-gradient(180deg,#1c2748,#121a34);border:2px solid rgba(255,255,255,.14)}.mz-result-avatar{display:block;margin:0 auto 4px}.mz-assets{padding:20px;color:var(--ink)}.mz-assets h1{margin:0 0 8px;font-size:22px}.mz-assets table{border-collapse:collapse;font-size:13px}.mz-assets th,.mz-assets td{padding:6px 10px;border-bottom:1px solid var(--card-border);text-align:left;vertical-align:middle}.mz-assets-ok{color:var(--green)}.mz-assets-bad{color:#ff9db1;font-weight:700}.mz-assets-alt{max-width:240px;color:var(--ink-dim)}@media (prefers-reduced-motion: reduce){.mz-decor,.mz-modal{animation:none}.mz-tile,.mz-surprise{transition:none}.mz-surprise:hover{transform:none}}@media (forced-colors: active){.mz-tile.on,.mz-swatch.on,.mz-chip.on,.mz-tab.on,.mz-coll-item.equipped{outline:3px solid Highlight}}.mz-turn{display:grid;grid-template-columns:repeat(auto-fill,minmax(560px,1fr));gap:6px 18px}.mz-turn-row{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--card-border)}.mz-turn-row span{width:96px;font-size:13px;color:var(--ink-dim)}.mz-turnbar{position:absolute;left:6px;right:6px;bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:4px;pointer-events:none}.mz-turnbar button{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--card-border);background:#0a0e1cb8;color:var(--ink);cursor:pointer}.mz-turnbar button:hover{background:#8a7bff66}.mz-turnbar button:focus-visible{outline:3px solid #ffd27a;outline-offset:2px}.mz-turn-name{font-size:12px;font-weight:700;color:var(--ink);background:#0a0e1cb8;border-radius:999px;padding:3px 9px;white-space:nowrap}.mz-preview .mz-turn-name{display:none}.mz-preview .mz-turnbar button{width:38px;height:38px}@media (min-width: 900px){.mz-preview .mz-turn-name{display:inline}.mz-preview .mz-turnbar button{width:44px;height:44px}}.sn-picker{display:grid;gap:10px}.sn-why{margin:0;color:var(--muted, #b8c0e0);font-size:14px}.sn-options{display:grid;gap:8px}.sn-option{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 16px;border-radius:14px;border:2px solid var(--card-border);background:#ffffff0a;color:var(--ink);font:inherit;font-size:17px;font-weight:700;letter-spacing:.2px;cursor:pointer;text-align:left}.sn-option small{order:2;font-size:12px;font-weight:600;color:var(--accent-2);text-transform:uppercase;letter-spacing:1px}.sn-option.on{border-color:var(--green);background:#49e3a61f}.sn-option.on:after{content:"✓";order:3;color:var(--green)}.sn-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sn-build{display:grid;grid-template-columns:1fr 1fr 90px;gap:8px;align-items:end}.sn-build .sn-preview{grid-column:1 / -1;margin:0;font-weight:700;color:var(--accent-2)}@media (max-width: 420px){.sn-build{grid-template-columns:1fr 1fr}}.sn-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#060814b8;overflow-y:auto}.sn-dialog{width:min(480px,100%);margin:0}.sn-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.sc-label-edit{display:flex;gap:6px;margin-top:4px}.sc-label-edit .text-input{min-width:0;max-width:160px;padding:6px 8px;font-size:14px}.sn-current{font-size:18px;letter-spacing:.2px}.sn-change{margin-left:10px;font-size:14px;vertical-align:middle}.sn-why.center{text-align:center;font-size:13px;margin:2px 0 8px}.clr-dialog .clr-code{font:700 22px ui-monospace,Menlo,monospace;letter-spacing:3px;text-transform:uppercase}.clr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;margin:10px 0}.clr-cardno{min-height:52px;border-radius:12px;border:2px solid var(--card-border);background:#ffffff0a;color:var(--ink);font:inherit;font-size:20px;font-weight:800;cursor:pointer}.clr-cardno.on{border-color:var(--green)}.clr-slots{display:flex;justify-content:center;gap:10px;margin:8px 0 12px}.clr-slot{width:58px;height:58px;display:grid;place-items:center;border-radius:14px;border:2px dashed var(--card-border);font-size:30px;color:var(--muted, #8c95b8)}.clr-slot.full{border-style:solid;border-color:var(--green)}.clr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.clr-pic{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:14px;border:2px solid var(--card-border);background:#ffffff0d;color:var(--ink);font:inherit;cursor:pointer}.clr-pic span{font-size:34px;line-height:1.1}.clr-pic small{font-size:11px}.clr-pic:active{transform:scale(.96)}.lc{margin-top:16px;display:flex;flex-direction:column;gap:10px;width:100%;grid-column:1 / -1;text-align:left}.lc>*{max-width:100%}.lc-make{display:flex;flex-direction:column;align-items:stretch;gap:8px}.lc-make .primary{align-self:flex-start}.lc-make textarea{resize:vertical}.lc-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lc-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;border:1px solid var(--card-border);border-radius:12px}.lc-pics{font-size:22px;letter-spacing:2px}.lc-code{font:700 14px ui-monospace,Menlo,monospace;letter-spacing:1px}.lc-consent{border:1px solid var(--card-border);border-radius:12px;padding:8px 12px;display:grid;gap:6px}.lc-consent-note{margin:4px 0 0;font-size:13.5px;line-height:1.45;opacity:.85}.lc-consent-note a{color:inherit;text-decoration:underline}.lc-consent legend{padding:0 6px;font-weight:700}.card-pill{display:inline-flex;align-items:center;gap:8px}.card-pill .header-synced{white-space:nowrap}.cm-settings,.cm-board,.cm-cheers,.cm-class-default,.cm-encourage{text-align:left}.cm-settings{list-style:none;margin:0;padding:0;display:grid;gap:14px}.cm-settings li{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cm-settings li>div{display:grid;gap:3px;flex:1;min-width:0}.cm-settings .sc-sub{font-size:13px;line-height:1.4}.cm-why{font-size:13px;color:var(--accent-2)}.cm-switch{flex:none;position:relative;width:52px;height:30px;margin-top:2px;border-radius:999px;border:2px solid var(--card-border);background:#ffffff14;cursor:pointer;padding:0}.cm-switch span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ink-dim);transition:transform .15s ease}.cm-switch.on{background:#49e3a640;border-color:var(--green)}.cm-switch.on span{transform:translate(22px);background:var(--green)}.cm-switch:disabled{opacity:.45;cursor:not-allowed}.cm-switch:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.text-input.cm-select{flex:0 0 140px;width:140px;min-width:0;margin-top:2px}.cm-left{margin:0 0 8px;font-weight:700;color:var(--accent-2)}.cm-board{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cm-board>li{border:1px solid var(--card-border);border-radius:14px;padding:6px 10px;background:#ffffff08}.cm-board>li.you{border-color:var(--accent);background:#8a7bff1a}.cm-row{display:flex;align-items:center;gap:10px}.cm-mini{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#ffffff0f;display:grid;place-items:center}.cm-mini svg{width:44px;height:44px}.cm-name{flex:1;min-width:0}.cm-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-actions{display:flex;align-items:center;gap:6px;flex:none}.cm-cheer{padding:6px 14px;min-height:36px}.cm-sent{font-size:14px;color:var(--green);font-weight:700}.cm-report-btn{font-size:16px;min-width:32px;min-height:32px;opacity:.7}.cm-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin:8px 0 4px}.cm-react{min-height:40px;padding:6px 10px;border-radius:12px;border:1px solid var(--card-border);background:#ffffff0d;color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.cm-react:hover,.cm-react:focus-visible{border-color:var(--green);background:#49e3a61f}.cm-cancel{justify-self:start}.cm-report{margin:8px 0 4px;font-size:14px}.cm-report p{margin:0 0 8px}.cm-reasons{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cm-cheers{position:relative}.cm-lead{margin:0 0 8px}.cm-chips{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.cm-chips li{padding:6px 12px;border-radius:999px;background:#49e3a61f;border:1px solid rgba(73,227,166,.35);font-weight:600;font-size:14px}.cm-count{color:var(--green);margin-left:2px}.cm-from{margin:4px 0}.cm-new{display:inline-block;margin-bottom:6px;padding:2px 10px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cm-profile{margin:18px 0 6px;text-align:left}.cm-cheers.compact .pr-empty{font-size:14px}.cm-hidden-note{padding:10px 12px;border-radius:12px;border:1px solid rgba(90,209,230,.4);background:#5ad1e614;font-size:14px}.cm-encourage{margin:4px 0 16px}.cm-class-default{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:8px 0 14px;padding:10px 12px;border:1px solid var(--card-border);border-radius:14px}.cm-class-default>div{display:grid;gap:3px;flex:1;min-width:200px}.cm-class-default .mz-notice{flex-basis:100%;margin:0}.cm-tag{display:inline-block;margin-top:4px;border-color:#5ad1e680;color:var(--accent-2)}@media (max-width: 480px){.cm-picker{grid-template-columns:1fr 1fr}}.bd{padding-bottom:96px}.bd-chips{margin-bottom:8px}.bd-head{margin:14px 0 6px;text-align:center}.bd-title{margin:0;font-size:20px}.bd-sub{margin:4px 0 0;color:var(--ink-dim);font-size:13px}.bd-podium{list-style:none;margin:14px auto 10px;padding:0;display:flex;align-items:flex-end;justify-content:center;gap:8px;max-width:420px}.bd-stand{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.bd-stand.empty{visibility:hidden}.bd-pod-avatar .cm-mini{width:60px;height:60px}.bd-pod-avatar .cm-mini svg{width:60px;height:60px}.bd-stand.p1 .bd-pod-avatar .cm-mini{width:72px;height:72px;box-shadow:0 0 0 3px #f5c542}.bd-stand.p1 .bd-pod-avatar .cm-mini svg{width:72px;height:72px}.bd-pod-name{font-size:13px;line-height:1.2;max-width:100%;overflow-wrap:anywhere}.bd-pod-score{font-size:13px;color:var(--accent-2);font-weight:700}.bd-block{width:100%;margin-top:4px;border-radius:10px 10px 4px 4px;display:grid;place-items:center;font-size:22px;font-weight:800;color:#10142a}.bd-stand.p1 .bd-block{height:74px;background:linear-gradient(180deg,#ffe08a,#f5c542)}.bd-stand.p2 .bd-block{height:54px;background:linear-gradient(180deg,#eef1f8,#b8c0d6)}.bd-stand.p3 .bd-block{height:40px;background:linear-gradient(180deg,#f0b98a,#c98250)}.bd-stand.you .bd-pod-name{color:var(--accent-2)}.bd-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;text-align:left}.bd-rows>li{min-width:0;border:1px solid var(--card-border);border-radius:14px;padding:6px 10px;background:#ffffff08}.bd-rows>li.you{border-color:var(--accent);background:#8a7bff1f}.bd-gap{display:block;text-align:center;color:var(--ink-dim);margin:-2px 0 4px;letter-spacing:2px}.bd-row{display:flex;align-items:center;gap:8px}.bd-rank{flex:none;width:26px;text-align:right;font-weight:800;font-size:16px}.bd-move{flex:none;width:28px;font-size:11px;font-weight:700;text-align:center}.bd-move.up{color:var(--green)}.bd-move.down{color:#ff8a8a}.bd-move.same{color:var(--ink-dim)}.bd-name{flex:1;min-width:0}.bd-name strong{display:block;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.bd-score{flex:none;display:grid;justify-items:end;font-size:15px}.bd-delta{font-size:11px;color:var(--green)}.bd-rows .cm-cheer{padding:4px 10px;min-height:34px;font-size:16px}.bd-foot{margin:14px 0 0;font-size:12px;color:var(--ink-dim);text-align:center}.bd-you{position:sticky;bottom:10px;z-index:5;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:16px;border:1px solid var(--accent);background:#161a34f5;box-shadow:var(--shadow);text-align:left}.bd-you .sc-sub{font-size:13px;margin-top:2px}.bd-you-score{color:var(--accent-2);font-weight:700}.bd-you .primary{flex:none}.bd-teacher{margin:10px 0 16px;padding:12px;border:1px solid var(--card-border);border-radius:14px}.bd-teacher .bd-rows{margin-top:8px}@media (max-width: 480px){.bd-rows>li{padding:6px 8px}.bd-row{gap:6px}.bd-rank{width:20px}.bd-move{width:22px}.bd-row .cm-mini{width:36px;height:36px}.bd-row .cm-mini svg{width:36px;height:36px}}.league-line{margin:4px auto 0;max-width:520px;font-size:14px;color:var(--accent-2);text-align:center}.bd-rows>li.zone-up,.bd-rows>li.zone-maestro{box-shadow:inset 4px 0 0 var(--green)}.bd-rows>li.zone-nearly{box-shadow:inset 4px 0 #f5c542}.bd-rows>li.zone-down{box-shadow:inset 4px 0 #ff8a8a}.bd-rows>li.zone-protected{box-shadow:inset 4px 0 0 var(--accent-2)}.bd-zone-tag{font-size:12px;color:var(--ink-dim)}.bd-zone-tag.up,.bd-zone-tag.maestro{color:var(--green)}.bd-zone-tag.nearly{color:#f5c542}.bd-zone-tag.down{color:#ff8a8a}.bd-zone-tag.protected{color:var(--accent-2)}.bd-zones{margin:8px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px}.bd-title-tag{display:block;font-size:12px;font-weight:700;color:#f5c542}.bd-title-tag.big{font-size:14px;margin:4px 0}.bd-result{margin:10px auto 0;max-width:520px;padding:10px 14px;border-radius:14px;background:#49e3a61f;border:1px solid rgba(73,227,166,.35);text-align:center;font-weight:600}.cm-league{margin-bottom:12px}.cm-league-tier{margin:0 0 6px;font-size:16px}.fx-banner{margin:8px auto 12px;max-width:560px;padding:10px 14px;border-radius:14px;border:1px solid rgba(245,197,66,.5);background:#f5c5421a;font-size:14px;text-align:left}.fx-banner.off{border-color:var(--card-border);background:#ffffff0a}.fx-tempo{margin-left:8px;padding:4px 10px;min-height:32px}.gl{margin:8px auto;max-width:640px;padding:8px 10px;border-radius:12px;background:#ffffff0a;border:1px solid var(--card-border)}.gl-row{display:flex;align-items:center;gap:8px;margin:3px 0}.gl-who{flex:none;width:120px;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.gl-cells{display:flex;flex-wrap:wrap;gap:2px;flex:1}.gl-cells i{width:10px;height:10px;border-radius:3px;background:#ffffff1a}.gl-cells i.perfect{background:var(--green)}.gl-cells i.good{background:#8fe3c0}.gl-cells i.close{background:#f5c542}.gl-cells i.miss{background:#ff8a8a}.gl-score{margin:4px 0 0;font-size:13px;color:var(--accent-2);font-weight:600}@media (max-width: 480px){.gl-who{width:72px}}.fx-panel{margin:10px auto 14px;max-width:520px;padding:12px 14px;border-radius:16px;border:1px solid rgba(245,197,66,.45);background:#f5c54214;text-align:center}.fx-ex{margin:0 0 4px;font-size:16px}.fx-panel .primary{margin-top:8px}.bt{margin:10px auto 12px;max-width:560px;padding:12px 14px;border-radius:16px;border:1px solid var(--card-border);background:#ffffff0a;text-align:center}.bt-head{margin:0 0 8px}.bt-stars{font-size:13px;color:#f5c542}.bt-teams{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bt-team{display:grid;gap:2px;padding:8px;border-radius:12px;background:#ffffff0a}.bt-team.mine{border:1px solid var(--accent);background:#8a7bff1f}.bt-score{font-size:24px;font-weight:800;color:var(--accent-2)}.bt-line,.bt-last{margin:8px 0 0}.bt-last{font-size:13px;font-weight:600}.bt-month{margin-top:8px}.bt-rank{margin:6px auto 4px;padding:0 0 0 22px;max-width:320px;text-align:left;font-size:14px}.bt-rank li.you{color:var(--accent-2);font-weight:700}.cm-title-pick{display:grid;gap:4px;max-width:320px;margin:6px 0}.bd-areas{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 14px;padding:4px;border-radius:16px;background:#ffffff0a;border:1px solid var(--card-border)}.bd-areas button{flex:1 1 auto;min-height:40px;padding:6px 12px;border-radius:12px;border:0;background:transparent;color:var(--ink-dim);font:inherit;font-weight:700;cursor:pointer}.bd-areas button.on{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0b1020}.center{text-align:center}.sx-teaser{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 12px;padding:10px 14px;border-radius:16px;border:1px solid var(--r2, var(--accent));background:linear-gradient(120deg,color-mix(in srgb,var(--r1, #444) 45%,transparent),#ffffff08);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.sx-teaser>span:nth-child(2){flex:1;display:grid}.sx-teaser-emoji{font-size:28px}.sx{position:relative}.sx-hero{position:relative;height:230px;border-radius:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--r2) 60%,transparent);box-shadow:0 10px 40px color-mix(in srgb,var(--r1) 40%,transparent)}.sx-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:filter 1.2s ease}.sx-hero-me{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:150px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.sx-hero-text{position:absolute;left:0;right:0;top:0;padding:12px 14px 30px;background:linear-gradient(rgba(6,8,20,.85),transparent);text-align:center}.sx-hero-text h3{margin:0;font-size:20px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.sx-hero-text p{margin:4px 0 0;font-size:13px;color:var(--r3, #fff);font-weight:700}.sx-story{margin:12px auto;max-width:560px;font-size:14px;line-height:1.5;color:var(--ink-dim);text-align:center;font-style:italic}.sx-card{margin:12px 0;padding:14px;border-radius:18px;border:1px solid var(--card-border);background:#ffffff09;text-align:left}.sx-sp-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.sx-sp-n{font-size:40px;font-weight:900;line-height:1;background:linear-gradient(120deg,var(--r3),var(--r2));-webkit-background-clip:text;background-clip:text;color:transparent}.sx-sp-label{color:var(--ink-dim);font-weight:700}.sx-bar{display:block;height:12px;margin:10px 0 6px;border-radius:999px;background:#ffffff14;overflow:hidden}.sx-bar.small{height:8px;margin:6px 0 2px}.sx-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--r1, var(--accent)),var(--r2, var(--accent-2)),var(--r3, #fff));transition:width .8s ease}.sx-parts{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;font-size:13px}.sx-parts li{display:flex;justify-content:space-between;gap:6px;padding:6px 10px;border-radius:10px;background:#ffffff0a}.sx-track{list-style:none;margin:10px 0 0;padding:0 0 6px;display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory}.sx-rung{scroll-snap-align:start;display:grid;justify-items:center;gap:4px;padding:10px 8px;border-radius:16px;border:1px solid var(--card-border);background:#ffffff08;text-align:center;font-size:13px;opacity:.7}.sx-rung.earned{opacity:1;border-color:var(--r2);background:color-mix(in srgb,var(--r1) 25%,transparent)}.sx-rung.next{opacity:1;border-style:dashed;border-color:var(--r3);animation:sx-pulse 2.2s ease-in-out infinite}.sx-rung-at{font-weight:900;color:var(--r3)}.sx-rung-art{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#00000040;font-size:40px;overflow:hidden}.sx-rung-art svg{width:84px;height:84px}.sx-check{font-size:12px;font-weight:800;color:var(--green)}.sx-quests{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:8px}.sx-quests li{padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid var(--card-border)}.sx-quests li.done{border-color:var(--green);background:#49e3a614}.sx-q-text{font-weight:700}.sx-together p{margin:0}.sx-cal{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.sx-cal li{display:grid;grid-template-columns:32px 1fr;column-gap:8px;align-items:center;padding:8px 10px;border-radius:12px;background:#ffffff08}.sx-cal li>span:first-child{grid-row:span 2;font-size:22px}.sx-cal li.now{border:1px solid var(--r2);background:color-mix(in srgb,var(--r1) 25%,transparent)}.sx-cal li.past{opacity:.55}.sx-cal li.fest{border:1px solid rgba(245,197,66,.5);background:#f5c54214}.sx-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:70;overflow:hidden}.sx-confetti i{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;animation:sx-fall 2.6s ease-in forwards}@keyframes sx-fall{to{transform:translateY(105vh) rotate(var(--spin, 360deg));opacity:.6}}@keyframes sx-pulse{50%{box-shadow:0 0 18px color-mix(in srgb,var(--r2) 60%,transparent)}}.mz-sway{animation:mz-sway 2s ease-in-out infinite alternate}@keyframes mz-sway{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}.mz-firefly,.mz-twinkle{animation:mz-twinkle 2s ease-in-out infinite}@keyframes mz-twinkle{50%{opacity:.25}}.mz-leaf{animation:mz-leaf 5s linear infinite}@keyframes mz-leaf{to{transform:translate(-14px,40px) rotate(160deg);opacity:0}}.mz-wave{animation:mz-wave 3s ease-in-out infinite alternate}@keyframes mz-wave{to{transform:translate(-12px)}}.mz-mist{animation:mz-wave 6s ease-in-out infinite alternate}.fs-stage{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(201,162,39,.5);box-shadow:0 10px 40px #9b1b3059}.fs-svg{display:block;width:100%;height:auto}.fs-me{position:absolute;left:50%;bottom:10%;transform:translate(-50%);width:26%;max-width:150px}.fs-lantern{animation:mz-twinkle 3s ease-in-out infinite}.fs-beam{animation:fs-beam 4s ease-in-out infinite alternate;transform-origin:200px 0}@keyframes fs-beam{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.fs-stage.open .fs-curtain.left{animation:fs-open-l 1.4s ease-out both}.fs-stage.open .fs-curtain.right{animation:fs-open-r 1.4s ease-out both}@keyframes fs-open-l{0%{transform:translate(80px)}}@keyframes fs-open-r{0%{transform:translate(-80px)}}.fs-crowd{animation:fs-bob 1.6s ease-in-out infinite alternate}@keyframes fs-bob{to{transform:translateY(-3px)}}.fs-ticket{display:flex;gap:12px;align-items:flex-start;margin:12px 0;padding:14px 16px;border-radius:18px;border:2px dashed #f5c542;background:linear-gradient(120deg,#f5c54233,#9b1b3033);text-align:left}.fs-ticket-emoji{font-size:34px}.fs-ticket ul,.fs-ways{margin:6px 0 0;padding-left:18px}.fs-ways{list-style:none;padding:0}.fs-pieces{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.fs-pieces li{display:grid;gap:4px;justify-items:center;padding:12px;border-radius:16px;border:1px solid rgba(201,162,39,.45);background:#9b1b301f;text-align:center}.fs-piece-n{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#f5c542}.fs-best{font-size:22px;font-weight:900;color:var(--green)}.hf-event{margin:16px 0}.hf-row{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.hf-card{position:relative;display:grid;justify-items:center;gap:2px;padding:10px 8px 18px;border-radius:18px;background:radial-gradient(circle at 50% 30%,#f5c5422e,#ffffff05 70%);border:1px solid var(--card-border);text-align:center}.hf-card.p1{border-color:#f5c542;box-shadow:0 0 24px #f5c54240}.hf-medal{font-size:26px}.hf-avatar svg{width:110px;height:140px}.hf-pedestal{width:80%;height:10px;margin-top:4px;border-radius:4px;background:linear-gradient(#e8dcc0,#a8946a)}@media (prefers-reduced-motion: reduce){.mz-sway,.mz-firefly,.mz-twinkle,.mz-leaf,.mz-wave,.mz-mist,.fs-lantern,.fs-beam,.fs-crowd,.sx-rung.next,.fs-stage.open .fs-curtain.left,.fs-stage.open .fs-curtain.right{animation:none}.sx-confetti{display:none}}.round-fb{margin:10px auto 0;max-width:560px;text-align:center;font-size:14px;color:var(--ink-dim)}.round-fb.done{color:var(--accent-2)}.round-fb-q{display:block;margin-bottom:6px}.round-fb-faces{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px}.round-fb-faces button{display:inline-flex;flex-direction:column;align-items:center;gap:2px;width:64px;min-height:60px;padding:6px 4px;border-radius:12px;border:1px solid var(--card-border);background:var(--card);color:var(--ink);cursor:pointer}.round-fb-faces button span{font-size:22px;line-height:1}.round-fb-faces button small{font-size:11px;line-height:1.15;color:var(--ink-dim)}.round-fb-faces button:hover,.round-fb-faces button:focus-visible{border-color:var(--accent)}.round-fb-note{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:center}.round-fb-note label{display:grid;gap:4px;text-align:left;flex:1 1 260px}.round-fb-note input{padding:8px 10px;border-radius:10px;border:1px solid var(--card-border);background:#0003;color:var(--ink);font:inherit}.fb-scale{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;margin:8px 0 4px}.fb-scale button,.fb-chips button{min-height:40px;border-radius:10px;border:1px solid var(--card-border);background:var(--card);color:var(--ink);font:inherit;cursor:pointer}.fb-scale button.on,.fb-chips button.on{border-color:var(--accent);background:#8a7bff38}.fb-scale-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-dim);margin:0 0 8px}.fb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.fb-chips button{padding:6px 12px}.fb-later{margin-top:4px}.flag-banner{margin:0 auto 8px;max-width:760px;padding:8px 14px;border-radius:12px;border:1px solid rgba(245,197,66,.45);background:#f5c5421a;color:var(--ink);font-size:14px;text-align:center}.flag-banner button{margin-left:6px}.flag-paused{text-align:center}.flag-paused h2{margin:4px 0 8px}.flag-maintenance{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:90vh;padding:24px 16px;text-align:center}.flag-maintenance .challenge{max-width:480px}.flag-maintenance-icon{font-size:40px;margin:0}.live-strip{display:grid;gap:8px;max-width:760px;margin:0 auto 10px;padding:0 12px}.live-event,.live-notice{position:relative;border-radius:14px;padding:10px 14px;border:1px solid var(--card-border);background:var(--card)}.live-event{border-color:#f5c54280;background:linear-gradient(90deg,#f5c5421f,#8a7bff1a)}.live-event p,.live-notice p{margin:0 0 4px}.live-event-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.live-boost{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:#f5c54240;color:#ffd95a}.live-left{margin-left:auto;font-size:12px;color:var(--ink-dim)}.live-event-banner,.live-notice-body{font-size:14px;color:var(--ink)}.live-goal{display:grid;gap:4px}.live-goal-bar{display:block;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.live-goal-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.live-goal small{color:var(--ink-dim)}.live-notice{padding-right:36px}.live-close{position:absolute;top:6px;right:8px;width:28px;height:28px;border-radius:50%;border:0;background:transparent;color:var(--ink-dim);font-size:18px;cursor:pointer}.live-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px!important}.live-reactions button{min-height:32px;padding:2px 10px;border-radius:999px;border:1px solid var(--card-border);background:#00000026;color:var(--ink);font:inherit;cursor:pointer}.live-reactions button.on{border-color:var(--accent);background:#8a7bff38}.live-reactions button:disabled{cursor:default;opacity:.7}.cx-bar{width:100%;display:grid;gap:8px;margin-bottom:14px;position:relative;z-index:1}.cx-current{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"badge text prog" "badge switch switch";align-items:center;gap:2px 12px;text-align:left;padding:10px 14px 10px 10px;border-radius:18px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--c) 22%,transparent),transparent 60%),#ffffff0a;color:var(--ink);cursor:pointer;transition:border-color .2s ease,transform .08s ease}.cx-current:hover{border-color:var(--c)}.cx-current:active{transform:scale(.99)}.cx-current:focus-visible,.cx-recent button:focus-visible,.cx-realm:focus-visible,.cx-inst:focus-visible,.cx-mine-go:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.cx-current .cx-badge{grid-area:badge}.cx-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--c);background:color-mix(in srgb,var(--c) 16%,rgba(0,0,0,.25));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent);flex:none}.cx-current-text{grid-area:text;display:grid;min-width:0}.cx-current-text small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-current-text b{font-size:20px;line-height:1.15}.cx-current-prog{grid-area:prog;font-weight:800;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.cx-current-prog small{color:var(--ink-dim);font-weight:600;font-size:12px}.cx-switch{grid-area:switch;justify-self:start;margin-top:8px;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;font-size:13px;font-weight:700;color:#10131c;background:var(--accent-2);box-shadow:0 2px 10px color-mix(in srgb,var(--accent-2) 35%,transparent);transition:filter .15s ease,transform .15s ease}.cx-current:hover .cx-switch{filter:brightness(1.08);transform:translateY(-1px)}.cx-switch.open{padding:6px 12px;color:var(--ink);background:#ffffff14;box-shadow:inset 0 0 0 1px var(--card-border)}.cx-switch-icons{display:inline-flex}.cx-switch-icons>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--c);background:#161b29;box-shadow:0 0 0 2px var(--accent-2)}.cx-switch-icons>span+span{margin-left:-5px}.cx-switch-icons svg{width:17px;height:17px}.cx-chev{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.cx-chev.up{transform:rotate(-135deg) translateY(-1px)}.cx-hint{margin:0;display:flex;gap:8px;align-items:flex-start;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.4;text-align:left;color:var(--ink);background:color-mix(in srgb,var(--accent-2) 12%,transparent);border:1px dashed color-mix(in srgb,var(--accent-2) 55%,transparent);animation:cx-in .25s ease-out}.cx-hint>span:first-child{animation:cx-nudge 1.6s ease-in-out infinite}@keyframes cx-nudge{50%{transform:translateY(-3px)}}.cx-recent button.cx-more{border-style:dashed;border-color:color-mix(in srgb,var(--accent-2) 60%,transparent);color:var(--accent-2);font-weight:700}.cx-recent button.cx-more b{font-size:14px;line-height:1}@media (prefers-reduced-motion: reduce){.cx-hint,.cx-hint>span:first-child{animation:none}.cx-current:hover .cx-switch{transform:none}}.cx-recent{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--ink-dim)}.cx-recent>span{margin-right:2px}.cx-recent button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--card-border);background:#ffffff0a;color:var(--ink);border-radius:999px;padding:5px 11px;font-size:12px;cursor:pointer}.cx-recent button i{width:8px;height:8px;border-radius:50%;background:var(--c)}.cx-atlas{width:100%;text-align:left;display:grid;gap:10px;animation:cx-in .18s ease-out}@keyframes cx-in{0%{opacity:0;transform:translateY(-6px)}}.cx-atlas-head h2{margin:0;font-size:22px;outline:none}.cx-atlas-head p{margin:2px 0 0;font-size:13px;color:var(--ink-dim)}.cx-h{margin:8px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.cx-h span{letter-spacing:.04em;text-transform:none;color:var(--ink-dim);font-weight:500;margin-left:4px}.cx-mine-go{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;text-align:left;padding:10px;border-radius:16px;border:1px solid color-mix(in srgb,var(--c) 50%,transparent);background:color-mix(in srgb,var(--c) 10%,rgba(255,255,255,.03));color:var(--ink);cursor:pointer}.cx-mine-go>span:nth-child(2){display:grid}.cx-mine-go small{color:var(--c);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.cx-mine-go b{font-size:17px}.cx-mine-go .cx-prog{grid-column:1 / -1}.cx-mine-go.on{box-shadow:0 0 0 2px var(--c)}.cx-mine-soon{margin:0;font-size:13px;color:var(--ink-dim);padding:10px 12px;border-radius:14px;border:1px dashed var(--card-border)}.cx-mine-soon b{color:var(--ink)}.cx-realms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cx-realm{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:grid;align-content:start;gap:2px;text-align:left;padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--c) 35%,var(--card-border));background:radial-gradient(140% 120% at 100% 0%,color-mix(in srgb,var(--c) 18%,transparent),transparent 60%),#ffffff08;color:var(--ink);cursor:pointer}.cx-realm .cx-badge{width:36px;height:36px;border-radius:12px;margin-bottom:6px}.cx-realm b{font-size:15px}.cx-realm>small{color:var(--c);font-size:11px}.cx-about{font-size:12px;color:var(--ink-dim);line-height:1.35;margin:4px 0 6px}.cx-realm.on{box-shadow:0 0 0 2px var(--c)}.cx-realm.soon{cursor:default;opacity:.6;border-style:dashed}.cx-soon{font-size:11px;font-weight:700;color:var(--ink-dim)}.cx-halls{display:grid;gap:10px}.cx-hall{border-radius:18px;padding:10px;border:1px solid color-mix(in srgb,var(--c) 30%,var(--card-border));background:linear-gradient(180deg,color-mix(in srgb,var(--c) 9%,transparent),#ffffff05)}.cx-hall.quiet{opacity:.75}.cx-hall>header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:8px}.cx-hall>header .cx-badge{width:36px;height:36px;border-radius:12px}.cx-hall>header>span:nth-child(2){display:grid}.cx-hall>header b{font-size:15px}.cx-hall>header small{font-size:11px;color:var(--c)}.cx-hall>header em{font-style:normal;font-size:11px;color:var(--ink-dim)}.cx-insts{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}.cx-inst{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:grid;gap:2px;align-content:start;text-align:left;padding:9px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:#0003;color:var(--ink);cursor:pointer;min-height:54px}.cx-inst b{font-size:13px}.cx-inst small{font-size:11px;color:var(--ink-dim)}.cx-inst.on{background:color-mix(in srgb,var(--c) 22%,rgba(0,0,0,.2));box-shadow:0 0 0 2px var(--c)}.cx-inst.soon{cursor:default;border-style:dashed;border-color:var(--card-border);background:transparent;color:var(--ink-dim)}.cx-inst.soon b{font-weight:600}.cx-inst.mine:after{content:"Yours";position:absolute;top:6px;right:7px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}.cx-prog{position:relative;display:grid;gap:3px;margin-top:4px}.cx-prog:before{content:"";height:5px;border-radius:3px;background:#ffffff14;grid-area:1 / 1}.cx-prog i{grid-area:1 / 1;height:5px;border-radius:3px;background:var(--c);min-width:2px}.cx-prog.slim:before,.cx-prog.slim i{height:3px}.cx-prog small{font-size:11px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.cx-prog-label{font-size:11px;color:var(--ink-dim)}.cx-inst .cx-prog i,.cx-realm .cx-prog i,.cx-mine-go .cx-prog i{background:var(--c)}@media (prefers-reduced-motion: reduce){.cx-atlas{animation:none}}.mode-toggle{flex-wrap:wrap;justify-content:center;border-radius:24px}.pr{position:relative;z-index:1;align-self:flex-start;width:100%;display:flex;flex-direction:column;gap:14px;text-align:center}.pr .challenge{padding:20px 18px}.pr button:focus-visible,.pr input:focus-visible,.pr select:focus-visible,.pr textarea:focus-visible,.pr summary:focus-visible,.pr-bar button:focus-visible{outline:3px solid #ffffff;outline-offset:2px;box-shadow:0 0 0 6px #0b1020e6}.pr .mz-section-title{margin-top:0}.pr .link-btn{margin-top:6px;min-height:44px;padding:0 10px;opacity:.85}.pr-start-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}.pr-start-avatar{flex:none;border-radius:20px;background:radial-gradient(120% 70% at 50% 108%,color-mix(in srgb,var(--fav, #8a7bff) 42%,transparent),transparent 62%),linear-gradient(180deg,#1a2444,#0f1630);border:1px solid var(--card-border)}.pr-start-main{display:flex;flex-direction:column;align-items:center;min-width:0}.pr-start-btn{min-height:64px;padding:0 34px;font-size:20px;border-radius:18px}.pr-start-sub{margin-top:8px;font-size:13px;color:var(--ink-dim)}.pr-options{margin-top:6px;padding-top:14px;border-top:1px solid var(--card-border)}.pr-opt-label{margin:14px 0 0;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim)}.pr-active-avatar{display:block;margin:0 auto}.pr-clock{font-size:68px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:1px}.pr-active.is-paused .pr-clock{color:var(--ink-dim)}.pr-sub{margin-top:4px;font-size:14px;color:var(--ink-dim)}.pr-meter{width:70%;height:8px;margin:16px auto 0;border-radius:8px;background:#ffffff14;overflow:hidden}.pr-meter span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .14s linear}.pr-meter.on span{background:linear-gradient(90deg,var(--green),#b8ffe6)}.pr-status{margin:10px 0 0;min-height:20px;font-size:14px;color:var(--ink)}.pr-goal{margin:16px auto 0;max-width:320px}.pr-goal-bar{height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden}.pr-goal-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .5s ease}.pr-goal-text{margin-top:6px;font-size:12px;color:var(--ink-dim)}.pr-hint{margin:14px 0 0;font-size:12px;color:var(--ink-dim)}.pr .results-actions button{min-height:48px}.pr-recap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 16px}.pr-recap div,.pr-tiles div{padding:12px 6px;border-radius:12px;border:1px solid var(--card-border);background:#ffffff0a}.pr-recap strong{display:block;font-size:17px;color:var(--accent-2)}.pr-recap span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim)}.pr-reflect{margin:0 0 16px;padding:14px 10px;border:1px solid var(--card-border);border-radius:14px}.pr-reflect legend{padding:0 8px;font-size:14px;color:var(--ink)}.pr-note{display:block;margin-top:14px;text-align:left}.pr-note span{display:block;margin-bottom:6px;font-size:12px;color:var(--ink-dim)}.pr textarea.text-input{font:inherit;resize:vertical}.pr-week-row{display:flex;align-items:center;gap:16px;text-align:left}.pr-ring{flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--pct, 0) * 360deg),rgba(255,255,255,.09) 0deg)}.pr-ring>div{width:88px;height:88px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111932}.pr-ring strong{font-size:30px;line-height:1}.pr-ring span{margin-top:2px;font-size:11px;color:var(--ink-dim)}.pr-week-text{min-width:0}.pr-nudge{margin:0 0 6px;font-size:15px;font-weight:600}.pr-kind{margin:0 0 8px;font-size:13px;color:#b8ffe6}.pr-goal-set{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--ink-dim)}.pr-stepper{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--card-border);border-radius:999px;padding:2px}.pr-stepper button{width:44px;height:44px;border:none;border-radius:50%;background:#ffffff12;color:var(--ink);font-size:20px;cursor:pointer}.pr-stepper button:disabled{opacity:.3;cursor:default}.pr-stepper span{min-width:58px;text-align:center;color:var(--ink);font-weight:600}.pr-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0}.pr-tiles dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim)}.pr-tiles dd{margin:4px 0 0;font-size:17px;font-weight:700;color:var(--accent-2)}.pr-next{margin-top:14px;padding:12px;border-radius:14px;border:1px solid rgba(255,210,122,.4);background:#ffd27a14;text-align:left}.pr-next-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13px}.pr-next-head span{color:var(--ink-dim)}.pr-next-head strong{color:#ffe2a6}.pr-views{margin-top:4px}.pr-views button{min-height:40px}.pr-cal-nav{display:flex;align-items:center;gap:8px;margin:14px 0 10px}.pr-cal-nav .ghost{min-width:44px;min-height:44px;padding:0 12px;font-size:20px}.pr-cal-nav .pr-today{font-size:13px}.pr-cal-title{flex:1;font-size:16px;font-weight:700}.pr-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.pr-wd{padding:2px 0 4px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim)}.pr-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;min-height:52px;padding:5px 0 3px;border-radius:12px;border:2px solid transparent;background:#ffffff0b;color:var(--ink-dim);font:inherit;cursor:pointer;transition:background .6s ease}.pr-cell:disabled{opacity:.35;cursor:default}.pr-cell.out{opacity:.45}.pr-cell-num{font-size:12px;line-height:1}.pr-cell-min{font-size:11px;font-weight:700;line-height:1.1}.pr-cell-marks{font-size:9px;line-height:1;color:#ffe2a6}.pr-cell.b1,.pr-key.b1{background:color-mix(in srgb,var(--fav, #8a7bff) 32%,#1a2444)}.pr-cell.b2,.pr-key.b2{background:color-mix(in srgb,var(--fav, #8a7bff) 56%,#1a2444)}.pr-cell.b3,.pr-key.b3{background:color-mix(in srgb,var(--fav, #8a7bff) 80%,#1a2444)}.pr-cell.b4,.pr-key.b4{background:color-mix(in srgb,var(--fav, #8a7bff) 100%,#2a3560);box-shadow:0 0 14px color-mix(in srgb,var(--fav, #8a7bff) 55%,transparent)}.pr-cell.b1,.pr-cell.b2,.pr-cell.b3,.pr-cell.b4{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.pr-cell.today{border-color:#ffffff8c;border-style:dashed}.pr-cell.sel,.pr-weekrow.sel,.pr-listrow.sel{border-color:var(--green);border-style:solid}.pr-legend{margin:10px 0 0;font-size:11px;color:var(--ink-dim)}.pr-key{display:inline-block;width:12px;height:12px;margin:0 3px 0 8px;border-radius:4px;vertical-align:-2px;box-shadow:none!important}.pr-cal-total{margin:10px 0 0;font-size:13px;color:var(--ink-dim)}.pr-cal-total strong{color:var(--ink)}.pr-weeklist,.pr-list,.pr-sessions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pr-weekrow,.pr-listrow{width:100%;display:grid;align-items:center;gap:10px;min-height:46px;padding:6px 12px;border-radius:12px;border:2px solid transparent;background:#ffffff0b;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}.pr-weekrow{grid-template-columns:62px 1fr 58px}.pr-weekrow:disabled{opacity:.4;cursor:default}.pr-weekrow.today .pr-weekday{font-weight:700;text-decoration:underline;text-underline-offset:3px}.pr-weekbar{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.pr-weekbar span{display:block;height:100%;border-radius:999px;background:color-mix(in srgb,var(--fav, #8a7bff) 80%,#ffffff)}.pr-weekmin{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.pr-listrow{grid-template-columns:96px 1fr auto}.pr-listrow span:nth-child(2){color:var(--ink-dim);font-size:12px}.pr-empty{margin:6px 0;font-size:13px;color:var(--ink-dim)}.pr-day{margin-top:14px;padding-top:14px;border-top:1px solid var(--card-border);text-align:left}.pr-day-title{margin:0 0 4px;font-size:15px}.pr-day-total{margin:0 0 10px;font-size:13px;color:var(--ink-dim)}.pr-day-total strong{color:var(--ink);font-size:15px}.pr-sessions li{padding:10px 12px;border-radius:12px;border:1px solid var(--card-border);background:#ffffff08}.pr-s-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px}.pr-s-head span{color:var(--ink-dim);text-align:right}.pr-s-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.pr-tag{padding:2px 9px;border-radius:999px;border:1px solid var(--card-border);font-size:11px;color:var(--ink-dim)}.pr-tag.heard{border-color:#49e3a680;color:var(--green)}.pr-tag.manual{border-style:dashed}.pr-tag.goal{border-color:#ffd27a80;color:#ffe2a6}.pr-s-note{margin:8px 0 0;font-size:13px;font-style:italic;color:var(--ink)}.pr-add-form{text-align:left}.pr-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pr-add-grid .field,.pr-add-note{max-width:none;margin:0}.pr-add-note{margin-top:10px}.pr-add-form .results-actions{margin-top:16px}.pr input[type=date].text-input{color-scheme:dark}.pr-how{margin-top:16px;text-align:left;font-size:13px;color:var(--ink-dim)}.pr-how summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--ink)}.pr-how ul{margin:4px 0 0;padding-left:18px}.pr-how li{margin-bottom:6px}.pr-bar{display:flex;align-items:center;gap:10px;width:min(420px,calc(100vw - 24px));padding:8px 10px 8px 14px;border-radius:18px;border:1px solid var(--card-border);background:#0e1426f0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pr-bar-text{flex:1;font-size:14px;text-align:left;font-variant-numeric:tabular-nums}.pr-bar-dot{width:10px;height:10px;border-radius:50%;background:var(--ink-dim)}.pr-bar-dot.on{background:var(--green);box-shadow:0 0 10px var(--green)}.pr-bar button{min-height:40px;padding:0 14px;font-size:14px;border-radius:12px}@media (min-width: 560px){.pr-tiles{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion: reduce){.pr-cell,.pr-meter span,.pr-goal-bar span{transition:none}}@media (forced-colors: active){.pr-cell.sel,.pr-weekrow.sel,.pr-listrow.sel{outline:3px solid Highlight}}.pr-remind{margin:12px 0 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(90,209,230,.45);background:#5ad1e61a;font-size:14px}.rec{margin-top:14px}.rec-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px}.rec-dot{width:12px;height:12px;border-radius:50%;background:#ff6b81}.rec-dot.on{box-shadow:0 0 0 4px #ff6b814d}.rec-live{display:inline-flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;border-radius:14px;border:2px solid #ff6b81;font-weight:700;font-variant-numeric:tabular-nums}.rec-live button{min-height:40px;padding:0 18px}.rec-review{padding:14px;border-radius:14px;border:1px solid var(--card-border);text-align:left}.rec-q{margin:0 0 10px;font-size:14px}.rec-review audio,.rec-audio{width:100%;margin-bottom:10px}.rec-review .field{max-width:none}.sc{width:min(820px,calc(100vw - 32px));flex:none}.sc-card{text-align:left;min-width:0;max-width:100%}.sc-card .mz-section-title,.sc-card .panel-title,.sc-card .panel-sub{text-align:center}.sc-note{margin:14px 0 10px;font-size:13px;color:var(--ink-dim)}.sc-row{display:flex;align-items:flex-end;gap:10px;margin-top:12px}.sc-row .field{flex:1;max-width:320px;margin:0}.sc-row .primary{min-height:48px;padding:0 22px}.sc-wide{max-width:none}.sc-code,.sc-bigcode{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:3px;text-transform:uppercase}.sc-bigcode{display:block;padding:14px;border-radius:14px;border:2px dashed var(--accent-2);font-size:30px;font-weight:700;text-align:center;-webkit-user-select:all;user-select:all}.sc-bigcode.small{display:inline-block;padding:4px 12px;margin-left:8px;font-size:20px}.sc-codeline{margin:0 0 14px;text-align:center;color:var(--ink-dim)}.sc-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}.sc-check input{width:22px;height:22px;flex:none;accent-color:#49e3a6}.sc-list,.sc-recs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sc-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 12px;border-radius:12px;border:1px solid var(--card-border);font-size:14px}.sc-recs li{padding:12px;border-radius:12px;border:1px solid var(--card-border);background:#ffffff08}.sc-rec-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:14px}.sc-rec-head span{color:var(--ink-dim);font-size:12px}.sc-share{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:6px}.sc-back{align-self:flex-start;min-height:44px}.sc-table-wrap{margin-top:14px;overflow-x:auto}.sc-table{width:100%;border-collapse:collapse;font-size:14px}.sc-table th,.sc-table td{padding:10px 8px;border-bottom:1px solid var(--card-border);text-align:left;vertical-align:top;font-weight:400}.sc-table thead th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim)}.sc-name{min-height:32px;padding:0;border:none;background:none;color:var(--accent-2);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sc-sub{display:block;font-size:12px;color:var(--ink-dim)}.sc-table .pr-tag{margin-left:6px}.sc input[type=time].text-input{color-scheme:dark}@media (max-width: 560px){.sc-table thead{display:none}.sc-table tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--card-border)}.sc-table th,.sc-table td{padding:2px 0;border:none}.sc-table tbody th{grid-column:1 / -1}}.ad-lines{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:14px;word-break:break-word}.sc-card .mz-style-list{margin-bottom:12px}.sc-card .mz-style-list dd{font-size:14px;word-break:break-word}details.ce.hs{display:block;justify-items:stretch;min-width:0}details.ce.hs::details-content{min-width:0;max-width:100%}details.ce.hs>*{max-width:100%}.pk-studio,.pk-score,.ce-table-wrap{max-width:100%;min-width:0}.tn-card{text-align:left}.tn-goal{border-left:4px solid var(--accent, #7ab8ff);padding:4px 0 4px 12px;margin-bottom:12px}.tn-goal.met{border-left-color:#5ad1a0}.tn-goal p{margin:0 0 6px}.tn-note{color:var(--ink-dim);font-style:italic}.tn-bar{height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden}.tn-bar i{display:block;height:100%;background:linear-gradient(90deg,#7ab8ff,#5ad1a0)}.tn-progress{font-size:13px;color:var(--ink-dim)}.tn-title{font-size:15px;margin:4px 0 8px}.tn-new{font-size:12px;font-weight:700;color:#1a1a1a;background:#f2c14e;border-radius:999px;padding:1px 8px;margin-left:6px}.tn-comments ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tn-comments li{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px}.tn-comments li.new{border-color:#f2c14e}.tn-body{margin:0;white-space:pre-wrap;line-height:1.45}.tn-meta{margin:6px 0 0;font-size:12px;color:var(--ink-dim)}.tn-session{list-style:none;margin:6px 0 0;padding:0;font-size:13px}.tt{text-align:left}.tt-goal-list,.tt-review-list,.tt-comment-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.tt-goal-list li,.tt-review-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.tt-goal-list li.met span:last-child{color:#5ad1a0}.tt-review-list small,.tt-goal-list small{display:block;color:var(--ink-dim)}.tt-review{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.tt-comment-list li{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px}.tt-comment-list p{margin:0;white-space:pre-wrap}.tt-comment-list .sc-sub{margin-top:6px}.tt-about{font-size:13px}.rp-period{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.rp-dates{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}.rp-dates input{width:auto}.rp-when{margin:4px 0 8px}.rp-trend{margin:12px 0}.rp-trend figcaption{font-size:13px;color:var(--ink-dim);margin-bottom:6px}.rp-trend ol{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:6px;height:140px;overflow-x:auto}.rp-trend li{flex:1 0 34px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:11px}.rp-bar{width:70%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#7ab8ff,#5a8fd1)}.rp-trend small{color:var(--ink-dim);white-space:nowrap}.rp-table caption{text-align:left;font-weight:700;padding:10px 0 6px}.rp-small{color:var(--ink-dim);font-style:italic}@media print{.rp .rp-period,.rp .rp-actions{display:none}}.st-page{max-width:640px;margin:0 auto;padding:32px 16px 48px;color:var(--ink)}.st-page h1{font-size:1.6rem;margin:0 0 8px}.st-summary{font-weight:600;margin:8px 0 16px;padding:10px 14px;border-radius:10px;background:var(--card);border:1px solid var(--card-border)}.st-summary.ok{border-color:#49e3a680;color:var(--green)}.st-summary.warn{border-color:#f2c14e80;color:#f2c14e}.st-summary.bad{border-color:#ff6b6b8c;color:#ff8a8a}.st-lights{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}.st-light{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:10px;background:var(--card);border:1px solid var(--card-border)}.st-light b{display:block}.st-light small{display:block;color:var(--ink-dim);line-height:1.4;overflow-wrap:anywhere}.st-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;color:#0b1020}.st-light.ok .st-dot{background:var(--green)}.st-light.warn .st-dot{background:#f2c14e}.st-light.bad .st-dot{background:#ff8a8a}.st-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.st-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.st-actions a{color:var(--accent-2)}.st-note{color:var(--ink-dim);font-size:.9rem}.st-h{margin:18px 0 8px;font-size:1rem}.st-features{margin:0;padding-left:20px;line-height:1.6;overflow-wrap:anywhere}.st-table-wrap{overflow-x:auto}.st-table{width:100%;border-collapse:collapse;font-size:.9rem}.st-table th,.st-table td{text-align:left;vertical-align:top;padding:8px 6px;border-bottom:1px solid var(--card-border)}.st-table th small,.st-table td small{display:block;color:var(--ink-dim);font-weight:400;margin-top:2px}.st-table tr.missing td:nth-child(2),.st-table tr.invalid td:nth-child(2){color:#ff8a8a;font-weight:600}.st-table tr.ok td:nth-child(2){color:var(--green)}.st-table code{font-size:.85rem;overflow-wrap:anywhere}@media (max-width: 520px){.st-table thead{display:none}.st-table tr{display:block;padding:8px 0;border-bottom:1px solid var(--card-border)}.st-table th,.st-table td{display:block;border:0;padding:2px 0}}.st-actions button{font:inherit;font-size:.9rem;padding:7px 14px;border-radius:999px;border:1px solid var(--card-border);background:var(--card);color:var(--ink);cursor:pointer}.st-actions button:hover{border-color:var(--accent-2)}.st-page .st-actions a{font-size:.9rem}.st-card,.st-card .mz-section-title,.st-card .mz-section-sub{text-align:left}.st-table th[scope=row]{min-width:12em}@media (max-width: 520px){.st-table th[scope=row]{min-width:0}}.em-freq{display:grid;gap:6px;margin:12px 0 4px}.em-freq>span{font-weight:600}.em-freq .mz-chips{justify-content:flex-start}.em-off p{line-height:1.5}.st-note a{color:var(--accent-2)}.ag-page{max-width:760px}.ag-text{text-align:left;line-height:1.55}.ag-text h2{font-size:1.05rem;margin:1.4em 0 .4em}.ag-text p{margin:0 0 .8em}.ag-sign{display:grid;gap:.8rem;text-align:left;margin-top:1.5rem;border-top:1px solid currentColor;padding-top:1rem}.ag-sign label{display:grid;gap:.25rem}.ag-sign input:not([type=checkbox]){padding:.5rem;font:inherit}.ag-sign .ag-check{display:flex;gap:.5rem;align-items:flex-start}@media print{.ag-sign,.st-actions,.st-note{display:none}}