:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090c0b;--bg-2:#0c1110;--surface:#0f1615;--surface-2:#16211f;--surface-3:#1d2b28;--line:#222e2c;--line-2:#2c3d3a;--ink:#e6f2f0;--ink-2:#c6d9d5;--muted:#92a8a4;--faint:#6f8580;--accent:#02fac9;--accent-2:#7affe1;--accent-deep:#01a887;--accent-glow:#02fac94d;--accent-soft:#02fac91a;--on-accent:#032a21;--std:#c9f7ec;--std-2:#6fd9bf;--ok:#a3e35c;--ok-soft:#a3e35c24;--warn:#f2c94c;--warn-soft:#f2c94c21;--danger:#ff7a6b;--display:"Dela Gothic One", "Noto Sans JP", system-ui, sans-serif;--body:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--numeral:"Roboto Slab", "Noto Serif", Georgia, serif;--r-lg:18px;--r-md:12px;--r-sm:8px;--side:248px;--tab-h:64px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.75}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(1200px 520px at 70% -120px,#02fac917,#0000 70%),radial-gradient(900px 480px at -10% 110%,#1e78661f,#0000 70%);position:fixed;inset:0}a{color:var(--accent-2);text-underline-offset:3px;text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}h1,h2,h3{text-wrap:balance;word-break:auto-phrase;overflow-wrap:anywhere;margin:0;line-height:1.35}p{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--on-accent)}.app{grid-template-columns:1fr;min-height:100%;display:grid}.side{display:none}.main{min-width:0;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 24px)}.topbar{z-index:20;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#090c0bd1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.tabbar{z-index:30;height:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#0c1110f0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);letter-spacing:0;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:500;text-decoration:none;display:flex}.tabbar a svg{width:22px;height:22px}.tabbar a.active{color:var(--accent)}.tabbar a.active svg{filter:drop-shadow(0 0 6px var(--accent-glow))}@media (width>=960px){.app{grid-template-columns:var(--side) 1fr}.side{border-right:1px solid var(--line);background:linear-gradient(#16211f8c,#090c0b33);flex-direction:column;gap:6px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.side .brand{padding:4px 10px 18px}.side nav{flex-direction:column;gap:2px;display:flex}.side .group{font-family:var(--mono);letter-spacing:.14em;color:var(--faint);text-transform:uppercase;padding:16px 12px 6px;font-size:11px}.side nav a{color:var(--ink-2);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.side nav a svg{width:18px;height:18px;color:var(--muted);flex:none}.side nav a:hover{background:var(--surface-2)}.side nav a.active{background:var(--accent-soft);color:var(--accent-2)}.side nav a.active svg{color:var(--accent)}.side .foot{flex-direction:column;gap:10px;margin-top:auto;padding:12px;display:flex}.topbar,.tabbar{display:none}.main{padding-bottom:48px}}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand .mark{filter:drop-shadow(0 0 8px var(--accent-glow));flex:none}.brand .word{font-family:var(--display);letter-spacing:.04em;white-space:nowrap;font-size:18px}.brand .word small,.word-mark small{font-family:var(--body);letter-spacing:.08em;color:var(--accent);margin-left:.35em;font-size:.62em;font-weight:700}.brand .mark{width:40px;height:30px}.topbar .brand{gap:8px;min-width:0}.topbar .brand .mark{width:34px;height:26px}.topbar .brand .word{font-size:16px}.topbar>.row{flex-wrap:nowrap}.brand-line .mark{width:44px;height:34px;filter:drop-shadow(0 0 10px var(--accent-glow))}.word-mark{font-family:var(--display);letter-spacing:.05em;color:var(--ink);text-shadow:0 0 18px #02fac940;font-size:24px}.page{flex-direction:column;gap:28px;max-width:900px;margin:0 auto;padding-block:26px 40px;padding-inline:18px;display:flex}@media (width>=960px){.page{padding-block:40px 60px;padding-inline:40px}}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:11.5px}.h1{font-family:var(--display);letter-spacing:.02em;font-size:clamp(28px,6.4vw,42px);font-weight:400}.h2{font-family:var(--display);letter-spacing:.02em;font-size:clamp(21px,4.6vw,26px);font-weight:400}.h3{font-size:16.5px;font-weight:700}.lede{color:var(--ink-2);max-width:62ch;font-size:16.5px}.muted{color:var(--muted)}.small{font-size:13.5px}.mono{font-family:var(--mono)}.stack{flex-direction:column;gap:12px;display:flex}.stack-lg{flex-direction:column;gap:20px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.head{flex-direction:column;gap:8px;display:flex}.prose{flex-direction:column;gap:12px;max-width:64ch;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}.panel.lift{background:linear-gradient(180deg, var(--surface-2), var(--surface))}.panel.tight{padding:14px}.divider{background:var(--line);border:0;height:1px;margin:0}.grid-2{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=720px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.btn{border:1px solid var(--line-2);background:var(--surface-2);min-height:42px;color:var(--ink);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--faint)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:var(--on-accent);box-shadow:0 0 0 1px #7affe159, 0 8px 26px -10px var(--accent-glow);border-color:#0000}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:0 0}.btn.ok{color:#fff;background:#35652a;border-color:#4f8a3a}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn.sm{border-radius:9px;min-height:34px;padding:5px 12px;font-size:13px}.btn.block{width:100%}.iconbtn{border:1px solid var(--line);width:38px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:inline-grid}.iconbtn svg{width:18px;height:18px}.chip{border:1px solid var(--line-2);min-height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:13.5px;display:inline-flex}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.chip:disabled{opacity:.35;cursor:default}.tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:8px 15px;font-size:14px}.tabs button[aria-selected=true]{background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field>span,.label{color:var(--muted);font-size:12.5px}.input,.select,.textarea{border:1px solid var(--line-2);background:var(--bg-2);width:100%;min-height:42px;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:15px}.textarea{resize:vertical;min-height:76px;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.55;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:2px}input[type=range]{accent-color:var(--accent)}.badge{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--line-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;display:inline-flex}.badge.light{color:var(--accent-2);border-color:#02fac980}.badge.standard{color:#062a22;background:linear-gradient(135deg, #fff, var(--std) 45%, var(--std-2));border-color:#0000;font-weight:600}.badge.none,.badge.new{color:var(--muted)}.badge.check{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.badge.maru{color:#16280a;background:var(--ok);border-color:var(--ok)}.badge.due{color:#231b05;background:var(--warn);border-color:var(--warn)}.pill-status{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.pill-status:before{content:"";background:var(--faint);border-radius:50%;width:7px;height:7px}.pill-status.saved:before{background:var(--ok)}.pill-status.pending:before{background:var(--accent)}.pill-status.offline:before{background:var(--danger)}.steps{counter-reset:s;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.steps>li{counter-increment:s;grid-template-columns:34px 1fr;align-items:start;gap:12px;display:grid}.steps>li:before{content:counter(s);width:30px;height:30px;font-family:var(--mono);color:var(--accent-2);background:var(--accent-soft);border:1px solid #02fac973;border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.bullets{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.bullets li::marker{color:var(--accent)}.note{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:14px 16px;font-size:14.5px;display:flex}.note strong{color:var(--accent-2)}.gate{background:var(--ok-soft);border:1px solid #a3e35c40;border-radius:10px;padding:9px 13px;font-size:14px}.gate b{color:var(--ok)}.principle{color:var(--muted);border-left:2px solid var(--accent);padding-left:12px;font-size:13.5px}.principle a{color:var(--ink-2)}.table-wrap{border:1px solid var(--line);border-radius:var(--r-md);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 13px;line-height:1.6}th{color:var(--muted);letter-spacing:.04em;background:var(--surface-2);font-size:12px;font-weight:500}tr:last-child td{border-bottom:none}.amp{background:linear-gradient(#131c1a,#0c1211);border:1px solid #273a36;border-radius:20px;flex-direction:column;gap:16px;padding:18px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 18px 40px -24px #000}.amp:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff03 0 2px,#0000 2px 4px);position:absolute;inset:0}.screen{text-align:center;background:radial-gradient(120% 90% at 50% 30%,#0e2a24 0%,#0b1412 55%,#080d0c 100%);border:1px solid #1f4039;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:26px 16px;display:flex;position:relative;box-shadow:inset 0 0 40px #0009}.screen .big{font-family:var(--numeral);letter-spacing:.02em;color:var(--accent-2);text-shadow:0 0 18px #02fac98c,0 0 2px #c8fff2cc;font-size:clamp(54px,15vw,88px);font-weight:700;line-height:1}.screen .big.long{letter-spacing:0;font-size:clamp(30px,8vw,46px)}.screen .big.hide{color:#0000;text-shadow:none}.screen .big.hide:after{content:"?";color:#02fac966;text-shadow:0 0 14px #02fac94d;position:absolute;left:0;right:0}.screen .bigwrap{position:relative}.screen .sub{color:#9cc7be;font-size:14px}.screen .msg{color:var(--accent-2);min-height:1.6em;font-size:13px}.screen .keytag{font-family:var(--mono);letter-spacing:.1em;color:#669c91;font-size:11px;position:absolute;top:10px;left:12px}.screen .count{font-family:var(--mono);color:#669c91;font-size:11px;position:absolute;top:10px;right:12px}.knobs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cue{font-family:var(--mono);color:#6f9a91;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.cue .step{border:1px solid #274a43;border-radius:13px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 8px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.cue .step.key{padding:0 10px}.cue .step.past{color:#80b3a9;border-color:#366b60}.cue .step.on{color:var(--on-accent);background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 12px #02fac980}.cue .rest{letter-spacing:2px;color:#5d857c}.cue .rest.on{color:var(--accent-2)}.cue-text{color:#80b3a9;min-height:1.5em;font-size:13px}.dict-slots{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dict-slots .slot{min-width:68px;height:72px;color:var(--accent-2);cursor:pointer;background:#00000040;border:1px dashed #366b60;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 10px;font-size:28px;display:inline-flex;position:relative}.dict-slots .slot:disabled{cursor:default;opacity:1}.dict-slots .slot.next{border-style:solid;border-color:var(--accent);box-shadow:0 0 10px #02fac959}.dict-slots .slot.ok{border-style:solid;border-color:var(--ok)}.dict-slots .slot.ng{border-style:solid;border-color:var(--warn)}.dict-slots .slot.ng>.numeral:first-child{opacity:.6;font-size:22px;text-decoration:line-through;text-decoration-thickness:2px}.dict-slots .slot .fix{color:var(--ok);font-size:16px}.dict-words{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.dict-words .btn{min-height:52px;font-size:21px}.counts{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.counts b{color:var(--ink);font-size:14px;font-weight:600}.cardgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.vcard{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:7px;padding:11px;display:flex}.vcard .top{justify-content:space-between;align-items:center;gap:6px;display:flex}.vcard .lab{font-family:var(--numeral);letter-spacing:.02em;font-size:21px;font-weight:700}.numeral{font-family:var(--numeral);letter-spacing:.02em;font-weight:700}.vcard .s{color:var(--muted);font-size:12px;line-height:1.45}.vcard[data-s=maru]{opacity:.8}.vcard .select{min-height:32px;padding:3px 8px;font-size:12.5px}.vcard .top .btn{white-space:nowrap;flex:none}.vcard .top .select{flex:1;min-width:0}.fret-wrap{background:linear-gradient(#141c1a,#0c1311);border:1px solid #22332f;border-radius:16px;padding:14px 10px 8px;overflow-x:auto}.fret-wrap svg{width:100%;height:auto;display:block}.fret-wrap .dot{cursor:pointer}.fret-wrap .dot:hover circle,.fret-wrap .dot:focus-visible circle{filter:drop-shadow(0 0 6px var(--accent-glow))}.fret-wrap .dot:focus-visible{outline:none}.fret-cap{flex-direction:column;gap:6px;margin-top:8px;display:flex}.fret-legend{flex-wrap:wrap;gap:4px 14px;display:flex}.fret-legend>span{align-items:center;gap:5px;display:inline-flex}.fret-legend .lg{border-radius:50%;flex:none;width:11px;height:11px;display:inline-block}.fret-legend .lg.root{background:#02fac9}.fret-legend .lg.char{background:#e6f2f0;box-shadow:0 0 0 2px #c9f7ec}.fret-legend .lg.now{background:#e6f2f0;box-shadow:0 0 0 2px #7affe1,0 0 6px 2px #7affe180}.fret-legend .lg.out{background:#0c1110;border:1.5px dashed #7affe1}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.vu{background:linear-gradient(#e3faf3,#bfe9dd);border:1px solid #3b6e62;border-radius:14px;padding:12px 12px 8px;box-shadow:inset 0 2px 10px #00000040,0 10px 30px -18px #000}.vu svg{width:100%;height:auto;display:block}.vu-needle{transform-origin:150px 150px;transition:transform 1.1s cubic-bezier(.2,.9,.25,1.15)}.kv{grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.avatar{object-fit:cover;background:var(--surface-3);border-radius:50%;flex:none;width:30px;height:30px}.spark{align-items:flex-end;gap:3px;height:38px;display:flex}.spark span{background:var(--line-2);border-radius:2px 2px 0 0;flex:1;min-height:2px}.spark span.today{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.menu{flex-direction:column;display:flex}.menu a,.menu button.item{border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:13px 4px;text-decoration:none;display:flex}.menu a:last-child,.menu button.item:last-child{border-bottom:0}.menu .grow{flex-direction:column;flex:1;min-width:0;display:flex}.menu .t{font-size:15px;font-weight:700}.menu .d{color:var(--muted);font-size:13px}.menu .arrow{color:var(--faint)}.kbd-hint{color:var(--faint);font-size:12px}.player{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:14px;width:100%;min-height:202px;position:relative;overflow:hidden}.player>div,.player iframe{position:absolute;inset:0;width:100%!important;height:100%!important}.marks{flex-direction:column;gap:6px;display:flex}.mark{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:7px 10px;display:flex}.mark .t{font-family:var(--mono);color:var(--accent-2);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.mark .x{margin-left:auto}.toast{left:50%;bottom:calc(var(--tab-h) + 20px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--surface-3);border:1px solid var(--line-2);border-radius:12px;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px -12px #000}@media (width>=960px){.toast{bottom:28px}}.levelup{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050807d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.levelup .box{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:420px;display:flex}.levelup .lv{font-family:var(--display);color:var(--accent-2);text-shadow:0 0 30px #02fac9b3;font-size:76px;animation:.7s cubic-bezier(.2,1.4,.4,1) both pop}.levelup .ring{background:radial-gradient(circle, var(--accent-2) 0 22%, #02fac959 23% 40%, transparent 41%);border-radius:50%;width:120px;height:120px;animation:1.4s ease-out both glow}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{opacity:0;transform:scale(.2)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.hero{flex-direction:column;gap:18px;padding-block:20px 8px;display:flex}.hero .h1{font-size:clamp(36px,9vw,64px);line-height:1.15}.hero .h1 em{color:var(--accent-2);text-shadow:0 0 24px #02fac966;font-style:normal}.discord-btn{color:#fff;background:#5865f2;border-color:#5865f2}.discord-btn:hover{filter:brightness(1.08);border-color:#5865f2}.feature{flex-direction:column;gap:6px;display:flex}.feature .k{font-family:var(--mono);color:var(--accent);letter-spacing:.1em;font-size:12px}.dont-list{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=720px){.dont-list{grid-template-columns:1fr 1fr}}.dont-item{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.dont-item p{font-size:14.5px;line-height:1.6}.dont-x{color:var(--danger);margin-right:8px;font-weight:700}.dont-o{color:var(--ok);margin-right:8px;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glossary{grid-template-columns:1fr;gap:10px;margin:0;display:grid}@media (width>=720px){.glossary{grid-template-columns:1fr 1fr}}.gterm{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:13px 15px;display:flex}.gterm dt{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.gterm dd{color:var(--ink-2);flex-direction:column;gap:6px;margin:0;font-size:14.5px;line-height:1.65;display:flex}.gbass{color:var(--muted);border-left:2px solid var(--accent);padding-left:10px;font-size:13.5px}.gbass span{color:var(--accent-2);margin-right:8px;font-size:12px;font-weight:700}.player-card{background:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(#16211f,#0e1514 70%);border:1px solid #273d39;border-radius:18px;flex-direction:column;gap:18px;padding:22px 20px 20px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d,inset 0 -2px #0006,0 20px 44px -26px #000}.player-card .screw{background:radial-gradient(circle at 35% 35%,#768a86,#2d3b38 70%);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 0 0 1px #00000080}.player-card .screw:after{content:"";background:#0000008c;height:1px;position:absolute;top:4px;left:1px;right:1px;transform:rotate(35deg)}.player-card .tl{top:9px;left:9px}.player-card .tr{top:9px;right:9px}.player-card .bl{bottom:9px;left:9px}.player-card .br{bottom:9px;right:9px}.pc-top{justify-content:space-between;align-items:center;padding-inline:10px;display:flex}.pc-label{font-family:var(--mono);letter-spacing:.22em;color:#8db9b0;font-size:11px}.pc-brand{font-family:var(--display);letter-spacing:.1em;color:#add9d0;opacity:.85;font-size:13px}.pc-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pc-level{align-items:center;gap:16px;min-width:0;display:flex}.lv-window{background:radial-gradient(120% 110% at 50% 25%,#103a32 0%,#091513 60%,#060b0a 100%);border:1px solid #224a42;border-radius:12px;justify-content:center;align-items:baseline;gap:2px;min-width:104px;padding:10px 16px 8px;display:flex;box-shadow:inset 0 0 22px #000000b3,0 0 0 3px #080c0b}.lv-prefix{font-family:var(--mono);color:var(--accent-2);opacity:.8;text-shadow:0 0 10px #02fac980;font-size:18px;font-weight:600}.lv-num{font-family:var(--display);color:var(--accent-2);text-shadow:0 0 16px #02fac9b3,0 0 2px #c8fff2e6;font-size:52px;line-height:1}.pc-title{flex-direction:column;gap:2px;min-width:0;display:flex}.pc-title .rank{font-family:var(--display);letter-spacing:.04em;color:var(--ink);word-break:auto-phrase;overflow-wrap:anywhere;font-size:clamp(18px,4.6vw,24px)}.pilots{gap:8px;display:flex}.pilot{flex-direction:column;align-items:center;gap:4px;display:flex}.pilot i{background:radial-gradient(circle at 38% 35%,#3c5c56,#15221f 70%);border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1.5px #080d0c,0 0 0 2px #273a36}.pilot.on i{background:radial-gradient(circle at 38% 35%,#e6fff8,#02fac9 45%,#01876c 80%);box-shadow:inset 0 0 0 1.5px #014d3e,0 0 0 2px #273a36,0 0 12px #02fac9bf}.pilot.now i{animation:2.4s ease-in-out infinite breathe}.pilot b{font-family:var(--mono);color:#669c91;font-size:10px;font-weight:400}.pilot.on b{color:var(--accent-2)}.pc-next{background:#00000040;border:1px solid #202f2c;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.led-meter{grid-template-columns:repeat(20,1fr);gap:3px;display:grid}.led-meter span{background:#1c2a27;border-radius:2px;height:12px;box-shadow:inset 0 0 0 1px #0a1210}.led-meter span.on{background:linear-gradient(#a8ffe9,#02fac9);box-shadow:0 0 8px #02fac98c}.led-meter span.on.hot{background:linear-gradient(#ffb59a,#eb6a4a);box-shadow:0 0 8px #eb6a4a8c}.quests{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.quest{align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.quest .lamp{background:#273a36;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0a1210}.quest.done .lamp{background:var(--ok);box-shadow:0 0 8px #a3e35ccc}.quest .qtext{flex:1;min-width:0}.quest.done .qtext{color:var(--muted)}.quest .qcount{color:var(--accent-2);white-space:nowrap;font-size:12.5px}.quest.done .qcount{color:var(--ok)}.quest .counter{align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.quest .counter .btn{min-height:28px;padding:2px 9px}.toggle{cursor:pointer;flex:none;display:inline-flex;position:relative}.toggle input{opacity:0;width:1px;height:1px;margin:0;position:absolute;top:0;left:0}.toggle span[aria-hidden]{background:#1c2a27;border-radius:999px;width:40px;height:22px;transition:background .15s;position:relative;box-shadow:inset 0 0 0 1px #0a1210}.toggle span[aria-hidden]:after{content:"";background:radial-gradient(circle at 40% 35%,#e6f2f0,#92a8a4);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:var(--accent-deep)}.toggle input:checked+span:after{transform:translate(18px)}.toggle input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.levelup-btn{align-self:flex-start;animation:1.8s ease-in-out infinite breathe}.wave-scroll{border:1px solid var(--line);background:#0c1211;border-radius:12px;overflow-x:auto}.wave-inner{touch-action:pan-x;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.wave-inner canvas{display:block;position:sticky;left:0}.wave-head{background:var(--accent-2);pointer-events:none;will-change:transform;width:2px;position:absolute;top:0;left:0;box-shadow:0 0 8px #7affe1cc}.grad-meter{flex-direction:column;gap:8px;display:flex}.grad-meter .bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.grad-meter .bar span{background:linear-gradient(90deg, var(--accent-deep), var(--accent));height:100%;box-shadow:0 0 10px var(--accent-glow);display:block}.graduation{border-color:var(--accent);background:linear-gradient(165deg, var(--accent-soft), var(--surface) 60%)}.mode-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-tab{text-align:left;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.mode-tab[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(170deg, #02fac91f, var(--surface) 60%)}.mode-tab .t{font-size:14.5px;font-weight:700}.mode-tab .d{color:var(--muted);font-size:12.5px;line-height:1.5}.buy-tip{border:1px solid var(--tone-soft,var(--line-2));background:var(--tone-soft,var(--surface-2));border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;display:flex}.buy-tip p{color:var(--ink-2);flex:240px;margin:0;font-size:13.5px;line-height:1.65}.buy-tip-label{letter-spacing:.04em;color:var(--tone-2,var(--accent-2));flex-basis:100%;font-size:11.5px;font-weight:700}.iphone-tip{border-top:1px dashed var(--line-2);padding-top:10px}.iphone-tip summary{cursor:pointer;color:var(--ink-2);font-size:13.5px;font-weight:700}.iphone-tip .bullets{margin-top:8px}.rec-dot{background:#eb4a3a;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite breathe;display:inline-block;box-shadow:0 0 10px #eb4a3acc}@media (width<=560px){.amp{border-radius:16px;padding:12px}.fret-wrap{padding:8px 4px 4px}}@media (pointer:coarse){.chip,.btn.sm{min-height:44px}.quest .counter .btn{min-width:40px;min-height:40px}.toggle{margin:-11px -4px;padding:11px 4px}.input,.select,.textarea,.vcard .select{font-size:16px}}@media (width<=560px){.vocab-page .head .lede{display:none}.vocab-page{gap:20px;padding-top:18px}.screen{min-height:190px;padding:22px 14px}}.level-meter{align-items:center;gap:10px;display:flex}.level-meter .bar{background:#0a1210;border-radius:5px;flex:1;height:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #22332f}.level-meter .bar span{border-radius:5px;height:100%;transition:width 80ms linear;display:block}.level-meter .bar .ok{background:var(--ok)}.level-meter .bar .warm{background:var(--warn)}.level-meter .bar .hot{background:var(--danger)}.level-meter .mono{text-align:right;min-width:52px;color:var(--muted)}.level-meter .clip{color:#1a0503;background:var(--danger);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.zoom-ctl{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.zoom-ctl button{width:34px;height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.zoom-ctl button:hover:not(:disabled){background:var(--surface-3);color:var(--accent-2)}.zoom-ctl button:disabled{opacity:.35;cursor:default}.zoom-ctl button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.zoom-ctl .mono{text-align:center;min-width:34px;color:var(--accent-2);font-size:12.5px}@media (pointer:coarse){.zoom-ctl button{width:42px;height:42px}}.tool-grid{gap:16px;display:grid}@media (width>=720px){.tool-grid{grid-template-columns:1fr 1fr}.tool-grid .tool-card:first-child{flex-direction:row;grid-column:1/-1}.tool-grid .tool-card:first-child .tool-visual{border-bottom:0;border-right:1px solid #1e2d2a;flex:0 0 46%;align-items:center;display:flex}}.tool-card{--tone:#02fac9;--tone-2:#7affe1;--tone-soft:#02fac91f;--tone-glow:#02fac959;color:var(--ink);background:linear-gradient(#131c1a,#0c1211);border:1px solid #273a36;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 18px 40px -26px #000}.tool-card[data-tone=rec]{--tone:#ff7a6b;--tone-2:#ffb3aa;--tone-soft:#ff7a6b1f;--tone-glow:#ff7a6b52}.tool-card[data-tone=std]{--tone:#6fd9bf;--tone-2:#c9f7ec;--tone-soft:#6fd9bf1f;--tone-glow:#6fd9bf4d}.tool-card:hover{border-color:var(--tone);box-shadow:0 0 0 1px var(--tone-soft), 0 22px 44px -22px var(--tone-glow);transform:translateY(-3px)}.tool-card:active{transform:translateY(-1px)}.tool-card:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.tool-visual{background:radial-gradient(120% 90% at 50% 0%, var(--tone-soft), transparent 70%);border-bottom:1px solid #1e2d2a;padding:16px 16px 8px}.tool-svg{width:100%;height:auto;display:block}.tool-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.tool-badge{letter-spacing:.06em;color:var(--on-accent);background:var(--tone);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11.5px;font-weight:700}.tool-name{font-family:var(--display);letter-spacing:.02em;font-size:21px}.tool-catch{color:var(--tone-2);font-size:15.5px;font-weight:700;line-height:1.5}.tool-desc{color:var(--muted);font-size:13.5px;line-height:1.7}.tool-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.tool-tags span{color:var(--tone-2);border:1px solid var(--tone-soft);background:var(--tone-soft);border-radius:999px;padding:3px 10px;font-size:12px}.tool-cta{color:var(--tone);align-self:flex-start;margin-top:auto;padding-top:6px;font-weight:700}.tool-cta span{transition:transform .18s;display:inline-block}.tool-card:hover .tool-cta span{transform:translate(4px)}.tool-svg .bar{fill:#2a4640}.tool-svg .bar-on{fill:var(--tone)}.tool-svg .loop-zone{fill:var(--tone-soft)}.tool-svg .loop-bracket,.tool-svg .loop-arrow path{fill:none;stroke:var(--tone);stroke-width:2px;stroke-linecap:round}.tool-svg .loop-head rect,.tool-svg .rec-head rect{fill:#e6f2f0}.tool-svg .loop-head{animation:2.2s linear infinite tool-loop}.tool-svg .pill{fill:var(--tone-soft);stroke:var(--tone);stroke-width:1.2px}.tool-svg .pill-text{fill:var(--tone-2);font:700 13px var(--mono)}.tool-svg .lane-label{fill:#7d918c;font:11px var(--body)}.tool-svg .lane-label.rec{fill:var(--tone-2)}.tool-svg .bar-soft{fill:#3b6b61}.tool-svg .bar-rec{fill:var(--tone)}.tool-svg .lane-line{stroke:#22332f;stroke-width:1px}.tool-svg .rec-head{animation:4s linear infinite tool-rec}.tool-svg .rec-dot-svg{fill:var(--tone);animation:1.2s ease-in-out infinite tool-blink}.tool-svg .chord{fill:#16211f;stroke:#2c3d3a;stroke-width:1.5px;animation:2.8s ease-in-out infinite tool-chord}.tool-svg .chord-text{fill:var(--ink);font:700 24px var(--numeral)}.tool-svg .chord-arrow{fill:none;stroke:#5d857c;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@keyframes tool-loop{0%{transform:translate(0)}to{transform:translate(94px)}}@keyframes tool-rec{0%{transform:translate(0)}to{transform:translate(264px)}}@keyframes tool-blink{50%{opacity:.25}}@keyframes tool-chord{0%,30%,to{fill:#16211f;stroke:#2c3d3a}8%,22%{fill:var(--tone-soft);stroke:var(--tone)}}@media (prefers-reduced-motion:reduce){.tool-svg .loop-head,.tool-svg .rec-head,.tool-svg .rec-dot-svg,.tool-svg .chord{animation:none}.tool-card,.tool-cta span{transition:none}}:root{--t-mint:#02fac9;--t-sky:#6ec8ff;--t-coral:#ff7a6b;--t-gold:#ffc857;--t-lilac:#b69cff;--t-plat:#6fd9bf}[data-tone]{--tone:var(--t-mint);--tone-2:#7affe1;--tone-soft:#02fac91f;--tone-glow:#02fac959;--on-tone:#032a21}[data-tone=sky]{--tone:var(--t-sky);--tone-2:#b8e3ff;--tone-soft:#6ec8ff21;--tone-glow:#6ec8ff57;--on-tone:#06243a}[data-tone=coral],[data-tone=rec]{--tone:var(--t-coral);--tone-2:#ffb3aa;--tone-soft:#ff7a6b1f;--tone-glow:#ff7a6b52;--on-tone:#3a0c06}[data-tone=gold]{--tone:var(--t-gold);--tone-2:#ffe2a1;--tone-soft:#ffc8571f;--tone-glow:#ffc85752;--on-tone:#3a2800}[data-tone=lilac]{--tone:var(--t-lilac);--tone-2:#dcd0ff;--tone-soft:#b69cff21;--tone-glow:#b69cff57;--on-tone:#1e1240}[data-tone=plat],[data-tone=std]{--tone:var(--t-plat);--tone-2:#c9f7ec;--tone-soft:#6fd9bf1f;--tone-glow:#6fd9bf4d;--on-tone:#06281f}.head[data-tone] .eyebrow{color:var(--tone)}.head.with-art{align-items:center;gap:14px;display:grid}.head .head-art{background:radial-gradient(120% 100% at 50% 0%, var(--tone-soft), transparent 70%), linear-gradient(180deg, #121b19, #0c1211);border:1px solid #22332f;border-radius:18px;padding:12px 14px 6px}.head .head-art svg{width:100%;height:auto;display:block}@media (width>=760px){.head.with-art{grid-template-columns:minmax(0,1fr) minmax(240px,38%)}.head.with-art .head-text{flex-direction:column;gap:8px;display:flex}.head.with-art .head-art{grid-area:1/2}}@media (width<=759px){.head.with-art .head-text{flex-direction:column;gap:8px;display:flex}.head .head-art{max-width:420px}}.head .h1 .tone-mark{color:var(--tone)}.side nav a[data-tone] svg,.tabbar a[data-tone] svg{color:var(--tone);opacity:.75}.side nav a[data-tone].active{background:var(--tone-soft);color:var(--tone-2)}.side nav a[data-tone].active svg{color:var(--tone);opacity:1}.tabbar a[data-tone].active{color:var(--tone)}.tabbar a[data-tone].active svg{opacity:1;filter:drop-shadow(0 0 6px var(--tone-glow))}.feature-grid{gap:16px;display:grid}@media (width>=720px){.feature-grid{grid-template-columns:1fr 1fr}.feature-grid.lead-wide>:first-child{flex-direction:row;grid-column:1/-1}.feature-grid.lead-wide>:first-child .tool-visual{border-bottom:0;border-right:1px solid #1e2d2a;flex:0 0 46%;align-items:center;display:flex}}.tool-svg .chip-on{fill:var(--tone-soft);stroke:var(--tone);stroke-width:1.5px}.tool-svg .chip-off{fill:#16211f;stroke:#2c3d3a;stroke-width:1.5px}.tool-svg .tx{fill:var(--tone-2);font:700 15px var(--body)}.tool-svg .tx-num{fill:var(--ink);font:700 24px var(--numeral)}.tool-svg .tx-num.on{fill:var(--tone-2)}.tool-svg .tx-dim{fill:#7d918c;font:12px var(--body)}.tool-svg .tx-mono{fill:var(--tone-2);font:700 12px var(--mono)}.tool-svg .ln{fill:none;stroke:var(--tone);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tool-svg .ln-dim{fill:none;stroke:#3b5e57;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tool-svg .ln-dash{fill:none;stroke:#3b5e57;stroke-width:2px;stroke-dasharray:4 5;stroke-linecap:round}.tool-svg .fill-on{fill:var(--tone)}.tool-svg .fill-soft{fill:var(--tone-soft)}.tool-svg .fill-dim{fill:#2a4640}.tool-svg .pulse{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite pic-pulse}.tool-svg .float{animation:2.8s ease-in-out infinite pic-float}.tool-svg .blink{animation:1.4s ease-in-out infinite tool-blink}.tool-svg .spin{transform-box:fill-box;transform-origin:50%;animation:6s linear infinite pic-spin}.tool-svg .spin-rev{transform-box:fill-box;transform-origin:50%;animation:6s linear infinite reverse pic-spin}.tool-svg .seq{opacity:.25;animation:3.2s ease-in-out infinite pic-seq}.tool-svg .grow-x{transform-box:fill-box;transform-origin:0;animation:3.2s ease-in-out infinite pic-grow}@keyframes pic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pic-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pic-spin{to{transform:rotate(360deg)}}@keyframes pic-seq{0%,15%{opacity:.25}25%,70%{opacity:1}85%,to{opacity:.25}}@keyframes pic-grow{0%{transform:scaleX(.05)}60%,to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.tool-svg .pulse,.tool-svg .float,.tool-svg .blink,.tool-svg .spin,.tool-svg .spin-rev,.tool-svg .grow-x{animation:none}.tool-svg .seq{opacity:1;animation:none}}.ch-dots{flex-wrap:wrap;gap:6px;display:flex}.ch-dots a{width:30px;height:30px;font:600 12px var(--mono);color:var(--muted);border:1px solid var(--line-2);background:var(--surface);border-radius:50%;place-items:center;text-decoration:none;display:inline-grid}.ch-dots a.read{color:var(--on-tone);background:var(--tone);border-color:var(--tone)}.ch-dots a.now{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--tone);color:var(--tone-2)}.ch-dots a.read.now{color:var(--on-tone)}@media (pointer:coarse){.ch-dots a{width:36px;height:36px}}.ch-grid{gap:14px;display:grid}@media (width>=720px){.ch-grid{grid-template-columns:1fr 1fr}}.ch-card{color:var(--ink);background:linear-gradient(#141a1c,#0d1212);border:1px solid #272f38;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.ch-card:hover{border-color:var(--tone);box-shadow:0 20px 40px -24px var(--tone-glow);transform:translateY(-3px)}.ch-card:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.ch-card-art{background:radial-gradient(120% 100% at 50% 0%, var(--tone-soft), transparent 70%);border-bottom:1px solid #1f2830;padding:12px 14px 4px}.ch-card-body{flex-direction:column;gap:4px;padding:12px 16px 16px;display:flex}.ch-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ch-no{font:700 12px var(--mono);letter-spacing:.08em;color:var(--tone)}.ch-card-title{font-size:16px;font-weight:700;line-height:1.5}.ch-card-lead{color:var(--muted);font-size:13px;line-height:1.6}.ch-page{max-width:760px}.ch-hero{gap:14px;display:grid}.ch-hero-art{background:radial-gradient(120% 100% at 50% 0%, var(--tone-soft), transparent 70%), linear-gradient(180deg, #141a1c, #0d1212);border:1px solid #272f38;border-radius:20px;padding:14px 16px 6px}.ch-hero-text{flex-direction:column;gap:8px;display:flex}.ch-hero .eyebrow{color:var(--tone)}.ch-title{font-size:clamp(24px,5.6vw,34px);line-height:1.35}.ch-lead{color:var(--tone-2);font-size:17px;font-weight:700;line-height:1.6}.ch-label{font:700 12px var(--mono);letter-spacing:.12em;color:var(--tone)}.ch-key{border:1px solid var(--tone-soft);background:linear-gradient(170deg, var(--tone-soft), transparent 60%);border-radius:18px;flex-direction:column;gap:10px;padding:18px 18px 20px;display:flex}.ch-key-text{color:var(--ink);font-size:clamp(19px,4.6vw,23px);font-weight:700;line-height:1.6}.ch-line{color:var(--ink-2);font-size:16px;line-height:1.85}.ch-compare{gap:12px;display:grid}@media (width>=720px){.ch-compare{grid-template-columns:1fr 1fr}}.ch-side{border:1px solid var(--tone-soft);background:var(--surface);border-top:3px solid var(--tone);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.ch-side-label{color:var(--tone-2);align-items:center;gap:8px;font-weight:700;display:inline-flex}.ch-side-icon{background:var(--tone);width:26px;height:26px;color:var(--on-tone);font:700 14px var(--body);border-radius:8px;place-items:center;display:inline-grid}.ch-side p{color:var(--ink-2);font-size:15px;line-height:1.8}.ch-actions{gap:8px;display:grid}.ch-action{background:var(--surface-2);border:1px solid var(--line-2);border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:15px;line-height:1.6;display:flex}.ch-action-no{background:var(--tone-soft);width:26px;height:26px;color:var(--tone-2);font:700 13px var(--mono);border:1px solid var(--tone);border-radius:50%;flex:none;place-items:center;display:inline-grid}.ch-done{flex-direction:column;gap:12px;display:flex}.ch-read-btn{align-self:flex-start;min-width:180px}.ch-page .btn.primary{background:var(--tone);border-color:var(--tone);color:var(--on-tone);box-shadow:0 8px 24px -10px var(--tone-glow)}.ch-nav{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ch-nav-card{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;text-decoration:none;display:flex}.ch-nav-card.next{text-align:right;border-color:var(--tone-soft)}.ch-nav-card:hover{border-color:var(--tone)}.ch-nav-title{font-size:13.5px;font-weight:700;line-height:1.5}.tool-svg[data-offscreen] *{animation-play-state:paused!important}[data-tone] .steps>li{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:12px 14px}[data-tone] .steps>li:before{color:var(--tone-2);border-color:var(--tone);background:var(--tone-soft)}[data-tone] .steps>li strong{color:var(--tone-2)}[data-tone] .bullets li::marker{color:var(--tone)}[data-tone] .btn.primary{background:var(--tone);border-color:var(--tone);color:var(--on-tone)}.menu a[data-tone] .todo-icon{background:var(--tone-soft);width:38px;height:38px;color:var(--tone);border:1px solid var(--tone-soft);border-radius:12px;flex:none;place-items:center;display:inline-grid}.menu a[data-tone] .todo-icon svg{width:20px;height:20px}.menu a[data-tone]:hover .todo-icon{border-color:var(--tone)}.menu a[data-tone]:hover .t{color:var(--tone-2)}@media (width<=759px){.head.art-wide-only .head-art{display:none}}.page[data-tone] .eyebrow{color:var(--tone)}.page[data-tone] .principle{border-left-color:var(--tone)}.page[data-tone] .gterm{border-left:3px solid var(--tone-soft)}.page[data-tone] .gterm dt .h3{color:var(--tone-2)}.page[data-tone] .chip[aria-pressed=true]{background:var(--tone);border-color:var(--tone);color:var(--on-tone)}.phase-head{align-items:center;gap:14px;display:flex}.phase-no{width:54px;height:54px;font:400 26px var(--display);color:var(--tone-2,var(--accent-2));background:var(--tone-soft,var(--accent-soft));border:1px solid var(--tone,var(--accent));box-shadow:0 10px 24px -14px var(--tone-glow,var(--accent-glow));border-radius:16px;flex:none;place-items:center;display:grid}.phase-no.word{letter-spacing:0;font-size:15px}.tool-card.showcase:hover{transform:none}.song-track{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.song-track:before{content:"";background:var(--line-2);height:2px;position:absolute;top:15px;left:12.5%;right:12.5%}.song-track li{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.song-track .dot{width:32px;height:32px;font:700 13px var(--mono);color:var(--muted);background:var(--surface-2);border:1px solid var(--line-2);border-radius:50%;place-items:center;display:grid;position:relative}.song-track li.on .dot{color:var(--on-tone,var(--on-accent));background:var(--tone,var(--accent));border-color:var(--tone,var(--accent));box-shadow:0 0 14px var(--tone-glow,var(--accent-glow))}.song-track .lbl{color:var(--muted);font-size:11.5px;line-height:1.35}.song-track li.on .lbl{color:var(--tone-2,var(--accent-2))}.here-badge{background:var(--tone,var(--accent));color:var(--on-tone,var(--on-accent));border-color:var(--tone,var(--accent));font-weight:700}.pick-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pick-btn{text-align:left;cursor:pointer;border:1px solid var(--line-2);background:var(--surface);min-width:0;min-height:52px;color:var(--ink);font:inherit;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 32px 8px 12px;display:flex;position:relative}.pick-btn:after{content:"▾";color:var(--tone,var(--accent-2));font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pick-btn[aria-expanded=true]{border-color:var(--tone,var(--accent));background:var(--tone-soft,var(--accent-soft))}.pick-btn[aria-expanded=true]:after{content:"▴"}.pick-btn:hover{border-color:var(--tone,var(--accent))}.pick-btn:focus-visible{outline:2px solid var(--tone,var(--accent));outline-offset:2px}.pick-label{color:var(--muted);font-size:11.5px}.pick-value{color:var(--ink-2);overflow-wrap:anywhere;max-width:100%;font-size:13px;line-height:1.4}.pick-value strong{color:var(--ink)}.pick-panel{border:1px solid var(--line-2);background:var(--bg-2);border-radius:14px;padding:14px}.song-add{border:1px dashed var(--tone);background:linear-gradient(170deg, var(--tone-soft), transparent 70%);border-radius:18px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:16px;display:flex}.song-card{background:radial-gradient(120% 60% at 0% 0%, var(--tone-soft), transparent 60%), linear-gradient(180deg, #161b1a, #0d1211);border:1px solid var(--tone-soft);border-radius:22px;flex-direction:column;gap:16px;padding:18px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 20px 44px -28px #000}.song-card.mastered{border-color:var(--tone);box-shadow:0 0 0 1px var(--tone-soft), 0 20px 44px -26px var(--tone-glow)}.song-head{align-items:center;gap:12px;display:flex}.song-disc{background:repeating-radial-gradient(circle,#1b1f1e 0 2px,#262c2b 2px 4px);border-radius:50%;flex:none;width:48px;height:48px;animation:7s linear infinite pic-spin;position:relative;box-shadow:0 0 0 1px #33403d,0 6px 16px -6px #000}.song-disc span{background:var(--tone);box-shadow:0 0 12px var(--tone-glow);border-radius:50%;position:absolute;inset:15px}.song-disc span:after{content:"";background:#0d1211;border-radius:50%;position:absolute;inset:7px}.song-card.mastered .song-disc{animation-duration:3.5s}.song-title-btn{min-width:0;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding:0;display:flex}.song-title{font:400 clamp(19px, 5vw, 24px) var(--display);letter-spacing:.02em;overflow-wrap:anywhere;line-height:1.3}.song-artist{color:var(--tone-2);font-size:13.5px}.song-title-btn:focus-visible{outline:2px solid var(--tone);outline-offset:4px;border-radius:6px}.song-status{font:700 11.5px var(--mono);letter-spacing:.08em;color:var(--on-tone);background:var(--tone);border-radius:999px;flex:none;padding:4px 10px}.song-card .song-track:before{top:19px}.song-card .song-track .dot{width:40px;height:40px;font:700 14px var(--mono);cursor:pointer;padding:0;transition:transform .15s}.song-card .song-track .dot:hover{border-color:var(--tone);transform:scale(1.08)}.song-card .song-track .dot:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.song-card .song-track li.next .dot{border-color:var(--tone);color:var(--tone-2);animation:1.8s ease-in-out infinite song-ring}.song-card .song-track li.next .lbl{color:var(--tone-2);font-weight:700}@keyframes song-ring{0%,to{box-shadow:0 0 0 0 var(--tone-glow)}50%{box-shadow:0 0 0 7px #0000}}.song-next{border:1px dashed var(--tone);background:var(--tone-soft);border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.song-next-label{font:700 11.5px var(--mono);letter-spacing:.1em;color:var(--tone)}.song-next strong{font-size:15.5px}.song-tools{gap:12px;display:grid}@media (width>=720px){.song-tools{grid-template-columns:1fr 1fr}}.song-tool{color:var(--ink);border:1px solid var(--tone-soft);background:linear-gradient(#131c1a,#0c1211);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.song-tool:hover{border-color:var(--tone);box-shadow:0 18px 38px -22px var(--tone-glow);transform:translateY(-3px)}.song-tool:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.song-tool-art{background:radial-gradient(120% 100% at 50% 0%, var(--tone-soft), transparent 70%);border-bottom:1px solid #1e2d2a;padding:10px 12px 4px}.song-tool-body{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.song-tool-body strong{color:var(--tone-2);font-size:16.5px}.song-tool:hover .tool-cta span{transform:translate(4px)}.song-details{border:1px solid var(--line-2);background:var(--bg-2);border-radius:14px;padding:12px 14px}.song-details summary{cursor:pointer;font-weight:700}@media (prefers-reduced-motion:reduce){.song-disc,.song-card .song-track li.next .dot{animation:none}}.catch-stage{background:radial-gradient(120% 60% at 50% 0%, var(--tone-soft), transparent 60%), linear-gradient(180deg, #121a1d, #0c1112);border:1px solid var(--tone-soft);border-radius:22px;flex-direction:column;gap:16px;padding:clamp(12px,3.5vw,18px);display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 20px 44px -28px #000}.catch-score{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.catch-today{align-items:baseline;gap:10px;display:flex}.catch-num{font:400 clamp(48px, 13vw, 68px) var(--display);color:var(--tone-2);text-shadow:0 0 24px var(--tone-glow);line-height:1;animation:.35s cubic-bezier(.2,1.6,.4,1) catch-pop;display:inline-block}.catch-cap{color:var(--tone);font-weight:700}.catch-side{flex-direction:column;align-items:flex-end;display:flex}.catch-total{font:700 22px var(--mono);color:var(--ink-2)}@keyframes catch-pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.catch-recent{background:var(--bg-2);border:1px solid var(--line-2);border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.catch-chip{background:var(--tone-soft);border:1px solid var(--tone-soft);color:var(--tone-2);border-radius:999px;align-items:baseline;gap:4px;padding:3px 10px;font-size:15px;display:inline-flex}.catch-chip b{font:700 11px var(--mono)}.catch-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.catch-tile{border:1px solid var(--line-2);min-height:96px;color:var(--ink);cursor:pointer;font:inherit;background:linear-gradient(#172024,#10171a);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 6px;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.catch-tile:hover{border-color:var(--tone)}.catch-tile:active{transform:scale(.95)}.catch-tile:focus-visible{outline:2px solid var(--tone);outline-offset:2px}.catch-tile .lab{font-size:28px;line-height:1.15}.catch-tile .s{color:var(--muted);font-size:11px}.catch-tile .n{font:11px var(--mono);color:var(--faint);margin-top:4px}.catch-tile.has{border-color:var(--tone-soft);background:radial-gradient(90% 70% at 50% 100%, var(--tone-soft), transparent 70%), linear-gradient(180deg, #172024, #10171a)}.catch-tile.has .n{color:var(--on-tone);background:var(--tone);border-radius:999px;padding:1px 8px;font-weight:700}.catch-tile.hit{border-color:var(--tone);box-shadow:0 0 0 3px var(--tone-soft), 0 0 26px var(--tone-glow)}.catch-tile .plus{font:700 15px var(--mono);color:var(--tone-2);pointer-events:none;animation:.7s ease-out forwards catch-plus;position:absolute;top:6px;right:8px}@keyframes catch-plus{0%{opacity:0;transform:translateY(8px)scale(.8)}30%{opacity:1}to{opacity:0;transform:translateY(-14px)scale(1.15)}}.how-grid{gap:10px;display:grid}@media (width>=640px){.how-grid{grid-template-columns:1fr 1fr}}.how-card{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative}.how-icon{background:var(--tone-soft);width:40px;height:40px;color:var(--tone);border-radius:12px;place-items:center;display:inline-grid}.how-icon svg{width:22px;height:22px}.how-no{font:700 13px var(--mono);color:var(--tone);opacity:.7;position:absolute;top:12px;right:14px}.how-card strong{color:var(--tone-2)}@media (prefers-reduced-motion:reduce){.catch-num,.catch-tile .plus{animation:none}}.trainer-bar{flex-direction:column;gap:10px;display:flex}.mode-tabs-3{grid-template-columns:repeat(3,1fr);width:100%;display:grid}@media (width>=720px){.mode-tabs-3{align-self:flex-start;width:auto;display:inline-grid}}.mode-tabs-3 button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.mode-tabs-3 button svg{flex:none;width:16px;height:16px}@media (width<=400px){.mode-tabs-3 button{gap:4px;padding:8px 6px}}@media (width<=360px){.mode-tabs-3 button svg{display:none}}.mode-tabs-3 button[aria-selected=true]{background:var(--tone-soft,var(--accent-soft));color:var(--tone-2,var(--accent-2));box-shadow:inset 0 0 0 1px var(--tone,var(--accent))}.states{flex-wrap:wrap;gap:6px;display:flex}.st{color:var(--muted);background:var(--surface-2);border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.st i{background:#5d6f6b;border-radius:50%;width:8px;height:8px}.st b{color:var(--ink);font:700 13px var(--mono)}.st[data-s=check]{border-color:#6ec8ff59}.st[data-s=check] i{background:var(--t-sky);box-shadow:0 0 6px #6ec8ff99}.st[data-s=maru]{border-color:#02fac959}.st[data-s=maru] i{background:var(--t-mint);box-shadow:0 0 6px var(--accent-glow)}.st[data-s=due]{color:var(--warn);border-color:#f2c94c73}.st[data-s=due] i{background:var(--warn)}.st-badge{white-space:nowrap;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.st-badge[data-s=check]{color:#06243a;background:var(--t-sky);border-color:var(--t-sky)}.st-badge[data-s=maru]{color:var(--on-accent);background:var(--t-mint);border-color:var(--t-mint)}.trainer .screen{background:radial-gradient(90% 70% at 50% 40%,#02fac912,#0000 70%),linear-gradient(#0f1716,#0a100f);transition:box-shadow .25s}.trainer .screen.sounding{box-shadow:0 0 0 1px #02fac959,0 0 34px -8px #02fac973}.trainer .bigwrap{perspective:600px}.trainer .big.card-in{animation:.4s cubic-bezier(.2,1.3,.4,1) card-in}@keyframes card-in{0%{opacity:0;transform:translateY(12px)rotateX(40deg)scale(.9)}to{opacity:1;transform:none}}.trainer .eq{opacity:0;align-items:flex-end;gap:3px;height:14px;transition:opacity .2s;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.trainer .screen.sounding .eq{opacity:1}.trainer .eq i{background:var(--accent-2);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:.55s ease-in-out infinite alternate eq-bar}.trainer .eq i:nth-child(2){animation-delay:.12s}.trainer .eq i:nth-child(3){animation-delay:.24s}.trainer .eq i:nth-child(4){animation-delay:80ms}.trainer .eq i:nth-child(5){animation-delay:.3s}@keyframes eq-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.trainer .knobs .btn{align-items:center;gap:7px;display:inline-flex}.trainer .knobs .btn svg{flex:none;width:17px;height:17px}.trainer .big-play{min-height:50px;box-shadow:0 10px 26px -12px var(--tone-glow,var(--accent-glow));padding:10px 22px;font-size:16px}.trainer .answer-yes{min-height:50px;padding:10px 20px;font-size:15.5px}.toggle-row{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex}.trainer .vcard{border-left:3px solid #3b4a47}.trainer .vcard[data-s=check]{border-left-color:var(--t-sky)}.trainer .vcard[data-s=maru]{border-left-color:var(--t-mint)}.trainer .vplay{justify-content:center;width:38px;padding:0}.trainer .vplay svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.trainer .big.card-in,.trainer .eq i{animation:none}}@media (width>=860px){.how-grid.how-3{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.st{gap:4px;padding:2px 8px;font-size:11px}.st b{font-size:12px}.st i{width:7px;height:7px}.states{gap:5px}}.route{scrollbar-width:thin;gap:0;padding:6px 2px 10px;display:flex;overflow-x:auto}.route-stop{color:var(--muted);text-align:center;flex-direction:column;flex:1 0 84px;align-items:center;gap:6px;text-decoration:none;display:flex;position:relative}.route-stop:before{content:"";background:repeating-linear-gradient(90deg, var(--tone) 0 6px, transparent 6px 11px);opacity:.5;z-index:0;width:100%;height:2px;position:absolute;top:17px;left:-50%}.route-stop:first-child:before{display:none}.route-dot{z-index:1;min-width:36px;height:36px;font:700 12.5px var(--mono);color:var(--tone-2);background:var(--surface-2);border:1px solid var(--tone);border-radius:18px;place-items:center;padding:0 8px;display:grid;position:relative}.route-stop:hover .route-dot{background:var(--tone-soft)}.route-stop.mine .route-dot{color:var(--on-tone);background:var(--tone);box-shadow:0 0 16px var(--tone-glow)}.route-name{max-width:7em;font-size:11.5px;line-height:1.35}.route-stop.mine .route-name{color:var(--tone-2);font-weight:700}.dont-grid{gap:10px;display:grid}@media (width>=720px){.dont-grid{grid-template-columns:1fr 1fr}}.dont-card{border:1px solid var(--line-2);background:var(--surface);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.dont-card p{gap:10px;margin:0;padding:10px 14px;font-size:14.5px;line-height:1.6;display:flex}.dont-card p>span[aria-hidden]{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-grid}.dont-no{color:var(--ink-2);background:#ff7a6b14;-webkit-text-decoration:line-through #ff7a6b99;text-decoration:line-through #ff7a6b99}.dont-no>span[aria-hidden]{background:var(--t-coral);color:#3a0c06;text-decoration:none}.dont-yes{color:var(--ink);font-weight:700}.dont-yes>span[aria-hidden]{background:var(--t-mint);color:var(--on-accent)}.dont-card p.dont-en{color:var(--muted);padding-top:0;font-size:12.5px;font-weight:400}.day1{border:1px solid var(--tone-soft);background:linear-gradient(170deg, var(--tone-soft), transparent 60%);border-radius:20px;flex-direction:column;gap:10px;padding:18px;display:flex}.phase-card{border:1px solid var(--line-2);background:linear-gradient(#131a19,#0d1211);border-radius:20px;overflow:hidden}.phase-card[open]{border-color:var(--tone-soft);box-shadow:0 18px 40px -26px var(--tone-glow)}.phase-card>summary{cursor:pointer;align-items:center;gap:14px;padding:14px 16px;list-style:none;display:flex}.phase-card>summary::-webkit-details-marker{display:none}.phase-card>summary:after{content:"▾";color:var(--tone);margin-left:auto;font-size:14px}.phase-card[open]>summary:after{content:"▴"}.phase-card>summary:focus-visible{outline:2px solid var(--tone);outline-offset:-2px}.phase-card .tool-badge{white-space:nowrap;flex:none;align-self:center;margin-left:auto}.phase-card>summary:has(.tool-badge):after{margin-left:10px}.phase-sum{flex-direction:column;gap:2px;min-width:0;display:flex}.phase-title{font:400 clamp(18px, 4.6vw, 22px) var(--display);letter-spacing:.02em}.phase-body{flex-direction:column;gap:14px;padding:4px 16px 18px;display:flex}.phase-intro{flex-direction:column;gap:6px;display:flex}.phase-intro p{color:var(--ink-2);font-size:15.5px;line-height:1.8}.page[data-tone] .gate{background:var(--tone-soft);border-color:var(--tone)}.page[data-tone] .gate b{color:var(--tone-2);margin-right:8px}.phase-foot{flex-direction:column;gap:8px;display:flex}.chapter-chip{color:var(--tone-2);background:var(--tone-soft);border:1px solid var(--tone-soft);border-radius:999px;align-items:center;padding:5px 12px;font-size:12.5px;text-decoration:none;display:inline-flex}.chapter-chip:hover{border-color:var(--tone)}.gl-search{flex-direction:column;gap:10px;display:flex}.gl-input{border:1px solid var(--tone-soft);background:var(--surface);min-height:54px;box-shadow:0 10px 28px -20px var(--tone-glow);border-radius:16px;align-items:center;gap:10px;padding:0 16px;display:flex}.gl-input:focus-within{border-color:var(--tone);box-shadow:0 0 0 3px var(--tone-soft)}.gl-input svg{width:22px;height:22px;color:var(--tone);flex:none}.gl-input input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.gl-cats{scrollbar-width:thin;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.gl-cats .chip{flex:none}.gl-cats .chip b{font:700 11px var(--mono);opacity:.75}.gl-head{font:400 clamp(19px, 4.4vw, 22px) var(--display);align-items:baseline;gap:10px;display:flex}.gl-head>span:first-child{color:var(--tone-2)}.gl-term{color:var(--tone-2);font-size:17px;font-weight:700}.gl-reading{color:var(--muted);font-size:12px}.gl-bass{color:var(--ink-2);background:#02fac912;border:1px solid #02fac940;border-radius:12px;margin-top:2px;padding:9px 12px;font-size:13.5px;display:block}.gl-bass-label{color:var(--t-mint);margin-bottom:3px;font-size:11.5px;font-weight:700;display:block}.gl-tabs{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.gl-tabs .tab-short{display:none}@media (width<=600px){.gl-tabs .tab-long{display:none}.gl-tabs .tab-short{display:inline}.gl-tabs button{gap:4px;padding:8px 6px;font-size:13.5px}}@media (width<=380px){.gl-tabs button svg{display:none}}@media (width>=720px){.gl-tabs{align-self:flex-start;width:auto;display:inline-grid}}.gl-tabs button{justify-content:center;align-items:center;gap:6px;font-size:14.5px;display:inline-flex}.gl-tabs button svg{flex:none;width:17px;height:17px}.gl-tabs button b{font:700 11px var(--mono);opacity:.7}.gl-tabs button[aria-selected=true]{background:var(--tone-soft);color:var(--tone-2);box-shadow:inset 0 0 0 1px var(--tone)}.genre-family-head{flex-direction:column;gap:2px;margin-top:6px;display:flex}.genre-tree{flex-direction:column;gap:8px;display:flex}.genre-card h3{margin:0}.genre-card.parent .gl-term{font-size:20px}.genre-body{color:var(--ink-2);flex-direction:column;gap:6px;font-size:14.5px;line-height:1.65;display:flex}.genre-toggle{border:1px dashed var(--tone-soft);width:100%;min-height:46px;color:var(--tone-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;display:flex}.genre-toggle:hover{background:var(--tone-soft)}.genre-toggle[aria-expanded=true]{border-style:solid}.genre-toggle-label{flex:none;font-size:13.5px;font-weight:700}.genre-toggle-label b{font:700 11px var(--mono);opacity:.75;margin-left:2px}.genre-toggle-names{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:12.5px;overflow:hidden}.genre-toggle-chev{flex:none;margin-left:auto;font-size:12px}.genre-branches{border-left:2px solid var(--tone-soft);grid-template-columns:1fr;gap:10px;margin-left:10px;padding-left:14px;display:grid}@media (width>=720px){.genre-branches{grid-template-columns:1fr 1fr;margin-left:18px}}.genre-branches .gterm{position:relative}.genre-branches .gterm:before{content:"";background:var(--tone-soft);width:14px;height:2px;position:absolute;top:24px;left:-17px}@media (width>=720px){.genre-branches .gterm:nth-child(2n):before{display:none}}.gl-fact{color:var(--ink-2);background:#ffc85712;border:1px solid #ffc8573d;border-radius:12px;padding:9px 12px;font-size:13.5px;display:block}.gl-fact-label{color:var(--t-gold);margin-bottom:3px;font-size:11.5px;font-weight:700;display:block}.gl-artists{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.gl-artists-label{color:var(--muted);flex-basis:100%;font-size:11.5px;font-weight:700}.gl-artist{background:var(--tone-soft);border:1px solid var(--tone-soft);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:3px 11px;font-size:13px;line-height:1.5}.gl-artist:hover{border-color:var(--tone)}.gl-artist[aria-pressed=true]{background:var(--tone);border-color:var(--tone);color:var(--on-tone);font-weight:700}.gl-artist mark{color:inherit;background:0 0;text-decoration:underline}.artist-panel{background:var(--bg-2);border:1px solid var(--line-2);border-radius:12px;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;margin-top:4px;padding:10px 12px;animation:.2s ease-out fade-up;display:flex}.artist-listen{text-decoration:none}.artist-listen svg{width:15px;height:15px}.artist-also{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.link-chip{border:1px dashed var(--tone-soft);color:var(--tone-2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:2px 10px;font-size:12.5px;line-height:1.6}.link-chip:hover{background:var(--tone-soft);border-style:solid}.genre-roots{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gterm{scroll-margin-top:84px}.gterm.flash{animation:1.6s ease-out genre-flash}@keyframes genre-flash{0%,30%{box-shadow:0 0 0 2px var(--tone), 0 0 26px -6px var(--tone-glow)}to{box-shadow:0 0 #0000}}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.gsound{background:var(--bg-2);border:1px solid var(--line-2);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.gsound-top{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.gsound-play svg{width:15px;height:15px}.gsound-play[aria-pressed=true]{border-color:var(--tone);color:var(--tone-2)}.gsound-chords{flex-wrap:wrap;gap:4px;font-size:14.5px;display:flex}.gsound-chords span{color:var(--muted);border:1px solid #0000;border-radius:7px;padding:1px 7px;transition:background .15s,color .15s}.gsound-chords span.on{background:var(--tone-soft);border-color:var(--tone);color:var(--tone-2)}.gsound-note{color:var(--ink-2);margin:0;font-size:13px;line-height:1.6}.bassist-card h3{margin:0}.bassist-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.bassist-tag{color:var(--ink);margin:0;font-size:14px;font-weight:700}.bassist-listen{border:1px solid var(--tone-soft);background:var(--bg-2);color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.bassist-listen:hover{border-color:var(--tone)}.bassist-listen-icon{background:var(--tone-soft);width:34px;height:34px;color:var(--tone-2);border-radius:50%;flex:none;place-items:center;display:grid}.bassist-listen-icon svg{width:16px;height:16px}.bassist-listen-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.bassist-listen-body .gl-artists-label{flex-basis:auto}.bassist-listen-song{overflow-wrap:anywhere;font-size:14.5px;font-weight:700}a.link-chip{text-decoration:none}.genre-mine{border-color:var(--tone-soft);background:radial-gradient(90% 120% at 100% 0%, var(--tone-soft), transparent 60%), var(--surface)}.genre-mine .eyebrow{color:var(--tone)}.gtree{flex-direction:column;align-items:center;gap:0;padding:4px 0 2px;display:flex}.gtree-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;display:flex}.gtree-cap{text-align:center;color:var(--muted);letter-spacing:.04em;flex-basis:100%;font-size:11.5px;font-weight:700}.gtree-node{border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:5px 12px;font-size:13.5px}.gtree-node:hover{border-color:var(--tone);color:var(--tone-2)}.gtree-link{background:var(--tone-soft);width:2px;height:18px;margin:6px 0;display:block}.gtree-me{border:1px solid var(--tone);background:var(--tone-soft);box-shadow:0 10px 28px -18px var(--tone-glow);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 22px;animation:.2s ease-out fade-up;display:flex}.gtree-me-name{font:400 clamp(20px, 5vw, 24px) var(--display);color:var(--tone-2);text-align:center}.meet{max-width:34em;color:var(--ink-2);margin:4px auto 0;font-size:13.5px;line-height:1.6;animation:.2s ease-out fade-up}.meet-label{color:var(--t-gold);vertical-align:1px;background:#ffc85724;border-radius:6px;margin-right:8px;padding:0 7px;font-size:11px;font-weight:700;display:inline-block}.vmeet{color:var(--ink-2);margin:0;font-size:12px;line-height:1.55}.vmeet .meet-label{margin-right:6px}.vmeet-link{margin-top:3px;font-size:12px;display:block}.catch-hey{background:#ffc85712;border:1px solid #ffc8573d;border-radius:14px;flex-direction:column;gap:4px;padding:11px 14px;animation:.25s ease-out fade-up;display:flex}.catch-hey p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.65}.catch-hey-label{color:var(--t-gold);font-size:12px;font-weight:700}.catch-hey-label .numeral{margin-left:4px;font-size:15px}.catch-hey-link{align-self:flex-start;font-size:13px}.home-fact{color:var(--ink);border:1px solid var(--tone-soft);background:radial-gradient(80% 120% at 100% 0%, var(--tone-soft), transparent 65%), var(--surface);border-radius:20px;flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;display:flex}.home-fact:has(.home-fact-main:hover){border-color:var(--tone)}.home-fact-main{color:var(--ink);flex-direction:column;gap:6px;text-decoration:none;display:flex}.home-fact-top{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.home-fact .eyebrow{color:var(--tone)}.home-fact-kind{background:var(--tone-soft);color:var(--tone-2);border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:700}.home-fact-rel{color:var(--tone-2);font-size:12px}.home-fact-sub{color:var(--ink);margin-top:-2px;font-size:13px;font-weight:700}.home-fact-genre{font:400 clamp(19px, 4.6vw, 22px) var(--display);color:var(--tone-2)}.home-fact-text{color:var(--ink-2);font-size:14.5px;line-height:1.7}.home-fact-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.home-fact-listen{border-color:var(--tone);color:var(--tone-2);text-decoration:none}.home-fact-listen svg{width:15px;height:15px}.home-fact-go{color:var(--tone);margin-left:auto;font-size:13px}.home-more{border:1px dashed var(--line-2);width:100%;min-height:42px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:13.5px;display:flex}.home-more:hover{color:var(--ink);border-color:var(--muted)}.player-strip{color:var(--ink);border:1px solid var(--line-2);background:var(--surface);border-radius:18px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex}.player-strip:hover{border-color:var(--tone)}.player-strip.ready{border-color:var(--tone);box-shadow:0 0 0 3px var(--tone-soft)}.player-strip .lv-window.sm{min-width:0;padding:6px 10px 4px}.player-strip .lv-window.sm .lv-prefix{font-size:12px}.player-strip .lv-window.sm .lv-num{font-size:30px}.ps-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ps-title{font-family:var(--display);letter-spacing:.03em;font-size:17px}.ps-next{color:var(--muted);font-size:12.5px}.player-strip.ready .ps-next{color:var(--tone-2);font-weight:700}.ps-go{color:var(--tone)}.howto{flex-direction:column;gap:10px;display:flex}.howto-toggle{border:1px dashed var(--line-2);width:100%;min-height:44px;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}.howto-toggle:hover{border-color:var(--muted);color:var(--ink)}.howto-toggle svg{width:18px;height:18px;color:var(--tone,var(--accent));flex:none}.howto-toggle span:first-of-type{flex:1}.howto-chev{color:var(--muted);font-size:12px}.catch-switches{flex-wrap:wrap;gap:6px;display:flex}.tabs.seg{gap:2px;padding:3px}.tabs.seg button{padding:7px 9px;font-size:13px}.tabs.seg button[aria-pressed=true]{background:var(--tone-soft,var(--accent-soft));color:var(--tone-2,var(--accent-2));box-shadow:inset 0 0 0 1px var(--tone,var(--accent));font-weight:700}.glossary mark{color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#6ec8ff47;border-radius:3px;padding:0 1px}.home-hero{border:1px solid var(--tone-soft);background:radial-gradient(90% 120% at 100% 0%, var(--tone-soft), transparent 60%), linear-gradient(180deg, #121a19, #0c1211);border-radius:22px;flex-direction:column;gap:16px;padding:20px 20px 0;display:flex;overflow:hidden}.home-hero-top{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.home-hello{flex-direction:column;gap:6px;min-width:0;display:flex}.home-hello .eyebrow{color:var(--tone)}.home-hello .h1{font-size:clamp(24px,6vw,36px);line-height:1.3}.home-name{color:var(--tone-2)}.home-count{color:var(--tone);flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.home-count-num{font:400 clamp(44px, 12vw, 64px) var(--display);color:var(--tone-2);text-shadow:0 0 26px var(--tone-glow);line-height:1;animation:.35s cubic-bezier(.2,1.6,.4,1) catch-pop}@media (width<=480px){.home-hero-top{flex-direction:column;align-items:flex-start;gap:10px}.home-count{flex-direction:row;align-items:baseline;gap:10px}}.player-strip.in-hero{background:linear-gradient(90deg,#ffc85712,#0000 75%);border:0;border-top:1px solid #ffc85738;border-radius:0;gap:12px;margin:0 -20px;padding:12px 20px 14px}.player-strip.in-hero:hover{background:linear-gradient(90deg, var(--tone-soft), transparent 80%);border-color:#ffc85738}.player-strip.in-hero.ready{box-shadow:none;background:linear-gradient(90deg,#ffc85733,#ffc8570d)}.player-strip.in-hero .lv-window.sm{padding:4px 9px 3px}.player-strip.in-hero .lv-window.sm .lv-num{font-size:26px}.player-strip.in-hero .ps-title{color:var(--tone-2);font-size:16px}.player-strip.in-hero:focus-visible{outline:2px solid var(--tone);outline-offset:-2px}@media (width<=374px){.player-strip.in-hero .ps-go{display:none}.player-strip.in-hero .ps-title{font-size:15px}.player-strip.in-hero .ps-next{font-size:12px}}.next-hero{color:var(--ink);border:1px solid var(--tone);background:linear-gradient(120deg, var(--tone-soft), transparent 70%), var(--surface);box-shadow:0 16px 36px -22px var(--tone-glow);border-radius:20px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.next-hero:hover{box-shadow:0 20px 40px -20px var(--tone-glow);transform:translateY(-2px)}.next-hero:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.next-hero-icon{background:var(--tone);width:52px;height:52px;color:var(--on-tone);box-shadow:0 0 20px var(--tone-glow);border-radius:16px;flex:none;place-items:center;display:grid}.next-hero-icon svg{width:26px;height:26px}.next-hero-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.next-hero-label{font:700 11.5px var(--mono);letter-spacing:.1em;color:var(--tone)}.next-hero-title{font-size:17px;font-weight:700;line-height:1.45}.next-hero-go{color:var(--tone);flex:none;font-size:22px;transition:transform .18s}.next-hero:hover .next-hero-go{transform:translate(4px)}.spark-axis{justify-content:space-between;margin-top:-4px;font-size:11px;display:flex}.stat-tiles{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat{background:var(--bg-2);border:1px solid var(--line-2);border-top:2px solid var(--tone);border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.stat-num{font:700 22px var(--mono);color:var(--tone-2);line-height:1.2}.stat-num small{color:var(--muted);margin-left:2px;font-size:12px;font-weight:400}.stat-cap{color:var(--muted);font-size:11.5px}@media (prefers-reduced-motion:reduce){.home-count-num{animation:none}}.ladder{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex;position:relative}.ladder:before{content:"";background:linear-gradient(180deg, #2c3d3a 0%, #2c3d3a 40%, var(--tone) 100%);opacity:.7;width:2px;position:absolute;top:20px;bottom:20px;left:21px}.rung{align-items:flex-start;gap:14px;display:flex;position:relative}.rung-node{z-index:1;width:44px;height:44px;font:400 18px var(--display);color:var(--faint);background:var(--bg);border:2px solid #2c3d3a;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.rung[data-state=done] .rung-node{color:var(--on-tone);background:var(--tone);border-color:var(--tone);font:700 18px var(--body)}.rung[data-state=now] .rung-node{color:var(--on-tone);background:var(--tone);border-color:var(--tone-2);box-shadow:0 0 0 5px var(--tone-soft), 0 0 26px var(--tone-glow);animation:2.4s ease-in-out infinite pic-pulse}.rung[data-state=next] .rung-node{color:var(--tone-2);border-color:var(--tone);border-style:dashed}.rung-card{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;flex-direction:column;flex:1;gap:4px;min-width:0;padding:12px 14px;display:flex}.rung[data-state=now] .rung-card{border-color:var(--tone);background:linear-gradient(160deg, var(--tone-soft), var(--surface) 70%);box-shadow:0 16px 36px -22px var(--tone-glow)}.rung[data-state=next] .rung-card{border-color:var(--tone-soft)}.rung[data-state=later] .rung-card{opacity:.72}.rung-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rung-lv{font:700 12px var(--mono);letter-spacing:.08em;color:var(--tone)}.rung-title{font:400 17px var(--display);letter-spacing:.02em}.rung[data-state=now] .rung-title,.rung[data-state=done] .rung-title{color:var(--tone-2)}.rung-tag{color:var(--tone-2);border:1px dashed var(--tone);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.rung-t{font-size:15px;font-weight:700}.rung-conds{flex-direction:column;gap:5px;margin:6px 0 0;padding:0;list-style:none;display:flex}.rung-conds li{color:var(--ink-2);gap:8px;font-size:13.5px;line-height:1.55;display:flex}.rung-conds li>span{border:1px solid var(--line-2);width:20px;height:20px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:11px;display:inline-grid}.rung-conds li.ok{color:var(--muted)}.rung-conds li.ok>span{background:var(--tone);border-color:var(--tone);color:var(--on-tone);font-weight:700}.rung-set{align-self:flex-start;margin-top:4px}@media (prefers-reduced-motion:reduce){.rung[data-state=now] .rung-node{animation:none}}.install-card{border:1px solid var(--tone);background:linear-gradient(120deg, var(--tone-soft), transparent 70%), var(--surface);border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 14px;display:flex}.install-icon{border:1px solid var(--line-2);width:44px;height:44px;color:var(--accent);background:#0c1211;border-radius:12px;flex:none;place-items:center;display:grid}.install-icon svg{width:32px;height:32px}.install-card-body{flex-direction:column;flex:150px;gap:1px;min-width:0;display:flex}.install-card-title{font-size:15px;font-weight:700}.install-card-btns{gap:6px;margin-left:auto;display:flex}.install-hint{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.install-link{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.install-first{background:var(--warn-soft);color:var(--ink-2);border:1px solid #f2c94c59;border-radius:12px;margin:0;padding:10px 12px;font-size:13.5px;line-height:1.7}.install-first b{color:var(--warn);font-size:12px;display:block}.install-steps{counter-reset:is;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.install-steps li{counter-increment:is;grid-template-columns:46px 1fr;align-items:center;gap:12px;display:grid}.install-steps b{font-size:14.5px;line-height:1.5;display:block}.install-sub{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.6;display:block}.install-key{background:var(--surface-2);border:1px solid var(--line-2);color:#5ab0ff;border-radius:12px;place-items:center;width:46px;height:46px;display:grid;position:relative}.install-key svg{width:24px;height:24px}.install-key:before{content:counter(is);background:var(--tone);width:19px;height:19px;color:var(--on-tone);font:700 11px var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:-7px;left:-7px}.install-word{text-align:center;word-break:keep-all;font-size:11.5px;font-weight:700;line-height:1.1}.install-inline{vertical-align:-6px;background:var(--surface-2);border:1px solid var(--line-2);color:#5ab0ff;border-radius:6px;place-items:center;width:22px;height:22px;margin:0 1px;display:inline-grid}.install-inline svg{width:14px;height:14px}.install-after{border-top:1px dashed var(--line-2);color:var(--muted);margin:0;padding-top:10px;font-size:13px;line-height:1.7}.sheet-backdrop{z-index:55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050807b8;justify-content:center;align-items:flex-end;animation:.2s both fade-up;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;width:100%;max-width:520px;max-height:90dvh;padding:18px 18px calc(20px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--line-2);border-bottom:0;border-radius:22px 22px 0 0;flex-direction:column;gap:14px;animation:.28s cubic-bezier(.2,.9,.3,1) both sheet-up;display:flex;overflow-y:auto}.sheet-head{align-items:center;gap:12px;display:flex}.sheet-head .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sheet-head .h3{margin:0}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (width>=720px){.sheet-backdrop{align-items:center;padding:20px}.sheet{border-bottom:1px solid var(--line-2);border-radius:22px;padding-bottom:22px}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}