.rd-card{width:min(480px,96vw)}.rd-card .modal-head h2{font-size:18px}.rd-text{margin:4px 0 0;color:var(--text-dim);font-size:14px;line-height:1.55}.rd-notes{display:grid;gap:6px;margin:12px 0 0;padding-left:18px;color:var(--text);font-size:13.5px;line-height:1.5}.rd-warn,.rd-error{margin:12px 0 0;font-size:13px;line-height:1.45}.rd-warn{color:#b45309}.rd-error{color:#dc2626}:root[data-theme=dark] .rd-warn{color:#fbbf24}:root[data-theme=dark] .rd-error{color:#f87171}.rd-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.rd-actions .chip{padding:8px 14px;font-size:13px}.rd-actions .chip:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.rd-actions .chip:disabled{opacity:.55;cursor:not-allowed}.rd-actions .rd-danger.active{background:#dc2626}.plan-badge{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border:none;border-radius:999px;font:inherit;font-size:11.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.plan-badge:hover{transform:translateY(-1px);filter:brightness(1.04)}.plan-badge:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.plan-badge.is-paid{position:relative;overflow:hidden;color:#5b3a00;background:linear-gradient(135deg,#fde68a,#fbbf24 45%,#f59e0b);box-shadow:0 4px 14px -4px #f59e0ba6,inset 0 1px #fff9}.plan-badge.is-paid:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skew(-20deg);animation:plan-shine 4.5s ease-in-out infinite}@keyframes plan-shine{0%,70%{left:-60%}to{left:130%}}.plan-badge-days{padding:1px 6px;border-radius:999px;background:#ffffff8c;font-size:10.5px}.plan-badge.is-soon .plan-badge-days{background:#fff7ed;color:#c2410c}.plan-badge.is-ending .plan-badge-days{background:#fff1f2;color:#e11d48}.plan-badge.is-trial{color:#fff;background:linear-gradient(135deg,#8b5cf6,#d946ef);box-shadow:0 4px 14px -4px #8b5cf699}.plan-badge.is-trial .plan-badge-days{background:#ffffff40;color:#fff}.plan-badge.is-trial.is-ending .plan-badge-days{background:#fff;color:#e11d48}.plan-badge.is-free{color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 4px 14px -4px #f43f5e99}@media (max-width: 640px){.plan-badge{height:28px;padding:0 8px;gap:4px}.plan-badge.is-paid .plan-badge-name,.plan-badge.is-trial .plan-badge-name{display:none}.plan-badge.is-free .plan-badge-name{font-size:11px}}@media (prefers-reduced-motion: reduce){.plan-badge.is-paid:after{animation:none;display:none}}:root{--gc-ink: #1d1f4f;--gc-dim: #6b7280;--gc-card: #ffffff;--gc-line: rgba(20, 22, 50, .09);--gc-soft: #f7f7fb;--gc-pink: #f43f5e;--gc-pink-2: #e11d48;--gc-pink-soft: #fff1f4;--gc-shadow: 0 10px 30px rgba(99, 102, 241, .06), 0 2px 6px rgba(20, 22, 50, .05);--gc-radius: 16px}:root[data-theme=dark]{--gc-ink: #eef2ff;--gc-dim: #9aa6bd;--gc-card: #111b2f;--gc-line: rgba(255, 255, 255, .09);--gc-soft: rgba(255, 255, 255, .04);--gc-pink-soft: rgba(244, 63, 94, .12);--gc-shadow: 0 10px 28px rgba(0, 0, 0, .32)}.main-header--course{min-height:108px;padding-bottom:0}@media (min-width: 761px){.shell-main:has(.main-header--course){padding-top:6px}}.main-header--course .page-head{max-width:560px;position:relative;z-index:1}.main-header--course .page-title{font-size:40px;margin:2px 0 4px;color:var(--gc-ink)}.main-header--course .page-sub{max-width:480px}.gc-hero-pill{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:7px;background:linear-gradient(135deg,var(--gc-pink),var(--gc-pink-2));color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 12px #f43f5e4d}.gc-hero-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:2px}.gc-hero-line .gc-hero-pill{margin-bottom:0}.main-header .gc-hero-line .page-title{margin:0}.gc-hero-line .topsearch{flex:0 1 280px;min-width:150px;background:var(--surface);box-shadow:0 4px 14px #00000014}@media (min-width: 641px){.main-header.main-header--course{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 14px}.main-header--course .main-header-lead,.main-header--course .page-head{display:contents}.main-header--course .nav-toggle{grid-column:1;grid-row:1}.main-header--course .st-crumbs{grid-column:2;grid-row:1;position:relative;z-index:1;margin:0}.main-header--course .main-tools{grid-column:3;grid-row:1;position:relative;z-index:2}.main-header--course .gc-hero-line{grid-column:1 / -1;grid-row:2;position:relative;z-index:1;flex-wrap:nowrap}.main-header--course .gc-hero-line .page-title-row{flex:none}}@media (min-width: 1025px){.main-header--course .st-crumbs{grid-column:1 / 3}}@media (min-width: 641px){.main-header--course .st-crumbs{display:none}.main-header.main-header--course{min-height:0}.main-header--course .gc-hero-line{grid-column:2;grid-row:1;min-width:0}.main-header.main-header--course .gc-hero-line .page-title{font-size:34px;white-space:nowrap}}@media (min-width: 1025px){.main-header--course .gc-hero-line{grid-column:1 / 3}}@media (max-width: 640px){.gc-hero-line{margin-top:4px}.gc-hero-line .topsearch{display:none}.main-header.main-header--course{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:0;padding-bottom:4px}.main-header--course .main-header-lead,.main-header--course .page-head{display:contents}.main-header--course .st-crumbs{display:none}.main-header--course .nav-toggle{grid-column:1;grid-row:1}.main-header--course .main-tools{grid-column:3;grid-row:1}.main-header--course .gc-hero-line{grid-column:2;grid-row:1;margin:0;min-width:0;flex-wrap:nowrap;gap:6px}.main-header--course .gc-hero-line .page-title-row{min-width:0}.main-header.main-header--course .gc-hero-line .page-title{margin:0;font-size:22px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-header--course .gc-hero-pill{order:2;flex:none;padding:2px 7px;font-size:0;border-radius:6px}.main-header--course .gc-hero-pill:after{content:attr(data-short);font-size:11px}}.gc-hero-art{position:absolute;top:40px;right:0;bottom:0;left:55%;z-index:-1;pointer-events:none;overflow:hidden}.gc-hero-art svg{width:100%;height:100%;display:block}.gch-sky1{stop-color:#ffe4ee}.gch-sky2{stop-color:#f1e9ff;stop-opacity:.8}.gch-sky3{stop-color:#fdf4f5;stop-opacity:0}.gch-sun{fill:#fff7fb;opacity:.9;filter:blur(6px)}.gch-far1{stop-color:#b9b2f0}.gch-far2{stop-color:#ddd8fb}.gch-mid1{stop-color:#9aa5e8}.gch-mid2{stop-color:#c9d0f7}.gch-far,.gch-mid{opacity:.85}.gch-snow{fill:#fff;opacity:.85}.gch-mist0{stop-color:#fdf4f5;stop-opacity:0}.gch-mist1{stop-color:#fdf4f5;stop-opacity:.55}.gch-mist2{stop-color:#fdf4f5;stop-opacity:1}.gch-pine{fill:#2c3e66;opacity:.85}.gch-pine--far{opacity:.55}.gch-note{fill:#1e1b4b;stroke:#1e1b4b;opacity:.85;transform-box:fill-box;transform-origin:center;animation:gch-float 6s ease-in-out infinite}.gch-note.f2{animation-delay:-2s}.gch-note.f3{animation-delay:-4s}.gch-stem{fill:none;stroke-width:1.8}@keyframes gch-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(5deg)}}.gch-guitar{filter:drop-shadow(0 14px 18px rgba(30,27,75,.25))}.gch-script text{font-family:Dancing Script,Brush Script MT,cursive;font-size:30px;font-weight:700;text-anchor:middle}.gch-script text.long{font-size:23px}.gch-underline{fill:none;stroke-width:3;stroke-linecap:round;opacity:.85}:root[data-theme=dark] .gch-sky1{stop-color:#3b1d4f}:root[data-theme=dark] .gch-sky2{stop-color:#1e1b4b}:root[data-theme=dark] .gch-sky3{stop-color:#0b1120}:root[data-theme=dark] .gch-sun{fill:#fda4af;opacity:.25}:root[data-theme=dark] .gch-far1{stop-color:#4338ca}:root[data-theme=dark] .gch-far2{stop-color:#312e81}:root[data-theme=dark] .gch-mid1{stop-color:#3730a3}:root[data-theme=dark] .gch-mid2{stop-color:#1e1b4b}:root[data-theme=dark] .gch-snow{opacity:.4}:root[data-theme=dark] .gch-mist0,:root[data-theme=dark] .gch-mist1,:root[data-theme=dark] .gch-mist2{stop-color:#0b1120}:root[data-theme=dark] .gch-pine{fill:#0b1226}:root[data-theme=dark] .gch-note{fill:#e0e7ff;stroke:#e0e7ff}.main-header.main-header--indian{min-height:198px}.main-header.main-header--indian.raga,.main-header.main-header--indian.taal{min-height:214px}.main-header.main-header--indian .page-head{position:relative;z-index:1;max-width:580px}.main-header.main-header--indian .page-title{margin:2px 0 8px;font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.main-header.main-header--indian .page-sub{max-width:540px;font-size:14px;line-height:1.55}@media (min-width: 641px){.main-header.main-header--indian,.main-header.main-header--indian.raga,.main-header.main-header--indian.taal{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 14px;min-height:150px;padding-top:14px;padding-bottom:14px}.main-header.main-header--indian .main-header-lead,.main-header.main-header--indian .page-head{display:contents}.main-header.main-header--indian .nav-toggle{grid-column:1;grid-row:1}.main-header.main-header--indian .st-crumbs{grid-column:2;grid-row:1;margin:0;position:relative;z-index:1}.main-header.main-header--indian .main-tools{grid-column:3;grid-row:1;position:relative;z-index:2;margin:0}.main-header.main-header--indian .ic-kicker,.main-header.main-header--indian .page-title-row,.main-header.main-header--indian .page-sub{grid-column:1 / -1;max-width:560px;position:relative;z-index:1}.main-header.main-header--indian .page-title-row{margin-top:2px}.main-header.main-header--indian .page-title{margin:0 0 4px;font-size:40px}.main-header.main-header--indian .page-sub{margin:0;font-size:13px;line-height:1.5}}@media (min-width: 1025px){.main-header.main-header--indian .st-crumbs{grid-column:1 / 3}}@media (min-width: 641px){.main-header.main-header--indian:not(:has(.st-crumbs)) .ic-kicker{grid-column:2;grid-row:1;margin:0;align-self:center}}@media (min-width: 1025px){.main-header.main-header--indian:not(:has(.st-crumbs)) .ic-kicker{grid-column:1 / 3}}@media (min-width: 641px){.main-header.main-header--indian:not(:has(.st-crumbs)):not(:has(.ic-kicker)){min-height:0}.main-header.main-header--indian:not(:has(.st-crumbs)):not(:has(.ic-kicker)) .page-title-row{grid-column:2;grid-row:1;margin:0;align-self:center;min-width:0}}@media (min-width: 1025px){.main-header.main-header--indian:not(:has(.st-crumbs)):not(:has(.ic-kicker)) .page-title-row{grid-column:1 / 3}}.ic-kicker{display:block;margin-bottom:2px;font-size:21px;font-weight:800;letter-spacing:-.01em;color:#e11d48}:root[data-theme=dark] .ic-kicker{color:#fb7185}.ic-hero-art{position:absolute;top:50px;right:0;bottom:0;left:38%;z-index:-1;overflow:hidden;pointer-events:none}.ic-hero-art.raga{top:0;left:max(32%,100% - 900px)}.ic-hero-art svg{display:block;width:100%;height:100%}.ic-hero-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 68%,var(--bg-1) 100%)}.ic-hero-art.raga svg{-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 220px,#000 400px);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 220px,#000 400px)}.ic-hero-art.raga image{opacity:.95}:root[data-theme=dark] .ic-hero-art.raga image{opacity:.7}.ic-hero-art.taal{top:0;left:max(34%,100% - 820px)}.ic-hero-art.taal svg{-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.3) 140px,#000 320px);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.3) 140px,#000 320px)}:root[data-theme=dark] .ic-hero-art.taal image{opacity:.72}.ich-script text{font-family:Dancing Script,Brush Script MT,Segoe Script,cursive;font-size:40px;font-weight:700;text-anchor:middle;fill:#fff}.ich-script{filter:drop-shadow(0 2px 6px rgba(136,19,55,.6))}.ich-waves path{fill:none;stroke:#fb7185;stroke-width:1.2;opacity:.38}.ich-guitar path,.ich-guitar circle{fill:#fb71851a;stroke:#fb7185;stroke-width:2;stroke-linejoin:round;opacity:.55}.ich-guitar .ich-strings{fill:none;stroke-width:.8;opacity:.45}.ich-note{fill:#f43f5e;opacity:.5;font-family:Poppins,system-ui,sans-serif;transform-box:fill-box;transform-origin:center;animation:ich-float 6s ease-in-out infinite}.ich-note.n2{animation-delay:-2s;opacity:.4}.ich-note.n3{animation-delay:-4s;fill:#d946ef;opacity:.38}@keyframes ich-float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-7px) rotate(5deg)}}:root[data-theme=dark] .ich-waves path{opacity:.25}:root[data-theme=dark] .ich-guitar path,:root[data-theme=dark] .ich-guitar circle{opacity:.4}@media (max-width: 1100px){.ic-hero-art{left:48%}.ic-hero-art.raga,.ic-hero-art.taal{left:40%}.main-header.main-header--indian .page-title{font-size:40px}}@media (max-width: 760px){.ic-hero-art,.ic-hero-art.raga,.ic-hero-art.taal{left:30%;opacity:.45}.ich-script{display:none}.main-header.main-header--indian,.main-header.main-header--indian.raga,.main-header.main-header--indian.taal{min-height:0}.main-header.main-header--indian .page-title{font-size:34px}}@media (max-width: 640px){.main-header.main-header--indian{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:10px;padding-bottom:8px}.main-header.main-header--indian .main-header-lead{display:contents}.main-header.main-header--indian .nav-toggle{grid-column:1;grid-row:1}.main-header.main-header--indian .main-tools{grid-column:3;grid-row:1}.main-header.main-header--indian .page-head{grid-column:1 / -1;grid-row:2;max-width:none}.main-header.main-header--indian .page-title{font-size:28px;white-space:normal;overflow:visible}.ic-kicker{font-size:16px}.ic-hero-art{display:none}.main-header.main-header--indian .page-head{display:contents}.main-header.main-header--indian .ic-kicker{display:none}.main-header.main-header--indian .page-title-row{grid-column:2;grid-row:1;min-width:0}.main-header.main-header--indian .page-title{margin:0;font-size:21px!important;line-height:1.15;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis}.main-header.main-header--indian .st-crumbs,.main-header.main-header--indian .page-sub{display:none}}@media (prefers-reduced-motion: reduce){.ich-note{animation:none}}.net-slot{display:contents}.net-slot[hidden]{display:none!important}.shell-main.net-held>:not(.hero-collapse):not(.net-gate):not(.powered-by){display:none!important}.net-gate{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;margin:0 auto;text-align:center;color:var(--text-dim)}.net-gate--page{max-width:600px;padding:64px 20px 48px}.net-gate--panel{justify-content:center;width:100%;padding:40px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.net-gate--compact{padding:14px 4px 4px;gap:8px}.net-gate-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#f43f5e1a;color:var(--accent-1)}.net-gate--compact .net-gate-ico{width:44px;height:44px}.net-gate-ico.is-warn{font-size:26px;font-weight:800;line-height:1}.net-gate h2{margin:4px 0 0;color:var(--text);font-size:22px;letter-spacing:-.01em}.net-gate--compact h2{font-size:18px}.net-gate h2:focus{outline:none}.net-gate h2:focus-visible{outline:2px solid var(--accent-1);outline-offset:4px;border-radius:4px}.net-gate p{margin:0;max-width:46ch;font-size:14.5px;line-height:1.55}.net-gate-offline{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.net-gate-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.net-gate-links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.net-gate-links .chip{font-size:12.5px}.net-gate-links .chip:not(.active):hover{border-color:var(--accent-1);color:var(--text)}.net-gate .chip:focus-visible,.net-gate-retry:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.net-gate-offline small{font-size:12px}.net-gate-retry{margin-top:6px;padding:6px 10px;border:0;border-radius:8px;background:none;color:var(--accent-1);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.net-gate-retry:hover{text-decoration:underline}.net-gate-retry[aria-disabled=true]{color:var(--text-dim);cursor:progress;text-decoration:none}.net-gate-note{min-height:1.3em;font-size:12.5px}.net-pill{display:inline-flex;flex:none;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px dashed var(--line);border-radius:999px;background:var(--panel);color:var(--text-dim);font-size:12px;font-weight:700;white-space:nowrap}.circle-btn.is-netoff{opacity:.55}.net-toast-slot{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%);pointer-events:none}.net-toast{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--text);color:var(--surface);font-size:13.5px;font-weight:600;white-space:nowrap;box-shadow:0 12px 30px #00000040;animation:net-toast-in .18s ease}@keyframes net-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.net-toast{animation:none}}.sidebar{--sb-w: 300px;--sb-ink: #23274a;--sb-dim: #7a7f97;--sb-ico: #363c6e;--sb-hover: rgba(35, 39, 74, .045);--sb-line: rgba(35, 39, 74, .09);--sb-pink: #f43f5e;--sb-pink-ink: #e11d48;--sb-pink-bg: rgba(244, 63, 94, .075);--sb-pink-line: rgba(244, 63, 94, .32);--sb-art: 1;position:sticky;top:0;z-index:30;width:var(--sb-w);flex:0 0 var(--sb-w);height:100vh;height:100dvh;display:flex;flex-direction:column;padding:0 12px 14px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(35,39,74,.16) transparent;background:var(--surface);border-right:1px solid var(--line);transition:width .22s ease,flex-basis .22s ease}:root[data-theme=dark] .sidebar{--sb-ink: var(--text);--sb-dim: var(--text-dim);--sb-ico: #c5cde0;--sb-hover: rgba(255, 255, 255, .05);--sb-line: rgba(255, 255, 255, .08);--sb-pink-ink: #fb7185;--sb-pink-bg: rgba(244, 63, 94, .13);--sb-pink-line: rgba(251, 113, 133, .4);--sb-art: .9;scrollbar-color:rgba(255,255,255,.14) transparent}.sb-brand{position:relative;isolation:isolate;flex:none;display:flex;align-items:center;gap:8px;margin:0 -12px 6px;padding:20px 14px 26px 18px}.sb-brand-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.sb-brand-wave{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.sb-brand-art{position:absolute;right:0;bottom:0;display:block;width:118px;height:96px}:root[data-theme=dark] .sb-brand-wave{opacity:.5}:root[data-theme=dark] .sb-brand-art{opacity:.75}.sb-brand-link{display:flex;align-items:center;gap:10px;min-width:0;padding:0;border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.sb-brand-link:focus-visible{outline:2px solid var(--sb-pink);outline-offset:4px}.sb-brand-mark{flex:none;width:42px;height:42px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.sb-brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.sb-brand-link:hover .sb-brand-mark{transform:rotate(-8deg) scale(1.06)}.sb-brand-link:active .sb-brand-mark{transform:scale(.96)}.sb-brand-text{display:flex;flex-direction:column;min-width:0}.sb-brand-name{display:inline-flex;align-items:baseline;font-family:Bricolage Grotesque,Poppins,system-ui,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--sb-ink);white-space:nowrap}.sb-brand-name span{position:relative;display:inline-block;margin-left:-2px;padding:0 2px 6px 1px;font-family:Dancing Script,Brush Script MT,cursive;font-size:1.32em;font-weight:700;letter-spacing:0;color:var(--accent-1);background:linear-gradient(115deg,#e11d48,var(--accent-1) 45%,var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:rotate(-4deg) translateY(1px)}.sb-brand-name span:after{content:"";position:absolute;left:4px;right:-2px;bottom:-1px;height:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5 C 8 1, 12 1, 18 4 S 30 7, 36 4 S 48 1, 59 3' fill='none' stroke='%23f43f5e' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;opacity:.85;transform-origin:left center}.sb-brand-link:hover .sb-brand-name span:after{opacity:1;animation:sb-wave .9s ease-in-out}@keyframes sb-wave{0%,to{transform:scaleY(1)}30%{transform:scaleY(1.8)}60%{transform:scaleY(.6)}}.sb-collapse,.sb-close{flex:none;display:none;place-items:center;margin-left:auto;padding:0;border:1px solid var(--sb-line);background:var(--surface);color:var(--sb-ico);cursor:pointer;transition:color .15s ease,border-color .15s ease}.sb-collapse{width:30px;height:30px;border-radius:9px;box-shadow:0 2px 8px #23274a14}.sb-close{width:34px;height:34px;border-radius:10px}.sb-collapse:hover,.sb-close:hover{color:var(--sb-pink-ink);border-color:var(--sb-pink-line)}.sb-collapse:focus-visible,.sb-close:focus-visible{outline:2px solid var(--sb-pink);outline-offset:2px}@media (min-width: 1025px){.sb-collapse{display:grid}}.sb-nav{flex:1 0 auto;display:flex;flex-direction:column;gap:2px}.sb-sep{flex:none;height:1px;margin:7px 10px;background:var(--sb-line)}.sb-folder{display:flex;flex-direction:column}.sb-row,.sb-subrow{position:relative;display:flex;align-items:center;width:100%;border:1px solid transparent;background:transparent;color:var(--sb-ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,border-color .15s ease}.sb-row{gap:8px;min-height:50px;padding:6px 8px;border-radius:13px}.sb-subrow{gap:9px;min-height:42px;padding:5px 8px 5px 7px;border-radius:11px}.sb-row:hover,.sb-subrow:hover,.sb-row.is-flying{background:var(--sb-hover)}.sb-row:focus-visible,.sb-subrow:focus-visible{outline:2px solid var(--sb-pink);outline-offset:-2px}.sb-ico{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--sb-ico);transition:color .15s ease}.sb-subrow .sb-ico{width:26px;height:26px}.sb-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.sb-label{display:flex;align-items:center;gap:6px;min-width:0;font-size:13.5px;font-weight:600;line-height:1.25;color:var(--sb-ink);transition:color .15s ease}.sb-label>span:first-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sb-subrow .sb-label{font-size:12.75px}.sb-hint{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.3;color:var(--sb-dim)}.sb-subrow .sb-hint{font-size:10.5px}.sb-badge{flex:none;padding:2px 6px;border-radius:6px;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-size:9px;font-weight:800;line-height:1.35;letter-spacing:.06em;text-transform:uppercase}.sb-row.is-netoff .sb-ico,.sb-row.is-netoff .sb-txt,.sb-row.is-netoff .sb-art,.sb-subrow.is-netoff .sb-ico,.sb-subrow.is-netoff .sb-txt{opacity:.5}.sb-net{flex:none;display:inline-grid;place-items:center;color:var(--sb-dim)}.sb-studio.is-netoff{opacity:.6;filter:grayscale(.6)}.sb-art{flex:none;width:40px;height:25px;opacity:var(--sb-art);transition:opacity .2s ease,transform .25s ease}.sb-art svg{display:block;width:100%;height:100%;overflow:visible}.sb-art .paper{fill:var(--surface)}.sb-row:hover .sb-art,.sb-row.is-active .sb-art,.sb-folder.has-active>.sb-row .sb-art{opacity:1}.sb-row:hover .sb-art{transform:translateY(-1px)}.sb-go{flex:none;color:var(--sb-dim);opacity:.75;transition:transform .18s ease,opacity .15s ease,color .15s ease}.sb-row:hover>.sb-go:not(.sb-caret){transform:translate(2px);opacity:1}.sb-row:hover>.sb-caret{opacity:1}.sb-folder.is-open>.sb-row .sb-caret{transform:rotate(180deg)}.sb-subrow .sb-go{opacity:0}.sb-subrow:hover .sb-go,.sb-subrow.is-active .sb-go{opacity:.85}.sb-row.is-filled{margin-bottom:4px;border-color:#f43f5e24;background:linear-gradient(120deg,#f43f5e14,#8b5cf60f)}.sb-row.is-filled .sb-ico{background:#f43f5e1f;color:var(--sb-pink-ink)}.sb-row.is-filled:hover{background:linear-gradient(120deg,#f43f5e1f,#8b5cf617)}:root[data-theme=dark] .sb-row.is-filled{border-color:#fb718533;background:linear-gradient(120deg,#f43f5e24,#8b5cf61a)}.is-rail .sb-row.is-filled{margin-bottom:4px}.sb-row.is-active,.sb-subrow.is-active{border-color:var(--sb-pink-line);background:linear-gradient(90deg,var(--sb-pink-bg),rgba(244,63,94,.02))}.sb-row.is-active:before,.sb-subrow.is-active:before{content:"";position:absolute;top:9px;bottom:9px;left:-1px;width:3px;border-radius:0 3px 3px 0;background:var(--sb-pink)}.sb-row.is-active .sb-ico,.sb-row.is-active .sb-label,.sb-row.is-active .sb-go,.sb-subrow.is-active .sb-ico,.sb-subrow.is-active .sb-label,.sb-subrow.is-active .sb-go,.sb-folder.has-active>.sb-row .sb-ico{color:var(--sb-pink-ink)}.sb-sub{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 24px;padding-left:8px;border-left:1.5px solid var(--sb-line);animation:sb-open .18s ease}.sb-folder.has-active>.sb-sub{border-left-color:var(--sb-pink-line)}.sb-sub{border-left:2px solid var(--sb-pink)}.sb-sub>.sb-subrow:after{content:"";position:absolute;left:-14px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--sb-pink);box-shadow:0 0 0 2px var(--surface);transition:transform .15s ease,box-shadow .15s ease}.sb-sub>.sb-subrow:hover:after{transform:scale(1.15)}.sb-sub>.sb-subrow.is-active:after{transform:scale(1.25);box-shadow:0 0 0 2px var(--surface),0 0 0 5px #f43f5e38}.sb-sub>.sb-subrow.is-active:before{display:none}@keyframes sb-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sb-num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#8b5cf621;color:#7c3aed;font-size:11px;font-weight:800}:root[data-theme=dark] .sb-num{background:#8b5cf638;color:#c4b5fd}.sb-subrow.is-active .sb-num{background:var(--sb-pink);color:#fff;box-shadow:0 0 0 3px #f43f5e29}.sb-studio-slot{margin-top:auto;padding-top:14px}.sb-studio{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 54px;grid-template-areas:"ico txt art" "pads pads go";align-items:center;gap:10px;width:100%;padding:12px;border:1.5px solid transparent;border-radius:16px;background:linear-gradient(135deg,#faf5ff,#fff2f7) padding-box,linear-gradient(125deg,#8b5cf6bf,#ec489999 55%,#f43f5eb3) border-box;box-shadow:0 10px 24px -16px #8b5cf68c;color:var(--sb-ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .2s ease}:root[data-theme=dark] .sb-studio{background:linear-gradient(135deg,#1f1a3a,#2a1631) padding-box,linear-gradient(125deg,#8b5cf6d9,#ec4899b3 55%,#f43f5ecc) border-box;box-shadow:0 10px 26px -16px #8b5cf6cc}.sb-studio:hover{transform:translateY(-1px);box-shadow:0 16px 30px -16px #8b5cf6a6}.sb-studio:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.sb-studio.is-active{box-shadow:0 0 0 3px #8b5cf62e,0 14px 28px -16px #8b5cf699}.sb-studio-ico{grid-area:ico;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(140deg,#8b5cf6,#ec4899);box-shadow:0 6px 14px -6px #8b5cf6bf}.sb-studio-txt{grid-area:txt;min-width:0;display:flex;flex-direction:column;gap:3px}.sb-studio-title{font-size:13.5px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--sb-ink);white-space:nowrap}.sb-studio-title span{background:linear-gradient(90deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sb-studio-hint{font-size:11px;font-weight:500;line-height:1.35;color:var(--sb-dim)}.sb-studio-art{grid-area:art;width:54px;height:37px}.sb-studio-art svg{display:block;width:100%;height:100%;overflow:visible}.sb-studio-note{transform-box:fill-box;transform-origin:center}.sb-studio-pads{grid-area:pads;display:flex;align-items:flex-end;gap:6px;height:14px}.sb-vibhag{flex:1;display:flex;align-items:flex-end;gap:3px}.sb-pad{flex:1;height:9px;border-radius:3px;background:#8b5cf629;transform-origin:bottom}.sb-pad.hit{background:#8b5cf666}.sb-pad.soft{background:#ec489942}.sb-pad.sam{background:linear-gradient(180deg,#fb7185,#f43f5e)}.sb-pad.tali{background:linear-gradient(180deg,#a78bfa,#7c3aed)}.sb-pad.khali{background:transparent;box-shadow:inset 0 0 0 1.5px #8b5cf68c}:root[data-theme=dark] .sb-pad{background:#a78bfa33}:root[data-theme=dark] .sb-pad.hit{background:#a78bfa80}:root[data-theme=dark] .sb-pad.soft{background:#f472b652}:root[data-theme=dark] .sb-pad.sam{background:linear-gradient(180deg,#fb7185,#f43f5e)}:root[data-theme=dark] .sb-pad.tali{background:linear-gradient(180deg,#a78bfa,#7c3aed)}:root[data-theme=dark] .sb-pad.khali{background:transparent;box-shadow:inset 0 0 0 1.5px #a78bfab3}.sb-studio-go{grid-area:go;justify-self:end;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:linear-gradient(140deg,#8b5cf6,#ec4899);box-shadow:0 4px 10px -4px #ec4899bf;transition:transform .18s ease}.sb-studio:hover .sb-studio-go{transform:translate(2px)}.sb-studio:hover .sb-pad,.sb-studio:focus-visible .sb-pad{animation:sb-step 1.6s linear infinite;animation-delay:calc(var(--i) * .1s)}.sb-studio:hover .sb-studio-note,.sb-studio:focus-visible .sb-studio-note{animation:sb-float 1.8s ease-in-out infinite}.sb-studio:hover .sb-studio-note.n2,.sb-studio:focus-visible .sb-studio-note.n2{animation-delay:-.9s}@keyframes sb-step{0%,6%{transform:scaleY(1.55);filter:brightness(1.15) saturate(1.4)}6.5%,to{transform:none;filter:none}}@keyframes sb-float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(5deg)}}.sb-premium{position:relative;isolation:isolate;flex:none;overflow:hidden;margin-top:10px;padding:14px 14px 14px 15px;border:1px solid rgba(244,63,94,.2);border-radius:16px;background:linear-gradient(145deg,#ffe4ea,#fff0f3 55%,#ffe8ef)}:root[data-theme=dark] .sb-premium{border-color:#f43f5e47;background:linear-gradient(145deg,#f43f5e33,#f43f5e12)}.sb-premium-art{position:absolute;right:0;bottom:0;z-index:-1;width:130px;height:120px;pointer-events:none}.sb-premium-art svg{display:block;width:100%;height:100%}.sb-premium-art .hole{fill:#fff;fill-opacity:.7}:root[data-theme=dark] .sb-premium-art{opacity:.75}:root[data-theme=dark] .sb-premium-art .hole{fill:var(--surface);fill-opacity:1}.sb-premium h4{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;color:var(--sb-ink)}.sb-premium h4 svg{color:var(--sb-pink)}.sb-premium.is-paid h4 svg{color:#f59e0b}.sb-premium p{max-width:150px;margin:6px 0 12px;font-size:11.5px;line-height:1.45;color:var(--sb-dim)}.sb-upgrade{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px -8px #f43f5ebf;transition:transform .14s ease,filter .18s ease}.sb-upgrade svg{transition:transform .18s ease}.sb-upgrade:hover{transform:translateY(-1px);filter:brightness(1.05)}.sb-upgrade:hover svg{transform:translate(2px)}.sb-upgrade:focus-visible{outline:2px solid var(--sb-pink);outline-offset:2px}.sb-premium-rail{flex:none;display:grid;place-items:center;width:50px;height:46px;margin:10px auto 0;padding:0;border:1px solid rgba(244,63,94,.22);border-radius:13px;background:linear-gradient(145deg,#ffe4ea,#fff0f3);color:var(--sb-pink);cursor:pointer;transition:transform .14s ease}:root[data-theme=dark] .sb-premium-rail{background:#f43f5e29;border-color:#f43f5e4d}.sb-premium-rail:hover{transform:translateY(-1px)}.sb-premium-rail:focus-visible{outline:2px solid var(--sb-pink);outline-offset:2px}.sb-fly{position:fixed;top:0;left:0;z-index:5;width:252px;max-height:calc(100vh - 20px);overflow-y:auto;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 22px 48px -18px #14162259,0 3px 10px #1416220f;animation:sb-fly-in .14s ease-out}:root[data-theme=dark] .sb-fly{border-color:#ffffff1a;box-shadow:0 22px 48px -14px #000000a6}.sb-fly-title{margin:4px 8px 6px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sb-dim)}.sb-fly .sb-subrow .sb-go{opacity:.5}@keyframes sb-fly-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}@media (min-width: 1025px){.sidebar.is-rail{--sb-w: 76px;padding:0 0 12px}.is-rail .sb-brand{flex-direction:column;align-items:center;gap:12px;margin:0 0 6px;padding:18px 0 14px}.is-rail .sb-brand-text,.is-rail .sb-brand-bg{display:none}.is-rail .sb-collapse{margin:0}.is-rail .sb-nav,.is-rail .sb-folder{align-items:center}.is-rail .sb-row{justify-content:center;width:50px;min-height:46px;padding:0}.is-rail .sb-row>.sb-txt,.is-rail .sb-row>.sb-art,.is-rail .sb-row>.sb-go{display:none}.is-rail .sb-row.is-active{background:var(--sb-pink-bg)}.is-rail .sb-row.is-active:before{display:none}.is-rail .sb-folder.has-active>.sb-row:after{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--sb-pink);box-shadow:0 0 0 2px var(--surface)}.is-rail .sb-sep{width:34px;margin:7px auto}.is-rail .sb-studio-slot{padding-top:12px}.is-rail .sb-studio{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:15px;grid-template-columns:none;grid-template-areas:none}.is-rail .sb-studio>:not(.sb-studio-ico){display:none}.is-rail .sb-studio-ico{width:auto;height:auto;background:none;box-shadow:none;color:#7c3aed}:root[data-theme=dark] .is-rail .sb-studio-ico{color:#c4b5fd}}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;z-index:70;width:min(var(--sb-w),86vw);visibility:hidden;transform:translate(-100%);transition:transform .24s ease,visibility 0s linear .24s;box-shadow:0 0 44px #00000073}.sidebar.open{visibility:visible;transform:none;transition:transform .24s ease,visibility 0s}.sb-close{display:grid}}@media (prefers-reduced-motion: reduce){.sidebar,.sb-row,.sb-subrow,.sb-art,.sb-go,.sb-brand-mark,.sb-studio,.sb-studio-go,.sb-upgrade,.sb-upgrade svg,.sb-premium-rail{transition:none}.sb-brand-link:hover .sb-brand-mark,.sb-row:hover .sb-art,.sb-studio:hover,.sb-studio:hover .sb-studio-go{transform:none}.sb-brand-link:hover .sb-brand-name span:after,.sb-sub,.sb-fly,.sb-studio:hover .sb-pad,.sb-studio:focus-visible .sb-pad,.sb-studio:hover .sb-studio-note,.sb-studio:focus-visible .sb-studio-note{animation:none}}.sb-folder--indian{--sb-saffron: #ea580c;--sb-saffron-soft: rgba(234, 88, 12, .14)}.sb-folder--indian.is-open,.sb-folder--indian.has-active{position:relative;isolation:isolate;margin:2px 0;padding:4px 0;border-radius:16px;background:linear-gradient(160deg,#fffaf5,#fff6ee 60%,#fffbf7);box-shadow:inset 0 0 0 1px #ea580c1a;overflow:hidden}.sb-folder--indian.is-open:before,.sb-folder--indian.has-active:before{content:"";position:absolute;right:-6px;bottom:-4px;width:130px;height:130px;z-index:-1;opacity:.1;pointer-events:none;background:no-repeat right bottom / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23ea580c' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='150' cy='152' rx='38' ry='34' transform='rotate(-38 150 152)'/%3E%3Cellipse cx='150' cy='152' rx='16' ry='14' transform='rotate(-38 150 152)'/%3E%3Cpath d='M122 128 L30 36'/%3E%3Cpath d='M132 118 L40 26'/%3E%3Cpath d='M30 36 L40 26 L28 14 L18 24 Z'/%3E%3Cpath d='M60 58 l10 -10 M78 76 l10 -10 M96 94 l10 -10'/%3E%3Cpath d='M22 18 l-8 -4 M30 10 l-4 -8 M14 30 l-8 -2'/%3E%3Cellipse cx='52' cy='70' rx='9' ry='8'/%3E%3C/g%3E%3C/svg%3E")}.sb-folder--indian.is-open>.sb-row,.sb-folder--indian.has-active>.sb-row{background:transparent;border-color:transparent}.sb-folder--indian.is-open>.sb-row .sb-label,.sb-folder--indian.has-active>.sb-row .sb-label{color:var(--sb-text, inherit)}.sb-folder--indian.is-open>.sb-row .sb-caret,.sb-folder--indian.has-active>.sb-row .sb-caret{color:var(--sb-saffron);opacity:1}.sb-folder--indian.is-open>.sb-row>.sb-ico,.sb-folder--indian.has-active>.sb-row>.sb-ico{width:34px;height:34px;border-radius:50%;color:var(--sb-saffron);background:#ea580c1a;box-shadow:none}.sb-folder--indian.is-open>.sb-row:before,.sb-folder--indian.has-active>.sb-row:before{display:none}.sb-folder--indian>.sb-sub{border-left-color:#ea580c73}.sb-folder--indian>.sb-sub>.sb-subrow:after{width:8px;height:8px;margin-top:-4px;left:-13px;background:#ea580cb3;box-shadow:0 0 0 2px #fffaf5}.sb-folder--indian>.sb-sub>.sb-subrow.is-active:after{background:var(--sb-saffron);box-shadow:0 0 0 2px #fffaf5,0 0 0 4px #ea580c2e}.sb-folder--indian>.sb-sub .sb-subrow.is-active .sb-ico{color:var(--sb-saffron)}.sb-folder--indian>.sb-sub .sb-subrow:hover{background:#ea580c14}.sb-folder--indian>.sb-sub .sb-subrow.is-active{border-color:#ea580c38;background:#ea580c0f}.sb-folder--indian>.sb-sub .sb-subrow.is-active .sb-label{color:#c2410c}:root[data-theme=dark] .sb-folder--indian.is-open,:root[data-theme=dark] .sb-folder--indian.has-active{background:#ea580c12;box-shadow:inset 0 0 0 1px #fb923c24}:root[data-theme=dark] .sb-folder--indian.is-open>.sb-row .sb-label,:root[data-theme=dark] .sb-folder--indian.has-active>.sb-row .sb-label{color:inherit}:root[data-theme=dark] .sb-folder--indian>.sb-sub>.sb-subrow:after{box-shadow:0 0 0 2px var(--surface)}:root[data-theme=dark] .sb-folder--indian>.sb-sub .sb-subrow.is-active .sb-label{color:#fdba74}.sb-folder--courses{--sb-course: #f59e0b}.sb-folder--courses.is-open,.sb-folder--courses.has-active{position:relative;isolation:isolate;margin:2px 0;padding:4px 0;border-radius:16px;background:linear-gradient(160deg,#fffbf0,#fff6e0 60%,#fffcf5);box-shadow:inset 0 0 0 1px #f59e0b1a;overflow:hidden}.sb-folder--courses.is-open:before,.sb-folder--courses.has-active:before{content:"";position:absolute;right:-10px;bottom:-6px;width:130px;height:130px;z-index:-1;opacity:.1;pointer-events:none;background:no-repeat right bottom / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23f59e0b' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 84 L104 46 L194 84 L104 122 Z'/%3E%3Cpath d='M54 102 v40 c0 16 100 16 100 0 v-40'/%3E%3Cpath d='M184 88 v46'/%3E%3Ccircle cx='184' cy='142' r='7'/%3E%3C/g%3E%3C/svg%3E")}.sb-folder--courses.is-open>.sb-row,.sb-folder--courses.has-active>.sb-row{background:transparent;border-color:transparent}.sb-folder--courses.is-open>.sb-row:before,.sb-folder--courses.has-active>.sb-row:before{display:none}.sb-folder--courses.is-open>.sb-row .sb-caret,.sb-folder--courses.has-active>.sb-row .sb-caret{color:var(--sb-course);opacity:1}.sb-folder--courses.is-open>.sb-row>.sb-ico,.sb-folder--courses.has-active>.sb-row>.sb-ico{width:34px;height:34px;border-radius:50%;color:var(--sb-course);background:#f59e0b1a}.sb-folder--courses>.sb-sub{border-left-color:#f59e0b73}.sb-folder--courses>.sb-sub>.sb-subrow:after{width:8px;height:8px;margin-top:-4px;left:-13px;background:#f59e0bb3;box-shadow:0 0 0 2px #fffbf0}.sb-folder--courses>.sb-sub>.sb-subrow.is-active:after{background:var(--sb-course);box-shadow:0 0 0 2px #fffbf0,0 0 0 4px #f59e0b2e}.sb-folder--courses>.sb-sub .sb-subrow:hover{background:#f59e0b0f}.sb-folder--courses>.sb-sub .sb-subrow.is-active{border-color:#f59e0b38;background:#f59e0b0f}.sb-folder--courses>.sb-sub .sb-subrow.is-active .sb-ico,.sb-folder--courses>.sb-sub .sb-subrow.is-active .sb-label{color:#b45309}:root[data-theme=dark] .sb-folder--courses.is-open,:root[data-theme=dark] .sb-folder--courses.has-active{background:#f59e0b14;box-shadow:inset 0 0 0 1px #fbbf2429}:root[data-theme=dark] .sb-folder--courses>.sb-sub>.sb-subrow:after{box-shadow:0 0 0 2px var(--surface)}:root[data-theme=dark] .sb-folder--courses>.sb-sub .sb-subrow.is-active .sb-ico,:root[data-theme=dark] .sb-folder--courses>.sb-sub .sb-subrow.is-active .sb-label{color:#fcd34d}.sb-folder--scales{--fc: #a855f7;--fc-strong: #9333ea;--fc-pink: #ec4899;--fc-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23a855f7' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M10 60h190M10 95h190M10 130h190M10 165h190M50 40v145M100 40v145M150 40v145'/%3E%3Ccircle cx='75' cy='77' r='9' fill='%23ec4899'/%3E%3Ccircle cx='125' cy='112' r='9' fill='%23a855f7'/%3E%3Ccircle cx='175' cy='77' r='9' fill='%23ec4899'/%3E%3Ccircle cx='75' cy='147' r='9' fill='%23a855f7'/%3E%3C/g%3E%3C/svg%3E")}.sb-folder--chord-section{--fc: #f43f5e;--fc-strong: #e11d48;--fc-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23f43f5e' stroke-width='5' stroke-linecap='round'%3E%3Crect x='40' y='30' width='130' height='160' rx='6'/%3E%3Cpath d='M40 62h130M40 94h130M40 126h130M40 158h130M66 30v160M92 30v160M118 30v160M144 30v160'/%3E%3Ccircle cx='79' cy='78' r='9' fill='%23f43f5e'/%3E%3Ccircle cx='131' cy='110' r='9' fill='%23f43f5e'/%3E%3Ccircle cx='105' cy='110' r='9' fill='%23f43f5e'/%3E%3C/g%3E%3C/svg%3E")}.sb-folder--strumming{--fc: #0ea5e9;--fc-strong: #0284c7;--fc-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%230ea5e9' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 40v120M20 140l20 20 20-20'/%3E%3Cpath d='M100 160V40M80 60l20-20 20 20'/%3E%3Cpath d='M160 40v120M140 140l20 20 20-20'/%3E%3C/g%3E%3C/svg%3E")}.sb-folder--staff{--fc: #10b981;--fc-strong: #059669;--fc-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%2310b981' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M0 70h200M0 95h200M0 120h200M0 145h200M0 170h200'/%3E%3Cpath d='M70 150V60M130 125V35'/%3E%3C/g%3E%3Cg fill='%2310b981'%3E%3Cellipse cx='58' cy='152' rx='14' ry='10' transform='rotate(-20 58 152)'/%3E%3Cellipse cx='118' cy='127' rx='14' ry='10' transform='rotate(-20 118 127)'/%3E%3C/g%3E%3C/svg%3E")}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff):is(.is-open,.has-active){position:relative;isolation:isolate;margin:2px 0;padding:4px 0;border-radius:16px;background:color-mix(in srgb,var(--fc) 5%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 12%,transparent);overflow:hidden}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff):is(.is-open,.has-active):before{content:"";position:absolute;right:-10px;bottom:-6px;width:120px;height:120px;z-index:-1;opacity:.1;pointer-events:none;background:var(--fc-art) no-repeat right bottom / contain}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff):is(.is-open,.has-active)>.sb-row{background:transparent;border-color:transparent}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff):is(.is-open,.has-active)>.sb-row:before{display:none}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff):is(.is-open,.has-active)>.sb-row .sb-caret{color:var(--fc);opacity:1}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff):is(.is-open,.has-active)>.sb-row>.sb-ico{width:34px;height:34px;border-radius:50%;color:var(--fc);background:color-mix(in srgb,var(--fc) 11%,transparent)}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff)>.sb-sub{border-left-color:color-mix(in srgb,var(--fc) 45%,transparent)}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff)>.sb-sub>.sb-subrow:after{width:8px;height:8px;margin-top:-4px;left:-13px;background:color-mix(in srgb,var(--fc) 70%,transparent);box-shadow:0 0 0 2px var(--surface)}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff)>.sb-sub>.sb-subrow.is-active:after{background:var(--fc);box-shadow:0 0 0 2px var(--surface),0 0 0 4px color-mix(in srgb,var(--fc) 18%,transparent)}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff)>.sb-sub .sb-subrow:hover{background:color-mix(in srgb,var(--fc) 6%,transparent)}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff)>.sb-sub .sb-subrow.is-active{border-color:color-mix(in srgb,var(--fc) 22%,transparent);background:color-mix(in srgb,var(--fc) 6%,transparent)}:is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff)>.sb-sub .sb-subrow.is-active :is(.sb-ico,.sb-label){color:var(--fc-strong)}.sb-folder--staff>.sb-sub .sb-subrow.is-active .sb-num{background:var(--fc);box-shadow:0 0 0 3px color-mix(in srgb,var(--fc) 16%,transparent)}:root[data-theme=dark] :is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff):is(.is-open,.has-active){background:color-mix(in srgb,var(--fc) 8%,transparent)}:root[data-theme=dark] :is(.sb-folder--scales,.sb-folder--chord-section,.sb-folder--strumming,.sb-folder--staff)>.sb-sub .sb-subrow.is-active :is(.sb-ico,.sb-label){color:color-mix(in srgb,var(--fc) 60%,white)}.sb-folder--scales:is(.is-open,.has-active){background:linear-gradient(135deg,color-mix(in srgb,var(--fc-pink) 9%,var(--surface)),color-mix(in srgb,var(--fc) 7%,var(--surface)) 55%,color-mix(in srgb,var(--fc) 4%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc-pink) 16%,transparent)}.sb-folder--scales:is(.is-open,.has-active)>.sb-row>.sb-ico{background:linear-gradient(135deg,color-mix(in srgb,var(--fc-pink) 16%,transparent),color-mix(in srgb,var(--fc) 16%,transparent))}.sb-folder--scales:is(.is-open,.has-active)>.sb-row .sb-caret{color:var(--fc-pink)}.sb-folder--scales>.sb-sub{border-left-color:transparent;border-image:linear-gradient(180deg,var(--fc-pink),var(--fc)) 1}.sb-folder--scales>.sb-sub>.sb-subrow:after,.sb-folder--scales>.sb-sub>.sb-subrow.is-active:after{background:linear-gradient(135deg,var(--fc-pink),var(--fc))}.sb-folder--scales>.sb-sub .sb-subrow:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--fc-pink) 7%,transparent),color-mix(in srgb,var(--fc) 7%,transparent))}.sb-folder--scales>.sb-sub .sb-subrow.is-active{border-color:color-mix(in srgb,var(--fc-pink) 24%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--fc-pink) 9%,transparent),color-mix(in srgb,var(--fc) 8%,transparent))}:root[data-theme=dark] .sb-folder--scales:is(.is-open,.has-active){background:linear-gradient(135deg,color-mix(in srgb,var(--fc-pink) 11%,transparent),color-mix(in srgb,var(--fc) 8%,transparent))}.pay-gate{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;margin:0 auto;text-align:center;color:var(--text-dim)}.pay-gate--page{max-width:600px;padding:64px 20px 48px}.pay-gate--panel{justify-content:center;width:100%;padding:40px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.pay-gate--panel{flex:1 1 auto}.pay-gate--compact{padding:14px 4px 4px;gap:8px}.pay-gate-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#f43f5e1a;color:var(--accent-1)}.pay-gate--compact .pay-gate-ico{width:44px;height:44px}.pay-gate h2{margin:4px 0 0;color:var(--text);font-size:22px;letter-spacing:-.01em}.pay-gate--compact h2{font-size:18px}.pay-gate h2:focus{outline:none}.pay-gate h2:focus-visible{outline:2px solid var(--accent-1);outline-offset:4px;border-radius:4px}.pay-gate p{margin:0;max-width:46ch;font-size:14.5px;line-height:1.55}.pay-gate-cta{margin-top:6px}.pay-gate .chip:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.pay-lock{display:inline-grid;flex:none;place-items:center;width:22px;height:22px;border-radius:999px;background:#f43f5e1f;color:var(--accent-1)}.is-locked{opacity:.55}.is-locked:hover{opacity:.72}.pay-strip{display:flex;align-items:center;gap:10px;width:100%;min-height:72px;padding:12px 14px;border:1px dashed var(--line);border-radius:12px;background:var(--panel);color:var(--text-dim);font:inherit;font-size:13px;text-align:left;cursor:pointer}.pay-strip:hover{border-color:var(--accent-1);color:var(--text)}.pay-strip:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.pay-strip>span{flex:1;min-width:0}.pay-strip>svg{flex:none;color:var(--accent-1)}.pay-strip em{flex:none;color:var(--accent-1);font-style:normal;font-weight:700;white-space:nowrap}.pay-note{margin:8px 0 0;color:var(--text-dim);font-size:12.5px;line-height:1.5}.pay-note-link{padding:0;border:0;background:none;color:var(--accent-1);font:inherit;font-weight:700;cursor:pointer}.pay-note-link:hover{text-decoration:underline}.pay-note-link:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px;border-radius:4px}.scales-view{--sv-shadow: 0 1px 2px rgba(15, 18, 30, .04), 0 12px 30px -18px rgba(15, 18, 30, .22);--sv-gold: #f59e0b;--sv-gold-ink: #b45309;--sv-green: #10b981;display:flex;flex-direction:column;gap:16px}:root[data-theme=dark] .scales-view{--sv-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 14px 30px -18px rgba(0, 0, 0, .6);--sv-gold-ink: #fcd34d}.scales-view .tone-rose{--t: #f43f5e;--t-rgb: 244, 63, 94;--t-ink: #be123c}.scales-view .tone-orange{--t: #f97316;--t-rgb: 249, 115, 22;--t-ink: #c2410c}.scales-view .tone-violet{--t: #8b5cf6;--t-rgb: 139, 92, 246;--t-ink: #6d28d9}.scales-view .tone-blue{--t: #3b82f6;--t-rgb: 59, 130, 246;--t-ink: #1d4ed8}.scales-view .tone-green{--t: #10b981;--t-rgb: 16, 185, 129;--t-ink: #047857}:root[data-theme=dark] .scales-view .tone-rose{--t-ink: #fda4af}:root[data-theme=dark] .scales-view .tone-orange{--t-ink: #fdba74}:root[data-theme=dark] .scales-view .tone-violet{--t-ink: #c4b5fd}:root[data-theme=dark] .scales-view .tone-blue{--t-ink: #93c5fd}:root[data-theme=dark] .scales-view .tone-green{--t-ink: #6ee7b7}.scales-view button{-webkit-tap-highlight-color:transparent}.scales-view button:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.sv-panel{min-width:0;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--sv-shadow)}.sv-top{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:16px;align-items:stretch}.sv-top>.sv-panel{padding:13px 16px}.sv-choose{display:flex;flex-direction:column}.sv-board-card .sv-keys{display:grid;grid-template-columns:auto minmax(0,max-content) minmax(0,1fr);grid-template-areas:"num title keys" "num hint keys";align-items:center;column-gap:10px;row-gap:1px;padding:5px 6px 5px 10px;border-radius:14px;border:1px solid var(--panel-border, var(--line));background:linear-gradient(180deg,rgba(244,63,94,.04),transparent),var(--surface)}.sv-board-card .sv-keys>.sv-step-head{display:contents}.sv-board-card .sv-keys .sv-step-num{grid-area:num}.sv-board-card .sv-keys .sv-step-title{grid-area:title;align-self:end;white-space:nowrap}.sv-board-card .sv-keys .sv-step-hint{grid-area:hint;align-self:start;max-width:240px;overflow:hidden;font-size:11px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.sv-board-card .sv-keys>.sv-key-grid{grid-area:keys;margin-left:8px;padding:3px}.sv-board-card .sv-keys .sv-key{padding:6px 2px 7px}@media (max-width: 860px){.sv-board-card .sv-keys{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"num title" "hint hint" "keys keys";row-gap:6px}.sv-board-card .sv-keys .sv-step-title{align-self:center}.sv-board-card .sv-keys .sv-step-hint{max-width:none;white-space:normal}.sv-board-card .sv-keys>.sv-key-grid{margin-left:0}}.sv-step-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:10px;min-width:0}.sv-step-num{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:11.5px;font-weight:800;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 3px 8px #f43f5e4d}.sv-step-title{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}.sv-step-hint{font-size:12px;color:var(--text-dim)}.sv-step-tools{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.scales-view .sv-dd .dd-trigger{max-width:270px;padding:7px 11px;border-radius:10px;background:var(--surface);font-size:12.5px}.scales-view .sv-dd .dd-menu{left:auto;right:0;min-width:230px;max-height:min(380px,60vh)}.sv-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sv-level{position:relative;display:flex;align-items:center;gap:7px;min-width:0;padding:6px 8px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.sv-level:hover{border-color:rgba(var(--t-rgb),.5);transform:translateY(-1px)}.sv-level.on{border-color:var(--t);background:linear-gradient(180deg,rgba(var(--t-rgb),.11),rgba(var(--t-rgb),.03));box-shadow:0 10px 22px -14px rgba(var(--t-rgb),.75)}.sv-level-num{width:21px;height:21px;flex:none;display:grid;place-items:center;border-radius:8px;color:var(--t-ink);background:rgba(var(--t-rgb),.14);font-size:12px;font-weight:800}.sv-level.on .sv-level-num,.sv-level.complete .sv-level-num{color:#fff;background:var(--t)}.sv-level.here .sv-level-num{box-shadow:0 0 0 2px var(--surface),0 0 0 4px rgba(var(--t-rgb),.55)}.sv-level-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.sv-level-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;font-weight:700;line-height:1.2}.sv-level-meta{display:flex;align-items:center;gap:7px;min-width:0}.sv-level-bar{display:block;flex:1;min-width:16px;height:4px;overflow:hidden;border-radius:999px;background:#7f7f7f29}.sv-level-bar>i{display:block;height:100%;border-radius:inherit;background:var(--t);transition:width .5s ease}.sv-level-count{flex:none;display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.sv-level-count svg{color:var(--sv-gold)}.sv-level-panel{margin-top:8px;padding:7px 10px 9px;border-radius:12px;border:1px dashed rgba(var(--t-rgb),.3);background:rgba(var(--t-rgb),.045)}.sv-level-panel{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}.sv-level-panel>.sv-scale-chips{flex:0 1 auto}.sv-level-blurb{flex:1 1 240px;min-width:0;margin:0;font-size:11.5px;line-height:1.4;color:var(--text-dim)}@media (min-width: 1101px){.sv-level-blurb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 1600px){.sv-formula-label{display:none}}.sv-level-blurb b{color:var(--t-ink);font-weight:700}.sv-scale-chips{display:flex;flex-wrap:wrap;gap:8px}.sv-scale-chip{position:relative;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 7px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.sv-scale-chip:hover{border-color:var(--t);transform:translateY(-1px)}.sv-scale-chip.on{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 8px 18px -8px #f43f5ea6}.sv-chip-text{display:flex;flex-direction:column;line-height:1.2}.sv-chip-name{font-size:13px;font-weight:700}.sv-chip-meta{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--text-dim)}.sv-chip-meta svg{color:var(--sv-gold)}.sv-scale-chip.on .sv-chip-meta{color:#ffffffe0}.sv-scale-chip.on .sv-chip-meta svg{color:#fff}.sv-chip-next{position:absolute;top:-8px;right:-6px;padding:2px 7px;border-radius:999px;background:var(--sv-gold);color:#fff;font-size:9.5px;font-weight:800;font-style:normal;letter-spacing:.03em;box-shadow:0 3px 8px #f59e0b66}.sv-mini-ring{flex:none}.sv-ring-track{fill:none;stroke:#7f7f7f2e;stroke-width:3}.sv-ring-fill{fill:none;stroke:var(--t, var(--accent-1));stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.sv-scale-chip.on .sv-ring-track{stroke:#ffffff59}.sv-scale-chip.on .sv-ring-fill{stroke:#fff}.sv-key-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;padding:4px;border-radius:12px;border:1px solid var(--panel-border, var(--line));background:var(--panel)}.sv-key{position:relative;min-width:0;padding:8px 2px 9px;border:none;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.sv-key:hover{background:var(--surface);color:var(--accent-1)}.sv-key.on{color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 3px 10px #f43f5e52}.sv-key.played:after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--sv-green)}.sv-key.on.played:after{background:#fff}.sv-hq{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:13px 14px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(120% 70% at 100% 0%,rgba(244,63,94,.12),transparent 62%),var(--surface);box-shadow:var(--sv-shadow)}.sv-hq-goal{display:flex;align-items:center;gap:12px}.sv-hq-ring{position:relative;width:54px;height:54px;flex:none}.sv-hq-ring .sv-ring{width:100%;height:100%}.sv-ring .sv-ring-track,.sv-ring .sv-ring-fill{stroke-width:7}.sv-ring .sv-ring-fill{stroke:var(--accent-1)}.sv-ring.done .sv-ring-fill{stroke:var(--sv-green)}.sv-hq-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.sv-ring.done+.sv-hq-ring-text{color:var(--sv-green)}.sv-hq-goal-text{flex:1;min-width:0}.sv-hq-goal-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sv-hq-label{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.sv-hq-goal-text strong{display:block;margin-top:2px;font-size:16px;font-weight:800;line-height:1.2}.sv-hq-small{display:block;font-size:11.5px;line-height:1.35;color:var(--text-dim)}.sv-goal-pick{display:inline-flex;flex:none;gap:1px;padding:2px;border-radius:8px;border:1px solid var(--panel-border, var(--line));background:var(--panel)}.sv-goal-opt{min-width:22px;padding:2px 4px;border:none;border-radius:6px;background:transparent;color:var(--text-dim);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.sv-goal-opt:hover{color:var(--text)}.sv-goal-opt.on{background:var(--surface);color:var(--accent-1);box-shadow:0 1px 3px #0f121e24}.sv-hq-stats{display:flex;align-items:center;gap:10px;min-width:0}.sv-hq-stat{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--text-dim);white-space:nowrap}.sv-hq-stat strong{font-size:17px;font-weight:800;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.sv-hq-ico{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:7px}.sv-hq-ico.flame{color:#9ca3af;background:#7f7f7f1f}.sv-hq-ico.flame.lit{color:#f97316;background:#f9731624}.sv-hq-ico.star{color:var(--sv-gold);background:#f59e0b24}.sv-week{flex:1;min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin:0;padding:0;list-style:none}.sv-week-day{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;font-weight:700;color:var(--text-dim)}.sv-week-day>i{display:block;width:100%;max-width:22px;height:6px;border-radius:999px;background:#7f7f7f29}.sv-week-day.some>i{background:#f973166b}.sv-week-day.on>i{background:linear-gradient(90deg,#f97316,var(--accent-1))}.sv-week-day.today{color:var(--accent-1)}.sv-week-day.today>i{box-shadow:0 0 0 2px #f43f5e38}.sv-hq-next{display:flex;align-items:center;gap:10px;width:100%;margin-top:auto;padding:9px 10px 9px 13px;border:none;border-radius:14px;color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48 60%,#be123c);box-shadow:0 12px 24px -12px #e11d48bf;font:inherit;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.sv-hq-next:hover{transform:translateY(-1px);box-shadow:0 16px 28px -12px #e11d48cc}.sv-hq-next.kind-done{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 12px 24px -12px #d97706bf}.sv-hq-next-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.sv-hq-next-kicker{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.88}.sv-hq-next strong{font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-hq-next-sub{font-size:11.5px;opacity:.92}.sv-hq-next-go{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:#ffffff38}.sv-hq-next:focus-visible{outline-color:#fff;outline-offset:-4px}.sv-hq.celebrate{animation:sv-glow 1.4s ease-in-out 3}.sv-hq.celebrate .sv-hq-ring{animation:sv-pop .7s cubic-bezier(.2,.9,.3,1.5)}@keyframes sv-glow{0%,to{box-shadow:var(--sv-shadow)}50%{box-shadow:0 0 0 4px #10b98140,0 18px 34px -14px #10b9818c}}@keyframes sv-pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}.sv-board-card{display:flex;flex-direction:column;gap:10px;padding:14px 18px 16px;scroll-margin-top:12px}.sv-scale-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.sv-scale-id{flex:1 1 360px;min-width:0}.sv-scale-titleline{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.sv-scale-title{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.sv-level-tag{padding:3px 9px;border-radius:999px;border:1px solid rgba(var(--t-rgb),.3);background:rgba(var(--t-rgb),.12);color:var(--t-ink);font-size:11px;font-weight:700;white-space:nowrap}.sv-use{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;border:1px solid var(--panel-border, var(--line));background:var(--panel);font-size:11px;font-weight:600;color:var(--text-dim);white-space:nowrap;vertical-align:1px}.sv-scale-mood{margin:5px 0 0;font-size:13px;color:var(--text-dim)}.sv-scale-tools{flex:none;display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.sv-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .12s ease,color .12s ease}.sv-tool-btn:hover,.sv-pop.open>.sv-tool-btn{border-color:var(--accent-1);color:var(--accent-1)}.sv-pop{position:relative}.sv-pop-card{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:252px;display:flex;flex-direction:column;gap:11px;padding:13px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:0 18px 44px #0f121e42;animation:scaleDdIn .16s cubic-bezier(.2,.8,.3,1.2) both;transform-origin:top right}.sv-pop-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sv-pop-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.scales-view .sv-pop-card .seg:disabled{opacity:.45;cursor:not-allowed}.sv-notes-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.sv-notes{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.sv-note{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;border:1px solid var(--panel-border, var(--line));background:var(--panel);font-size:13px}.sv-note .swatch{width:15px;height:15px;flex:none;box-shadow:inset 0 1px 1px #ffffff73}.sv-note b{font-weight:800}.sv-note small{font-size:10.5px;font-weight:600;color:var(--text-dim);white-space:nowrap}.sv-note.root{border-color:#ef444461;background:#ef444417}.sv-formula{display:inline-flex;align-items:center;gap:8px;padding:4px 11px;border-radius:999px;border:1px solid rgba(13,148,136,.35);background:#0d94881a;color:#0f766e;font-size:12px;font-weight:700;letter-spacing:.06em;white-space:nowrap}:root[data-theme=dark] .sv-formula{color:#7dd3c0;background:#0d948829}.sv-formula-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.sv-positions-wrap .sv-step-head{margin-bottom:7px}@media (min-width: 1101px){.sv-positions-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.sv-positions-wrap .sv-step-head{display:grid;grid-template-columns:auto auto;grid-template-areas:"num title" ". tools";gap:3px 9px;margin:0}.sv-positions-wrap .sv-step-num{grid-area:num}.sv-positions-wrap .sv-step-title{grid-area:title;white-space:nowrap}.sv-positions-wrap .sv-step-hint{display:none}.sv-positions-wrap .sv-step-tools{grid-area:tools;margin:0}}.sv-pos-meta{display:inline-flex;align-items:center;gap:6px}.scales-view .sv-positions-wrap .multi-check{font-size:12px}.sv-positions{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 8px;margin:-6px -2px -8px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.sv-positions::-webkit-scrollbar{height:6px}.sv-positions::-webkit-scrollbar-thumb{border-radius:999px;background:#7f7f7f40}.sv-pos{position:relative;flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:10px;padding:6px 10px 6px 11px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;scroll-snap-align:start;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.sv-pos:hover{border-color:#f43f5e80;transform:translateY(-1px)}.sv-pos.on{border-color:var(--accent-1);background:linear-gradient(180deg,#f43f5e1a,#f43f5e05);box-shadow:0 0 0 3px #f43f5e24}.sv-pos.rec:not(.on){border-color:#f59e0ba6}.sv-pos.live{animation:sv-live 1.2s ease-in-out infinite}@keyframes sv-live{0%,to{box-shadow:0 0 0 3px #f43f5e24}50%{box-shadow:0 0 0 5px #f43f5e47}}.sv-pos-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.sv-pos-top{display:flex;align-items:center;gap:6px;min-height:17px}.sv-pos-num{font-size:15px;font-weight:800;line-height:1}.sv-pos.on .sv-pos-num{color:var(--accent-1)}.sv-pos-badge{padding:2px 6px;border-radius:999px;background:var(--sv-gold);color:#fff;font-size:8.5px;font-weight:800;font-style:normal;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.sv-pos-badge.muted{background:#7f7f7f29;color:var(--text-dim)}.sv-pos-frets{font-size:10.5px;font-weight:600;color:var(--text-dim);white-space:nowrap}.sv-pos-all{justify-content:center;min-width:78px}.sv-pos-all .sv-pos-text{align-items:center}.sv-pos-all .sv-pos-num{font-size:14px}.sv-pos-all.on .sv-pos-num{color:var(--accent-1)}.sv-mini{display:block;overflow:visible}.sv-mini line{stroke:#7f7f7f61;stroke-width:.6}.sv-mini circle{fill:#94a3b8}.sv-mini circle.root{fill:#ef4444}.sv-mini circle.faded{opacity:.45}.sv-pos.on .sv-mini circle:not(.root){fill:var(--accent-2)}.sv-stars{display:inline-flex;gap:1px}.sv-star{display:inline-flex;color:#7f7f7f6b}.sv-star.on{color:var(--sv-gold)}.sv-pos.stars-3{border-color:#f59e0b8c}.sv-pos.stars-3:not(.on){background:linear-gradient(180deg,rgba(245,158,11,.08),transparent)}.sv-board{min-width:0;margin:0 -4px}.scales-view .sv-board .board-wrap{padding:4px 2px 8px}@media (min-width: 1101px){.scales-view .sv-board>.board-wrap{display:flex;justify-content:center}.scales-view .sv-board>.board-wrap>.fretboard{flex:none}}.sv-under-board{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.sv-under-board>.sv-notes-row{flex:0 1 auto}.sv-under-board>.sv-scale-mood{flex:1 1 260px;margin:0}.sv-board-foot{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:-4px;font-size:11.5px;color:var(--text-dim)}.sv-board-foot>span{display:inline-flex;align-items:center;gap:6px}.sv-board-foot .swatch,.sv-board-foot .marker-dot{display:inline-block;width:11px;height:11px}.sv-board-foot .swatch.faded{background:linear-gradient(135deg,#60a5fa,#2563eb);opacity:.4}.sv-coach{padding:14px 16px;border-radius:16px;border:1px solid rgba(244,63,94,.2);background:linear-gradient(180deg,#f43f5e11,#f43f5e04)}.sv-coach.running{border-color:#f43f5e6b}.sv-coach .sv-step-head{margin-bottom:12px}.sv-coach-main{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px}.sv-start{flex:none;display:inline-flex;align-items:center;gap:10px;padding:8px 22px 8px 8px;border:none;border-radius:999px;color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 12px 24px -12px #e11d48d9;font:inherit;font-size:15px;font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.sv-start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px -12px #e11d48e6}.sv-start-ico{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ffffff38}.sv-start.stop{background:linear-gradient(135deg,#334155,#1e293b);box-shadow:0 12px 24px -12px #0f172acc}.sv-start:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.scales-view .sv-start:focus-visible{outline:3px solid rgba(244,63,94,.5);outline-offset:3px}.sv-coach-controls{flex:1;min-width:0;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;grid-template-areas:"pattern tempo notes" "reps switches switches";align-items:end;gap:12px 18px}.sv-ctl-pattern{grid-area:pattern}.sv-ctl-tempo{grid-area:tempo}.sv-ctl-notes{grid-area:notes}.sv-ctl-reps{grid-area:reps}.sv-ctl-switches{grid-area:switches}.sv-ctl{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.sv-ctl-tempo{align-items:stretch}.sv-ctl-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.scales-view .sv-seg{background:var(--surface)}.scales-view .sv-seg .seg{padding:5px 10px;font-size:12px}.scales-view .sv-seg.small .seg{min-width:30px;padding:5px 8px}.scales-view .sv-seg .seg:disabled{cursor:not-allowed;opacity:.55}.scales-view .sv-seg .seg.active:disabled{opacity:.8}.sv-tempo{display:flex;align-items:center;gap:6px;min-width:0}.sv-step-btn{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:16px;font-weight:700;line-height:1;cursor:pointer}.sv-step-btn:hover:not(:disabled){border-color:var(--accent-1);color:var(--accent-1)}.sv-step-btn:disabled{opacity:.4;cursor:not-allowed}.sv-tempo input[type=range]{flex:1;width:auto;min-width:90px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent-1) var(--pct, 50%),rgba(127,127,127,.22) var(--pct, 50%));-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.sv-tempo input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--accent-1);background:#fff;box-shadow:0 1px 4px #0000004d}.sv-tempo input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid var(--accent-1);background:#fff;box-shadow:0 1px 4px #0000004d}.sv-tempo input[type=range]:focus-visible{outline:2px solid var(--accent-1);outline-offset:4px}.sv-bpm{min-width:66px;font-size:11.5px;font-weight:600;color:var(--text-dim);white-space:nowrap}.sv-bpm b{font-size:17px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.sv-ctl-switches{flex-direction:row;align-items:center;gap:16px;padding-bottom:6px}.sv-switch{display:inline-flex;align-items:center;gap:7px;padding:0;border:none;background:none;color:var(--text);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.sv-switch:disabled{opacity:.55;cursor:not-allowed}.sv-switch-track{position:relative;width:32px;height:18px;flex:none;border-radius:999px;background:#7f7f7f52;transition:background .15s ease}.sv-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s ease}.sv-switch.on .sv-switch-track{background:var(--accent-1)}.sv-switch.on .sv-switch-knob{transform:translate(14px)}.sv-coach-status{display:flex;min-height:54px;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(244,63,94,.24)}.sv-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;width:100%;min-width:0}.sv-status.muted{font-size:13px;color:var(--text-dim)}.sv-status-body{display:flex;flex-direction:column;gap:2px;flex:1 1 240px;min-width:0}.sv-status-body strong{font-size:13.5px;font-weight:700}.sv-status-body span{font-size:12.5px;line-height:1.4;color:var(--text-dim)}.sv-status-kicker{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-1)}.sv-status-text{font-size:12.5px;font-weight:700;color:var(--text-dim);white-space:nowrap}.sv-status-q{font-size:12.5px;font-weight:600;color:var(--text-dim)}.sv-status-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sv-status-badge{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;color:#059669;background:#10b98124}.sv-status.work .sv-status-badge{color:#c2410c;background:#f9731624}.sv-status.gained .sv-status-badge{color:#d97706;background:#f59e0b2e;animation:sv-pop .6s cubic-bezier(.2,.9,.3,1.5)}.sv-status-stars .sv-star{animation:sv-pop .6s cubic-bezier(.2,.9,.3,1.5) both}.sv-status-stars .sv-star:nth-child(2){animation-delay:.08s}.sv-status-stars .sv-star:nth-child(3){animation-delay:.16s}.sv-status-now{min-width:54px;height:54px;padding:0 8px;flex:none;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(244,63,94,.3);background:var(--surface);color:var(--accent-1);font-size:22px;font-weight:800}.sv-status-run{display:flex;flex-direction:column;gap:6px;flex:1 1 200px;min-width:0}.sv-run-bar{display:block;width:100%;max-width:460px;height:6px;overflow:hidden;border-radius:999px;background:#7f7f7f2e}.sv-run-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));transition:width .12s linear}.sv-countin{display:flex;gap:6px;margin:0;padding:0;list-style:none}.sv-countin li{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--line);color:var(--text-dim);font-size:13px;font-weight:800;transition:background .1s ease,border-color .1s ease,color .1s ease}.sv-countin li.on{border-color:var(--accent-1);background:var(--accent-1);color:#fff}.sv-ladder{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.sv-ladder li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);font-size:11px;font-weight:700;white-space:nowrap}.sv-ladder li.on{border-color:#f59e0b80;background:#f59e0b1a;color:var(--sv-gold-ink)}.sv-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.sv-btn:hover{transform:translateY(-1px)}.sv-btn.primary{color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 6px 14px -6px #f43f5ea6}.sv-btn.ghost{color:var(--text);background:var(--surface);border-color:var(--line)}.sv-btn.ghost:hover{border-color:var(--accent-1);color:var(--accent-1)}.sv-icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);cursor:pointer}.sv-icon-btn:hover{color:var(--text)}.sv-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px}.sv-panel-head{display:flex;align-items:center;gap:9px;margin-bottom:6px}.sv-panel-head h2{margin:0;font-size:15px;font-weight:700}.sv-panel-ico{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:9px;color:var(--accent-1);background:#f43f5e1f}.sv-panel-ico.tip{color:#d97706;background:#f59e0b26}.sv-panel-sub{margin:0 0 12px;font-size:12.5px;color:var(--text-dim)}.sv-link{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 2px;border:none;background:none;color:var(--accent-1);font:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}.sv-link:hover{text-decoration:underline}.sv-chord-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.sv-chord{--q: 59, 130, 246;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 6px 10px;border-radius:12px;border:1px solid var(--line);border-top:3px solid rgba(var(--q),.7);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.sv-chord.q-min{--q: 139, 92, 246}.sv-chord.q-dim{--q: 244, 63, 94}.sv-chord.q-aug{--q: 245, 158, 11}.sv-chord:hover{transform:translateY(-1px);box-shadow:0 8px 16px -10px rgba(var(--q),.7)}.sv-chord.on{border-color:rgb(var(--q));box-shadow:0 0 0 3px rgba(var(--q),.2)}.sv-chord-roman{font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:700;color:var(--text-dim)}.sv-chord-name{font-size:15px;font-weight:800}.sv-tip{margin:8px 0 12px;font-size:14px;line-height:1.55}.sv-tip-nav{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.sv-tip-nav button{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.sv-tip-nav button:hover{border-color:var(--accent-1);color:var(--accent-1)}.sv-tip-dots{display:flex;flex-wrap:wrap;gap:5px}.sv-tip-dots i{width:6px;height:6px;border-radius:999px;background:#7f7f7f40;transition:width .2s ease,background .2s ease}.sv-tip-dots i.on{width:16px;background:var(--accent-1)}@media (max-width: 1320px) and (min-width: 1101px){.sv-top{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width: 1420px) and (min-width: 1101px){.sv-path>.sv-step-head{flex-wrap:nowrap}.sv-path .sv-step-hint{display:none}.sv-path .sv-step-tools{min-width:0}.scales-view .sv-dd .dd-trigger{max-width:230px}.scales-view .sv-dd .dd-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-board-card .sv-scale-head .sv-level-tag{display:none}.sv-scale-title{font-size:22px}.sv-levels{gap:6px}.sv-level{padding:6px 9px}.sv-level-num{display:none}.sv-level.here{box-shadow:inset 3px 0 0 var(--t)}.sv-level.on{box-shadow:inset 3px 0 0 var(--t),0 10px 22px -14px rgba(var(--t-rgb),.75)}.sv-level-title{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis}.sv-scale-chips{gap:6px}.sv-scale-chip{padding:5px 10px}.sv-scale-chip .sv-mini-ring{display:none}}@media (min-width: 1101px){.scales-view .sv-board>.board-wrap{max-width:max(640px,calc((100vh - 522px)*4.3));margin:0 auto}}@media (max-width: 1100px){.sv-top{grid-template-columns:minmax(0,1fr)}.sv-hq{order:-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:12px 16px}.sv-hq-next{margin-top:0}}@media (max-width: 1180px){.sv-coach-main{flex-direction:column;align-items:stretch}.sv-start{align-self:flex-start}}@media (max-width: 1100px){.sv-bottom{grid-template-columns:minmax(0,1fr)}}@media (max-width: 860px){.sv-coach-controls{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pattern pattern" "tempo tempo" "notes reps" "switches switches"}}@media (max-width: 960px){.sv-levels{display:flex;overflow-x:auto;padding:2px 2px 6px;margin:-2px -2px -6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.sv-levels::-webkit-scrollbar{height:5px}.sv-levels::-webkit-scrollbar-thumb{border-radius:999px;background:#7f7f7f40}.sv-level{flex:0 0 158px;scroll-snap-align:start}.sv-key-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sv-key{font-size:13px;padding:9px 2px 10px}.sv-hq{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-hq-next{grid-column:1 / -1}}@media (max-width: 640px){.scales-view{gap:12px}.sv-panel{padding:13px 13px 14px;border-radius:16px}.sv-board-card .sv-keys{padding:10px}.sv-step-title{font-size:14px}.sv-step-hint{flex-basis:100%;order:3;font-size:11.5px}.sv-step-tools{margin-left:auto}.scales-view .sv-dd .dd-trigger{max-width:190px}.sv-path .sv-step-hint{display:none}.sv-level{flex-basis:146px;padding:8px 9px}.sv-level-panel{padding:10px}.sv-scale-chip{padding:6px 11px 6px 7px}.sv-hq{grid-template-columns:minmax(0,1fr);gap:12px;padding:13px;border-radius:16px}.sv-hq-next{padding:11px 11px 11px 13px}.sv-board-card{padding:13px 12px 12px;gap:12px}.sv-scale-title{font-size:20px}.sv-scale-mood{font-size:12.5px}.sv-scale-tools{width:100%}.sv-scale-tools .sv-tool-btn span{display:none}.sv-scale-tools .sv-tool-btn{padding:7px 9px}.sv-pop-card{right:auto;left:50%;transform:translate(-50%);transform-origin:top center;width:min(260px,82vw)}.sv-note-iv{display:none}.sv-note{padding:3px 9px 3px 4px;font-size:12.5px}.sv-pos{padding:6px 9px;gap:8px}.sv-board{margin:0 -6px}.sv-board-foot{gap:4px 12px;font-size:11px}.sv-coach{padding:12px}.sv-coach-main{gap:12px}.sv-start{align-self:stretch;justify-content:center;padding:7px 18px 7px 7px}.sv-coach-controls{gap:12px}.sv-tempo input[type=range]{min-width:0}.scales-view .sv-seg .seg{padding:6px 9px}.sv-status-actions{width:100%}.sv-status-actions .sv-btn{flex:1 1 auto;justify-content:center}.sv-ladder li{padding:3px 8px 3px 6px}}@media (max-width: 400px){.sv-key{font-size:12px}.sv-level{flex-basis:140px}.scales-view .sv-dd .dd-trigger{max-width:150px}}@media (prefers-reduced-motion: reduce){.sv-hq.celebrate,.sv-hq.celebrate .sv-hq-ring,.sv-pos.live,.sv-status.gained .sv-status-badge,.sv-status-stars .sv-star,.sv-pop-card{animation:none}.sv-level,.sv-scale-chip,.sv-pos,.sv-hq-next,.sv-start,.sv-btn,.sv-chord{transition:none}.sv-level:hover,.sv-scale-chip:hover,.sv-pos:hover,.sv-hq-next:hover,.sv-start:hover:not(:disabled),.sv-btn:hover,.sv-chord:hover{transform:none}}.sf-pop{position:relative;min-width:0}.sf-pop-trigger{width:100%;min-height:48px;display:flex;align-items:center;gap:9px;padding:0 10px 0 12px;border:1.5px solid rgba(244,63,94,.28);border-radius:15px;background:#f43f5e12;color:var(--text);font:inherit;font-size:16px;font-weight:800;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.sf-pop.open .sf-pop-trigger{border-color:var(--accent-1);box-shadow:0 0 0 3px #f43f5e29}.sf-pop-ico{flex:none;display:grid;place-items:center;color:var(--accent-1)}.sf-pop-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sf-pop-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-pop-chev{flex:none;display:grid;place-items:center;color:var(--text);transition:transform .16s ease}.sf-pop.open .sf-pop-chev{transform:rotate(180deg)}.sf-pop-menu{position:absolute;top:calc(100% + 8px);z-index:40;min-width:100%;padding:8px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:0 22px 44px -14px #0f121e59,0 2px 6px #0f121e14}.sf-pop-menu.align-left{left:0}.sf-pop-menu.align-right{right:0}.sf-pop-menu.wide{width:min(300px,calc(100vw - 44px))}.sf-pop-opt{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border:none;border-radius:13px;background:transparent;color:var(--text);font:inherit;font-size:15.5px;font-weight:600;text-align:left;cursor:pointer}.sf-pop-opt+.sf-pop-opt{margin-top:2px}.sf-pop-opt.on{color:#fff;font-weight:800;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 6px 14px -6px #f43f5e99}.sf-pop-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sf-pop-key{min-width:0;min-height:46px;padding:0 4px;border:none;border-radius:13px;background:var(--panel);color:var(--text);font:inherit;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}.sf-pop-key.on{color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 6px 14px -6px #f43f5e99}.sf-pop-menu{max-width:calc(100vw - 28px);max-height:min(420px,65vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.sf-pop-trigger:disabled{opacity:.55;cursor:not-allowed}.sf-pop-meta{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-pop-meta svg{flex:none;color:var(--sv-gold)}.sf-pop.sm .sf-pop-trigger{min-height:40px;gap:6px;padding:0 7px 0 10px;border-width:1px;border-radius:12px;font-size:13.5px;font-weight:700}.sf-pop.sm .sf-pop-menu{border-radius:14px;padding:6px}.sf-pop.sm .sf-pop-opt{min-height:42px;font-size:14px}.sf-pop-opt{padding-top:6px;padding-bottom:6px}.sf-pop-opt-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sf-pop-opt-label{white-space:nowrap}.sf-pop-opt-meta{font-size:11px;font-weight:600;color:var(--text-dim);white-space:nowrap}.sf-pop-opt.on .sf-pop-opt-meta{color:#ffffffd9}.sf-pop-opt-badge{flex:none;padding:2px 7px;border-radius:999px;background:var(--sv-gold);color:#fff;font-size:9.5px;font-weight:800;font-style:normal;letter-spacing:.03em}.sf-pop-key{position:relative}.sf-pop-key.played:after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--sv-green)}.sf-pop-key.on.played:after{background:#fff}@media (max-width: 640px){.scales-view{gap:10px}.scales-view .sv-panel{padding:11px 12px 12px}.sv-step-head{margin-bottom:8px;gap:4px 8px}.sv-step-hint{font-size:11px;line-height:1.35}.sv-path-m .sv-step-head{margin-bottom:8px}.sv-m-pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.sv-m-field{min-width:0;display:flex;flex-direction:column;gap:5px}.sv-m-field .sf-row-label{padding-left:2px;font-size:10.5px;letter-spacing:.14em}.sv-m-pick .sf-pop-trigger{min-height:46px;padding:0 8px 0 9px;gap:8px;font-size:14.5px}.sv-m-lvl{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:var(--t-ink);background:rgba(var(--t-rgb),.16);font-size:12px;font-weight:800}.sv-m-lvl.scale{color:var(--accent-1);background:#f43f5e1f;font-size:14px}.sv-m-blurb{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100%;margin-top:8px;padding:6px 10px;overflow:hidden;border:1px dashed rgba(var(--t-rgb),.3);border-radius:11px;background:rgba(var(--t-rgb),.045);font:inherit;font-size:11.5px;line-height:1.4;text-align:left;color:var(--text-dim);cursor:pointer}.sv-m-blurb.open{display:block;-webkit-line-clamp:unset}.sv-hq{gap:9px;padding:11px 12px}.sv-hq-goal{gap:10px}.sv-hq-ring{width:44px;height:44px}.sv-hq-ring-text{font-size:15px}.sv-hq-goal-text strong{margin-top:0;font-size:14.5px}.sv-hq-small{font-size:11px}.sv-hq-stats{gap:8px}.sv-hq-stat strong{font-size:15px}.sv-hq-ico{width:22px;height:22px}.sv-hq-next{gap:8px;padding:8px 8px 8px 12px;border-radius:13px}.sv-hq-next strong{font-size:13.5px}.sv-hq-next-sub{font-size:11px}.sv-hq-next-go{width:30px;height:30px}.sv-board-card{padding:11px;gap:9px}.sv-scale-head{gap:8px}.sv-scale-title{font-size:19px}.sv-level-tag{padding:2px 7px;font-size:10px}.sv-formula{padding:3px 9px;font-size:11px}.sv-scale-tools{justify-content:space-between;gap:6px}.sv-positions-wrap .sv-step-head{margin-bottom:6px}.sv-pos{padding:5px 8px;gap:7px}.sv-pos-num{font-size:14px}.sv-pos-all{min-width:64px}.sv-positions{gap:6px}.sv-under-board{gap:4px 10px}.sv-notes-row{flex-wrap:nowrap;min-width:0;max-width:100%}.sv-notes{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sv-notes::-webkit-scrollbar{display:none}.sv-note{flex:none}.sv-under-board>.sv-scale-mood{flex-basis:100%;font-size:12px;line-height:1.4}.sv-use{margin-left:0;white-space:normal}.sv-board-foot{margin-top:-2px;gap:2px 10px;font-size:10.5px}.sv-coach{padding:11px}.sv-coach .sv-step-head{margin-bottom:8px}.sv-coach-main{gap:10px}.sv-start{padding:5px 16px 5px 5px;font-size:14px}.sv-start-ico{width:34px;height:34px}.sv-coach-controls{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"tempo tempo tempo" "pattern notes reps" "switches switches switches";gap:10px 8px}.sv-coach-controls .sv-ctl{align-items:stretch;gap:4px}.sv-coach-controls .sv-ctl.sv-ctl-switches{flex-direction:row;align-items:center;justify-content:flex-start;gap:22px;padding-bottom:0}.sv-ctl-label{font-size:9.5px}.sv-coach-status{min-height:0;margin-top:9px;padding-top:9px}.sv-status{gap:8px 10px}.sv-status-body strong{font-size:13px}.sv-status-body span{font-size:12px;line-height:1.35}.sv-status-now{min-width:46px;height:46px;font-size:19px}.sv-ladder{flex-wrap:nowrap;gap:4px;max-width:100%;overflow-x:auto;scrollbar-width:none}.sv-ladder::-webkit-scrollbar{display:none}.sv-ladder li{flex:none;padding:3px 7px 3px 6px;font-size:10.5px}.sv-bottom{gap:10px}.sv-panel-head{margin-bottom:4px}.sv-panel-head h2{font-size:14px}.sv-panel-ico{width:24px;height:24px;border-radius:8px}.sv-panel-sub{margin:0 0 8px;font-size:12px;line-height:1.4}.sv-chord-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62px;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sv-chord-row::-webkit-scrollbar{display:none}.sv-chord{padding:6px 4px 7px}.sv-chord-name{font-size:14px}.sv-tip{margin:4px 0 8px;font-size:13px;line-height:1.5}}@media (max-width: 400px){.sv-m-pick{gap:8px}.sv-m-pick .sf-pop-trigger{padding:0 6px 0 8px;gap:6px}.sv-coach-controls{gap:10px 6px}}@media (prefers-reduced-motion: reduce){.sf-pop-trigger,.sf-pop-chev{transition:none}}.sv-collapse{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .34s cubic-bezier(.4,0,.2,1),opacity .2s ease,visibility 0s linear .34s}.sv-collapse.open{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .34s cubic-bezier(.4,0,.2,1),opacity .3s ease .06s,visibility 0s}.sv-collapse-inner{min-height:0;overflow:hidden}.sv-collapse.settled .sv-collapse-inner{overflow:visible}.sv-fold-h{margin:0;font:inherit}.sv-fold-head{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:0;border:none;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.sv-fold-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sv-fold-title{font-size:14.5px;font-weight:800;letter-spacing:-.01em}.sv-fold-sub{display:flex;align-items:center;gap:8px;min-width:0;font-size:11.5px;font-weight:600;color:var(--text-dim)}.sv-fold-pick,.sv-fold-next{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-fold-next{color:var(--accent-1);font-weight:700}.sv-fold-chip{flex:none;display:inline-flex;align-items:center;gap:3px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.sv-fold-chip svg{color:#f97316}.sv-fold-chip.star svg{color:var(--sv-gold)}.sv-fold-ring{width:36px;height:36px;flex:none}.sv-fold-ring .sv-ring{width:100%;height:100%}.sv-fold-chev{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--panel);color:var(--text-dim);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sv-fold-head.open .sv-fold-chev{transform:rotate(180deg)}.scales-view .sv-fold-head:focus-visible{outline-offset:4px;border-radius:10px}.sv-hq.sv-hq-m{display:block}.sv-hq-body{display:flex;flex-direction:column;gap:9px;padding-top:10px}.sv-fold-tools{margin:10px 0}.sv-fold-tools .dd{display:flex;width:100%}.scales-view .sv-fold-tools .sv-dd .dd-trigger{width:100%;max-width:none}@media (prefers-reduced-motion: reduce){.sv-collapse,.sv-collapse.open,.sv-fold-chev{transition:none}}@media (max-width: 640px){.sv-scale-tools{position:relative}.sv-scale-tools .sv-pop{position:static}.sv-scale-tools .sv-pop-card{left:0;right:0;width:auto;max-width:100%;transform:none;transform-origin:top center}.sv-pop-card .sv-pop-row{flex-wrap:wrap}}.sf-pop-head{display:flex;align-items:center;gap:10px;padding:4px 6px 10px}.sf-pop-head-text{min-width:0;display:flex;flex-direction:column;gap:1px}.sf-pop-head-text b{font-size:14px;font-weight:800}.sf-pop-head-text small{font-size:11.5px;font-weight:600;color:var(--text-dim)}@media (max-width: 640px){.sv-scale-tools{flex-wrap:nowrap;justify-content:flex-start;gap:6px}.scales-view .sv-scale-tools .view-toggle{flex:none;padding:2px}.scales-view .sv-scale-tools .view-toggle .seg{padding:7px 10px;font-size:12.5px}.sv-scale-tools .sv-tool-btn{flex:none;width:36px;height:36px;justify-content:center;padding:0}.sv-scale-tools .sv-key-pop{flex:none;margin-left:auto}.sv-scale-tools .sv-key-pop .sf-pop-trigger{min-height:36px;gap:5px;padding:0 6px 0 8px;border-radius:11px}.sv-scale-tools .sv-key-pop .sf-pop-val{font-size:14px}}@media (max-width: 360px){.scales-view .sv-scale-tools .view-toggle .seg{padding:7px 8px;font-size:12px}.sv-scale-tools .sv-tool-btn{width:34px;height:34px}}.sf-pop-hint{margin:2px 4px 8px;font-size:11.5px;line-height:1.4;color:var(--text-dim)}.sf-pop-hint b{color:var(--text);font-weight:800}@media (max-width: 640px){.sv-scale-tools .sf-pop{position:static}.sv-scale-tools .sf-pop-trigger{min-height:36px;padding:0 8px 0 10px;gap:6px}.sv-scale-tools .sf-pop .sf-pop-menu{left:0;right:0;width:auto;max-width:100%}}.sv-hq-slot:empty{display:none}.sv-hq-slot{margin-left:auto}.sv-hq-dock{position:relative;display:inline-flex}.sv-hq-dock-btn{position:relative;width:42px;height:42px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:var(--surface);box-shadow:0 4px 12px -4px #f43f5e59;cursor:pointer}.sv-hq-dock-btn>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sv-hq-dock-num{position:relative;font-size:12px;font-weight:800;line-height:1;color:var(--text)}.sv-hq-dock-num small{font-size:8.5px;font-weight:700;color:var(--text-dim)}.sv-hq-dock.is-open .sv-hq-dock-btn{box-shadow:0 0 0 3px #f43f5e2e}.sv-hq-dock-btn:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.sv-hq-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:min(340px,calc(100vw - 28px));max-height:min(70vh,560px);overflow-y:auto;padding:12px;border-radius:18px;box-shadow:0 22px 44px -14px #0f121e59,0 2px 6px #0f121e14;animation:modal-fade .14s ease}.sv-chip-name .sf-free-tag{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:999px;background:#10b981;color:#fff;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.03em;line-height:1.5;text-transform:uppercase;vertical-align:2px}.sv-scale-chip.on .sv-chip-name .sf-free-tag{background:#ffffffeb;color:#059669}.sv-title-key{display:inline-flex;align-items:center}.sv-title-key .sf-pop-trigger{min-height:30px;padding:0 8px 0 9px;font-size:13px}.sv-title-key .sf-pop-menu{left:0;right:auto}@media (min-width: 1101px){.sv-top{grid-template-columns:minmax(0,1fr)}.sv-path>.sv-step-head{position:relative;z-index:5}.sv-hq-desk-slot{display:inline-flex;margin-left:4px}.sv-hq-desk-slot:empty{display:none}.sv-path .sv-levels{margin-bottom:0}}.sv-hq-box{position:relative;display:inline-flex}.sv-hq-box-btn{display:inline-flex;align-items:center;gap:9px;padding:4px 10px 4px 5px;border:1px solid rgba(244,63,94,.22);border-radius:10px;background:linear-gradient(135deg,#f43f5e12,#fb923c0f),var(--surface);box-shadow:0 6px 16px -10px #f43f5e8c;color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.sv-hq-box-btn:hover,.sv-hq-box.is-open .sv-hq-box-btn{border-color:#f43f5e73;box-shadow:0 0 0 3px #f43f5e1f}.sv-hq-box-btn:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.sv-hq-box-ring{position:relative;width:28px;height:28px;display:grid;place-items:center;flex:none}.sv-hq-box-ring>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sv-hq-box-ring b{position:relative;font-size:11px;font-weight:800;line-height:1}.sv-hq-box-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.sv-hq-box-text .sv-hq-label{font-size:9px}.sv-hq-box-text strong{font-size:12.5px;font-weight:800;white-space:nowrap}.sv-hq-box-stat{display:inline-flex;align-items:center;gap:3px;padding-left:9px;border-left:1px solid var(--border, rgba(15, 18, 30, .1));font-size:12px;font-weight:800;color:var(--text)}.sv-hq-box-stat svg{color:#f97316}.sv-hq-box-stat.star svg{color:var(--sv-gold)}.sv-hq-box .sv-fold-chev{display:inline-flex;color:var(--text-dim);transition:transform .2s ease}.sv-hq-box.is-open .sv-fold-chev{transform:rotate(180deg)}.sv-hq-box-pop{right:0;left:auto}.sv-hq-box.celebrate .sv-hq-box-btn{border-color:#10b981}@media (min-width: 1101px){.sv-coach{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 12px;border-radius:14px}.sv-coach>.sv-step-head{flex:none;margin:0;flex-wrap:nowrap}.sv-coach .sv-step-hint{display:none}.sv-coach-main{flex:1 1 0;min-width:0;flex-wrap:nowrap;gap:12px}.sv-coach .sv-start{padding:4px 14px 4px 4px;font-size:13px;gap:7px;box-shadow:0 8px 18px -10px #e11d48d9}.sv-coach .sv-start-ico{width:28px;height:28px}.sv-coach-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}.sv-coach .sv-ctl{flex-direction:row;align-items:center;gap:6px;flex:none}.sv-coach .sv-ctl-tempo{flex:1 1 140px;min-width:140px}.sv-coach .sv-ctl-tempo .sv-tempo{flex:1}.sv-coach .sv-tempo input[type=range]{min-width:50px}.sv-coach .sv-ctl-label{font-size:9px;letter-spacing:.08em;white-space:nowrap}.sv-coach .sv-step-btn{width:24px;height:24px;font-size:14px}.sv-coach .sv-bpm{white-space:nowrap}.sv-coach .sv-ctl-switches{gap:8px}.scales-view .sv-coach .sv-seg .seg{padding:4px 8px;font-size:11.5px}.scales-view .sv-coach .sv-seg.small .seg{min-width:24px;padding:4px 6px}.sv-coach>.sv-coach-status{flex-basis:100%}.sv-coach>.sv-coach-status:empty{display:none}}@media (min-width: 1101px) and (max-width: 1380px){.sv-coach .sv-ctl-label{display:none}}.sv-title-key{gap:12px}.sv-title-key .sv-ctl-tempo{flex-direction:row;align-items:center;gap:6px;padding:3px 10px 3px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.sv-title-key .sv-ctl-label{font-size:9px;letter-spacing:.08em}.sv-title-key .sv-tempo input[type=range]{width:120px;min-width:120px;flex:none}.sv-title-key .sv-step-btn{width:24px;height:24px;font-size:14px}.sv-title-key .sv-bpm{white-space:nowrap;font-size:11px}.sv-coach-status:empty{display:none}.sv-title-key .sv-ctl-switches{display:inline-flex;flex-direction:row;align-items:center;gap:10px;margin-left:6px;padding-left:10px;border-left:1px solid var(--line)}.sv-key-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}@media (min-width: 1101px){.sv-board-card .sv-scale-head .sv-level-tag{padding:4px 12px;border:1.5px solid rgba(var(--t-rgb),.6);background:transparent;font-size:14px}.sv-board-card .sv-scale-title{font-size:19px}}.sv-level-title .sv-level-free{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:#10b981;color:#fff;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.03em;line-height:1.5;vertical-align:2px}@media (min-width: 1101px){.sv-coach-main>.sv-coach-inline{flex:1 1 auto;min-width:0;min-height:0;margin:0;padding:0 0 0 12px;border-top:none;border-left:1px dashed rgba(244,63,94,.3)}.sv-coach.running .sv-ctl-pattern,.sv-coach.running .sv-ctl-reps{display:none}}@media (max-width: 640px){.sv-coach{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head start" "ctl ctl" "status status";align-items:center;gap:8px 10px;padding:10px;border-radius:14px}.sv-coach>.sv-step-head{grid-area:head;margin:0;flex-wrap:nowrap}.sv-coach .sv-step-hint{display:none}.sv-coach-main{display:contents}.sv-coach .sv-start{grid-area:start;align-self:center;padding:3px 14px 3px 3px;gap:7px;font-size:13px;box-shadow:0 8px 16px -10px #e11d48d9}.sv-coach .sv-start-ico{width:28px;height:28px}.sv-coach .sv-start-ico svg{width:14px;height:14px}.sv-coach-controls{grid-area:ctl;gap:8px 6px}.sv-coach>.sv-coach-status{grid-area:status;margin:0;padding-top:8px}.sv-coach-main>.sv-coach-inline{grid-area:status}.sv-coach .sv-ctl-tempo{flex-direction:row;align-items:center;gap:8px}.sv-coach .sv-ctl-tempo .sv-tempo{flex:1;gap:5px}.sv-coach .sv-step-btn{width:26px;height:26px;font-size:14px;border-radius:7px}.sv-coach .sv-bpm{font-size:10px;white-space:nowrap}.sv-coach .sv-bpm b{font-size:15px}.sv-coach-controls .sv-ctl{gap:3px}.sv-coach .sv-ctl-label{font-size:8.5px;letter-spacing:.08em}.sv-coach .sf-pop-trigger{min-height:32px;padding:0 6px 0 9px;border-radius:9px;font-size:12.5px}.sv-coach-controls .sv-ctl.sv-ctl-switches{gap:16px;font-size:12.5px}.sv-coach .sv-switch{font-size:12.5px;gap:6px}.sv-coach .sv-switch-track{transform:scale(.8);transform-origin:left center;margin-right:-6px}}@media (max-width: 640px){.sv-scale-tools{flex-wrap:nowrap;align-items:center;gap:6px}.sv-scale-tools .sv-key-pop{margin-left:0}.sv-scale-tools>.sv-formula{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;font-size:11px}.sv-scale-tools>.sv-tool-btn:last-child{margin-left:auto}}@media (max-width: 640px){.sv-scale-tools .sv-key-label{font-size:9px;letter-spacing:.06em}}.sf-controls{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"scale scale" "key pos";gap:14px 22px}.sf-row-scale{grid-area:scale}.sf-row-key{grid-area:key}.sf-row-pos{grid-area:pos}.sf-row{display:flex;flex-direction:column;gap:7px;min-width:0}.sf-row-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.sf-row-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.sf-row-hint{font-size:11.5px;font-weight:600;color:var(--accent-1)}.sf-row-body{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0}.sf-row-key .sf-row-body>.sv-key-grid{flex:1;min-width:0}@media (min-width: 1101px){.sf-controls:not(.sf-m){display:flex;align-items:stretch;gap:0;padding:12px 16px}.sf-controls:not(.sf-m)>.sf-row{padding:0 18px;border-left:1px solid var(--line)}.sf-controls:not(.sf-m)>.sf-row:first-child{padding-left:0;border-left:none}.sf-controls:not(.sf-m)>.sf-row:last-child{padding-right:0}.sf-controls:not(.sf-m) .sf-row-scale{flex:0 1 auto}.sf-controls:not(.sf-m) .sf-row-scale .sf-row-body{flex-wrap:nowrap}.sf-controls:not(.sf-m) .sf-row-scale .sf-dd .dd-trigger{min-width:170px}.sf-controls:not(.sf-m) .sf-row-key{flex:0 0 auto}.sf-controls:not(.sf-m) .sf-row-pos{flex:1 1 auto}.sf-controls:not(.sf-m) .sf-row-pos .sf-row-body{flex-wrap:nowrap;align-items:stretch}.sf-controls:not(.sf-m) .sf-row-pos .sf-multi{display:flex;align-items:center;padding-left:16px;border-left:1px solid var(--line)}}.sf-key-pop{min-width:190px}.sf-key-pop .sf-pop-trigger{min-height:36px;padding-left:5px;background:var(--surface)}.sf-key-badge{display:grid;place-items:center;min-width:30px;height:26px;padding:0 6px;border-radius:8px;color:#fff;font-size:12px;font-weight:800;background:linear-gradient(135deg,var(--accent-1),var(--accent-2))}.sf-key-pop .sf-pop-val{font-size:12.5px;font-weight:600}.scales-view .sf-families{background:var(--panel)}.scales-view .sf-families .seg{padding:6px 12px;font-size:12.5px}.sf-chips{display:flex;flex-wrap:wrap;gap:6px}.sf-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.sf-chip:hover{border-color:var(--accent-1);color:var(--accent-1)}.sf-chip.on{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 4px 12px -4px #f43f5e8c}.scales-view .sf-dd .dd-trigger{min-width:200px;padding:7px 11px;border-radius:10px;background:var(--surface);font-size:12.5px}.scales-view .sf-dd .dd-menu{max-height:min(360px,55vh)}.scales-view .dd-prefix{margin-right:4px;color:var(--text-dim);font-weight:600}.sf-positions{flex:1;min-width:0;display:flex;gap:3px;padding:4px;overflow-x:auto;border-radius:12px;border:1px solid var(--panel-border, var(--line));background:var(--panel);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.sf-positions::-webkit-scrollbar{height:5px}.sf-positions::-webkit-scrollbar-thumb{border-radius:999px;background:#7f7f7f40}.sf-pos{flex:1 0 auto;min-width:46px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 8px 6px;border:none;border-radius:9px;background:transparent;color:var(--text);font:inherit;cursor:pointer;scroll-snap-align:start;transition:background .14s ease,color .14s ease}.sf-pos b{font-size:13px;font-weight:800;line-height:1.2}.sf-pos small{font-size:10px;font-weight:600;color:var(--text-dim);white-space:nowrap}.sf-pos:hover{background:var(--surface);color:var(--accent-1)}.sf-pos.on{color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 3px 10px #f43f5e52}.sf-pos.on small{color:#ffffffd9}.sf-pos-all{min-width:64px}.scales-view .sf-multi{font-size:12px;white-space:nowrap}.sf-foot-tip{margin-left:auto;font-style:italic}.sf-player{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:10px 12px;border-radius:14px;border:1px solid rgba(244,63,94,.2);background:linear-gradient(180deg,#f43f5e0f,#f43f5e04)}.sf-player.playing{border-color:#f43f5e6b}.sf-play{flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;border:none;border-radius:999px;color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 8px 18px -10px #e11d48d9;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}.sf-play-ico{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffffff38}.sf-play.stop{background:linear-gradient(135deg,#334155,#1e293b)}.sf-play:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sf-tempo{flex:1 1 220px;max-width:360px}.sf-now{min-width:120px;font-size:12.5px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.sf-player.playing .sf-now{color:var(--accent-1)}.sf-player-hint{font-size:12.5px;color:var(--text-dim)}.scales-view .sf-to-lessons{margin-left:auto;gap:6px}.sf-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.sf-ruler{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:0;list-style:none}.sf-cell{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.sf-cell-iv{font-size:11px;font-weight:800;color:var(--text-dim);white-space:nowrap}.sf-cell.in .sf-cell-iv{color:var(--text)}.sf-cell-note,.sf-cell-empty{width:100%;min-height:46px;border-radius:10px}.sf-cell-note{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px;border:1px solid var(--panel-border, var(--line));background:var(--panel);color:var(--text);font:inherit;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.sf-cell-note:hover{transform:translateY(-1px);border-color:var(--accent-1)}.sf-cell-note .swatch{width:14px;height:14px;box-shadow:inset 0 1px 1px #ffffff73}.sf-cell-note b{font-size:12.5px;font-weight:800;white-space:nowrap}.sf-cell.root .sf-cell-note{border-color:#ef444466;background:#ef444417}.sf-cell-empty{display:block;border:1px dashed rgba(127,127,127,.28)}.sf-cell-semi{font-size:9.5px;font-weight:600;color:var(--text-dim);opacity:.7;font-variant-numeric:tabular-nums}.sf-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0}.sf-facts>div{display:flex;align-items:baseline;gap:8px}.sf-facts dt{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.sf-facts dd{margin:0;font-size:13px;font-weight:700}.sf-facts dd.sf-ivs{word-spacing:.4em}.sf-chord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.sf-chord{--q: 59, 130, 246;display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px 8px 9px;border-radius:12px;border:1px solid var(--line);border-top:3px solid rgba(var(--q),.7);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.sf-chord.q-min{--q: 139, 92, 246}.sf-chord.q-dim{--q: 244, 63, 94}.sf-chord.q-aug{--q: 245, 158, 11}.sf-chord:hover{transform:translateY(-1px);box-shadow:0 8px 16px -10px rgba(var(--q),.7)}.sf-chord.on{border-color:rgb(var(--q));box-shadow:0 0 0 3px rgba(var(--q),.2)}.sf-chord-top{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.sf-chord-roman{font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:700;color:var(--text-dim)}.sf-chord-name{font-size:14px;font-weight:800;white-space:nowrap}.sf-chord .cd{padding:2px;border-radius:8px}.sf-chord-none{padding:20px 0;font-size:11px;text-align:center;color:var(--text-dim)}.sv-panel-ico.rel{color:#7c3aed;background:#8b5cf624}.sf-rel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:8px}.sf-rel-group h3{margin:0;font-size:13.5px;font-weight:700}.sf-rel-group p{margin:2px 0 9px;font-size:12px;color:var(--text-dim)}.sf-rel-chips{display:flex;flex-wrap:wrap;gap:6px}.sf-rel{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 11px 7px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.sf-rel:hover{border-color:var(--accent-1);transform:translateY(-1px)}.sf-rel-title{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;white-space:nowrap}.sf-rel-title em{padding:1px 6px;border-radius:999px;background:#8b5cf624;color:#7c3aed;font-size:9px;font-weight:800;font-style:normal;letter-spacing:.05em;text-transform:uppercase}:root[data-theme=dark] .sf-rel-title em,:root[data-theme=dark] .sv-panel-ico.rel{color:#c4b5fd}.sf-rel-note{font-size:11px;font-weight:600;color:var(--text-dim);white-space:nowrap}.sf-rel-more{align-self:center;padding:6px 10px;border:none;background:none;color:var(--accent-1);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.sf-rel-more:hover{text-decoration:underline}@media (max-width: 1100px){.sf-controls{grid-template-columns:minmax(0,1fr);grid-template-areas:"scale" "key" "pos"}}@media (max-width: 860px){.sf-rel-grid{grid-template-columns:minmax(0,1fr)}.scales-view .sf-to-lessons{margin-left:0}}@media (max-width: 640px){.sf-controls{gap:12px}.scales-view .sf-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.scales-view .sf-families .seg{padding:7px 4px;text-align:center}.scales-view .sf-dd{width:100%}.scales-view .sf-dd .dd-trigger{width:100%;min-width:0}.sf-foot-tip{display:none}.sf-player{padding:10px}.sf-pattern{max-width:100%;overflow-x:auto}.sf-tempo{flex-basis:100%;max-width:none}.sf-ruler{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:8px}.sf-chord-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}}.sf-controls.sf-m{display:flex;flex-direction:column;gap:14px;padding:16px 14px 14px;border-radius:22px}.sf-m-top{display:flex;align-items:flex-start;gap:10px}.sf-m-field{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:7px}.sf-m-field .sf-row-label,.sf-m-pos .sf-row-label{padding-left:2px;font-size:11px;letter-spacing:.14em}.sf-m-sep{flex:none;align-self:stretch;width:1px;margin-top:22px;background:var(--line)}.sf-m-hint{margin:-4px 2px 0;font-size:12px;font-weight:600;color:var(--accent-1)}.sf-m-sub{min-width:0}.scales-view .sf-m-sub .sf-dd{width:100%}.sf-m-pos{display:flex;flex-direction:column;gap:7px;min-width:0}.sf-m-pos-body{display:flex;align-items:center;gap:12px;min-width:0}.sf-m .sf-positions{gap:0;padding:4px;border-radius:16px;background:var(--surface);border-color:var(--line)}.sf-m .sf-pos{min-width:44px;padding:7px 6px 8px;border-radius:12px}.sf-m .sf-pos b{font-size:16px}.sf-m .sf-pos small{font-size:11px}.sf-m .sf-pos-all{min-width:74px;margin-right:5px;position:relative}.sf-m .sf-pos-all:after{content:"";position:absolute;right:-3px;top:8px;bottom:8px;width:1px;background:var(--line)}.sf-m .sf-pos-all.on:after{display:none}.scales-view .sf-m .sf-multi{flex:none;gap:7px;padding-left:12px;border-left:1px solid var(--line);font-size:14px;font-weight:700;color:var(--text-dim)}.scales-view .sf-m .sf-multi input{width:20px;height:20px}@media (max-width: 360px){.sf-m-top{gap:8px}.sf-pop-trigger{padding:0 8px 0 10px;font-size:15px}.sf-m .sf-pos-all{min-width:66px}}@media (prefers-reduced-motion: reduce){.sf-cell-note,.sf-chord,.sf-rel{transition:none}.sf-cell-note:hover,.sf-chord:hover,.sf-rel:hover{transform:none}}.sf-free-tag{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:999px;background:#10b981;color:#fff;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.03em;line-height:1.5;text-transform:uppercase;vertical-align:1px}.seg.active .sf-free-tag,.sf-pop-opt.on .sf-free-tag{background:#ffffffe6;color:#059669}.sf-controls.sf-m.is-folded{gap:0;padding:10px 12px}.sf-m-fold{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:none;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.sf-m-fold-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sf-m-fold-text b{font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-m-fold-text small{font-size:12px;font-weight:600;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-m-fold-chev{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--panel);transition:transform .16s ease}.sf-controls.sf-m.is-open .sf-m-fold-chev{transform:rotate(180deg)}.sf-m-body{display:flex;flex-direction:column;gap:14px;animation:modal-fade .16s ease}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/assets/bricolage-grotesque-800-vietnamese-DNbGmj6Y.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/assets/bricolage-grotesque-800-latin-ext-9bqFoquJ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/assets/bricolage-grotesque-800-latin-nGXWaUX2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/dancing-script-var-vietnamese-B_wN2nA4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/dancing-script-var-latin-ext-DXJhadO_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/dancing-script-var-latin-BbISTpl1.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Dancing Script;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/dancing-script-var-vietnamese-B_wN2nA4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dancing Script;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/dancing-script-var-latin-ext-DXJhadO_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dancing Script;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/dancing-script-var-latin-BbISTpl1.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/poppins-400-devanagari-B4kc4kGr.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/poppins-400-latin-ext-BGNV62LR.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/poppins-400-latin-BwTUGeWf.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/poppins-500-devanagari-BkEh0D3M.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/poppins-500-latin-ext-DYJoBICm.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/poppins-500-latin-CWICHMj6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/poppins-600-devanagari-BO0hu54n.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/poppins-600-latin-ext-BO279Z4F.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/poppins-600-latin-DJVo7c07.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/poppins-700-devanagari-BWOxwMp7.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/poppins-700-latin-ext-ngPRHmr-.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/poppins-700-latin-g9MkRaG0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/poppins-800-devanagari-Cc-ods14.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/poppins-800-latin-ext-Bp3Nnu-W.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/poppins-800-latin-RSA_nwT2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--label-w: 58px;--fret-w: 62px;--row-h: 46px;--bg-1: #0b1120;--bg-2: #131c31;--glow-1: #1c2a4a;--glow-2: #22143a;--panel: rgba(255, 255, 255, .04);--panel-border: rgba(255, 255, 255, .08);--surface: #111b2f;--surface-2: #17233e;--line: rgba(255, 255, 255, .09);--accent-1: #f43f5e;--accent-2: #fb7185;--text: #e8edf5;--text-dim: #93a1b8;--wood-1: #6b4327;--wood-2: #4a2c17;--wood-3: #351f10;--fret-metal: #cfd6de;--root-1: #fcd34d;--root-2: #f59e0b;--scale-1: #34d399;--scale-2: #0ea5e9;--pos-1: #c084fc;--pos-2: #7c3aed}:root[data-theme=light]{--bg-1: #fdf4f5;--bg-2: #fbecef;--glow-1: #ffe1e7;--glow-2: #ffede9;--panel: rgba(20, 22, 34, .035);--panel-border: rgba(20, 22, 34, .1);--surface: #ffffff;--surface-2: #f6f7f9;--line: rgba(20, 22, 34, .09);--accent-1: #f43f5e;--accent-2: #fb7185;--text: #232a35;--text-dim: #7a8393}:root[data-theme=light] .guide-now{color:#be123c}:root[data-theme=light] .position-info{color:#be123c;background:#f43f5e1a;border-color:#f43f5e4d}:root[data-theme=light] .note-chip.root{color:#9f1239}:root[data-theme=light] .note-chip.root .deg{color:#9f1239b3}:root[data-theme=light] .powered-by a{color:#e11d48}:root[data-theme=light] .board-wrap::-webkit-scrollbar-thumb{background:#1416222e}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 15% -10%,var(--glow-1) 0%,transparent 55%),radial-gradient(1000px 600px at 100% 0%,var(--glow-2) 0%,transparent 50%),linear-gradient(160deg,var(--bg-1),var(--bg-2));background-attachment:fixed;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}.app{max-width:1120px;margin:0 auto;padding:36px 24px 48px}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.title-block h1{display:flex;align-items:center;gap:12px;margin:0;font-size:34px;font-weight:700;letter-spacing:-.02em}.logo-dot{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--root-1),var(--root-2));box-shadow:0 0 18px #f59e0bb3}.subtitle{margin:8px 0 0;color:var(--text-dim);font-size:14px;font-weight:400}.header-tools{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.view-toggle{display:inline-flex;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:4px;gap:4px}.seg{border:none;background:transparent;color:var(--text-dim);font-family:inherit;font-size:13px;font-weight:600;padding:8px 18px;border-radius:9px;cursor:pointer;transition:all .18s ease}.seg:hover{color:var(--text)}.seg.active{color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 4px 14px #f43f5e59}.spelling-toggle .seg{padding:8px 12px;min-width:34px;text-align:center}.spelling-toggle .seg[aria-label]{font-size:17px;line-height:1}.fret-toggle .seg{padding:8px 12px;min-width:36px;text-align:center}.controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.controls-label{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.root-selector{display:flex;flex-wrap:wrap;gap:8px}.root-btn{min-width:52px;padding:9px 12px;border-radius:11px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform .14s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.root-btn:hover{transform:translateY(-2px);border-color:#ffffff38;background:#ffffff14}.root-btn.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent;box-shadow:0 6px 20px #f43f5e66}.scale-selector{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.scale-dd{position:relative;display:inline-flex}.scale-dd-trigger{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 13px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font-family:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.scale-dd-trigger:hover{border-color:var(--accent-1)}.scale-dd.open .scale-dd-trigger{border-color:var(--accent-1);box-shadow:0 0 0 3px #f43f5e29}.scale-dd-cap{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.scale-dd-value{font-size:13px;font-weight:700}.scale-dd-chev{display:inline-flex;color:var(--text-dim);transition:transform .18s ease,color .15s ease}.scale-dd.open .scale-dd-chev{transform:rotate(180deg);color:var(--accent-1)}.scale-dd-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:220px;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px #0f121e47;transform-origin:top left;animation:scaleDdIn .16s cubic-bezier(.2,.8,.3,1.2) both;max-height:min(420px,60vh);overflow-y:auto;overscroll-behavior:contain}@keyframes scaleDdIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.scale-dd-menu li{margin:0}.scale-dd-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:none;border-radius:10px;background:transparent;color:var(--text);font-family:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}.scale-dd-option:hover{background:var(--panel)}.scale-dd-option.active{background:linear-gradient(135deg,#f43f5e24,#fb718514);color:var(--accent-1)}.scale-dd-opt-check{display:inline-flex;color:var(--accent-1)}.position-selector{display:flex;flex-wrap:wrap;gap:8px}.pos-btn{min-width:44px;padding:9px 14px;border-radius:11px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform .14s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.pos-btn:hover{transform:translateY(-2px);border-color:#ffffff38;background:#ffffff14}.pos-btn.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent;box-shadow:0 6px 20px #f43f5e73}.multi-check{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.multi-check input{width:16px;height:16px;accent-color:var(--accent-1);cursor:pointer}.guide-control{display:inline-flex;align-items:center;gap:10px}.guide-btn{padding:9px 16px;border-radius:11px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #f43f5e59;transition:transform .14s ease,filter .18s ease,box-shadow .18s ease}.guide-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.guide-btn.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent;box-shadow:0 6px 18px #f43f5e66}.guide-now{font-size:14px;font-weight:600;color:#bfe9e0}.guide-speed{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:11px;background:var(--panel);border:1px solid var(--panel-border)}.guide-speed-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.guide-speed input[type=range]{width:128px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none}.guide-speed input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent-1);box-shadow:0 1px 4px #0000004d;cursor:pointer}.guide-speed input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent-1);box-shadow:0 1px 4px #0000004d;cursor:pointer}.guide-speed-val{min-width:34px;font-size:13px;font-weight:700;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.scale-info{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:16px}.scale-info h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.scale-info .scale-notes{padding-left:4px}.position-info{font-size:14px;font-weight:600;color:#c9b6f5;padding:4px 12px;border-radius:999px;background:#7c3aed29;border:1px solid rgba(124,58,237,.4)}.position-info:empty{display:none}.scale-formula{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.06em;color:#7dd3c0;padding:4px 12px;border-radius:999px;background:#0d948829;border:1px solid rgba(13,148,136,.4);font-variant-numeric:tabular-nums}.scale-formula-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}:root[data-theme=light] .scale-formula{color:#0f766e;background:#0d94881f}.scale-notes{display:flex;flex-wrap:wrap;gap:8px}.note-chip{display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-border);font-size:15px;font-weight:600}.note-chip .deg{font-size:11px;font-weight:600;color:var(--text-dim)}.note-chip.root{background:linear-gradient(135deg,#ef444438,#b91c1c2e);border-color:#ef444480;color:#ffd7d7}.note-chip.root .deg{color:#ffd7d7bf}.board-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:6px 2px 14px;border-radius:18px}.board-wrap::-webkit-scrollbar{height:10px}.board-wrap::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.fretboard{position:relative;border-radius:14px;padding:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 5px),linear-gradient(180deg,var(--wood-1) 0%,var(--wood-2) 55%,var(--wood-3) 100%);box-shadow:inset 0 2px 8px #ffffff14,inset 0 -10px 24px #00000080,0 20px 50px #00000073;width:max-content}.inlays{position:absolute;left:0;top:0;pointer-events:none;z-index:1}.inlay{position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fdfdfd,#b7bec9 70%,#8b93a1);box-shadow:0 1px 3px #00000080;transform:translate(-50%,-50%);opacity:.85}.string{display:flex;position:relative;height:var(--row-h);z-index:2}.open-label{width:var(--label-w);flex:0 0 var(--label-w);position:relative;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#cbb89e;background:linear-gradient(180deg,#00000047,#0000001f);border-right:6px solid #ece4d4;box-shadow:3px 0 6px #00000059}.open-label:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--wire, 2px);background:linear-gradient(180deg,#ffffffe6,#bec3cda6 50%,#787d8780);z-index:0}.cell{width:var(--fret-w);flex:0 0 var(--fret-w);position:relative;display:flex;align-items:center;justify-content:center;border-right:3px solid;border-image:linear-gradient(180deg,#eef1f5,#9aa2ad,#6c7480) 1}.cell:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--wire, 2px);background:linear-gradient(180deg,#ffffffe6,#bec3cda6 50%,#787d8780);z-index:-1}.string.s0,.string.s1{--wire: 1px}.string.s2,.string.s3{--wire: 2px}.string.s4{--wire: 3px}.string.s5{--wire: 4px}.note{position:relative;z-index:3;width:var(--note-size, 36px);height:var(--note-size, 36px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--note-size, 36px) * .36);font-weight:700;color:#06121f;letter-spacing:-.02em;cursor:pointer;animation:pop .28s cubic-bezier(.2,.9,.3,1.4) both;transition:filter .12s ease}.note:hover{filter:brightness(1.15)}.note:focus-visible{outline:2px solid #fff;outline-offset:2px}.note.scale{background:radial-gradient(circle at 34% 28%,#6ee7d3,var(--scale-1) 45%,var(--scale-2));box-shadow:0 3px 8px #0006,inset 0 1px 2px #ffffff80}.note.root{background:radial-gradient(circle at 34% 28%,#fecaca,#ef4444 45%,#b91c1c);box-shadow:0 0 0 2px #ffffff59,0 4px 14px #ef444499,inset 0 1px 2px #ffffff80;color:#fff5f5}.note.root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;animation:rootPulse 1.4s ease-out infinite}@keyframes rootPulse{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 14px #ef444400}to{box-shadow:0 0 #ef444400}}.note[class*=deg-]{box-shadow:0 3px 8px #0006,inset 0 1px 2px #ffffff80}.note.deg-1{background:radial-gradient(circle at 34% 28%,#fecaca,#ef4444 45%,#b91c1c);color:#fff5f5}.note.deg-2{background:radial-gradient(circle at 34% 28%,#fed7aa,#fb923c 45%,#ea580c);color:#3a1a05}.note.deg-3{background:radial-gradient(circle at 34% 28%,#fecdd3,#fb7185 45%,#e11d48);color:#fff2f4}.note.deg-4{background:radial-gradient(circle at 34% 28%,#e9d5ff,#c084fc 45%,#7c3aed);color:#fbf5ff}.note.deg-5{background:radial-gradient(circle at 34% 28%,#bfdbfe,#60a5fa 45%,#2563eb);color:#f0f6ff}.note.deg-6{background:radial-gradient(circle at 34% 28%,#99f6e4,#2dd4bf 45%,#0891b2);color:#06121f}.note.deg-7{background:radial-gradient(circle at 34% 28%,#bbf7d0,#4ade80 45%,#16a34a);color:#06210f}.note.deg-9{background:radial-gradient(circle at 34% 28%,#fef08a,#facc15 45%,#a16207);color:#241a02}.note.dim{background:radial-gradient(circle at 34% 28%,#66707f,#3b434f 60%,#2a303a);box-shadow:inset 0 1px 2px #ffffff26;color:#aeb6c2;opacity:.55}.note.faded{filter:opacity(.4)}.note.faded:hover{filter:opacity(.4) brightness(1.12)}.note.faded:after{display:none}@keyframes pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.note.guiding{z-index:6}.guide-ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:2px solid rgba(255,255,255,.95);pointer-events:none;animation:guideRing 1.1s ease-in-out infinite}@keyframes guideRing{0%,to{transform:scale(1);opacity:.85;box-shadow:0 0 #ffffff73}50%{transform:scale(1.14);opacity:1;box-shadow:0 0 16px 5px #ffffff59}}.fret-numbers{display:flex;padding-top:8px}.fret-numbers .corner{width:var(--label-w);flex:0 0 var(--label-w)}.fnum{width:var(--fret-w);flex:0 0 var(--fret-w);text-align:center;font-size:12px;font-weight:600;color:var(--text-dim)}.app-footer{display:flex;gap:22px;margin-top:20px;font-size:13px;color:var(--text-dim)}.legend{display:inline-flex;align-items:center;gap:8px}.swatch{width:15px;height:15px;border-radius:50%}.swatch.root{background:linear-gradient(135deg,#ef4444,#b91c1c)}.swatch.scale{background:linear-gradient(135deg,var(--scale-1),var(--scale-2))}.swatch.deg-1{background:linear-gradient(135deg,#ef4444,#b91c1c)}.swatch.deg-2{background:linear-gradient(135deg,#fb923c,#ea580c)}.swatch.deg-3{background:linear-gradient(135deg,#fb7185,#e11d48)}.swatch.deg-4{background:linear-gradient(135deg,#c084fc,#7c3aed)}.swatch.deg-5{background:linear-gradient(135deg,#60a5fa,#2563eb)}.swatch.deg-6{background:linear-gradient(135deg,#2dd4bf,#0891b2)}.swatch.deg-7{background:linear-gradient(135deg,#4ade80,#16a34a)}.swatch.deg-9{background:linear-gradient(135deg,#facc15,#a16207)}.swatch.dim{background:linear-gradient(135deg,#66707f,#3b434f);opacity:.7}.powered-by{margin-top:28px;padding-top:20px;border-top:1px solid var(--panel-border);text-align:center;font-size:13px;letter-spacing:.02em;color:var(--text-dim)}.powered-by a{color:#fbbf24;font-weight:600;text-decoration:none;transition:filter .15s ease}.powered-by a:hover{text-decoration:underline;filter:brightness(1.1)}:root .powered-by a.pb-legal{color:var(--text-dim);font-weight:500}:root .powered-by a.pb-legal:hover{color:var(--text);filter:none}.degree-key{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.degree-key .legend{gap:6px}@media (max-width: 620px){.app{padding:24px 14px 36px}.title-block h1{font-size:27px}.app-header{align-items:flex-start}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:18px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand{display:inline-flex;align-items:center;gap:10px}.brand-bars{display:inline-flex;align-items:flex-end;gap:3px;height:22px}.brand-bars i{width:4px;border-radius:2px;background:linear-gradient(180deg,var(--accent-1),var(--accent-2))}.brand-bars i:nth-child(1){height:10px}.brand-bars i:nth-child(2){height:20px}.brand-bars i:nth-child(3){height:14px}.brand-bars i:nth-child(4){height:8px}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text b{font-size:17px;font-weight:700;letter-spacing:-.01em}.brand-text em{font-style:normal;font-size:9px;letter-spacing:.22em;color:var(--text-dim)}.topnav{display:inline-flex;gap:2px;margin-left:8px}.topnav a{padding:7px 12px;border-radius:9px;font-size:14px;font-weight:500;color:var(--text-dim);text-decoration:none}.topnav a:hover{color:var(--text);background:var(--panel)}.topsearch{flex:1;max-width:380px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:11px;background:var(--panel);border:1px solid var(--line);color:var(--text-dim)}.topsearch input{flex:1;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:13px;outline:none;min-width:0}.topsearch input::placeholder{color:var(--text-dim)}.topline{font-size:13px;font-style:italic;color:var(--accent-1);font-weight:600;margin-left:auto;white-space:nowrap}.topactions{display:inline-flex;gap:8px}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text-dim);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.icon-btn:hover{color:var(--text)}.icon-btn.on{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent}.shell-body{flex:1;display:flex;align-items:flex-start;min-height:100vh}.shell-main{flex:1;min-width:0;padding:22px 26px 40px}.main-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.page-head{margin-bottom:0}.page-title-row{display:flex;align-items:center;gap:11px}.page-title-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(140deg,var(--accent-1),var(--accent-2))}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.page-title{margin:3px 0 5px;font-size:30px;font-weight:700;letter-spacing:-.02em}.page-title-short{display:none}@media (max-width: 1340px){.page-title.has-short .page-title-full{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page-title.has-short .page-title-short{display:inline}}.page-sub{margin:0;color:var(--text-dim);font-size:14px}@media (min-width: 641px){.main-header.main-header--topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 14px}.main-header--topbar .main-header-lead,.main-header--topbar .page-head{display:contents}.main-header--topbar .nav-toggle{grid-column:1;grid-row:1 / 3}.main-header--topbar .eyebrow{grid-column:2;grid-row:1;align-self:end;margin:0}.main-header--topbar .page-title-row{grid-column:2;grid-row:2;align-self:start;min-width:0}.main-header--topbar .page-title{margin:0}.main-header--topbar .main-tools{grid-column:3;grid-row:1 / 3;align-self:center}.main-header--topbar .page-title-row{grid-row:1 / 3;align-self:center}.main-header--topbar .page-title{font-size:34px;line-height:1.1;letter-spacing:-.02em}.main-header--topbar .page-steps{grid-column:1 / -1;grid-row:3;margin-top:10px}}@media (max-width: 640px){.main-header.main-header--topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.main-header--topbar .main-header-lead,.main-header--topbar .page-head{display:contents}.main-header--topbar .nav-toggle{grid-column:1;grid-row:1}.main-header--topbar .page-title-row{grid-column:2;grid-row:1;min-width:0}.main-header--topbar .page-title{margin:0;font-size:24px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-header--topbar .main-tools{grid-column:3;grid-row:1}.main-header--topbar .page-steps{grid-column:1 / -1;grid-row:2;min-width:0;margin-top:2px}}.page-steps{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}.page-steps li{position:relative;display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid rgba(244,63,94,.18);background:linear-gradient(135deg,#ffffffd9,#fff1f4b3);box-shadow:0 6px 16px -10px #f43f5e73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap}.page-steps li b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-size:11px;font-weight:800;box-shadow:0 3px 8px #f43f5e66}.page-steps li+li:before{content:"";position:absolute;left:-17px;top:50%;width:12px;height:2px;border-radius:2px;background:linear-gradient(90deg,#f43f5e26,#f43f5e99)}:root[data-theme=dark] .page-steps li{background:#ffffff0d;border-color:#f43f5e47}@media (max-width: 640px){.page-steps{gap:6px}.page-steps li{font-size:11.5px;white-space:normal}.page-steps li+li:before{display:none}}.hero-collapse,.hero-collapse-inner{display:contents}.hero-collapsible{overflow-anchor:none}.hero-collapsible .hero-collapse{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;transition:grid-template-rows .36s cubic-bezier(.4,0,.2,1),margin-bottom .36s cubic-bezier(.4,0,.2,1),opacity .24s ease}.hero-collapsible .hero-collapse-inner{display:block;min-width:0;min-height:0}.hero-collapsible.hero-animating .hero-collapse,.hero-collapsible.hero-collapsed .hero-collapse{clip-path:inset(-200px -200px 0 -200px)}.hero-collapsible.hero-collapsed .hero-collapse{grid-template-rows:0fr;opacity:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.hero-collapsible .hero-collapse{transition:none}}.hero-expand{display:none}@media (max-width: 1024px){.hero-expand{position:fixed;top:4px;left:50%;z-index:40;display:inline-flex;align-items:center;gap:3px;padding:4px 10px 4px 7px;border:1px solid rgba(244,63,94,.25);border-radius:999px;background:var(--surface);color:var(--accent-1);font:inherit;font-size:11px;line-height:1.2;font-weight:700;box-shadow:0 8px 22px -8px #f43f5e73,0 2px 6px #14162214;cursor:pointer;transform:translate(-50%);animation:hero-expand-in .2s ease-out;-webkit-tap-highlight-color:transparent}.hero-expand:active{transform:translate(-50%) scale(.96)}.hero-expand:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}}@media (max-width: 900px){.hero-expand{display:none}}@keyframes hero-expand-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.hero-expand{animation:none}}.main-header-lead{display:flex;align-items:center;gap:12px;min-width:0}.nav-toggle{display:none;width:42px;height:42px;flex:none;align-items:center;justify-content:center;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:color .15s ease,border-color .15s ease}.nav-toggle:hover{color:var(--accent-1);border-color:var(--accent-1)}.nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-fade .14s ease}.main-tools{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;justify-content:flex-end}.main-tools .topsearch{flex:1 1 200px;min-width:120px;max-width:300px}.main-tools .circle-btn,.main-tools .icon-btn{flex:none;white-space:nowrap}.controls-bar{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-start;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);margin-bottom:16px}.ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ctl-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.ctl-toggles{margin-left:auto;gap:14px}.guide-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.controls-mobile.controls-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;align-items:end}.controls-mobile .ctl-field{grid-column:span 2}.controls-mobile .ctl-inline{grid-column:1 / -1;align-items:center;justify-content:center}.controls-mobile .ctl-checks{grid-column:span 4;align-items:center}.controls-mobile .dd{width:100%}.controls-mobile .dd-trigger{width:100%;max-width:none}.controls-mobile .seg{padding:7px 12px;font-size:12.5px}.ctl-field{display:flex;flex-direction:column;gap:4px;min-width:0}.ctl-field-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.ctl-inline{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.ctl-checks{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.ctl-checks .multi-check{font-size:13px}.dd{position:relative;display:inline-flex}.dd-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:96px;max-width:190px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.dd-trigger:hover{border-color:var(--accent-1)}.dd.open .dd-trigger{border-color:var(--accent-1);box-shadow:0 0 0 3px #f43f5e29}.dd-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-chev{color:var(--text-dim);font-size:10px;flex:none}.dd-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:30;min-width:100%;width:max-content;max-width:260px;max-height:244px;overflow-y:auto;-webkit-overflow-scrolling:touch;list-style:none;margin:0;padding:6px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:0 18px 40px #0006}.dd.dd-up .dd-menu{top:auto;bottom:calc(100% + 6px)}.dd-group{padding:6px 10px 2px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.dd-menu li{margin:0}.dd-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:9px 10px;border-radius:8px;border:none;background:none;color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.dd-option:hover{background:var(--panel)}.dd-option.active{background:linear-gradient(135deg,#f43f5e24,#fb718514);color:var(--accent-1)}.dd-check{color:var(--accent-1);flex:none}.board-area{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}.board-col{flex:1;min-width:0}.board-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.board-topbar .scale-info{flex:1;min-width:0}.board-expand{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .12s ease,color .12s ease}.board-expand:hover{border-color:var(--accent-1);color:var(--accent-1)}.board-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--bg-1);display:flex;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch;animation:modal-fade .16s ease}.board-fs-close{position:fixed;top:12px;right:12px;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:26px;line-height:1;cursor:pointer}.board-fs-close:hover{color:var(--accent-1);border-color:var(--accent-1)}.board-fs-hint{display:none;position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:5;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));padding:7px 14px;border-radius:999px;box-shadow:0 6px 18px #0000004d;white-space:nowrap;animation:fs-hint 4.5s ease forwards}@keyframes fs-hint{0%,66%{opacity:1}to{opacity:0;visibility:hidden}}.board-fs-stage{margin:auto;width:100%;max-width:1500px;padding:22px 14px}.board-fs-panel{display:flex;flex-direction:column;gap:8px;width:100%}.board-fs-board{min-width:0}.board-fs-bottom{display:flex;flex-direction:column;align-items:stretch;gap:8px}.board-fs-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 20px}.board-fs-meta .scale-info{margin:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px 10px}.board-fs-meta .scale-info h2{font-size:16px}.board-fs-meta .scale-notes{justify-content:center}.board-fs-guide.guide-bar{margin-bottom:0;justify-content:center}.board-fs-controls{margin-bottom:0}.board-fs-controls.controls-bar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;padding:10px 12px}.board-fs-controls .ctl{width:auto;flex-direction:row;align-items:center;gap:6px}.board-fs-controls .ctl-toggles{margin-left:0;gap:8px}.board-fs-controls .ctl-label{display:none}.board-fs-controls .root-btn{min-width:34px;padding:6px 8px;font-size:13px}.board-fs-controls .pos-btn{min-width:32px;padding:6px 9px;font-size:13px}.board-fs-controls .seg{padding:6px 11px;font-size:12px}.board-fs-controls .spelling-toggle .seg,.board-fs-controls .fret-toggle .seg{min-width:30px;padding:6px 9px}.board-fs-controls .multi-check{font-size:12px}.board-fs-controls .scale-dd-trigger{padding:6px 10px}.board-fs-controls .scale-dd-cap{display:none}.board-fs-controls.controls-mobile.controls-bar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:12px 18px;max-width:none;margin:0}.board-fs-controls.controls-mobile .ctl-field,.board-fs-controls.controls-mobile .ctl-inline,.board-fs-controls.controls-mobile .ctl-checks{grid-column:auto;width:auto}.board-fs-controls.controls-mobile .dd{width:auto}.board-fs-controls.controls-mobile .dd-trigger{width:auto;min-width:96px;max-width:200px}@media (orientation: portrait) and (max-width: 900px){.board-fs{overflow:hidden}.board-fs-hint{display:block}.board-fs-stage{position:absolute;top:50%;left:50%;margin:0;max-width:none;width:100vh;height:100vw;padding:12px 16px;transform:translate(-50%,-50%) rotate(90deg);display:flex;flex-direction:column;overflow:visible}.board-fs-panel{margin:auto 0}}.legend-panel{flex:0 0 212px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.legend-title{margin:0 0 12px;font-size:15px;font-weight:700}.legend-grid{display:grid;grid-template-columns:1fr;gap:9px}.legend-row{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.legend-foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.marker-dot{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fdfdfd,#b7bec9 70%,#8b93a1);flex:0 0 auto}.bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.panel-title{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:700}.panel-ico{color:var(--accent-1)}.panel-link{font-size:13px;font-weight:600;color:var(--accent-2);text-decoration:none}.panel-sub{margin:0 0 14px;font-size:13px;color:var(--text-dim)}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.chip{padding:6px 12px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text-dim);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.chip.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent}.chord-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.chord-card{display:flex;flex-direction:column;align-items:center;gap:6px}.chord-diagram{width:100%;aspect-ratio:3 / 4;border-radius:8px;background:var(--panel);border:1px solid var(--line);background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 33.3%),repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px 25%)}.chord-name{font-size:14px;font-weight:700}.note-row{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-bottom:14px}.note-pick{padding:9px 0;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.note-pick:hover{border-color:var(--accent-1)}.find-btn{width:100%;padding:12px;border-radius:11px;border:none;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.board-wrap.lefty .glyph{display:inline-block;transform:scaleX(-1)}@media (max-width: 1100px){.board-area{flex-direction:column;align-items:stretch}.board-col{width:100%}.legend-panel{flex:none;width:100%}.legend-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bottom-panels{grid-template-columns:1fr}}@media (max-width: 1024px){.nav-backdrop{display:block}.nav-toggle{display:inline-flex}.topnav,.topline{display:none}.shell-main{padding:20px 18px 34px}}@media (max-width: 640px){.shell-main{padding:14px 12px 26px}.shell-main{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.shell-main>*{min-width:0}.shell-main{padding-left:0;padding-right:0}.shell-main>.main-header,.shell-main>.hero-collapse .main-header,.shell-main>.powered-by{padding-left:10px;padding-right:10px}.shell-main .main-header--hero{margin-left:0;margin-right:0}.shell-main:after{content:"";order:1;flex:1 0 28px}.shell-main>.powered-by{order:2;margin-top:0}.main-header{gap:10px;margin-bottom:14px;flex-wrap:nowrap;align-items:flex-start}.main-header-lead{gap:8px;flex:1 1 auto;min-width:0;align-items:flex-start}.page-head,.page-title-row{min-width:0}.page-title{font-size:20px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-title-ico{width:26px;height:26px}.nav-toggle{width:36px;height:36px;flex:none}.eyebrow{font-size:10px}.page-sub{font-size:12.5px}.main-tools{flex:0 0 auto;width:auto;justify-content:flex-end;align-items:center;gap:5px;flex-wrap:nowrap}.main-tools .topsearch,.main-tools .theme-btn.on,.main-tools .circle-btn span{display:none}.main-tools .circle-btn{padding:7px 8px}.main-tools .icon-btn{width:34px;height:34px}.controls-bar{flex-direction:column;align-items:stretch;padding:13px;gap:14px}.ctl{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.ctl-toggles{margin-left:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}.scale-selector{flex-wrap:wrap}.bottom-panels{gap:14px}.panel{padding:15px}.legend-grid{grid-template-columns:repeat(2,1fr)}.finder-result-bar{padding:12px 14px;gap:12px}.coming-soon{padding:48px 16px}.modal-overlay{padding:12px}}@media (max-width: 480px){.page-title{font-size:21px}.main-tools .circle-btn{padding:9px}}.cd{width:100%;display:block;background:#fff;border:1px solid #e3e5ec;border-radius:10px;padding:6px;--line: #c2c7d2;--text-dim: #5c6675}.cd-base{fill:var(--text-dim);font-size:11px;font-weight:700;font-family:inherit}.cd-fretnum{fill:var(--text-dim);font-size:9px;font-weight:600;font-family:inherit;opacity:.8}.cd-finger{fill:#fff;font-size:12px;font-weight:700;font-family:inherit}.chord-card.play{background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font-family:inherit}.chord-card .cd{transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.chord-card.play:hover .cd{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 6px 18px #0000002e}.chord-card.play:active .cd{transform:translateY(0)}.app-boot{min-height:100vh}.app-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:48px 20px;text-align:center}.app-gate-brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text);text-decoration:none}.app-gate-brand b{color:var(--accent-1);font-weight:700}.app-gate-msg{margin:0;color:var(--text-dim);font-size:15px;max-width:42ch}.app-gate-back{color:var(--text-dim);text-decoration:none;font-size:14px}.app-gate-back:hover{color:var(--accent-1)}.view-loading{min-height:320px;border-radius:16px;background:linear-gradient(100deg,transparent 20%,rgba(127,127,127,.06) 45%,transparent 70%),var(--panel);background-size:220% 100%,auto;animation:view-shimmer 1.2s ease-in-out infinite}@keyframes view-shimmer{0%{background-position:120% 0,0 0}to{background-position:-120% 0,0 0}}@media (prefers-reduced-motion: reduce){.view-loading{animation:none}}.coming-soon{text-align:center;padding:80px 20px;color:var(--text-dim)}.coming-soon-ico{font-size:44px;line-height:1;color:var(--accent-1);margin-bottom:12px}.coming-soon h2{margin:0 0 8px;color:var(--text);font-size:24px}.coming-soon p{margin:0 0 20px}.coming-soon .chip{display:inline-block}.circle-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease}.circle-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.main-tools .auth-slot{flex:none}.auth-slot{display:inline-flex;align-items:center;gap:8px;min-width:34px;min-height:34px}.auth-badge{padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade .14s ease}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-card{width:min(440px,96vw);max-height:92vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 20px 20px;box-shadow:0 24px 60px #00000073}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal-head h2{margin:0;font-size:19px}.modal-close{border:none;background:none;color:var(--text-dim);font-size:26px;line-height:1;cursor:pointer;padding:0 4px}.modal-close:hover{color:var(--text)}.modal-note{margin:12px 0 0;text-align:center;font-size:13px;color:var(--text-dim)}.cof{width:100%;display:block;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.cof.grabbing{cursor:grabbing}.cof-ring{fill:none;stroke:var(--line);stroke-width:1.4;pointer-events:none}.cof-hub{fill:var(--surface);stroke:var(--line);stroke-width:1.4;pointer-events:none}.cof-seg{cursor:pointer;transition:fill .12s ease;stroke:var(--line);stroke-width:1}.cof-major{fill:var(--panel)}.cof-minor{fill:var(--surface-2)}.cof-seg:hover{fill:var(--accent-1)}.cof-label-major{fill:var(--text);font-size:16px;font-weight:700;font-family:inherit;pointer-events:none}.cof-label-minor{fill:var(--text-dim);font-size:12px;font-weight:600;font-family:inherit;pointer-events:none}.cof-label-dim{fill:var(--text-dim);font-size:9px;font-weight:600;font-family:inherit;pointer-events:none;opacity:.85}.cof-dim{fill:var(--panel)}.cof-center-1,.cof-center-2{fill:var(--text-dim);font-size:13px;font-weight:700;font-family:inherit;pointer-events:none}.cof-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.cof-window{fill:var(--accent-2);fill-opacity:.08;stroke:var(--accent-2);stroke-width:2.5;stroke-linejoin:round;pointer-events:none}.cof-tonic{fill:var(--accent-1);fill-opacity:.16;pointer-events:none}.cof-key{font-size:14px;font-weight:600;color:var(--text-dim)}.cof-key strong{color:var(--accent-1);font-weight:800}.cof-degree{fill:var(--accent-2);font-size:8.5px;font-weight:800;font-family:inherit;pointer-events:none}.finder-result-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 22px;margin-bottom:16px}.rb-main{display:flex;flex-direction:column;align-items:center;line-height:1.05}.finder-board{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;overflow-x:auto}.fb-fretnums,.fb-row{display:grid;grid-template-columns:46px repeat(13,minmax(30px,1fr));align-items:center}.fb-fnum{text-align:center;font-size:11px;font-weight:600;color:var(--text-dim);padding-bottom:6px}.fb-fnum.mark{color:var(--accent-1)}.fb-row{height:44px}.fb-strlabel{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text);border:none;background:transparent;font-family:inherit;cursor:pointer}.fb-strlabel:hover em{color:var(--accent-2)}.fb-strlabel em{font-style:normal;font-size:10px;font-weight:600;color:var(--accent-1)}.fb-strlabel.muted em{color:var(--text-dim)}.fb-cell{position:relative;height:44px;border:none;background:transparent;border-right:1px solid var(--line);cursor:pointer;padding:0}.fb-cell.nut{border-right:3px solid var(--text)}.fb-cell:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line);transform:translateY(-50%)}.fb-cell:hover:not(.on):after{content:"";position:absolute;top:50%;left:50%;width:26px;height:26px;border-radius:50%;border:1px dashed var(--accent-1);transform:translate(-50%,-50%);opacity:.6}.fb-dot{position:absolute;top:50%;left:50%;width:30px;height:30px;border-radius:50%;background:var(--accent-1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;transform:translate(-50%,-50%);z-index:1}.finder-board .fb-row{height:40px}.finder-board .fb-cell{height:40px;border-right:3px solid #c9ccd3;box-shadow:inset -1px 0 #ffffff80}.finder-board .fb-cell:not(.nut){background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px),linear-gradient(180deg,#5a3a25,#4a2e1c 50%,#5a3a25)}.finder-board .fb-cell:last-child{border-right-color:#b9bcc4}.finder-board .fb-cell.nut{background:transparent;border-right:8px solid #efe6d2;box-shadow:1px 0 #00000040}.finder-board .fb-row.s5 .fb-cell:not(.nut){box-shadow:inset 0 3px 0 -1px #00000040}.finder-board .fb-row.s0 .fb-cell:not(.nut){box-shadow:inset 0 -3px 0 -1px #00000040}.finder-board .fb-cell:before{background:linear-gradient(180deg,#f4f5f7,#a9adb6);box-shadow:0 1px 1px #00000073;z-index:1}.finder-board .fb-row.s5 .fb-cell:before{height:1px}.finder-board .fb-row.s4 .fb-cell:before{height:1.5px}.finder-board .fb-row.s3 .fb-cell:before{height:2px}.finder-board .fb-row.s2 .fb-cell:before{height:2.5px;background:repeating-linear-gradient(90deg,#e3d3a8 0,#e3d3a8 1px,#b49b62 1px,#b49b62 2px)}.finder-board .fb-row.s1 .fb-cell:before{height:3px;background:repeating-linear-gradient(90deg,#e3d3a8 0,#e3d3a8 1px,#b49b62 1px,#b49b62 2px)}.finder-board .fb-row.s0 .fb-cell:before{height:3.5px;background:repeating-linear-gradient(90deg,#e3d3a8 0,#e3d3a8 1px,#b49b62 1px,#b49b62 2px)}.fb-inlay{position:absolute;left:50%;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#e8e2d6 55%,#c9c0ae);box-shadow:0 0 0 1px #00000026;z-index:0;pointer-events:none}.fb-inlay.below{bottom:0;transform:translateY(50%)}.fb-inlay.above{top:0;transform:translateY(-50%)}.finder-board .fb-row{position:relative}.finder-board .fb-row.s4{z-index:2}.finder-board .fb-row.s3,.finder-board .fb-row.s1{z-index:1}.finder-board .fb-dot{z-index:2;box-shadow:0 2px 6px #00000059}.finder-board .fb-cell:hover:not(.on):after{border-color:#ffd6de;opacity:.9;z-index:2}.finder-board .fb-cell.nut:hover:not(.on):after{border-color:var(--accent-1)}.finder-board .fb-strlabel.muted{opacity:.55}.finder-full-btn{display:none}.finder-fs-close{position:fixed;top:12px;right:12px;z-index:3;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 6px 16px #0000002e}.finder-view.is-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto;padding:14px;background:var(--bg, #fdf2f4);animation:modal-fade .16s ease}.finder-view.is-full .finder-fs-stage{display:flex;flex-direction:column;justify-content:center;min-height:100%}@media (max-width: 640px){.finder-view:not(.is-full) .finder-full-btn{display:block;grid-column:1 / -1}}.finder-view.is-full .fb-fretnums,.finder-view.is-full .fb-row{grid-template-columns:34px repeat(13,minmax(0,1fr))!important;width:auto!important}.finder-view.is-full .finder-board{overflow:visible}.finder-view.is-full .finder-result-bar{flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:center;padding:8px 12px!important;gap:10px!important;margin-bottom:10px}.finder-view.is-full .result-actions{display:flex!important}.finder-view.is-full .result-name{font-size:20px!important}.finder-view.is-full .fb-dot{width:24px;height:24px;font-size:10px}@media (orientation: portrait) and (max-width: 900px){.finder-view.is-full{overflow:hidden;padding:0}.finder-view.is-full .finder-fs-stage{position:absolute;top:50%;left:50%;width:100vh;height:100vw;min-height:0;padding:10px 56px 10px 14px;transform:translate(-50%,-50%) rotate(90deg)}}@media (max-width: 640px){.main-header--topbar .page-steps{flex-wrap:nowrap;width:100%;margin-top:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.main-header--topbar .page-steps::-webkit-scrollbar{display:none}.main-header--topbar .page-steps li{flex:none;white-space:nowrap;padding:4px 11px 4px 4px}.main-header--topbar .page-steps li b{width:20px;height:20px;font-size:10.5px}.main-header--topbar .page-head{min-width:0;flex:1 1 auto}.finder-view .finder-result-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px;margin-bottom:12px}.finder-view .result-name{font-size:22px;text-align:center}.finder-view .result-head{font-size:10px}.finder-view .result-actions{display:grid;grid-template-columns:1fr 1fr}.finder-view .result-actions button{width:100%;padding:10px 12px}.finder-view .finder-board{padding:10px 0 8px;border-radius:12px;scroll-snap-type:x proximity;scroll-padding-left:38px}.finder-view .fb-fretnums,.finder-view .fb-row{grid-template-columns:38px repeat(13,var(--fb-col));width:max-content}.finder-view .finder-board{container-type:inline-size;--fb-col: 52px}@supports (width: 1cqw){.finder-view .finder-board>*{--fb-col: calc((100cqw - 38px)/5) }}.finder-view .finder-board .fb-row,.finder-view .finder-board .fb-cell{height:38px}.finder-view .fb-corner,.finder-view .fb-strlabel{position:sticky;left:0;z-index:3;background:var(--surface);align-self:stretch}.finder-view .fb-strlabel{font-size:12px;box-shadow:4px 0 8px -6px #00000059}.finder-view .fb-dot{width:28px;height:28px;font-size:10.5px}.finder-view .fb-cell{scroll-snap-align:start}.finder-view .fb-cell:hover:not(.on):after{display:none}}.fb-dot.auto{background:var(--surface);border:2px solid var(--accent-1);color:var(--accent-1)}.result-head{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.result-name{font-size:30px;font-weight:800;color:var(--text);line-height:1.05}.result-name.approx{color:var(--accent-2)}.result-notes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.result-note{padding:4px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--line);font-weight:700;font-size:13px}.result-alts{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}.result-alts-label{font-size:12px;color:var(--text-dim)}.result-alt{font-size:13px;font-weight:600;color:var(--text-dim);padding:3px 9px;border-radius:7px;background:var(--panel)}.result-actions{display:flex;gap:8px}.ghost-btn{padding:10px 18px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}.finder-result-bar .find-btn{padding:10px 18px}.find-btn:disabled,.ghost-btn:disabled{opacity:.5;cursor:default}.tuner-btn:hover{border-color:#f43f5e;color:#f43f5e}.main-tools .circle-btn.is-current{border-color:var(--accent-1);color:var(--accent-1);background:#f43f5e14}.metro{display:flex;flex-direction:column;gap:16px}.metro-grid{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:16px;align-items:start}.metro-main{display:flex;flex-direction:column;gap:16px;min-width:0}.metro-aside{display:flex;flex-direction:column;gap:16px}.metro-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}.metro-card-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:700}.metro-card-title-sub{margin-top:18px}.metro-card-ico{color:var(--accent-1);display:inline-flex}.metro-card-title svg{color:var(--accent-1)}.metro-dial-card{display:flex;align-items:center;justify-content:center;gap:20px;padding:24px 18px}.metro-step{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:26px;line-height:1;cursor:pointer;transition:color .14s ease,border-color .14s ease,transform .1s ease}.metro-step:hover{color:var(--accent-1);border-color:var(--accent-1)}.metro-step:active{transform:scale(.94)}.metro-dial{position:relative;width:264px;height:264px;max-width:66vw;flex:none;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.metro-dial-svg{width:100%;height:100%;display:block;overflow:visible}.metro-arc-track{fill:none;stroke:#f43f5e24;stroke-width:14;stroke-linecap:round}.metro-arc-fill{fill:none;stroke:url(#metroArc);stroke-width:14;stroke-linecap:round;transition:stroke-dasharray .08s linear}.metro-arc-handle{fill:#fff;stroke:var(--accent-1);stroke-width:4;filter:drop-shadow(0 2px 6px rgba(244,63,94,.5))}.metro-grad-a{stop-color:var(--accent-2)}.metro-grad-b{stop-color:var(--accent-1)}.metro-dial-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.metro-bpm{font-size:58px;font-weight:800;letter-spacing:-.03em;line-height:1}.metro-bpm-unit{font-size:12px;font-weight:700;letter-spacing:.24em;color:var(--text-dim);margin-top:8px}.metro-tempos{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.metro-tap{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:color .14s ease,border-color .14s ease}.metro-tap:hover{color:var(--accent-1);border-color:var(--accent-1)}.metro-tap svg{color:var(--accent-1)}.metro-tempo-chip{min-width:48px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.metro-tempo-chip:hover{border-color:var(--accent-1)}.metro-tempo-chip.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent}.metro-transport{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;position:relative;padding:30px 18px 42px}.metro-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:80px;height:80px;flex:none;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-weight:700;font-size:15px}.metro-mini svg{color:var(--accent-1)}.metro-visual-btn{cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.metro-visual-btn span{font-size:12px;font-weight:600}.metro-visual-btn.active{border-color:var(--accent-1);color:var(--accent-1);background:#f43f5e14}.metro-play-wrap{position:relative;width:112px;height:112px;flex:none;display:grid;place-items:center}.metro-play{position:relative;z-index:2;width:96px;height:96px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--accent-1),var(--accent-2));box-shadow:0 14px 32px #f43f5e73;transition:transform .12s ease,filter .15s ease}.metro-play svg{margin-left:4px}.metro-play.on svg{margin-left:0}.metro-play:hover{filter:brightness(1.05);transform:translateY(-1px)}.metro-play:active{transform:scale(.96)}.metro-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:1;background:radial-gradient(circle,rgba(244,63,94,.38),transparent 70%);animation:metro-pulse .4s ease-out forwards}.metro-pulse.accent{background:radial-gradient(circle,rgba(244,63,94,.6),transparent 72%)}.metro-play-wrap.visual .metro-pulse{animation:metro-pulse-big .5s ease-out forwards}@keyframes metro-pulse{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.7);opacity:0}}@keyframes metro-pulse-big{0%{transform:scale(.85);opacity:1}to{transform:scale(2.4);opacity:0}}.metro-beat-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:9px}.metro-dot{width:9px;height:9px;border-radius:50%;background:var(--line);transition:transform .1s ease,background .1s ease,box-shadow .1s ease}.metro-dot.on{background:var(--accent-1);transform:scale(1.5);box-shadow:0 0 10px #f43f5e99}.metro-countin-tag{position:absolute;top:12px;right:16px;font-size:12px;font-weight:700;color:var(--accent-1)}.metro-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metro-tool{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease}.metro-tool.active{border-color:var(--accent-1);background:#f43f5e0f}.metro-tool-text{display:flex;flex-direction:column;gap:2px;min-width:0}.metro-tool-title{font-size:13px;font-weight:700}.metro-tool-sub{font-size:11px;color:var(--text-dim)}.metro-switch{position:relative;width:38px;height:22px;flex:none;border-radius:999px;background:var(--line);transition:background .16s ease}.metro-switch.on{background:linear-gradient(135deg,var(--accent-1),var(--accent-2))}.metro-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .16s ease}.metro-switch.on .metro-switch-knob{transform:translate(16px)}.metro-guide{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.metro-guide-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;cursor:pointer;transition:border-color .14s ease,background .14s ease}.metro-guide-cell:hover{border-color:var(--accent-1)}.metro-guide-cell.active{border-color:var(--accent-1);background:#f43f5e14}.metro-guide-range,.metro-guide-name{font-size:12px;font-weight:700}.metro-guide-desc{font-size:10.5px;color:var(--text-dim);text-align:center}.metro-guide-cell.active .metro-guide-range,.metro-guide-cell.active .metro-guide-name{color:var(--accent-1)}.metro-chips{display:flex;flex-wrap:wrap;gap:8px}.metro-chip{padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.metro-chip:hover{border-color:var(--accent-1)}.metro-chip.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent}.metro-vol{display:flex;align-items:center;gap:10px}.metro-vol svg{color:var(--text-dim);flex:none}.metro-vol input[type=range]{flex:1;min-width:0;accent-color:var(--accent-1);cursor:pointer}.metro-vol-val{font-size:13px;font-weight:700;color:var(--text-dim);min-width:40px;text-align:right}.metro-presets-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.metro-presets-head .metro-card-title{margin:0}.metro-presets-all{font-size:12px;font-weight:600;color:var(--accent-2);cursor:pointer}.metro-presets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.metro-preset{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel)}.metro-preset.active{border-color:var(--accent-1);background:#f43f5e0f}.metro-preset-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:0;border:none;background:none;text-align:left;color:var(--text);cursor:pointer;font-family:inherit}.metro-preset-name{font-size:13.5px;font-weight:700}.metro-preset-meta{font-size:11.5px;color:var(--text-dim)}.metro-preset-play{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;border:none;color:#fff;background:linear-gradient(140deg,var(--accent-1),var(--accent-2));cursor:pointer;transition:transform .12s ease,filter .15s ease}.metro-preset-play:hover{filter:brightness(1.05);transform:scale(1.06)}.metro-preset-play svg{width:15px;height:15px;margin-left:2px}.metro-quick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metro-quick-tile{display:flex;flex-direction:column;gap:9px;padding:13px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}.metro-quick-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--text-dim)}.metro-quick-label svg{color:var(--accent-1)}.metro-quick-tile .dd{width:100%}.metro-quick-tile .dd-trigger{width:100%;max-width:none;min-width:0}.metro-quick-tile .metro-vol{gap:7px}.metro-quick.only-mobile,.metro-presets-card.only-mobile{display:none}@media (max-width: 960px){.metro-grid{grid-template-columns:1fr}.metro-aside.only-desktop{display:none}.metro-quick.only-mobile{display:grid}.metro-presets-card.only-mobile{display:block}}@media (max-width: 640px){.metro-dial-card{gap:12px;padding:20px 10px}.metro-dial{width:216px;height:216px}.metro-bpm{font-size:46px}.metro-step{width:46px;height:46px;font-size:24px}.metro-transport{gap:14px;padding:24px 10px 40px}.metro-mini{width:68px;height:68px;font-size:14px}.metro-play-wrap{width:102px;height:102px}.metro-play{width:88px;height:88px}.metro-tools-grid{grid-template-columns:1fr 1fr}.metro-guide{grid-template-columns:repeat(3,1fr)}}@media (max-width: 420px){.metro-quick{grid-template-columns:1fr}.metro-guide{grid-template-columns:1fr 1fr}.metro-mini{width:60px;height:60px}.metro-transport{gap:10px}}.ear{--ear-shadow: 0 10px 28px rgba(236, 72, 153, .07), 0 2px 6px rgba(20, 22, 34, .04);--ear-opt-bg: #fbfbfc;--ear-pink: #e11d48;display:flex;flex-direction:column;gap:16px}:root[data-theme=dark] .ear{--ear-shadow: 0 10px 28px rgba(0, 0, 0, .28);--ear-opt-bg: rgba(255, 255, 255, .03);--ear-pink: #fda4af}.ear-tone-rose{--t: #f43f5e;--t-rgb: 244, 63, 94;--t-ink: #e11d48}.ear-tone-blue{--t: #3b82f6;--t-rgb: 59, 130, 246;--t-ink: #2563eb}.ear-tone-amber{--t: #f59e0b;--t-rgb: 245, 158, 11;--t-ink: #b45309}.ear-tone-violet{--t: #8b5cf6;--t-rgb: 139, 92, 246;--t-ink: #7c3aed}.ear-tone-orange{--t: #f97316;--t-rgb: 249, 115, 22;--t-ink: #c2410c}:root[data-theme=dark] .ear-tone-rose{--t-ink: #fda4af}:root[data-theme=dark] .ear-tone-blue{--t-ink: #93c5fd}:root[data-theme=dark] .ear-tone-amber{--t-ink: #fcd34d}:root[data-theme=dark] .ear-tone-violet{--t-ink: #c4b5fd}:root[data-theme=dark] .ear-tone-orange{--t-ink: #fdba74}.main-header.main-header--ear{min-height:0;padding-bottom:20px}.main-header.main-header--ear .page-head{max-width:400px}.main-header.main-header--ear .page-title{font-size:40px;color:#9f1239}.main-header.main-header--ear .page-sub{max-width:360px;font-size:14px;line-height:1.5;color:#9f1239b8}:root[data-theme=dark] .main-header.main-header--ear .page-title{color:#fda4af}:root[data-theme=dark] .main-header.main-header--ear .page-sub{color:#fda4afb8}.ear-hero{display:none}@media (min-width: 1180px){.main-header.main-header--ear{display:grid;grid-template-columns:minmax(250px,1fr) auto;grid-template-areas:"lead tools" "lead hero";align-items:start;column-gap:28px;row-gap:2px}.main-header--ear .main-header-lead{grid-area:lead}.main-header--ear .main-tools{grid-area:tools}.ear-hero{grid-area:hero;display:flex;align-items:center;gap:14px;min-width:0}}.ear-hero-art{position:relative;flex:1 1 auto;min-width:200px;height:100px}.ear-hero-wave{position:absolute;top:10px;right:0;bottom:10px;left:0;display:flex;align-items:center;justify-content:space-between;gap:2px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}.ear-hero-wave span{flex:1 1 0;min-width:1px;max-width:3px;border-radius:2px;background:linear-gradient(180deg,#fda4af,#f43f5e);opacity:.5;transform-origin:center;animation:ear-hero-bar 2.6s ease-in-out infinite alternate}@keyframes ear-hero-bar{0%{transform:scaleY(.6)}to{transform:scaleY(1)}}.ear-hero-phones{position:absolute;left:50%;top:50%;width:173px;height:100px;overflow:visible;transform:translate(-50%,-50%);filter:drop-shadow(0 10px 14px rgba(190,18,60,.22))}.eh-note{transform-box:fill-box;transform-origin:center;animation:eh-float 5s ease-in-out infinite}.eh-note.n2{animation-delay:-2.5s}.eh-note-bg{fill:var(--surface);stroke:#f43f5e33;stroke-width:1.2}.eh-note text{fill:#f43f5e;font-family:inherit;font-size:20px;font-weight:700}@keyframes eh-float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-6px) rotate(5deg)}}.ear-hero-quote{flex:none;margin:0;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid rgba(244,63,94,.16);background:var(--surface);box-shadow:0 6px 16px #ec48991a;color:#9f1239;font-size:12.5px;font-weight:600;font-style:italic;white-space:nowrap}.ear-hero-quote-ico{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:#f43f5e1f;color:#e11d48}:root[data-theme=dark] .ear-hero-quote{color:#fda4af;box-shadow:none}.ear-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.ear-main,.ear-side{display:flex;flex-direction:column;gap:14px;min-width:0}.ear-card{min-width:0;padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--ear-shadow)}.ear-bar{display:block;height:6px;overflow:hidden;border-radius:999px;background:#7f7f7f2e}.ear-bar>i{display:block;height:100%;border-radius:inherit;background:var(--t, #f43f5e);transition:width .5s ease}.ear-path{min-width:0}.ear-path-inner{position:relative;padding-top:13px}.ear-path-line{position:absolute;top:0;left:0;width:100%;height:26px;overflow:visible;pointer-events:none}.ear-path-line path{fill:none;stroke-width:2;stroke-linecap:round;opacity:.5;vector-effect:non-scaling-stroke}.ear-path-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ear-path-list>li{display:flex;min-width:0}.ear-lv{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:22px 10px 12px;border-radius:16px;border:1px solid rgba(var(--t-rgb),.22);background:linear-gradient(180deg,rgba(var(--t-rgb),.12),rgba(var(--t-rgb),.04)),var(--surface);color:var(--text);font-family:inherit;text-align:center;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ear-lv:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(var(--t-rgb),.16)}.ear-lv:focus-visible{outline:2px solid var(--t);outline-offset:3px}.ear-lv.active{padding:21px 9px 11px;border:2px solid var(--t);box-shadow:0 12px 26px rgba(var(--t-rgb),.22)}.ear-lv.locked{cursor:not-allowed}.ear-lv.locked:hover{transform:none;box-shadow:none}.ear-lv.locked .ear-lv-ico{opacity:.75;filter:grayscale(.35)}.ear-lv-num{position:absolute;top:-13px;left:50%;width:26px;height:26px;margin-left:-13px;display:grid;place-items:center;border-radius:50%;background:var(--t);color:#fff;font-size:12px;font-weight:800;box-shadow:0 0 0 3px var(--surface),0 4px 10px rgba(var(--t-rgb),.35)}.ear-lv.active .ear-lv-num{top:-14px}.ear-lv-lock{position:absolute;top:8px;right:9px;display:inline-flex;color:var(--text-dim)}.ear-lv-ico{height:40px;margin-bottom:4px;display:grid;place-items:center}.ear-lv-title{font-size:13.5px;font-weight:800;line-height:1.25}.ear-lv-name{font-size:12px;font-weight:700;color:var(--t-ink)}.ear-lv-blurb{min-height:calc(3 * 1.35em);margin-top:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;color:var(--text-dim)}.ear-lv-prog{width:100%;display:flex;align-items:center;gap:8px;margin-top:10px}.ear-lv-prog .ear-bar{flex:1}.ear-lv-count{font-size:11px;font-weight:700;color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.ear-notice-slot{position:relative;z-index:6;height:0;margin-top:-14px}.ear-notice{position:absolute;top:6px;left:50%;width:max-content;max-width:100%;margin:0;padding:9px 14px;transform:translate(-50%);border-radius:12px;border:1px solid rgba(245,158,11,.4);background:#fffbeb;box-shadow:0 10px 24px #1416221f;color:#92400e;font-size:13px;font-weight:600;animation:modal-fade .18s ease}:root[data-theme=dark] .ear-notice{background:#2a2211;color:#fcd34d}.ear-tabs{display:flex;gap:10px;scroll-margin-top:16px}.ear-tab{flex:1 1 auto;min-width:0;height:46px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:var(--ear-shadow);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.ear-tab-ico{flex:none;display:inline-flex;color:var(--ear-pink)}.ear-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ear-tab:hover{border-color:#f43f5e73;transform:translateY(-1px)}.ear-tab:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.ear-tab.current{border-color:#f43f5e8c;box-shadow:inset 0 0 0 1px #f43f5e59,var(--ear-shadow)}.ear-tab.active{border-color:transparent;color:#fff;background:linear-gradient(135deg,#f43f5e,#fb7185);box-shadow:0 8px 18px #f43f5e4d}.ear-tab.active .ear-tab-ico{color:#fff}.ear-exercise{position:relative;padding:20px}.ear-ex-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ear-ex-titles{min-width:0}.ear-ex-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.ear-ex-title{margin:0;font-size:21px;font-weight:800;letter-spacing:-.01em}.ear-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#f43f5e1a;color:var(--ear-pink);font-size:11.5px;font-weight:700;white-space:nowrap}.ear-tag.muted{border:1px dashed var(--line);background:var(--panel);color:var(--text-dim)}.ear-tag.key{background:#8b5cf61a;color:#7c3aed}:root[data-theme=dark] .ear-tag.key{color:#c4b5fd}.ear-ex-sub{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--text-dim)}.ear-ex-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-top:4px}.ear-ex-prog{display:flex;align-items:center;gap:10px}.ear-ex-prog .ear-bar{width:150px}.ear-ex-prog .ear-bar>i{background:linear-gradient(90deg,#f43f5e,#fb7185)}.ear-ex-prog b{min-width:42px;text-align:right;font-size:13px;color:var(--ear-pink);font-variant-numeric:tabular-nums}.ear-autonext{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;color:var(--text-dim)}.ear-switch{position:relative;flex:none;width:42px;height:24px;padding:0;border:none;border-radius:999px;background:#7f7f7f52;cursor:pointer;transition:background .16s ease}.ear-switch.on{background:linear-gradient(135deg,#f43f5e,#fb7185)}.ear-switch-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .16s ease}.ear-switch.on .ear-switch-knob{transform:translate(18px)}.ear-switch:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.ear-celebrate{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:10px 10px 10px 12px;border-radius:14px;border:1px solid rgba(34,197,94,.32);background:linear-gradient(90deg,#22c55e21,#3b82f614)}.ear-celebrate p{flex:1;min-width:0;margin:0;font-size:13.5px;line-height:1.4}.ear-celebrate-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:#22c55e;color:#fff}.ear-player-wrap{position:relative;margin:16px 0 14px}.ear-player{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(244,63,94,.12);background:linear-gradient(90deg,#f43f5e1a,#f43f5e08)}.ear-play{width:62px;height:62px;flex:none;display:grid;place-items:center;border:none;border-radius:50%;color:#fff;background:linear-gradient(140deg,#f43f5e,#fb7185);box-shadow:0 10px 24px #f43f5e66;cursor:pointer;transition:transform .12s ease,filter .15s ease}.ear-play svg{margin-left:3px}.ear-play:hover{filter:brightness(1.05);transform:translateY(-1px)}.ear-play:active{transform:scale(.96)}.ear-play:focus-visible{outline:3px solid rgba(244,63,94,.45);outline-offset:3px}.ear-player.playing .ear-play{animation:ear-play-pulse 1s ease-in-out infinite}@keyframes ear-play-pulse{0%,to{box-shadow:0 10px 24px #f43f5e66}50%{box-shadow:0 10px 28px #f43f5e8c,0 0 0 9px #f43f5e21}}.ear-wave{position:relative;flex:1;min-width:0;height:64px;overflow:hidden}.ear-wave-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:2px}.ear-wave-bars>span{flex:1 1 0;min-width:0;border-radius:2px;background:#f43f5e4d}.ear-wave.playing .ear-wave-bars>span{background:#f43f5e33}.ear-wave.playing .ear-wave-live>span{background:linear-gradient(180deg,#fb7185,#e11d48)}.ear-wave-live{clip-path:inset(0 100% 0 0);animation:ear-sweep linear forwards}@keyframes ear-sweep{to{clip-path:inset(0 0 0 0)}}.ear-gear{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);cursor:pointer;transition:color .14s ease,border-color .14s ease}.ear-gear svg{transition:transform .3s ease}.ear-gear:hover,.ear-gear.active{color:var(--ear-pink);border-color:#f43f5e80}.ear-gear.active svg{transform:rotate(45deg)}.ear-gear:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.ear-settings{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:min(380px,100%);display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:0 18px 44px #1416222e;animation:modal-fade .14s ease}:root[data-theme=dark] .ear-settings{background:var(--surface-2);box-shadow:0 18px 44px #00000080}.ear-settings:focus{outline:none}.ear-settings-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ear-settings-head b{font-size:14px}.ear-set-row{display:flex;flex-direction:column;gap:7px}.ear-set-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.ear-chips{display:flex;flex-wrap:wrap;gap:6px}.ear-chip{padding:7px 11px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.ear-chip:hover{border-color:#f43f5e80}.ear-chip:focus-visible{outline:2px solid var(--accent-1);outline-offset:1px}.ear-chip.active{border-color:transparent;color:#fff;background:linear-gradient(135deg,#f43f5e,#fb7185)}.ear-restart{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:none;color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.ear-restart:hover{border-color:#f43f5e80;color:var(--ear-pink)}.ear-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ear-options.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.ear-options.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.ear-opt{position:relative;min-width:0;min-height:66px;display:grid;place-items:center;padding:10px 12px;border-radius:13px;border:1.5px solid var(--line);background:var(--ear-opt-bg);color:var(--text);font-family:inherit;font-weight:700;line-height:1.2;text-align:center;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease,opacity .2s ease,transform .12s ease}.ear-opt.xl{font-size:22px}.ear-opt.lg{font-size:17px}.ear-opt.md{font-size:15px}.ear-opt.sm{font-size:13.5px}.ear-opt:not([aria-disabled]):not(:disabled):hover{border-color:#fb7185;background:#f43f5e12;color:var(--ear-pink);transform:translateY(-1px)}.ear-opt:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.ear-opt[aria-disabled]{cursor:default}.ear-opt.correct{border-color:#22c55e;background:#22c55e1f;color:#15803d;animation:ear-pop .34s ease}.ear-opt.wrong{border-color:#ef4444;background:#ef44441a;color:#b91c1c;animation:ear-shake .36s ease}.ear-opt.dim{opacity:.5}.ear-opt.out{opacity:.32;text-decoration:line-through;cursor:not-allowed}:root[data-theme=dark] .ear-opt.correct{color:#86efac}:root[data-theme=dark] .ear-opt.wrong{color:#fca5a5}@keyframes ear-pop{45%{transform:scale(1.04)}}@keyframes ear-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.ear-opt-mark{position:absolute;top:7px;right:7px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff}.ear-opt-mark.good{background:#22c55e}.ear-opt-mark.bad{background:#ef4444}.ear-hint{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 13px;border-radius:12px;border:1px solid rgba(202,138,4,.28);background:#facc151f}.ear-hint svg{flex:none;margin-top:1px}.ear-hint p{margin:0;font-size:13px;line-height:1.5;color:var(--text)}:root[data-theme=dark] .ear-hint{background:#facc1514}.ear-ex-foot{display:flex;align-items:center;gap:12px;margin-top:14px}.ear-feedback{flex:1;min-width:0;min-height:22px;margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;font-weight:600;text-align:center}.ear-feedback-ico{display:inline-flex}.ear-feedback em{padding:2px 9px;border-radius:999px;background:#22c55e1f;font-size:12px;font-style:normal;font-weight:700}.ear-feedback em.plain{background:var(--panel);color:var(--text-dim)}.ear-feedback.good{color:#16a34a}.ear-feedback.bad{color:#dc2626}.ear-feedback.muted{color:var(--text-dim)}.ear-feedback.streak{color:#ea580c}:root[data-theme=dark] .ear-feedback.good{color:#4ade80}:root[data-theme=dark] .ear-feedback.bad{color:#f87171}:root[data-theme=dark] .ear-feedback.streak{color:#fdba74}.ear-foot-right{flex:none;display:flex;gap:10px}.ear-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .14s ease,color .14s ease,filter .14s ease,transform .12s ease}.ear-btn:hover:not(:disabled){border-color:#f43f5e80;color:var(--ear-pink)}.ear-btn:disabled{opacity:.5;cursor:not-allowed}.ear-btn:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.ear-btn.primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#f43f5e,#fb7185);box-shadow:0 8px 18px #f43f5e4d}.ear-btn.primary:hover:not(:disabled){color:#fff;filter:brightness(1.05);transform:translateY(-1px)}.ear-btn.sm{padding:7px 12px;font-size:12.5px}.ear-cost{font-size:11.5px;font-weight:700;color:var(--text-dim)}.ear-btn:hover:not(:disabled) .ear-cost{color:inherit}.ear-icon-btn{width:30px;height:30px;flex:none;display:grid;place-items:center;padding:0;border:none;border-radius:9px;background:transparent;color:var(--text-dim);cursor:pointer}.ear-icon-btn:hover{background:var(--panel);color:var(--text)}.ear-icon-btn:focus-visible{outline:2px solid var(--accent-1);outline-offset:1px}.ear-results{display:flex;align-items:center;gap:26px;padding:20px 4px 4px}.ear-ring{width:124px;height:124px;flex:none}.ear-ring-track{fill:none;stroke:#f43f5e24;stroke-width:9}.ear-ring-fill{fill:none;stroke:#f43f5e;stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.ear-ring-text{fill:var(--text);font-family:inherit;font-size:21px;font-weight:800}.ear-results-text{min-width:0}.ear-results-lead{margin:0 0 10px;font-size:15px}.ear-results-stats{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.ear-results-stats li{padding:6px 11px;border-radius:999px;background:var(--panel);font-size:12.5px;color:var(--text-dim)}.ear-results-stats b{color:var(--text)}.ear-results-actions{display:flex;flex-wrap:wrap;gap:10px}.ear-card-title{margin:0;font-size:16px;font-weight:800}.ear-card-sub{margin:3px 0 14px;font-size:12.5px;color:var(--text-dim)}.ear-overview{scroll-margin-top:16px}.ear-ov-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ear-ov{position:relative;min-width:0;padding:12px;border-radius:14px;border:1px solid rgba(var(--t-rgb),.18);background:rgba(var(--t-rgb),.07)}.ear-ov-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-bottom:10px}.ear-ov-ico{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--surface);box-shadow:0 2px 6px rgba(var(--t-rgb),.15)}.ear-ov-names{display:flex;flex-direction:column;line-height:1.2}.ear-ov-names b{font-size:13px}.ear-ov-names span{font-size:11.5px;font-weight:700;color:var(--t-ink)}.ear-ov-state{position:absolute;top:8px;right:8px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#7f7f7f24;color:var(--text-dim)}.ear-ov-state.done{background:#22c55e;color:#fff}.ear-ov ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.ear-ov li{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.35}.ear-ov li svg{flex:none;margin-top:2px;color:var(--t)}.ear-ov li.done svg{padding:1.5px;border-radius:50%;background:#22c55e;color:#fff}.ear-ov.locked li{color:var(--text-dim)}.ear-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ear-side-title{display:flex;align-items:center;gap:7px;margin:0;font-size:14.5px;font-weight:800}.ear-you>.ear-side-title{margin-bottom:14px}.ear-you-body{display:flex;align-items:center;gap:14px}.ear-you-art{width:80px;height:80px;flex:none;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(var(--t-rgb),.2),rgba(var(--t-rgb),.06) 70%);box-shadow:inset 0 0 0 1px rgba(var(--t-rgb),.16)}.ear-you-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ear-you-name{font-size:19px;font-weight:800;line-height:1.15;color:var(--t-ink)}.ear-you-sub{margin-bottom:6px;font-size:12px;color:var(--text-dim)}.ear-you-count{align-self:flex-end;font-size:12px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.ear-you-note{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding:9px 11px;border-radius:11px;background:var(--panel);font-size:12px;line-height:1.35;color:var(--text-dim)}.ear-you-note svg{flex:none;color:var(--text)}.ear-you-note.done{background:#22c55e1f;color:#15803d}.ear-you-note.done svg{color:inherit}:root[data-theme=dark] .ear-you-note.done{color:#86efac}.ear-pill{padding:3px 9px;border-radius:999px;background:var(--panel);font-size:11.5px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.ear-topic-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.ear-topic{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:10px;background:transparent;color:var(--text);font-family:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .14s ease}.ear-topic:hover{background:var(--panel)}.ear-topic:focus-visible{outline:2px solid var(--accent-1);outline-offset:1px}.ear-topic.active{background:#f43f5e14;font-weight:600}.ear-topic-mark{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:50%;border:1.6px solid rgba(127,127,127,.45);color:#fff}.ear-topic.active .ear-topic-mark{border-color:#f43f5e}.ear-topic-mark i{width:8px;height:8px;border-radius:50%;background:#f43f5e}.ear-topic.done .ear-topic-mark{border-color:transparent;background:#f43f5e}.ear-topic-label{flex:1;min-width:0}.ear-topic-count{flex:none;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.ear-link{display:inline-flex;align-items:center;gap:4px;padding:2px 0;border:none;background:none;color:var(--ear-pink);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.ear-link:hover{text-decoration:underline}.ear-link:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px;border-radius:4px}.ear-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ear-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-align:center}.ear-tile-top{display:inline-flex;align-items:center;gap:6px}.ear-tile-top b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.ear-tile-k{font-size:11px;color:var(--text-dim)}.ear-stats-more{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.ear-stat-rows{display:grid;gap:6px;margin:0 0 12px}.ear-stat-rows div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}.ear-stat-rows dt{color:var(--text-dim)}.ear-stat-rows dd{margin:0;font-weight:700}.ear-type-acc{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ear-type-acc li{display:grid;grid-template-columns:102px minmax(0,1fr) 36px;align-items:center;gap:8px;font-size:12px}.ear-type-acc-name{display:inline-flex;align-items:center;gap:6px;font-weight:600}.ear-type-acc-name svg{color:var(--ear-pink)}.ear-type-acc b{text-align:right}.ear-tip-nav{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.ear-tip-nav button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.ear-tip-nav button:hover{background:var(--panel)}.ear-tip-nav button:focus-visible,.ear-dots button:focus-visible{outline:2px solid var(--accent-1);outline-offset:1px}.ear-tip{min-height:60px;margin:0;font-size:13px;line-height:1.55;color:var(--text-dim)}.ear-dots{display:flex;justify-content:center;margin-top:10px}.ear-dots button{width:20px;height:20px;display:grid;place-items:center;padding:0;border:none;border-radius:6px;background:none;cursor:pointer}.ear-dots button:before{content:"";width:7px;height:7px;border-radius:999px;background:#7f7f7f52;transition:width .2s ease,background .2s ease}.ear-dots button.on:before{width:16px;background:#f43f5e}@media (max-width: 1366px){.ear-layout{grid-template-columns:minmax(0,1fr) 272px}.ear-tab{gap:7px;padding:0 8px;font-size:13px}}@media (max-width: 1260px){.ear-layout{display:flex;flex-direction:column;align-items:stretch;gap:14px}.ear-main{display:contents}.ear-path{order:1}.ear-notice-slot{order:2}.ear-tabs{order:3}.ear-exercise{order:4}.ear-side{order:5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ear-overview{order:6}}@media (max-width: 1024px){.main-header.main-header--ear .page-title{font-size:34px}}@media (max-width: 860px){.ear-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ear-ov-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ear-ov:last-child{grid-column:1 / -1}}@media (max-width: 760px){.ear-path{margin:0 -18px;padding:0 18px 8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.ear-path::-webkit-scrollbar{display:none}.ear-path-inner{min-width:740px}.ear-path-list>li{scroll-snap-align:center}.ear-ex-head{flex-direction:column;align-items:stretch;gap:12px}.ear-ex-side{flex-direction:row;align-items:center;justify-content:space-between;padding-top:0}}@media (max-width: 640px){.main-header.main-header--ear .page-title{font-size:26px}.main-header.main-header--ear .page-sub{font-size:12.5px}.ear-path{margin:0 -12px;padding:0 12px 8px}.ear-side{grid-template-columns:minmax(0,1fr)}.ear-tab{height:auto;flex-direction:column;gap:4px;padding:9px 4px;font-size:12px}.ear-exercise{padding:14px}.ear-ex-title{font-size:18px}.ear-ex-prog .ear-bar{width:96px}.ear-player{gap:12px;padding:10px 12px}.ear-play{width:52px;height:52px}.ear-play svg{width:26px;height:26px}.ear-wave{height:50px}.ear-wave-bars{gap:1px}.ear-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ear-options.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.ear-opt{min-height:58px;padding:8px}.ear-opt.xl{font-size:20px}.ear-opt.lg{font-size:15.5px}.ear-opt.md{font-size:13.5px}.ear-opt.sm{font-size:12.5px}.ear-ex-foot{flex-wrap:wrap;gap:10px}.ear-feedback{order:3;flex-basis:100%}.ear-foot-right{margin-left:auto;gap:8px}.ear-btn{padding:8px 11px;font-size:12.5px}.ear-results{flex-direction:column;gap:14px;text-align:center}.ear-results-stats,.ear-results-actions{justify-content:center}.ear-celebrate{flex-wrap:wrap}}@media (max-width: 420px){.main-header.main-header--ear .page-title{font-size:22px}}@media (max-width: 400px){.ear-btn .ear-cost{display:none}.ear-tab{font-size:11px}}@media (prefers-reduced-motion: reduce){.ear-hero-wave span,.eh-note,.ear-player.playing .ear-play,.ear-opt.correct,.ear-opt.wrong{animation:none}.ear-wave-live{animation:none;clip-path:none}.ear-lv:hover,.ear-tab:hover,.ear-opt:not([aria-disabled]):not(:disabled):hover,.ear-btn.primary:hover:not(:disabled){transform:none}}.songs-view{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.badge{font-size:11px;font-weight:700;letter-spacing:.01em;padding:3px 9px;border-radius:999px;white-space:nowrap;flex:none}.badge.beginner{color:#0f766e;background:#10b98129}.badge.intermediate{color:#b45309;background:#f59e0b2e}.badge.advanced{color:#be123c;background:#f43f5e29}.songs-list{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;position:sticky;top:12px;align-self:start;max-height:calc(100vh - 110px)}.songs-list-head{display:flex;flex-direction:column;gap:12px}.song-search{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:11px;background:var(--panel);border:1px solid var(--line);color:var(--text-dim)}.song-search input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:13px;outline:none}.song-search input::placeholder{color:var(--text-dim)}.song-filters{gap:6px;margin:0}.song-filters .chip{padding:5px 11px}.song-rows{display:flex;flex-direction:column;gap:6px;overflow-y:auto;margin:0 -6px;padding:0 6px 2px}.songs-empty{color:var(--text-dim);font-size:13px;padding:18px 6px;text-align:center}.song-row{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border-radius:12px;border:1px solid transparent;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease}.song-row:hover{background:var(--panel)}.song-row.active{background:linear-gradient(135deg,#f43f5e1f,#fb71850f);border-color:#f43f5e47}.song-cover{flex:none;display:grid;place-items:center;color:#ffffffeb;border-radius:11px;width:46px;height:46px;box-shadow:inset 0 1px 2px #ffffff4d,0 3px 8px #0000002e}.song-cover.sm{width:46px;height:46px;border-radius:11px}.song-cover.lg{width:92px;height:92px;border-radius:16px}.song-cover.lg svg{width:40px;height:40px}.song-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.song-row-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-row-artist{font-size:12px;color:var(--text-dim)}.song-fav{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--text-dim);cursor:pointer;transition:color .14s ease,background .14s ease}.song-fav:hover{color:var(--accent-1);background:var(--panel)}.song-fav.on{color:var(--accent-1)}.song-detail{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px 24px;min-width:0}.song-back{display:none;align-items:center;gap:6px;margin-bottom:14px;padding:7px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.song-back:hover{color:var(--accent-1);border-color:var(--accent-1)}.song-detail-head{display:flex;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.song-detail-title{flex:1;min-width:0}.song-detail-title h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.song-detail-artist{margin:3px 0 10px;color:var(--text-dim);font-size:14px}.song-badges{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.meta-pill{font-size:12px;font-weight:600;color:var(--text-dim);padding:4px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);white-space:nowrap}.song-detail-actions{display:inline-flex;align-items:center;gap:8px;flex:none}.song-fav-btn{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text-dim);cursor:pointer;transition:color .14s ease,border-color .14s ease}.song-fav-btn:hover{color:var(--accent-1);border-color:var(--accent-1)}.song-fav-btn.on{color:var(--accent-1);border-color:#f43f5e66}.song-play-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #f43f5e59;transition:transform .14s ease,filter .16s ease}.song-play-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.song-play-btn.on{background:linear-gradient(135deg,#64748b,#475569);box-shadow:none}.song-tabs{display:flex;gap:0 2px;flex-wrap:wrap;margin:16px 0 0;border-bottom:1px solid var(--line)}.song-tab{padding:10px 4px;margin-right:10px;border:none;background:none;color:var(--text-dim);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s ease,border-color .14s ease;white-space:nowrap}.song-tab:hover{color:var(--text)}.song-tab.active{color:var(--accent-1);border-bottom-color:var(--accent-1)}.song-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 4px}.transpose-ctl{display:inline-flex;align-items:center;gap:8px}.transpose-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-right:2px}.transpose-btn{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .14s ease,color .14s ease}.transpose-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.transpose-val{min-width:34px;text-align:center;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.transpose-reset{margin-left:4px;padding:6px 10px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text-dim);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.transpose-reset:hover{color:var(--accent-1);border-color:var(--accent-1)}.print-btn{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text-dim);cursor:pointer}.print-btn:hover{color:var(--accent-1);border-color:var(--accent-1)}.song-tab-body{margin-top:14px}.song-sections{display:flex;flex-direction:column;gap:10px}.song-section{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}.song-section.open{border-color:#f43f5e47}.song-section-head{display:flex;align-items:stretch}.section-play{flex:none;width:46px;display:grid;place-items:center;border:none;border-right:1px solid var(--line);background:var(--panel);color:var(--accent-1);cursor:pointer;transition:background .14s ease,color .14s ease}.section-play:hover{background:#f43f5e1a}.section-play.on{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff}.section-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border:none;background:transparent;color:var(--text);font-family:inherit;cursor:pointer}.section-name{font-size:15px;font-weight:700}.section-toggle .chevron{color:var(--text-dim)}.song-section-body{display:flex;gap:18px;padding:6px 16px 18px;flex-wrap:wrap;align-items:flex-start}.lyric-block{flex:1 1 320px;min-width:0}.section-chords{display:flex;flex-wrap:wrap;gap:12px;flex:0 1 auto;align-content:flex-start}.lyric-line{display:flex;flex-wrap:wrap;align-items:flex-end;row-gap:2px}.lyric-line.spacer{height:12px}.ly-seg{display:inline-flex;flex-direction:column;align-items:flex-start}.ly-chord{height:1.3em;line-height:1.3em;padding-right:8px}.ly-chord-btn{border:none;background:none;padding:0;color:var(--accent-1);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.ly-chord-btn:hover{text-decoration:underline}.ly-text{white-space:pre;font-size:15.5px;line-height:1.55;color:var(--text)}.song-cd{width:74px;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;padding:0;cursor:pointer;font-family:inherit}.song-cd .cd{transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.song-cd:hover .cd{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 6px 16px #00000029}.song-cd-name{font-size:13px;font-weight:700}.song-note{margin:12px 0 0;font-size:13px;color:var(--text-dim);line-height:1.5}.song-pre{margin:0;padding:16px;border-radius:12px;background:var(--panel);border:1px solid var(--line);overflow-x:auto;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;color:var(--text);white-space:pre}.song-tabsheet .song-note{margin:0 0 10px}.song-lead{display:flex;flex-direction:column;gap:12px}.lead-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.lead-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.lead-scale{font-size:17px;font-weight:700}.lead-phrase{font-size:16px;font-weight:600;letter-spacing:.04em;color:var(--accent-1);font-variant-numeric:tabular-nums}.song-strum{display:flex;flex-direction:column;gap:14px}.strum-meta{display:flex;gap:8px}.strum-pill{font-size:12px;font-weight:700;color:var(--text-dim);padding:5px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}.strum-grid{display:flex;gap:8px;flex-wrap:wrap}.strum-cell{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:44px;padding:10px 6px;border-radius:11px;background:var(--panel);border:1px solid var(--line)}.strum-count{font-size:11px;font-weight:700;color:var(--text-dim)}.strum-stroke{font-size:24px;font-weight:800;line-height:1}.strum-stroke.down{color:var(--accent-1)}.strum-stroke.up{color:var(--scale-2)}.strum-stroke.mute,.strum-stroke.rest{color:var(--text-dim);opacity:.6}.strum-legend{display:flex;gap:16px;font-size:12px;color:var(--text-dim);flex-wrap:wrap}.strum-legend b{color:var(--text);font-size:14px}.song-info{display:flex;flex-direction:column;gap:18px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.info-item{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:11px;background:var(--panel);border:1px solid var(--line)}.info-item-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.info-item-value{font-size:14px;font-weight:600}.song-about{margin:0;font-size:14px;line-height:1.6;color:var(--text)}.info-chords{display:flex;flex-direction:column;gap:12px}.info-chords-title{font-size:15px;font-weight:700}.song-empty-tab{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:46px 20px;color:var(--text-dim)}.song-empty-tab svg{color:var(--accent-1);opacity:.7}.song-empty-tab p{margin:0;font-size:14px;max-width:320px}.song-empty-tab .song-empty-cta svg{color:currentColor;opacity:1}.song-search-row{display:flex;align-items:stretch;gap:8px}.song-search-row .song-search{flex:1;min-width:0}.song-import-btn{flex:none;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:color .14s ease,border-color .14s ease}.song-import-btn svg{color:var(--accent-1)}.song-import-btn:hover{color:var(--accent-1);border-color:var(--accent-1)}.songs-empty p{margin:0 auto 12px;max-width:260px;line-height:1.5}.song-empty-cta{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:11px;border:none;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #f43f5e4d;transition:transform .14s ease,filter .16s ease}.song-empty-cta:hover{transform:translateY(-1px);filter:brightness(1.05)}.song-import-btn:focus-visible,.song-empty-cta:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.badge.custom{color:#7c3aed;background:#8b5cf624}:root[data-theme=dark] .badge.custom{color:#c4b5fd;background:#8b5cf638}.song-fav-btn.danger:hover{color:#e11d48;border-color:#e11d4880}:root[data-theme=dark] .song-fav-btn.danger:hover{color:#fb7185;border-color:#fb718580}.st-var-card--inline{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.st-var-card--inline .st-var-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.st-var-card--inline .st-var{border-color:var(--line)}.st-var-card--inline .st-var.active{border-color:#f43f5e59}.st-var-card--inline.is-narrow .st-var-list{grid-template-columns:minmax(0,1fr)}.song-detail.is-narrow .song-detail-head{flex-wrap:wrap}.song-detail.is-narrow .song-detail-actions{order:3;width:100%}.song-detail.is-narrow .song-play-btn{flex:1;justify-content:center}.song-detail.is-narrow .song-cover.lg{width:68px;height:68px}.song-detail.is-narrow .song-cover.lg svg{width:30px;height:30px}.song-detail.is-narrow .song-detail-title h2{font-size:20px}@media (max-width: 880px){.songs-view{grid-template-columns:1fr}.songs-list{position:static;max-height:none}.song-back{display:inline-flex}.song-detail{padding:16px}.song-detail-head{flex-wrap:wrap}.song-detail-actions{order:3;width:100%}.song-play-btn{flex:1;justify-content:center}.song-cover.lg{width:68px;height:68px}.song-cover.lg svg{width:30px;height:30px}.song-detail-title h2{font-size:20px}}@media print{.sidebar,.main-header,.songs-list,.song-tabs,.song-toolbar,.song-detail-actions,.section-play,.powered-by,.nav-backdrop{display:none!important}.songs-view{display:block}.song-detail{border:none;padding:0}.song-section{break-inside:avoid}}.courses-view{display:flex;flex-direction:column;gap:18px}.course-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.level-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:16px 16px 14px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--c1) 22%,transparent),transparent 60%),var(--surface);color:inherit;font-family:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.level-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1416221f}.level-card.active{border-color:transparent;box-shadow:0 0 0 2px var(--c2),0 14px 30px #14162224}.level-num{position:absolute;top:12px;left:14px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(140deg,var(--c1),var(--c2));box-shadow:0 4px 12px color-mix(in srgb,var(--c2) 55%,transparent)}.level-art{align-self:flex-end;color:var(--c2);opacity:.9;margin:2px 0 6px}.level-title{font-size:17px;font-weight:800;letter-spacing:-.01em}.level-tagline{font-size:12.5px;color:var(--text-dim);line-height:1.35;min-height:34px}.level-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:var(--text-dim);font-weight:600}.level-pct{color:var(--c2);font-weight:800}.course-progress{display:block;height:7px;margin-top:8px;border-radius:999px;background:var(--panel);overflow:hidden}.course-progress.sm{height:6px}.course-progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));transition:width .4s ease}.level-card .course-progress-fill{background:linear-gradient(90deg,var(--c1),var(--c2))}.course-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.course-outline{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;position:sticky;top:12px;align-self:start;max-height:calc(100vh - 110px);display:flex;flex-direction:column;gap:12px}.outline-head{display:flex;align-items:center;gap:11px}.outline-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(140deg,var(--c1),var(--c2));box-shadow:0 6px 16px color-mix(in srgb,var(--c2) 45%,transparent)}.outline-head-main{flex:1;min-width:0}.outline-head-main h3{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em}.outline-sub{font-size:12px;color:var(--text-dim);font-weight:600}.outline-pct{font-size:15px;font-weight:800;color:var(--accent-1)}.module-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;margin:0 -6px -4px;padding:2px 6px 4px}.module{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}.module.open{border-color:color-mix(in srgb,var(--accent-1) 30%,var(--line))}.module-head{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:none;background:transparent;color:inherit;font-family:inherit;cursor:pointer;text-align:left}.module-head:hover{background:var(--panel)}.module-num{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:800;color:var(--accent-1);background:#f43f5e1f}.module-num.done{color:#fff;background:linear-gradient(140deg,#34d399,#10b981)}.module-head-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.module-title{font-size:14px;font-weight:700}.module-count{font-size:11.5px;color:var(--text-dim)}.module-head svg{color:var(--text-dim);flex:none}.lesson-list{list-style:none;margin:0;padding:0 8px 8px;display:flex;flex-direction:column;gap:3px}.lesson-row{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease}.lesson-row:hover:not(:disabled){background:var(--panel)}.lesson-row.active{background:linear-gradient(135deg,#f43f5e24,#fb718512);border-color:#f43f5e4d}.lesson-status{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--text-dim);background:var(--panel)}.lesson-status.open{color:var(--accent-1);background:#f43f5e1f}.lesson-status.done{color:#fff;background:linear-gradient(140deg,#34d399,#10b981)}.lesson-row-main{flex:1;min-width:0;display:flex;align-items:baseline;gap:7px}.lesson-row-label{font-size:12px;font-weight:800;color:var(--text-dim);flex:none}.lesson-row-title{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-row.active .lesson-row-label{color:var(--accent-1)}.lesson-row-dur{font-size:12px;color:var(--text-dim);flex:none;font-variant-numeric:tabular-nums}.lesson-detail{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px 22px;min-width:0}.lesson-back{display:none;align-items:center;gap:6px;margin-bottom:14px;padding:7px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.lesson-back:hover{color:var(--accent-1);border-color:var(--accent-1)}.lesson-crumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--text-dim);font-weight:600}.lesson-crumb svg{color:var(--text-dim);opacity:.7}.lesson-crumb .crumb-current{color:var(--accent-1)}.lesson-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:8px 0 4px}.lesson-detail-head h2{margin:0;font-size:23px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.lesson-detail-label{color:var(--accent-1);font-size:18px;font-weight:800}.lesson-nav{display:inline-flex;gap:6px;flex:none}.lesson-nav-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:color .14s ease,border-color .14s ease}.lesson-nav-btn:hover:not(:disabled){color:var(--accent-1);border-color:var(--accent-1)}.lesson-nav-btn:disabled{opacity:.4;cursor:not-allowed}.lesson-tabs{display:flex;gap:2px;flex-wrap:wrap;margin:14px 0 0;border-bottom:1px solid var(--line)}.lesson-tab{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:none;background:none;color:var(--text-dim);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .14s ease,border-color .14s ease}.lesson-tab:hover{color:var(--text)}.lesson-tab.active{color:var(--accent-1);border-bottom-color:var(--accent-1)}.lesson-tab-ico{display:inline-flex}.lesson-body{margin-top:18px}.lesson-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:220px;padding:28px 20px;border-radius:16px;text-align:center;cursor:pointer;overflow:hidden;color:#fff;background:linear-gradient(150deg,#2b3350,#1a2036 62%,#141a2c);border:1px solid var(--line)}.lesson-hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 30% 0%,rgba(244,63,94,.35),transparent 60%),radial-gradient(60% 90% at 100% 100%,rgba(56,189,248,.28),transparent 55%);pointer-events:none}.lesson-hero-label{position:relative;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffffbf}.lesson-hero-play{position:relative;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(140deg,var(--accent-1),var(--accent-2));box-shadow:0 10px 30px #f43f5e80;padding-left:4px;transition:transform .16s ease}.lesson-hero:hover .lesson-hero-play{transform:scale(1.06)}.lesson-hero-title{position:relative;font-size:20px;font-weight:800;letter-spacing:-.01em;margin-top:4px}.lesson-hero-dur{position:relative;font-size:12.5px;color:#ffffffb3;font-variant-numeric:tabular-nums}.section-title{margin:22px 0 8px;font-size:16px;font-weight:800;letter-spacing:-.01em}.tab-lesson .section-title:first-child{margin-top:22px}.lesson-summary{margin:0 0 12px;font-size:14.5px;line-height:1.6;color:var(--text)}.objectives{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 16px}.objectives li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.45;color:var(--text)}.obj-tick{flex:none;width:18px;height:18px;margin-top:1px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(140deg,#34d399,#10b981)}.lesson-content{margin-top:6px}.block-p{margin:0 0 14px;font-size:14.5px;line-height:1.68;color:var(--text)}.block-h{margin:20px 0 8px;font-size:15px;font-weight:800}.block-list,.block-steps{margin:0 0 14px;padding-left:22px;display:flex;flex-direction:column;gap:7px}.block-list{list-style:disc}.block-steps{list-style:decimal}.block-list li,.block-steps li{font-size:14px;line-height:1.55;color:var(--text);padding-left:2px}.block-tip{display:flex;gap:12px;align-items:flex-start;margin:4px 0 16px;padding:13px 15px;border-radius:12px;background:linear-gradient(135deg,#f43f5e1a,#fb71850d);border:1px solid rgba(244,63,94,.22)}.block-tip-badge{flex:none;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(140deg,var(--accent-1),var(--accent-2));padding:4px 9px;border-radius:999px;margin-top:1px}.block-tip p{margin:0;font-size:14px;line-height:1.55;color:var(--text)}.block-tab{margin:0 0 16px;padding:15px;border-radius:12px;background:var(--panel);border:1px solid var(--line);overflow-x:auto;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;color:var(--text);white-space:pre}.block-chords,.play-chords{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 16px}.block-chord{width:80px;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;padding:0;cursor:pointer;font-family:inherit}.block-chord .cd{transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.block-chord:hover .cd{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 6px 16px #00000029}.block-chord-name{font-size:13px;font-weight:700}.lesson-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:14px}.lesson-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:13px;background:var(--panel);border:1px solid var(--line)}.lesson-card-ico{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--accent-1);background:#f43f5e1a}.lesson-card-ico svg{width:30px;height:30px}.lesson-card-title{font-size:13.5px;font-weight:800}.lesson-card-text{font-size:12.5px;line-height:1.5;color:var(--text-dim)}.notes-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}.notes-list li{font-size:14px;line-height:1.55;color:var(--text)}.quiz-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.quiz-score{font-size:13px;font-weight:800;color:var(--accent-1)}.quiz-q{margin-top:16px}.quiz-question{margin:0 0 10px;font-size:14.5px;font-weight:700;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease}.quiz-option:hover:not(:disabled){border-color:var(--accent-1)}.quiz-option:disabled{cursor:default}.quiz-opt-mark{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-size:12px;font-weight:800;color:var(--text-dim);background:var(--surface-2)}.quiz-option.correct{border-color:#10b981;background:#10b9811f}.quiz-option.correct .quiz-opt-mark{color:#fff;background:linear-gradient(140deg,#34d399,#10b981)}.quiz-option.wrong{border-color:var(--accent-1);background:#f43f5e1a}.quiz-option.wrong .quiz-opt-mark{color:#fff;background:linear-gradient(140deg,var(--accent-1),var(--accent-2))}.quiz-explain{margin:9px 0 0;font-size:13px;line-height:1.55;padding:10px 12px;border-radius:10px}.quiz-explain.ok{color:#0f766e;background:#10b9811a}.quiz-explain.no{color:#be123c;background:#f43f5e1a}.play-all-btn,.lesson-complete-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #f43f5e59;transition:transform .14s ease,filter .16s ease}.play-all-btn:hover,.lesson-complete-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.play-metro{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:12px;padding:16px 18px;border-radius:13px;background:var(--panel);border:1px solid var(--line)}.play-bpm{font-size:30px;font-weight:800;color:var(--accent-1);line-height:1}.play-bpm em{font-size:14px;font-style:normal;color:var(--text-dim);font-weight:700;margin-left:4px}.play-metro-note{margin:0;font-size:13px;color:var(--text-dim)}.play-body{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--text)}.resource-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.resource-list li{display:flex;gap:12px;padding:13px 15px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.resource-ico{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--accent-1);background:#f43f5e1a}.resource-main{display:flex;flex-direction:column;gap:2px}.resource-label{font-size:14px;font-weight:700}.resource-detail{font-size:13px;color:var(--text-dim);line-height:1.5}.lesson-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:44px 20px;color:var(--text-dim)}.lesson-empty-ico{color:var(--accent-1);opacity:.7}.lesson-empty p{margin:0;font-size:14px;max-width:340px}.lesson-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.lesson-foot-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:color .14s ease,border-color .14s ease}.lesson-foot-btn:hover:not(:disabled){color:var(--accent-1);border-color:var(--accent-1)}.lesson-foot-btn:disabled{opacity:.4;cursor:not-allowed}.lesson-done-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:11px;font-size:13.5px;font-weight:700;color:#0f766e;background:#10b98124;border:1px solid rgba(16,185,129,.3)}@media (max-width: 1040px){.course-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.course-workspace{grid-template-columns:1fr}.course-outline{position:static;max-height:none}.lesson-back{display:inline-flex}.lesson-detail{padding:16px}.lesson-detail-head h2{font-size:20px}}@media (max-width: 520px){.course-levels{grid-template-columns:1fr}.level-tagline{min-height:0}}.caged-view{display:block}.caged-tabs{margin-bottom:18px}.caged-intro{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:16px;margin-bottom:22px}.caged-about{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.caged-about h3{margin:0 0 8px;font-size:16px;font-weight:800}.caged-about p{margin:0;font-size:13.5px;line-height:1.55;color:var(--text-dim)}.caged-shape-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-content:start}.caged-mini{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 10px}.caged-mini-label{font-size:12px;font-weight:700;color:var(--text-dim)}.caged-mini .cd{max-width:120px}.caged-board-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:12px}.caged-key{display:inline-flex;flex-direction:column;gap:5px}.caged-key>span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.caged-dd .dd-trigger{min-width:92px}.caged-show{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.caged-show-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.caged-show-chips{margin-bottom:0}.cn-wrap{overflow-x:auto;border-radius:16px;margin-bottom:24px;-webkit-overflow-scrolling:touch}.cn-neck{min-width:660px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 1px,transparent 1px 40px),linear-gradient(180deg,var(--wood-1),var(--wood-2) 60%,var(--wood-3));border:1px solid rgba(0,0,0,.35);border-radius:16px;padding:6px 10px 4px;box-shadow:inset 0 2px 10px #00000059}.cn-row{display:flex;align-items:stretch;height:40px}.cn-label{width:26px;flex:0 0 26px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#ffffffbf}.cn-cell{position:relative;flex:1 1 0;min-width:34px;display:flex;align-items:center;justify-content:center;border-right:2px solid rgba(210,216,224,.5);background:linear-gradient(to bottom,transparent calc(50% - .8px),rgba(20,12,6,.55) calc(50% - .8px),rgba(235,235,235,.35) 50%,rgba(20,12,6,.55) calc(50% + .8px),transparent calc(50% + .8px))}.cn-cell.cn-open{flex:0 0 30px;min-width:30px;background:none;border-right:4px solid #e9edf2}.cn-row:first-child .cn-cell{border-top-left-radius:4px}.cn-dot{position:relative;z-index:2;width:27px;height:27px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;box-shadow:0 2px 5px #00000073,inset 0 1px 2px #ffffff73}.cn-dot.is-root{box-shadow:0 0 0 2px #fff,0 2px 6px #00000080}.cn-dot--C{background:radial-gradient(circle at 34% 28%,#fda4af,#ef4444 55%,#b91c1c)}.cn-dot--A{background:radial-gradient(circle at 34% 28%,#fcd34d,#f59e0b 55%,#b45309);color:#2a1a02}.cn-dot--G{background:radial-gradient(circle at 34% 28%,#6ee7b7,#10b981 55%,#047857)}.cn-dot--E{background:radial-gradient(circle at 34% 28%,#93c5fd,#3b82f6 55%,#1d4ed8)}.cn-dot--D{background:radial-gradient(circle at 34% 28%,#d8b4fe,#a855f7 55%,#7c3aed)}.cn-dot--iR{background:radial-gradient(circle at 34% 28%,#fda4af,#ef4444 55%,#b91c1c)}.cn-dot--i3{background:radial-gradient(circle at 34% 28%,#93c5fd,#3b82f6 55%,#1d4ed8)}.cn-dot--i5{background:radial-gradient(circle at 34% 28%,#6ee7b7,#10b981 55%,#047857)}.cn-nums{height:24px}.cn-nums .cn-cell{background:none;border-right:none;align-items:flex-start}.cn-num{font-size:11px;font-weight:700;color:#ffffffb3;line-height:1;margin-top:2px}.cn-inlay{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background:#ffffff8c}.caged-allhead{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:16px}.caged-allhead-lead h3{margin:0 0 3px;font-size:18px;font-weight:800}.caged-allhead-lead p{margin:0;font-size:13px;color:var(--text-dim)}.caged-allhead-tools{display:inline-flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.caged-switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;padding-bottom:8px}.caged-switch input{width:16px;height:16px;accent-color:var(--accent-1);cursor:pointer}.caged-shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.caged-shape-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.csc-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.csc-title{font-size:14px;font-weight:800}.csc-badge{font-size:10.5px;font-weight:700;color:var(--accent-1);background:#f43f5e1f;border:1px solid rgba(244,63,94,.28);border-radius:999px;padding:3px 9px;white-space:nowrap}.csc-diagram{background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit}.csc-diagram .cd{transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.csc-diagram:hover .cd{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 6px 18px #0000002e}.csc-diagram:active .cd{transform:translateY(0)}.csc-tones{display:flex;flex-wrap:wrap;gap:5px}.csc-tone{display:inline-flex;align-items:baseline;gap:3px;font-size:11.5px;font-weight:700;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);border-radius:7px;padding:2px 6px}.csc-tone em{font-style:normal;font-size:9.5px;font-weight:700;color:var(--text-dim)}.csc-tone.is-root{color:var(--accent-1);border-color:#f43f5e59}.csc-tone.is-root em{color:var(--accent-1)}.csc-desc{margin:0;font-size:12px;line-height:1.45;color:var(--text-dim)}.caged-focus{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px;align-items:start}.caged-focus-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.caged-focus-card .cd{max-width:220px;margin:0 auto}.caged-focus-text{padding-top:6px}.caged-focus-text p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--text)}.caged-focus-hint{font-size:13px;color:var(--text-dim)}@media (max-width: 900px){.caged-intro{grid-template-columns:1fr}.caged-shape-strip{grid-template-columns:repeat(5,1fr)}.caged-shape-grid{grid-template-columns:repeat(3,1fr)}.caged-focus{grid-template-columns:1fr}}@media (max-width: 640px){.caged-shape-strip{grid-template-columns:repeat(3,1fr)}.caged-shape-grid{grid-template-columns:repeat(2,1fr)}.caged-board-head{align-items:stretch}}:root{--sp-down: #f43f5e;--sp-up: #5b7bff;--sp-mute: #94a3b8;--sp-strip-bg: rgba(15, 23, 42, .62);--sp-shadow: 0 10px 28px rgba(0, 0, 0, .32)}:root[data-theme=light]{--sp-up: #3056f5;--sp-mute: #475569;--sp-strip-bg: rgba(255, 255, 255, .86);--sp-shadow: 0 10px 28px rgba(236, 72, 153, .08), 0 2px 6px rgba(20, 22, 34, .05)}.main-header--hero{position:relative;isolation:isolate;margin:-22px -26px 16px;padding:22px 26px 30px;min-height:178px}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.hero-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 55%,var(--bg-1) 100%)}.hero-art-img{position:absolute;top:0;right:0;bottom:0;width:min(64%,840px);background-size:cover;background-position:center 42%;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 22%,rgba(0,0,0,.9) 58%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 22%,rgba(0,0,0,.9) 58%,#000 100%);opacity:.8}:root[data-theme=light] .hero-art-img{opacity:.88}.hero-note{position:absolute;color:var(--accent-1);opacity:.55;font-size:34px;line-height:1;animation:hero-float 6s ease-in-out infinite}.hero-note.n1{left:43%;top:16%}.hero-note.n2{left:50%;top:48%;font-size:26px;animation-delay:-2s}.hero-note.n3{right:26%;top:56%;font-size:26px;color:#fff;opacity:.8;animation-delay:-4s}@keyframes hero-float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(4deg)}}.hero-script{position:absolute;right:3.5%;bottom:20%;font-family:Dancing Script,Brush Script MT,Segoe Script,cursive;font-weight:600;font-size:34px;line-height:.95;text-align:center;color:#fff;text-shadow:0 2px 14px rgba(190,18,60,.6);transform:rotate(-9deg)}.main-header--hero .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--text)}.main-header--hero .eyebrow:before{content:"";width:26px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2))}.main-header--hero .page-title{margin:6px 0 8px;font-size:42px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.main-header--hero .page-sub{max-width:520px;font-size:14.5px;color:var(--text-dim)}.page-title-accent{background:linear-gradient(90deg,#f43f5e,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}.main-header--hero .main-tools .topsearch,.main-header--hero .main-tools .circle-btn,.main-header--hero .main-tools .icon-btn:not(.on){background:var(--surface);box-shadow:0 4px 14px #00000014}@media (min-width: 641px){.main-header.main-header--hero:has(>.hero-art){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 14px;min-height:0;padding-top:16px;padding-bottom:14px}.main-header--hero:has(>.hero-art) .main-header-lead,.main-header--hero:has(>.hero-art) .page-head{display:contents}.main-header--hero:has(>.hero-art) .nav-toggle{grid-column:1;grid-row:1}.main-header--hero:has(>.hero-art) .eyebrow{grid-column:2;grid-row:1;margin:0;position:relative;z-index:1}.main-header--hero:has(>.hero-art) .main-tools{grid-column:3;grid-row:1;position:relative;z-index:2;margin:0}.main-header--hero:has(>.hero-art) .page-title-row{grid-column:1 / -1;grid-row:2;position:relative;z-index:1;min-width:0}.main-header--hero:has(>.hero-art) .page-title{margin:4px 0 2px;font-size:38px}.main-header--hero:has(>.hero-art) .page-sub{grid-column:1 / -1;grid-row:3;max-width:480px;margin:0;font-size:13px;position:relative;z-index:1}.main-header--hero>.hero-art{left:auto;top:0;width:min(52%,680px);border-radius:0}.main-header--hero>.hero-art .hero-art-img{width:100%;background-position:center 38%;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.45) 30%,#000 70%),linear-gradient(to bottom,rgba(0,0,0,.55) 0%,#000 30%,#000 70%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.45) 30%,#000 70%),linear-gradient(to bottom,rgba(0,0,0,.55) 0%,#000 30%,#000 70%,transparent 100%);mask-composite:intersect}.main-header--hero>.hero-art .hero-script{right:4%;bottom:14%;font-size:26px}}@media (min-width: 1025px){.main-header--hero:has(>.hero-art) .eyebrow{grid-column:1 / 3}}@media (min-width: 641px){.main-header--hero:has(>.hero-art):not(:has(.eyebrow)) .page-title-row{grid-column:2;grid-row:1;align-self:center}.main-header--hero:has(>.hero-art):not(:has(.eyebrow)) .page-title{margin:0}}@media (min-width: 1025px){.main-header--hero:has(>.hero-art):not(:has(.eyebrow)) .page-title-row{grid-column:1 / 3}}@media (max-width: 640px){.main-header.main-header--hero:has(>.hero-art){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:0;padding-bottom:8px}.main-header--hero:has(>.hero-art) .main-header-lead,.main-header--hero:has(>.hero-art) .page-head{display:contents}.main-header--hero:has(>.hero-art) .nav-toggle{grid-column:1;grid-row:1}.main-header--hero:has(>.hero-art) .page-title-row{grid-column:2;grid-row:1;min-width:0}.main-header.main-header--hero:has(>.hero-art) .page-title{margin:0;font-size:21px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-header--hero:has(>.hero-art) .main-tools{grid-column:3;grid-row:1}.main-header--hero:has(>.hero-art) .eyebrow,.main-header--hero:has(>.hero-art) .page-sub,.main-header--hero>.hero-art{display:none}}.sp-view{display:flex;flex-direction:column;gap:16px}.sp-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sp-chip-row{display:flex;gap:8px;flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.sp-chip-row::-webkit-scrollbar{display:none}.sp-chip{display:inline-flex;flex:none;align-items:center;gap:6px;padding:9px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:border-color .14s ease,box-shadow .14s ease}.sp-chip:hover{border-color:#f43f5e80}.sp-chip svg{color:var(--accent-1)}.sp-chip-count{color:var(--text-dim);font-weight:500}.sp-chip.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent;box-shadow:0 6px 16px #f43f5e59}.sp-chip.active svg,.sp-chip.active .sp-chip-count{color:#ffffffe6}.sp-filters-side{display:flex;align-items:center;gap:10px;margin-left:auto}.sp-filters-side .dd-menu,.fp-howto-play .dd-menu,.sc-speed .dd-menu{left:auto;right:0}.sp-filters .dd-trigger{background:var(--surface)}.sp-sort{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-dim)}.sp-levels{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:-4px}.sp-levels .sp-filters-side{order:99}.sp-levels-label{margin-right:4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.sp-level{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text-dim);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.sp-level:hover{color:var(--text)}.sp-level-count{font-size:11px;opacity:.7}.sp-level.active{color:var(--accent-1);background:var(--surface);border-color:currentColor}.sp-level.lvl-intermediate.active{color:#2563eb}.sp-level.lvl-advanced.active{color:#7c3aed}.sp-level.lvl-pro.active{color:#b45309}.lvl{display:inline-flex;align-items:center;flex:none;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.lvl.lvl-beginner{color:#e11d48;background:#f43f5e1f}.lvl.lvl-intermediate{color:#2563eb;background:#3b82f621}.lvl.lvl-advanced{color:#7c3aed;background:#8b5cf624}.lvl.lvl-pro{color:#b45309;background:#f59e0b2e}:root[data-theme=dark] .lvl.lvl-beginner{color:#fb7185}:root[data-theme=dark] .lvl.lvl-intermediate,:root[data-theme=dark] .sp-level.lvl-intermediate.active{color:#60a5fa}:root[data-theme=dark] .lvl.lvl-advanced,:root[data-theme=dark] .sp-level.lvl-advanced.active{color:#a78bfa}:root[data-theme=dark] .lvl.lvl-pro,:root[data-theme=dark] .sp-level.lvl-pro.active{color:#fbbf24}.nbadge{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:15px;font-weight:800;box-shadow:0 6px 14px #00000029}.nb-0{background:linear-gradient(140deg,#f43f5e,#fb7185)}.nb-1{background:linear-gradient(140deg,#3b82f6,#60a5fa)}.nb-2{background:linear-gradient(140deg,#8b5cf6,#a78bfa)}.nb-3{background:linear-gradient(140deg,#f97316,#fb923c)}.nb-4{background:linear-gradient(140deg,#10b981,#34d399)}.nb-5{background:linear-gradient(140deg,#d946ef,#e879f9)}.nb-6{background:linear-gradient(140deg,#06b6d4,#22d3ee)}.nb-7{background:linear-gradient(140deg,#f59e0b,#fbbf24)}.sp-heart{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;border:none;background:var(--sp-strip-bg);color:var(--text-dim);cursor:pointer;transition:color .14s ease,transform .14s ease}.sp-heart:hover{color:var(--accent-1);transform:scale(1.08)}.sp-heart.on{color:var(--accent-1)}.sp-heart.on svg{animation:heart-pop .3s ease}@keyframes heart-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.sp-play{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;border:none;background:linear-gradient(140deg,var(--accent-1),#e11d48);color:#fff;cursor:pointer;box-shadow:0 6px 16px #f43f5e66;transition:transform .12s ease,filter .12s ease}.sp-play svg{margin-left:2px}.sp-play.on svg{margin-left:0}.sp-play:hover{transform:scale(1.06);filter:brightness(1.05)}.sp-play:active{transform:scale(.95)}.sp-play.on{background:linear-gradient(140deg,#be123c,var(--accent-1));animation:play-pulse 1.2s ease-in-out infinite}@keyframes play-pulse{0%,to{box-shadow:0 0 #f43f5e73,0 6px 16px #f43f5e66}50%{box-shadow:0 0 0 8px #f43f5e00,0 6px 16px #f43f5e66}}.sp-play--lg{width:58px;height:58px}.sp-play--sm{width:30px;height:30px;box-shadow:0 4px 10px #f43f5e52}.sp-icon-btn{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--sp-strip-bg);color:var(--text-dim);cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.sp-icon-btn:hover{color:var(--text);border-color:#f43f5e73}.sp-icon-btn.on{color:var(--accent-1);border-color:#f43f5e8c;background:#f43f5e1a}.sp-icon-btn--lg{width:44px;height:44px;border-radius:12px}.sp-along{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:10px;border:1px solid rgba(59,130,246,.25);background:#3b82f61a;color:#2563eb;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .14s ease}.sp-along:hover{background:#3b82f62e}:root[data-theme=dark] .sp-along{color:#93c5fd}.sp-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:11px;border:1px solid rgba(244,63,94,.4);background:#f43f5e14;color:var(--accent-1);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.sp-btn:hover{background:#f43f5e24}.sp-step-btn{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:18px;font-weight:700;line-height:1;cursor:pointer}.sp-step-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.sp-switch{display:inline-flex;align-items:center;gap:8px;padding:4px 2px;border:none;background:none;color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.sp-switch-track{position:relative;flex:none;width:36px;height:20px;border-radius:999px;background:var(--line);border:1px solid var(--panel-border);transition:background .15s ease}.sp-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s ease}.sp-switch.on .sp-switch-track{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border-color:transparent}.sp-switch.on .sp-switch-knob{transform:translate(16px)}.sp-switch:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px;border-radius:8px}.sp-empty{padding:40px 20px;text-align:center;color:var(--text-dim);background:var(--surface);border:1px dashed var(--line);border-radius:16px}.sp-empty p{margin:0 0 14px}.sstrip{--col: 26px;display:inline-grid;grid-template-columns:repeat(var(--n),minmax(0,var(--col)));max-width:100%;padding:8px 10px 6px;border-radius:12px;background:var(--sp-strip-bg);border:1px solid var(--line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sstrip--sm{--col: 17px;padding:6px 7px 4px}.sstrip--lg{--col: 46px;padding:14px 16px 10px}.sstrip-col{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:2px 0;border-radius:8px;transition:background .08s ease}.sstrip-col.gap{box-shadow:inset 1px 0 0 var(--line);border-radius:0 8px 8px 0}.sstrip-col.on{background:#f43f5e2e}.sstrip-col.on .sg{transform:scale(1.2)}.sstrip-mark{height:11px;font-size:11px;line-height:11px;font-weight:900;color:#f97316}.sstrip--lg .sstrip-mark{height:16px;font-size:16px;line-height:16px}.sstrip-count{font-size:11px;font-weight:600;line-height:1.3;color:var(--text-dim)}.sstrip-col.beat .sstrip-count{color:var(--text);font-weight:800}.sstrip--sm .sstrip-count{font-size:9.5px}.sstrip--lg .sstrip-count{font-size:14px}.sg{position:relative;display:inline-grid;place-items:center;height:22px;min-width:12px;font-weight:800;line-height:1;transition:transform .1s ease}.sstrip--sm .sg{height:17px}.sstrip--lg .sg{height:32px}.sg-down{color:var(--sp-down)}.sg-up{color:var(--sp-up)}.sg-rest{color:var(--text-dim);opacity:.5;font-size:16px}.sg-accent svg{stroke-width:3.3px;filter:drop-shadow(0 0 3px rgba(249,115,22,.45))}.sg-ghost{opacity:.38}.sg-mute{color:var(--sp-mute);font-size:15px}.sstrip--lg .sg-mute{font-size:22px}.sstrip--sm .sg-mute{font-size:11px}.sg-palm svg{opacity:.75}.sg-tag{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);padding:0 1px;border-radius:3px;background:var(--surface);color:#f97316;font-style:normal;font-size:7.5px;font-weight:800;line-height:1.1;letter-spacing:-.02em}.sstrip--lg .sg-tag{font-size:10px;bottom:-6px}.sg-dot{position:absolute;bottom:-2px;width:5px;height:5px;border-radius:1px;background:currentColor}.sg-bass{width:18px;height:18px;align-self:center;border-radius:50%;border:2px solid currentColor;color:#10b981;font-size:10px}.sstrip--sm .sg-bass{width:14px;height:14px;font-size:8px;border-width:1.5px}.sstrip--lg .sg-bass{width:28px;height:28px;font-size:15px}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px}.sp-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:190px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sp-shadow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}:root[data-theme=light] .sp-card{background:linear-gradient(135deg,#fff 45%,#fff3f6)}.sp-card:hover{transform:translateY(-2px)}.sp-card.playing{border-color:#f43f5e8c;box-shadow:0 0 0 3px #f43f5e24,var(--sp-shadow)}.sp-card-art{position:absolute;top:0;right:0;bottom:0;z-index:-1;width:60%;background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 35%,#000 80%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 35%,#000 80%);opacity:.4;transition:opacity .2s ease,transform .4s ease}:root[data-theme=light] .sp-card-art{opacity:.45}.sp-card:hover .sp-card-art,.sp-card.playing .sp-card-art{opacity:.6;transform:scale(1.03)}.sp-card-head{display:flex;align-items:center;gap:10px}.sp-card-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sp-card-title h3{margin:0;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-card-meta{font-size:12px;font-weight:500;color:var(--text-dim)}.sp-card-strip{display:flex}.sp-card-foot{display:flex;align-items:center;gap:8px;margin-top:auto}.sp-legend{padding:14px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.sp-legend h3{margin:0 0 10px;font-size:14px}.sp-legend ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;color:var(--text-dim)}.sp-legend li{display:inline-flex;align-items:center;gap:8px}.sp-legend .sg{font-size:18px;height:20px}.sp-legend .sg-bass{font-size:10px}.sp-legend-sym{display:inline-grid;place-items:center;min-width:18px;font-weight:900;color:#f97316}.sp-legend-sym.faint{color:var(--sp-down);opacity:.4;font-size:18px}.sp-legend-sym.pm{font-size:10px}.sp-legend-sym.chop{color:var(--sp-down)}.modal-card.spp{width:min(760px,96vw);padding:20px 22px 22px;display:flex;flex-direction:column;gap:14px}.spp-head{display:flex;align-items:flex-start;gap:10px}.spp-head-text{flex:1;min-width:0}.spp-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-1)}.spp-head h2{margin:2px 0 6px;font-size:24px;font-weight:800;letter-spacing:-.02em}.spp-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-dim)}.spp-close{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text-dim);cursor:pointer}.spp-close:hover{color:var(--text)}.spp-desc{margin:0;font-size:14px;line-height:1.5;color:var(--text-dim)}.spp-stage{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 12px;border-radius:16px;background:linear-gradient(160deg,#f43f5e14,#6366f10f);border:1px solid var(--line)}.spp-stage.finger{align-items:stretch}.spp-stage.finger .pmap{align-self:center}.spp-chords{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.spp-chord{min-width:44px;padding:5px 10px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);font-size:13px;font-weight:700;text-align:center;transition:all .12s ease}.spp-chord.on{color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border-color:transparent;box-shadow:0 4px 12px #f43f5e59;transform:translateY(-1px)}.spp-countin{font-size:12.5px;font-weight:700;color:var(--accent-1)}.spp-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:14px 18px}.spp-switches{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:18px}.spp-label{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.spp-tempo-row{display:flex;align-items:center;gap:8px}.spp-tempo-row input[type=range]{flex:1;min-width:80px;accent-color:var(--accent-1)}.spp-bpm{min-width:66px;text-align:right;font-size:14px;font-weight:800}.spp-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.spp-info-block{padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.spp-info-block h3{margin:0 0 6px;font-size:13px}.spp-info-block p,.spp-info-block li{margin:0;font-size:13px;line-height:1.5;color:var(--text-dim)}.spp-info-block ul{margin:0;padding-left:18px}.spp-foot{display:flex;justify-content:flex-end}.pmap{--col: 26px;--rowh: 13px;display:inline-flex;flex-direction:column;gap:3px;max-width:100%}.pmap--sm{--col: 16px;--rowh: 12px}.pmap--lg{--col: 40px;--rowh: 19px}.pmap-board{position:relative;height:calc(var(--rowh) * 6 + 8px);padding:4px 6px;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(92deg,rgba(0,0,0,.06) 0 2px,transparent 2px 9px),linear-gradient(180deg,var(--wood-1),var(--wood-2) 60%,var(--wood-3));box-shadow:inset 0 0 0 1px #00000040,inset 0 2px 8px #00000059}.pmap-string{position:absolute;left:0;right:0;top:calc(4px + var(--rowh) * var(--row) + var(--rowh) / 2);height:calc(1px + var(--row) * .3px);background:linear-gradient(180deg,#eef0f3,#9aa1ab);opacity:.85}.pmap-cols{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,var(--col)));height:100%}.pmap-col{position:relative;border-radius:6px}.pmap-col.beat:before{content:"";position:absolute;left:0;top:-4px;bottom:-4px;width:1px;background:#ffffff24}.pmap-col:first-child:before{display:none}.pmap-col.on{background:#ffffff29;box-shadow:inset 0 0 0 1px #fb7185b3}.pmap-dot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;font-size:10px;font-weight:800;line-height:1}.pmap-col .pmap-dot{position:absolute;left:50%;top:calc(var(--rowh) * var(--row) + var(--rowh) / 2);width:min(calc(var(--rowh) + 1px),94%);height:auto;aspect-ratio:1;transform:translate(-50%,-50%);font-size:calc(var(--rowh) - 4px);box-shadow:0 1px 3px #00000073;z-index:1;transition:transform .08s ease,box-shadow .08s ease}.pmap-col.on .pmap-dot{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 0 2px #ffffff73,0 0 12px #f43f5ed9}.f-p{background:linear-gradient(140deg,#f43f5e,#e11d48)}.f-i{background:linear-gradient(140deg,#3b82f6,#2563eb)}.f-m{background:linear-gradient(140deg,#8b5cf6,#7c3aed)}.f-a{background:linear-gradient(140deg,#f59e0b,#ea580c)}.f-x{background:#334155}.pmap-row{display:grid;grid-template-columns:repeat(var(--n),minmax(0,var(--col)));padding:0 6px}.pmap-row span{overflow:hidden;white-space:nowrap;text-align:center;font-size:10px;font-weight:700;color:var(--text-dim)}.pmap-fingers span{color:var(--text);font-size:10.5px;letter-spacing:-.03em}.pmap-fingers span.on{color:var(--accent-1)}.pmap--sm .pmap-row span{font-size:8.5px}.pmap--lg .pmap-row span{font-size:13px}.cneck{position:relative;display:grid;grid-template-columns:18px 22px minmax(0,1fr);height:156px}.cneck-names,.cneck-opens{display:grid;grid-template-rows:repeat(6,1fr);padding:10px 0}.cneck-names span{display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--text-dim)}.cneck-names span.on{color:var(--accent-1)}.cneck-opens span{display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--text-dim)}.cneck-open.open:before{content:"";width:9px;height:9px;border-radius:50%;border:2px solid var(--text-dim)}.cneck-open.open.on:before{border-color:var(--accent-1);background:#f43f5e40;box-shadow:0 0 10px #f43f5ecc}.cneck-open.muted{color:#ef4444;opacity:.75}.cneck-board{position:relative;border-radius:4px 12px 12px 4px;border-left:7px solid #ece5d6;background:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 3px,transparent 3px 11px),linear-gradient(180deg,var(--wood-1),var(--wood-2) 55%,var(--wood-3));box-shadow:inset 0 0 0 1px #0000004d,0 8px 22px #00000038}.cneck-fret{position:absolute;top:0;bottom:0;left:calc(var(--k) * 20% - 1.5px);width:3px;background:linear-gradient(90deg,#8b929c,#e5e9ee,#8b929c)}.cneck-inlay{position:absolute;top:50%;left:calc((var(--f) - .5) * 20%);width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#fdf6e3,#cfc3a6);opacity:.6}.cneck-string{position:absolute;left:0;right:0;top:calc(10px + (100% - 20px) * ((var(--row) + .5) / 6));height:calc(var(--w) * 1px);transform:translateY(-50%);background:linear-gradient(180deg,#f5f6f8,#9ca3af);box-shadow:0 1px 1px #0006}.cneck-string.dead{opacity:.4}.cneck-string.on{height:calc(var(--w) * 1px + 2px);background:linear-gradient(180deg,#ffe4e6,#f43f5e);box-shadow:0 0 10px #f43f5ee6,0 0 2px #fff;animation:string-buzz .09s linear 3}@keyframes string-buzz{0%,to{transform:translateY(-50%)}25%{transform:translateY(calc(-50% - 1px))}75%{transform:translateY(calc(-50% + 1px))}}.cneck-barre{position:absolute;top:10px;bottom:10px;left:calc((var(--f) - .5) * 20%);width:16px;transform:translate(-50%);border-radius:8px;background:#f43f5ed9;box-shadow:0 3px 8px #00000059}.cneck-dot{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:12px;font-weight:800;line-height:1}.cneck-board .cneck-dot{position:absolute;z-index:2;left:calc((var(--f) - .5) * 20%);top:calc(10px + (100% - 20px) * ((var(--row) + .5) / 6));width:24px;height:24px;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0006;transition:transform .1s ease,box-shadow .1s ease}.cneck-board .cneck-dot.on{transform:translate(-50%,-50%) scale(1.14);box-shadow:0 0 0 4px #ffffff59,0 0 16px #f43f5ee6}.fg-1{background:linear-gradient(140deg,#f43f5e,#e11d48)}.fg-2{background:linear-gradient(140deg,#ec4899,#db2777)}.fg-3{background:linear-gradient(140deg,#d946ef,#c026d3)}.fg-4{background:linear-gradient(140deg,#8b5cf6,#7c3aed)}.cneck-chord{position:absolute;top:8px;right:10px;z-index:3;padding:3px 10px;border-radius:8px;background:#00000080;color:#fff;font-size:14px;font-weight:800}.fp-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:stretch}.fp-neck-card,.fp-howto{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sp-shadow)}.fp-neck-card>.pmap{align-self:center}.fp-neck-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fp-neck-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-1)}.fp-neck-head h3{margin:2px 0 0;font-size:18px}.fp-neck-chords{display:flex;gap:6px;flex-wrap:wrap}.fp-neck-wrap.slap .cneck-board{filter:brightness(1.25)}.fp-howto-head{display:flex;align-items:center;justify-content:space-between}.fp-howto h3{margin:0;font-size:15px}.fp-info{display:inline-grid;color:var(--text-dim)}.fp-howto-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim)}.fp-howto-row.small{font-size:12px;line-height:1.45}.fp-fingers{display:inline-flex;flex:none;gap:4px}.fp-fingers .cneck-dot,.fp-fingers .pmap-dot{width:20px;height:20px;font-size:10px}.fp-lit-demo{flex:none;width:44px;height:3px;border-radius:2px;background:#f43f5e;box-shadow:0 0 8px #f43f5ee6}.fp-howto-play{display:flex;align-items:center;gap:10px;margin-top:auto}.fp-demo{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:11px;border:none;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #f43f5e59}.fp-demo.on{background:linear-gradient(135deg,#be123c,var(--accent-1))}.fp-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.fp-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sp-shadow);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}:root[data-theme=light] .fp-card{background:linear-gradient(160deg,#fff 55%,#fff4f7)}.fp-card:hover{transform:translateY(-2px)}.fp-card.focused{border-color:#f43f5e66}.fp-card.playing{border-color:#f43f5e99;box-shadow:0 0 0 3px #f43f5e29,var(--sp-shadow)}.fp-card .sp-card-head{gap:8px}.fp-card>.pmap{align-self:center}.fp-tags{display:flex;align-items:center;gap:6px;margin-top:-4px}.fp-genre{padding:2px 8px;border-radius:999px;background:var(--panel);font-size:11.5px;font-weight:600;color:var(--text-dim)}.sc-view{display:flex;flex-direction:column;gap:16px}.sc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin-top:-6px}.sc-tools{display:flex;gap:8px;flex-wrap:wrap}.sc-tool{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000a}.sc-tool svg{color:var(--text-dim)}.sc-tool:hover{border-color:#f43f5e73}.sc-tool.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent;box-shadow:0 6px 16px #f43f5e59}.sc-tool.active svg{color:#fff}.sc-toggles{display:flex;flex-wrap:wrap;gap:16px}.sc-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start;scroll-margin-top:16px}.sc-card{min-width:0;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sp-shadow)}.sc-card-title{margin:0 0 12px;font-size:15px;font-weight:700}.sc-card-sub{font-size:12px;font-weight:600;color:var(--accent-1)}.sc-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sc-card-head .sc-card-title{margin:0}.sc-link{display:inline-flex;align-items:center;gap:5px;padding:4px;border:none;background:none;color:var(--accent-1);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.sc-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.sc-editor-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.sc-sig .dd-trigger{min-width:78px}.sc-grid-opts{display:inline-flex;gap:6px;flex-wrap:wrap}.sc-opt{padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.sc-opt.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent}.sc-editor-actions{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:auto}.sc-act{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.sc-act:hover{border-color:#f43f5e73;color:var(--accent-1)}.sc-act-primary{border-color:#f43f5e80;background:#f43f5e12;color:var(--accent-1)}.sc-grid-wrap{overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.sc-grid{display:grid;grid-template-columns:112px repeat(var(--n),minmax(28px,1fr));min-width:calc(112px + var(--n) * 28px);row-gap:4px}.sc-row{display:contents}.sc-row-label{position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:8px;padding:0 10px 0 2px;background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600;white-space:nowrap}.sc-row-ico{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:6px;color:#fff;font-size:11px;font-weight:800}.sc-row-label.down .sc-row-ico{background:var(--sp-down)}.sc-row-label.up .sc-row-ico{background:var(--sp-up)}.sc-row-label.accent .sc-row-ico{background:#f97316}.sc-row-label.ghost .sc-row-ico{background:#a78bfa}.sc-row-label.mute .sc-row-ico{background:#64748b}.sc-row-label.palm .sc-row-ico{background:#f59e0b;font-size:9px}.sc-row-label.chop .sc-row-ico{background:#ec4899}.sc-row-label.bass .sc-row-ico{background:#10b981}.sc-row-sym{line-height:1}.sc-cell{display:grid;place-items:center;height:36px;margin:0 1px;padding:0;border-radius:7px;border:1px solid var(--line);background:var(--panel);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-x;transition:background .08s ease,border-color .08s ease}.sc-cell.alt{background:#6366f10d}.sc-cell.beat{border-left-color:#f43f5e59}.sc-cell:hover{border-color:#f43f5e80}.sc-cell.now{background:#f43f5e24;border-color:#f43f5e80}.sc-cell.cursor,.sc-cell:focus-visible{outline:2px solid var(--accent-1);outline-offset:1px}.sc-row-D .sc-cell.on{background:#f43f5e29;border-color:#f43f5e8c}.sc-row-U .sc-cell.on{background:#4f6bff29;border-color:#4f6bff80}.sc-row-accent .sc-cell.on{background:#f973162e;border-color:#f973168c;color:#ea580c}.sc-row-ghost .sc-cell.on{background:#a78bfa33;border-color:#a78bfa8c;color:#7c3aed}.sc-row-mute .sc-cell.on{background:#64748b33;border-color:#64748b8c;color:var(--text)}.sc-row-palm .sc-cell.on{background:#f59e0b33;border-color:#f59e0b8c;color:#b45309}.sc-row-chop .sc-cell.on{background:#ec48992e;border-color:#ec489980;color:#db2777}.sc-row-bass .sc-cell.on{background:#10b9812e;border-color:#10b98180;color:#059669}:root[data-theme=dark] .sc-row-ghost .sc-cell.on{color:#c4b5fd}:root[data-theme=dark] .sc-row-palm .sc-cell.on{color:#fbbf24}:root[data-theme=dark] .sc-row-chop .sc-cell.on{color:#f9a8d4}:root[data-theme=dark] .sc-row-bass .sc-cell.on{color:#34d399}.sc-cell-sym{font-size:13px;font-weight:800}.sc-count{padding-top:2px;text-align:center;font-size:11.5px;font-weight:600;color:var(--text-dim)}.sc-count.beat{color:var(--text);font-weight:800}.sc-count.now{color:var(--accent-1)}.sc-editor-foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}.sc-more{padding:6px 12px;border-radius:9px;border:1px dashed var(--line);background:none;color:var(--accent-1);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.sc-hint{flex:1;min-width:200px;font-size:12px;color:var(--text-dim)}.sc-side{display:flex;flex-direction:column;gap:16px;min-width:0}.sc-preview-strip{display:flex;align-items:center;justify-content:center;min-height:84px;padding:12px 8px;border-radius:14px;background:linear-gradient(160deg,#f43f5e12,#6366f10f);border:1px solid var(--line)}.sc-preview-controls{display:flex;align-items:center;gap:10px;margin-top:14px}.sc-speed{margin-left:auto}.sc-speed .dd-trigger{min-width:76px}.sc-preview-chords{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.sc-chord-now{min-width:40px;margin-left:auto;text-align:right;font-size:16px;font-weight:800;color:var(--accent-1)}.sc-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sc-preset{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:11.5px;font-weight:600;line-height:1.2;text-align:center;cursor:pointer}.sc-preset:hover{border-color:#f43f5e80;background:#f43f5e12}.sc-preset-mini{display:inline-flex;gap:1px;height:13px}.sc-preset-mini .sg{height:13px;min-width:9px;font-size:9px}.sc-preset-mini .sg-bass{width:11px;height:11px;font-size:7px;border-width:1.5px}.sc-preset.mine{grid-column:1 / -1;flex-direction:row;justify-content:center;gap:6px;color:var(--accent-1)}.sc-main{display:flex;flex-direction:column;gap:16px;min-width:0}.sc-mid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.sc-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}.sc-settings-grid .sc-field{margin-bottom:0}.sc-field-wide{grid-column:span 2}.sc-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:12px}.sc-field:last-child{margin-bottom:0}.sc-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sc-field .dd,.sc-field .dd-trigger{width:100%;max-width:none}.sc-input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:600;outline:none}.sc-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px #f43f5e26}.sc-bpm{display:flex;align-items:center;gap:6px}.sc-bpm-input{padding:7px 4px;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.sc-bpm-input::-webkit-inner-spin-button,.sc-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sc-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.sc-seg-btn{padding:7px 6px;border-radius:9px;border:1px solid transparent;background:none;color:var(--text-dim);font-family:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.sc-seg-btn.active{background:var(--surface);color:var(--accent-1);border-color:#f43f5e59;box-shadow:0 1px 4px #0000001a}.sc-seg-btn:disabled{opacity:.4;cursor:not-allowed}.sc-quick{background:linear-gradient(160deg,rgba(244,63,94,.08),var(--surface) 60%)}.sc-rail-wrap{display:flex;align-items:center;gap:6px}.sc-rail{flex:1;min-width:0;display:flex;gap:10px;padding:2px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sc-rail::-webkit-scrollbar{display:none}.sc-rail-btn{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:0 2px 6px #00000014}.sc-rail-btn:hover{color:var(--accent-1);border-color:var(--accent-1)}.sc-quick-card{flex:none;width:178px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);scroll-snap-align:start}.sc-quick-card.playing{border-color:#f43f5e8c}.sc-quick-card .sstrip,.sc-my-card .sstrip{align-self:flex-start;background:transparent;border-color:transparent;padding-left:0;padding-right:0;-webkit-backdrop-filter:none;backdrop-filter:none}.sc-quick-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700}.sc-quick-meta{font-size:11.5px;font-weight:500;color:var(--text-dim)}.sc-quick-foot{display:flex;align-items:center;gap:8px;margin-top:auto}.sc-load{flex:1;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.sc-load:hover{border-color:var(--accent-1);color:var(--accent-1)}.sc-mine{display:flex;flex-direction:column;gap:14px;scroll-margin-top:16px}.sc-mine-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}.sc-mine-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.sc-mine-tags{flex:1;min-width:0}.sc-mine-tags .sp-chip{padding:6px 13px;font-size:12.5px}.sc-search{display:inline-flex;align-items:center;gap:8px;min-width:200px;padding:8px 12px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text-dim)}.sc-search input{flex:1;min-width:0;border:none;background:none;outline:none;color:var(--text);font-family:inherit;font-size:13px}.sc-sync{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);font-size:12.5px;font-weight:600;white-space:nowrap}.sc-sync-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#94a3b8}.sc-sync--synced{color:#059669;border-color:#10b98159}.sc-sync--synced .sc-sync-dot{background:#10b981;box-shadow:0 0 0 3px #10b9812e}.sc-sync--loading .sc-sync-dot,.sc-sync--saving .sc-sync-dot{background:#3b82f6;animation:sc-sync-pulse .9s ease-in-out infinite}.sc-sync--pending{color:#b45309;border-color:#f59e0b66}.sc-sync--pending .sc-sync-dot{background:#f59e0b}.sc-sync--error{color:#e11d48;border-color:#f43f5e73}.sc-sync--error .sc-sync-dot{background:#f43f5e}:root[data-theme=dark] .sc-sync--synced{color:#34d399}:root[data-theme=dark] .sc-sync--pending{color:#fbbf24}:root[data-theme=dark] .sc-sync--error{color:#fb7185}.sc-sync-count{padding-left:8px;border-left:1px solid var(--line);color:var(--text-dim);font-weight:500}.sc-sync-retry{padding:3px 10px;border-radius:999px;border:1px solid currentColor;background:none;color:inherit;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}@keyframes sc-sync-pulse{0%,to{opacity:1}50%{opacity:.3}}.sc-sync-msg{margin:-4px 0 0;font-size:13px;color:#b45309}.sc-sync-msg.error{color:#e11d48}:root[data-theme=dark] .sc-sync-msg{color:#fbbf24}:root[data-theme=dark] .sc-sync-msg.error{color:#fb7185}@media (prefers-reduced-motion: reduce){.sc-sync-dot{animation:none!important}}.sc-mine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:12px}.sc-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;border-radius:16px;border:2px dashed rgba(244,63,94,.4);background:#f43f5e0d;color:var(--accent-1);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.sc-new:hover{background:#f43f5e1a}.sc-my-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sp-shadow)}.sc-my-card.editing{border-color:#f43f5e80}.sc-my-card.playing{box-shadow:0 0 0 3px #f43f5e24,var(--sp-shadow)}.sc-my-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sc-my-head h3{margin:0 0 2px;font-size:14px;font-weight:700;word-break:break-word}.sc-my-foot{display:flex;align-items:center;gap:8px;margin-top:auto}.sc-my-foot .sp-icon-btn{width:32px;height:32px}.sc-menu-wrap{position:relative;margin-left:auto}.sc-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:20;display:flex;flex-direction:column;min-width:170px;padding:6px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px #00000040}.sc-menu button{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:none;background:none;color:var(--text);font-family:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.sc-menu button:hover{background:var(--panel)}.sc-menu button.danger{color:#e11d48}.sc-mine-empty{grid-column:2 / -1;align-self:center;margin:0;font-size:13.5px;color:var(--text-dim)}.sc-toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%);padding:10px 18px;border-radius:12px;background:#111827;color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 12px 30px #0000004d;animation:sc-toast-in .2s ease}@keyframes sc-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (min-width: 1201px){.sc-top{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"editor preview" "settings preview" "presets presets";grid-template-rows:auto 1fr auto;align-items:start}.sc-top>.sc-main,.sc-top>.sc-side{display:contents}.sc-top .sc-editor{grid-area:editor}.sc-top .sc-settings{grid-area:settings}.sc-top .sc-preview{grid-area:preview;align-self:stretch}.sc-top .sc-presets{grid-area:presets}.sc-top .sc-preset-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.sc-top .sc-preset.mine{grid-column:auto}}@media (max-width: 1200px){.sc-top{grid-template-columns:1fr}.sc-side{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 1100px){.fp-stage{grid-template-columns:1fr}}@media (max-width: 1024px){.main-header--hero{margin:-20px -18px 16px;padding:20px 18px 26px}.hero-note.n1,.hero-note.n2{display:none}}@media (max-width: 760px){.sc-side{grid-template-columns:1fr}.sc-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-settings-grid>.sc-field:first-child,.sc-field-wide{grid-column:1 / -1}.sc-editor-actions{margin-left:0}.sc-grid{grid-template-columns:86px repeat(var(--n),minmax(28px,1fr));min-width:calc(86px + var(--n) * 28px)}.sc-row-label{font-size:11.5px;gap:6px}.main-header--hero .page-title{font-size:32px}.hero-script{font-size:26px;bottom:14%}}@media (max-width: 640px){.main-header--hero{margin:-14px -12px 14px;padding:14px 12px 22px;min-height:0}.main-header--hero .page-title{font-size:26px;white-space:normal;overflow:visible}.main-header--hero .page-sub{font-size:12.5px}.hero-art-img{width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 70%);mask-image:linear-gradient(to right,transparent 0%,#000 70%)}:root .hero-art-img,:root[data-theme=light] .hero-art-img{opacity:.3}.hero-script,.hero-note{display:none}.sp-chip-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px 2px}.sp-chip-row::-webkit-scrollbar{display:none}.sp-chip{flex:none;padding:8px 13px}.sp-filters-side{width:100%;margin-left:0;justify-content:space-between}.sp-card-art{width:70%}.spp-controls{grid-template-columns:auto minmax(0,1fr)}.spp-prog{grid-column:1 / -1}.modal-card.spp{padding:16px}.spp-head h2{font-size:20px}.cneck{height:132px}.sc-mine-head h2{font-size:19px}.sc-search{width:100%}.sc-mine-empty{grid-column:1 / -1}.sc-tools{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px 2px}.sc-tools::-webkit-scrollbar{display:none}.sc-tool{flex:none;padding:8px 11px;font-size:12.5px}.sc-toggles{gap:6px 14px}.sc-act{padding:7px 10px;font-size:12px}.sc-opt{padding:7px 11px;font-size:12.5px}.sc-card{padding:13px}}@media (prefers-reduced-motion: reduce){.hero-note,.sp-play.on,.cneck-string.on,.sp-heart.on svg{animation:none}.sp-card,.fp-card,.sp-card-art{transition:none}}:root{--stf-ink: #e8edf5;--stf-line: rgba(232, 237, 245, .42);--stf-hl: rgba(244, 63, 94, .2);--stf-ok: #22c55e;--stf-bad: #f87171;--st-soft: rgba(255, 255, 255, .04)}:root[data-theme=light]{--stf-ink: #1f2430;--stf-line: rgba(31, 36, 48, .5);--stf-hl: rgba(244, 63, 94, .13);--stf-ok: #16a34a;--stf-bad: #dc2626;--st-soft: #fbf7fa}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-header--staff{min-height:136px;padding-bottom:12px}.main-header--staff .page-head{max-width:640px}.main-header--staff .page-title{font-size:46px;margin:4px 0 6px}.main-header--staff .st-crumbs{display:none}.main-header.main-header--staff{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 14px;min-height:0}.main-header--staff .main-header-lead,.main-header--staff .page-head{display:contents}.main-header--staff .nav-toggle{grid-column:1;grid-row:1}.main-header--staff .page-title-row{grid-column:2;grid-row:1;min-width:0;position:relative;z-index:1}.main-header--staff .main-tools{grid-column:3;grid-row:1;position:relative;z-index:2}.main-header--staff .page-sub{grid-column:1 / -1;grid-row:2;margin:0;position:relative;z-index:1}.main-header.main-header--staff .page-title{margin:0;font-size:32px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1100px){.main-header.main-header--staff .page-title{font-size:28px}}@media (min-width: 1025px){.main-header--staff .page-title-row{grid-column:1 / 3}}@media (max-width: 640px){.main-header.main-header--staff .page-title{font-size:19px!important;line-height:1.15}}.st-crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px;font-size:13px;color:var(--text-dim)}.st-crumbs button{display:inline-flex;align-items:center;gap:7px;padding:2px 0;border:none;background:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:500;cursor:pointer}.st-crumbs button:hover{color:var(--accent-1)}.st-crumbs [aria-current=page]{color:var(--text);font-weight:600}.st-hero-art{position:absolute;top:40px;right:0;bottom:0;left:38%;z-index:-1;pointer-events:none}.st-hero-art svg{width:100%;height:100%;overflow:visible}.sh-waves path{fill:none;stroke-width:1.1;opacity:.5}.sh-clef{opacity:.9}.sh-note{opacity:.85;transform-box:fill-box;transform-origin:center;animation:sh-float 6s ease-in-out infinite}.sh-note.f2{animation-delay:-2s}.sh-note.f3{animation-delay:-4s}.sh-stem{fill:none}@keyframes sh-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(4deg)}}.sh-script text{font-family:Dancing Script,Brush Script MT,Segoe Script,cursive;font-size:24px;font-weight:600;text-anchor:middle}.sh-script text.long{font-size:19px}.sh-underline{fill:none;stroke-width:3;stroke-linecap:round;opacity:.85}:root[data-theme=dark] .sh-waves path{opacity:.35}.st-view{display:flex;flex-direction:column;gap:16px}.st-card{min-width:0;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sp-shadow)}.st-mini-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-height:30px}.st-mini-head h3,.st-mini-head h2{flex:1;min-width:0;margin:0;font-size:15px;font-weight:700}.st-mini-right{display:flex;align-items:center;gap:8px;margin-left:auto}.st-text{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--text-dim)}.st-note-small{margin:8px 0 0;font-size:12px;color:var(--text-dim)}.st-caption{font-size:12px;font-weight:600;color:var(--text-dim)}.st-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.st-count{margin:6px 0 0;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--text);text-align:center}.st-chiprow{display:flex;gap:8px;flex-wrap:wrap}.st-chiprow .sp-chip{padding:7px 13px;font-size:12.5px}.st-btn-primary,.st-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:11px;font-family:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .12s ease,filter .12s ease,border-color .12s ease,color .12s ease}.st-btn-primary{border:none;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;box-shadow:0 6px 16px #f43f5e52}.st-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.st-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.st-btn-primary.sm,.st-btn-ghost.sm{padding:7px 12px;font-size:12.5px}.st-btn-primary.lg{padding:12px 22px;font-size:14px;border-radius:13px}.st-btn-ghost{border:1px solid var(--line);background:var(--surface);color:var(--text)}.st-btn-ghost:hover{border-color:#f43f5e80;color:var(--accent-1)}.st-btn-ghost:disabled{opacity:.45;cursor:not-allowed;color:var(--text);border-color:var(--line)}.st-btn-primary:focus-visible,.st-btn-ghost:focus-visible,.st-answer:focus-visible,.st-lesson-item:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.st-pill-play{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 6px;border-radius:999px;border:1px solid rgba(244,63,94,.3);background:#f43f5e14;color:var(--accent-1);font-family:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .14s ease}.st-pill-play:hover{background:#f43f5e26}.st-pill-play-ico{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,var(--accent-1),#e11d48);color:#fff}.st-pill-play-ico svg{margin-left:1px}.st-pill-play.on .st-pill-play-ico{animation:play-pulse 1.2s ease-in-out infinite}.st-pill-play.on .st-pill-play-ico svg{margin-left:0}.st-sound{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(59,130,246,.25);background:#3b82f61a;color:#2563eb;cursor:pointer;transition:transform .12s ease,background .12s ease}.st-sound:hover{transform:scale(1.06);background:#3b82f62e}:root[data-theme=dark] .st-sound{color:#93c5fd}.st-play--sm{width:32px;height:32px}.st-play--lg{width:54px;height:54px}.st-seg{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.st-seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border-radius:9px;border:1px solid transparent;background:none;color:var(--text-dim);font-family:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}.st-seg-btn:hover{color:var(--text)}.st-seg-btn.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;box-shadow:0 4px 12px #f43f5e4d}.st-seg-btn:disabled{opacity:.4;cursor:not-allowed}.st-seg--sm .st-seg-btn{padding:5px 10px;font-size:12px}.st-seg-btn:focus-visible{outline:2px solid var(--accent-1);outline-offset:1px}.st-levels{display:inline-flex;gap:4px;padding:3px;border-radius:11px;background:var(--panel);border:1px solid var(--line)}.st-level{padding:6px 13px;border-radius:8px;border:none;background:none;color:var(--text-dim);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.st-level:hover{color:var(--text)}.st-level.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff}.st-level:focus-visible{outline:2px solid var(--accent-1);outline-offset:1px}.st-tile{flex:none;display:grid;place-items:center;border-radius:12px;color:#fff}.st-tile--sm{width:32px;height:32px;border-radius:10px}.st-tile--md{width:42px;height:42px}.st-tile--lg{width:52px;height:52px;border-radius:14px}.st-tile--pink{background:linear-gradient(140deg,#f43f5e,#fb7185);box-shadow:0 6px 14px #f43f5e4d}.st-tile--blue{background:linear-gradient(140deg,#3b82f6,#60a5fa);box-shadow:0 6px 14px #3b82f64d}.st-tile--violet{background:linear-gradient(140deg,#8b5cf6,#c084fc);box-shadow:0 6px 14px #8b5cf64d}.st-tile--orange{background:linear-gradient(140deg,#f97316,#fb923c);box-shadow:0 6px 14px #f973164d}.st-tile--green{background:linear-gradient(140deg,#10b981,#34d399);box-shadow:0 6px 14px #10b9814d}.st-tile--cyan{background:linear-gradient(140deg,#0ea5e9,#38bdf8);box-shadow:0 6px 14px #0ea5e94d}.st-tile--amber{background:linear-gradient(140deg,#f59e0b,#fbbf24);box-shadow:0 6px 14px #f59e0b4d}.st-feedback{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid;animation:modal-fade .18s ease}.st-feedback.is-ok{background:#22c55e1a;border-color:#22c55e59}.st-feedback.is-bad{background:#ef444414;border-color:#ef44444d}.st-feedback-ico{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff}.st-feedback.is-ok .st-feedback-ico{background:#22c55e}.st-feedback.is-bad .st-feedback-ico{background:#ef4444}.st-feedback-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.st-feedback-text b{font-size:14px}.st-feedback.is-ok .st-feedback-text b{color:#15803d}.st-feedback.is-bad .st-feedback-text b{color:#dc2626}:root[data-theme=dark] .st-feedback.is-ok .st-feedback-text b{color:#4ade80}:root[data-theme=dark] .st-feedback.is-bad .st-feedback-text b{color:#f87171}.st-feedback-text span{font-size:12.5px;color:var(--text-dim)}.st-answer{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.st-answer:hover:not(:disabled){border-color:#f43f5e80;transform:translateY(-1px)}.st-answer:disabled{cursor:default}.st-answer-key{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--panel);color:var(--text-dim);font-size:11.5px;font-weight:800}.st-answer.ok{border-color:#22c55eb3;background:#22c55e1f;color:#15803d}.st-answer.ok .st-answer-key{background:#22c55e;color:#fff}.st-answer.bad{border-color:#ef444499;background:#ef444414;color:#dc2626}.st-answer.bad .st-answer-key{background:#ef4444;color:#fff}:root[data-theme=dark] .st-answer.ok{color:#4ade80}:root[data-theme=dark] .st-answer.bad{color:#f87171}.st-answer.picked{border-color:var(--accent-1);background:#f43f5e14}.st-progress{height:6px;margin:8px 0 12px;border-radius:999px;background:var(--panel);overflow:hidden}.st-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));transition:width .3s ease}.st-ring-track{fill:none;stroke:var(--panel);stroke-width:4}.st-ring-bar{fill:none;stroke:var(--accent-1);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .3s ease}.st-ring text{font-size:10px;font-weight:800;text-anchor:middle;fill:var(--text)}.st-step-arrow{flex:none;display:grid;place-items:center;color:#a5b4fc}.stf{display:block;width:100%;height:auto;margin:0 auto;overflow:visible}.stf-lines line{stroke:var(--stf-line);stroke-width:1}.stf-bars line{stroke:var(--stf-ink);stroke-width:1.1}.stf-ledger{stroke:var(--stf-ink);stroke-width:1.2}.stf-stem{stroke-width:1.3}.stf-time text{font-family:Times New Roman,Times,"Noto Serif",Georgia,serif;font-size:22px;font-weight:700;text-anchor:middle;dominant-baseline:central;fill:var(--stf-ink)}.stf-label{font-family:inherit;font-size:10px;font-weight:700;text-anchor:middle;fill:var(--text-dim)}.stf-lyric{font-family:inherit;font-size:9.5px;font-weight:500;text-anchor:middle;fill:var(--text)}.stf-chord{font-family:inherit;font-size:10.5px;font-weight:800;text-anchor:middle;fill:var(--accent-1)}.stf-dyn{font-family:Times New Roman,Times,Georgia,serif;font-size:13px;font-style:italic;font-weight:700;text-anchor:middle;fill:var(--stf-ink)}.stf-hairpin{fill:none;stroke:var(--stf-ink);stroke-width:1.1;stroke-linejoin:round}.stf-hl{fill:var(--stf-hl)}.stf-hit{fill:transparent}.stf-ev.clickable{cursor:pointer}.stf-ev.clickable:hover .stf-hit{fill:#f43f5e0f}.stf-ev:focus{outline:none}.stf-ev:focus-visible .stf-hit{fill:#f43f5e1a;stroke:var(--accent-1);stroke-width:1}.stf-ev.on .stf-head{filter:drop-shadow(0 0 3px rgba(244,63,94,.75))}.stf-ev.is-next .stf-head{filter:drop-shadow(0 0 3px rgba(59,130,246,.8))}.stf-ev.is-dim{opacity:.35}.stf-input{fill:transparent;cursor:pointer;touch-action:none}.stf-ghost{opacity:.45}.stf-ghost line{stroke:var(--stf-ink);stroke-width:1.2}.stf-linenum text{font-family:inherit;font-size:9px;font-weight:700;fill:var(--text-dim)}.stf-linenum path{fill:none;stroke:var(--text-dim);stroke-width:1}.stf-glyph{display:inline-block;flex:none;vertical-align:middle;overflow:visible}.gneck{display:block;width:100%;height:auto;overflow:visible}.gneck-inlay{fill:#fdf6e380}.gneck-fret{fill:#c9ced6}.gneck-nut{fill:#ece5d6}.gneck-string{stroke:#e7e9ee;opacity:.92}.gneck-name,.gneck-num{font-family:inherit;text-anchor:middle;fill:var(--text-dim)}.gneck-name{font-size:8.5px;font-weight:800}.gneck-num{font-size:7.5px;font-weight:600}.gneck-cell{fill:transparent;cursor:pointer}.gneck-cell:hover{fill:#ffffff24}.gneck-mark circle{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.gneck-mark.is-dim{opacity:.45}.gneck-mark.is-on circle{stroke-width:2;animation:gneck-pop .25s ease}.gneck-mark-label{font-family:inherit;font-size:7px;font-weight:800;text-anchor:middle;fill:#fff}.gneck-cursor{fill:none;stroke:#fff;stroke-width:1.5;stroke-dasharray:3 2}.gneck.playable:focus{outline:none}.gneck.playable:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px;border-radius:6px}@keyframes gneck-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.gneck-mark.is-on circle{transform-box:fill-box;transform-origin:center}.pkeys{display:block;width:100%;height:auto}.pk-white-key{fill:#fff;stroke:#cfd4dc;stroke-width:1;transition:fill .1s ease}.pk-black-key{fill:#1f2430;transition:fill .1s ease}.pk-label{font-family:inherit;font-size:8.5px;font-weight:800;text-anchor:middle;fill:#6b7280}.pk-label-black{font-size:6.5px;fill:#fff}.pkeys.playable .pk-white-key,.pkeys.playable .pk-black-key{cursor:pointer}.pkeys.playable .pk-white:not(.marked):hover .pk-white-key{fill:#fff1f3}.pkeys.playable .pk-black:hover .pk-black-key{fill:#3b4252}.pk-white.cursor .pk-white-key,.pk-black.cursor .pk-black-key{stroke:var(--accent-1);stroke-width:2}.pkeys.playable:focus{outline:none}.pkeys.playable:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px;border-radius:6px}.st-read{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.st-lessons{position:sticky;top:16px;padding:14px}.st-lessons-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.st-lessons-head h2{margin:0;font-size:19px;font-weight:800}.st-lessons-head span{font-size:12px;font-weight:600;color:var(--text-dim)}.st-lesson-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.st-lesson-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:none;background:none;color:var(--text);font-family:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.st-lesson-item:hover{background:var(--panel)}.st-lesson-num{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--text-dim);font-size:11px;font-weight:800}.st-lesson-title{min-width:0;line-height:1.3}.st-lesson-item.done .st-lesson-num{background:#22c55e;border-color:transparent;color:#fff}.st-lesson-item.active{background:#f43f5e1a;color:var(--accent-1)}.st-lesson-item.active .st-lesson-num{background:var(--accent-1);border-color:transparent;color:#fff}.st-quiz-card{width:100%;display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border-radius:14px;border:1px solid rgba(245,158,11,.32);background:linear-gradient(135deg,#f59e0b1f,#f43f5e12);color:var(--text);font-family:inherit;text-align:left;cursor:pointer;transition:transform .12s ease}.st-quiz-card:hover{transform:translateY(-1px)}.st-quiz-card-text{flex:1;min-width:0;display:flex;flex-direction:column}.st-quiz-card-text b{font-size:13.5px}.st-quiz-card-text small{font-size:11.5px;color:var(--text-dim)}.st-lesson{padding:18px}.st-lesson-head{display:flex;align-items:flex-start;gap:12px;scroll-margin-top:16px}.st-lesson-titles{flex:1;min-width:0}.st-lesson-titles h2{margin:2px 0 4px;font-size:22px;font-weight:800;letter-spacing:-.01em}.st-lesson-titles p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-dim)}.st-lesson-nav{display:flex;gap:8px;flex:none}.st-lesson-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.st-tools-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.st-mark{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;border-radius:999px;border:1px dashed var(--line);background:none;color:var(--text-dim);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.st-mark:hover{color:var(--text);border-color:#22c55e80}.st-mark.on{border-style:solid;border-color:#22c55e73;background:#22c55e1a;color:#15803d}:root[data-theme=dark] .st-mark.on{color:#4ade80}.st-lesson-foot{display:flex;justify-content:flex-end;margin-top:16px}.st-next-lesson{display:inline-flex;align-items:center;gap:14px;padding:10px 14px 10px 16px;border-radius:14px;border:1px solid rgba(244,63,94,.3);background:#f43f5e0f;color:var(--accent-1);font-family:inherit;text-align:right;cursor:pointer}.st-next-lesson span{display:flex;flex-direction:column}.st-next-lesson small{font-size:11px;font-weight:600;color:var(--text-dim)}.st-next-lesson b{font-size:13.5px}.st-next-lesson:hover{background:#f43f5e1f}.st-lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.st-lgrid--staff,.st-lgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.st-lgrid .span-2,.st-lgrid--3 .span-2{grid-column:span 2}.st-lesson .st-mini{box-shadow:none;padding:14px;display:flex;flex-direction:column}:root[data-theme=light] .st-lesson .st-mini{background:#fff}.st-mini>.stf{margin-top:auto;margin-bottom:auto}.st-mini>.st-pill-play{align-self:flex-start;margin-top:8px}.st-big-staff .stf{max-height:230px}.st-ls{display:block;width:100%;height:auto}.st-ls-line{stroke:var(--stf-line);stroke-width:1}.st-ls-cap{font-family:inherit;font-size:8.5px;font-weight:700;text-anchor:middle;fill:var(--text-dim)}.st-ls-num{font-family:inherit;font-size:8px;font-weight:700;fill:var(--text-dim)}.st-ls-arrow{stroke:var(--text-dim);stroke-width:.9}.st-ls-dot{font-family:inherit;font-size:6px;font-weight:800;text-anchor:middle;fill:#fff}.st-clefcard{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:8px 12px;align-items:center}.st-bigclef{width:46px;height:116px;grid-row:span 2}.st-bigclef--bass{width:54px;height:70px}.st-clefcard-text p{margin:0 0 8px;font-size:12.5px;line-height:1.45;color:var(--text-dim)}.st-clefcard-staff{max-width:120px}.st-clefline{display:block;width:100%;max-width:280px;height:auto}.st-cl-line{stroke:var(--stf-line);stroke-width:1}.st-cl-line.hot{stroke:#14b8a6;stroke-width:2.4}.st-cl-arrow{stroke:var(--text-dim);stroke-width:1;stroke-dasharray:2 2}.st-cl-name{font-family:inherit;font-size:14px;font-weight:800}.st-cl-sub{font-family:inherit;font-size:8px;font-weight:600;fill:var(--text-dim)}.st-split{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:18px;align-items:center}.st-bullets{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.5;color:var(--text-dim)}.st-bullets b{color:var(--text)}.st-mnemonic{margin:8px 0 0;font-size:13.5px;font-weight:600;color:var(--text)}.st-mnemonic b{font-weight:900}.st-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.st-duo-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:12px;border:1px solid transparent;background:none;color:var(--text-dim);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.st-duo-item:hover{border-color:#f43f5e59;background:#f43f5e0a}.st-duo-item .stf{max-width:110px}.st-explore{display:grid;grid-template-columns:minmax(0,220px) minmax(0,180px) minmax(0,1fr);gap:16px;align-items:center}.st-explore-info{display:flex;flex-direction:column;gap:4px}.st-explore-name{font-size:30px;font-weight:800;line-height:1}.st-explore-place{font-size:13px;font-weight:600;color:var(--text-dim)}.st-explore-steps{display:flex;gap:6px;margin-top:6px}.st-check{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:18px;align-items:center}.st-check-side{display:flex;flex-direction:column;gap:10px}.st-check-btns{display:flex;gap:10px;flex-wrap:wrap}.st-check-btns .st-answer{flex:1;justify-content:center}.st-alpha{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.st-alpha-chip{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:none;background:var(--c);color:#fff;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 4px 10px #0000001f;transition:transform .12s ease}.st-alpha-chip:hover{transform:translateY(-2px)}.st-alpha-loop{display:inline-flex;align-items:center;gap:4px;margin-left:4px;font-weight:800;color:var(--text-dim)}.st-tree{display:flex;flex-direction:column;gap:8px;margin-top:10px}.st-tree-row{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:12px;align-items:center;padding:6px 8px;border-radius:12px;background:var(--st-soft)}.st-tree-name{display:flex;align-items:center;gap:10px}.st-tree-name div{display:flex;flex-direction:column}.st-tree-name b{font-size:13px}.st-tree-name small{font-size:11.5px;color:var(--text-dim)}.st-tree-staff .stf{max-width:460px}.st-parts{display:block;width:100%;max-width:300px;height:auto;margin:0 auto}.st-parts-lbl path{fill:none;stroke:var(--accent-1);stroke-width:1}.st-parts-lbl text{font-family:inherit;font-size:9px;font-weight:700;fill:var(--accent-1)}.st-dots{display:flex;flex-direction:column;gap:10px}.st-eq{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text-dim)}.st-eq b{margin-left:auto;font-size:13px;color:var(--accent-1)}.st-rest-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.st-rest{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:14px;background:var(--st-soft);text-align:center}.st-rest b{font-size:13px}.st-rest-beats{font-size:12px;font-weight:700;color:var(--accent-1)}.st-rest small{font-size:11.5px;line-height:1.35;color:var(--text-dim)}.st-bigtime{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Times New Roman,Times,Georgia,serif;font-size:64px;font-weight:700;line-height:.82;color:var(--stf-ink)}.st-orders{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-orders .stf{max-width:160px}.st-keyx{display:flex;flex-direction:column;gap:12px}.st-keyx-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.st-keyx-foot .st-text{margin:0}.st-acc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.st-acc{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:var(--st-soft)}.st-acc .st-pill-play{align-self:flex-start}.st-acc-head{display:flex;align-items:center;gap:8px}.st-acc-sym{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(140deg,#8b5cf6,#c084fc);color:#fff;font-size:20px;font-weight:700}.st-dyn-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.st-dyn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.st-dyn:hover{border-color:#f43f5e73;transform:translateY(-1px)}.st-dyn.on{border-color:var(--accent-1);background:#f43f5e12}.st-dyn-sym{font-family:Times New Roman,Times,Georgia,serif;font-size:24px;font-style:italic;font-weight:700;line-height:1.1}.st-dyn b{font-size:11.5px}.st-dyn small{font-size:11px;color:var(--text-dim)}.st-dyn-bar{width:100%;height:5px;margin-top:6px;border-radius:99px;background:var(--panel);overflow:hidden}.st-dyn-bar i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#eab308,#f43f5e)}.modal-card.st-quiz{width:min(620px,96vw);padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px}.st-quiz-head{display:flex;align-items:center;gap:12px}.st-quiz-head div{flex:1;min-width:0}.st-quiz-head h2{margin:0;font-size:20px;font-weight:800}.st-quiz-head p{margin:2px 0 0;font-size:12.5px;color:var(--text-dim)}.st-quiz .st-progress{margin:0}.st-quiz-q{margin:4px 0 0;font-size:16px;font-weight:700}.st-quiz-staff{max-width:240px;margin:0 auto}.st-quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st-quiz-done{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 4px;text-align:center}.st-quiz-done p{margin:0;color:var(--text-dim);font-size:14px}.st-quiz-score{font-size:46px;font-weight:800;background:linear-gradient(90deg,#f43f5e,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}.st-quiz-actions{display:flex;gap:10px;margin-top:10px}.st-sec-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.st-sec-titles{flex:1;min-width:0}.st-sec-titles h2,.st-sec-titles h3{margin:3px 0 2px;font-size:20px;font-weight:800;letter-spacing:-.01em}.st-sec-titles p{margin:0;font-size:13px;line-height:1.45;color:var(--text-dim)}.st-sec-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.st-head-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.st-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.st-inst-block{display:flex;flex-direction:column;gap:6px;min-width:0}.st-inst-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text)}.st-inst-label svg{color:var(--accent-1)}.st-inst-label span{font-weight:500;color:var(--text-dim)}.st-explorer{display:flex;flex-direction:column;gap:14px}.st-explorer-top{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:center}.st-explorer-staff{padding:6px 10px;border-radius:14px;background:var(--st-soft)}.st-explorer-staff .stf{max-height:250px}.st-explorer-staff .st-note-small{text-align:center;margin:2px 0 0}.st-explorer-info{display:flex;flex-direction:column;gap:4px}.st-explorer-name{font-size:46px;font-weight:800;line-height:1;letter-spacing:-.02em}.st-explorer-place{font-size:14px;font-weight:700;color:var(--text)}.st-explorer-meta{font-size:12.5px;color:var(--text-dim)}.st-explorer-btns{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.st-explorer-sep{width:1px;height:22px;margin:0 2px;background:var(--line)}.st-acc-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:17px;font-weight:700;line-height:1;cursor:pointer}.st-acc-btn:hover{border-color:var(--accent-1);color:var(--accent-1)}.st-acc-btn.on{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border-color:transparent}.st-explorer-where{display:flex;flex-direction:column;gap:10px}.st-where{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;background:var(--st-soft);border:1px solid var(--line)}.st-where>div{display:flex;flex-direction:column;gap:4px;min-width:0}.st-where b{font-size:13px}.st-where small{font-size:12.5px;color:var(--text-dim)}.st-where-chips{display:flex;flex-wrap:wrap;gap:6px}.st-where-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.st-where-chip:hover{color:var(--text);border-color:#f9731680}.st-where-chip.on{color:#c2410c;border-color:#f973168c;background:#f973161a}:root[data-theme=dark] .st-where-chip.on{color:#fdba74}.st-neck-wrap{min-width:620px;max-width:940px;margin:0 auto}.st-piano-wrap{min-width:760px;max-width:1080px;margin:0 auto}.gneck--short{max-width:360px}.st-play-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:stretch}.st-open-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center}.st-open-staff .stf{max-height:250px}.st-open-inst{display:flex;flex-direction:column;gap:12px}.st-tip-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.st-tip-list li{padding-left:12px;border-left:3px solid rgba(245,158,11,.5);font-size:13px;line-height:1.5;color:var(--text-dim)}.st-tip-list b{color:var(--text)}.st-scale-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.st-scale-ctl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.st-scale-ctl .dd-trigger{background:var(--surface)}.st-scale-ctl>.st-scale-dd{display:none}.st-scale-staff{margin:12px 0;padding:4px 12px;border-radius:14px;background:var(--st-soft)}.st-scale-staff .stf{max-height:170px}.st-scale-inst{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:end}.st-chord-grid{display:grid;grid-template-columns:minmax(0,240px) minmax(0,150px) minmax(0,1fr);gap:22px;align-items:center;margin-top:14px}.st-chord-inst{max-width:560px}.st-chord-inst .pkeys{max-width:360px}.st-chord-staff .stf{max-height:190px}.st-tones{display:flex;justify-content:center;gap:8px;margin-top:6px}.st-tone{display:flex;flex-direction:column;align-items:center;padding:4px 10px;border-radius:10px;background:color-mix(in srgb,var(--c) 14%,transparent)}.st-tone b{font-size:14px;color:var(--c)}.st-tone small{font-size:10.5px;font-weight:600;color:var(--text-dim)}.st-chord-staff .st-note-small{text-align:center}.st-chord-diagram .cd{max-width:150px;margin:0 auto}.st-chord-inst{display:flex;flex-direction:column;gap:12px}.st-chord-btns{display:flex;gap:8px;flex-wrap:wrap}.st-next-part{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;border-radius:18px;border:1px solid rgba(244,63,94,.25);background:linear-gradient(135deg,#f43f5e1a,#8b5cf614)}.st-next-part>div{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.st-next-part p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-dim)}.st-next-part b{color:var(--text)}.st-ex-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.st-ex{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 2px 8px #1416220a;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.st-ex:hover{transform:translateY(-2px)}.st-ex-text{min-width:0;display:flex;flex-direction:column;gap:2px}.st-ex-text b{font-size:13px;line-height:1.25}.st-ex-text small{font-size:11.5px;line-height:1.3;color:var(--text-dim)}.st-ex.active{border-color:#f43f5e8c;background:linear-gradient(135deg,rgba(244,63,94,.1),var(--surface) 70%);box-shadow:0 0 0 3px #f43f5e1a}.st-ex:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.st-prac-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;scroll-margin-top:16px}.st-prac-panel{padding:18px}.st-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:16px}.st-side-title{margin:0;font-size:16px;font-weight:800}.st-side-tabs{display:flex}.st-side-tabs .st-seg-btn{flex:1}.st-side-hint{margin:0;padding:10px 12px;border-radius:12px;background:var(--st-soft);border:1px dashed var(--line);font-size:12.5px;color:var(--text-dim)}.st-side-block{display:flex;flex-direction:column;gap:6px}.st-side-cap{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12.5px;font-weight:700;text-align:center}.st-side-cap span{flex:1;min-width:0}.st-side-arrow{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.st-side-arrow:hover:not(:disabled){border-color:var(--accent-1);color:var(--accent-1)}.st-side-arrow:disabled{opacity:.35;cursor:default}.st-side-play{align-self:center}.st-noteid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start}.st-modes{display:flex;flex-direction:column;gap:4px}.st-mode{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;border:1px solid transparent;background:none;color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;text-align:left;cursor:pointer}.st-mode:hover{background:var(--panel)}.st-mode-ico{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:8px;background:#6366f11a;color:#6366f1}.st-mode.active{background:#f43f5e1a;border-color:#f43f5e4d;color:var(--accent-1)}.st-mode.active .st-mode-ico{background:var(--accent-1);color:#fff}.st-mode:focus-visible{outline:2px solid var(--accent-1);outline-offset:1px}.st-noteid-main{min-width:0}.st-q-card{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}:root[data-theme=light] .st-q-card{background:#fff}.st-q-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.st-q-count{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.st-q-score{display:inline-flex;gap:10px;font-size:12.5px;font-weight:700}.st-q-score .ok{display:inline-flex;align-items:center;gap:3px;color:#16a34a}.st-q-score .bad{color:#dc2626}.st-q-staff{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 12px;border-radius:14px;background:var(--st-soft)}.st-q-staff-inner{flex:1;min-width:0;max-width:360px}.st-q-staff-inner.wide{max-width:640px}.st-q-staff-inner .stf{max-height:200px}.st-q-card .st-neck-wrap{min-width:480px}.st-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.st-input-inst{display:flex;flex-direction:column;gap:8px}.st-input-hint{margin:0;font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.st-input-hint b{font-size:15px}.st-chip-mini{padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:800}.st-chip-mini.ok{background:#22c55e24;color:#15803d}.st-chip-mini.bad{background:#ef44441f;color:#dc2626}.st-piano-wrap--mid{min-width:600px}.st-mc{display:flex;flex-direction:column;gap:10px}.st-mc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.st-mc-opt{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;cursor:pointer}.st-mc-opt .st-answer-key{position:absolute;top:6px;right:6px}.st-mc-opt:hover:not(:disabled){border-color:#f43f5e80}.st-mc-opt.ok{border-color:#22c55eb3;background:#22c55e1a}.st-mc-opt.bad{border-color:#ef444499;background:#ef444412}.st-mc-opt:disabled{cursor:default}.st-letters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.st-letter{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;border:2px solid var(--c, var(--line));background:var(--surface);color:var(--c, var(--text));font-family:inherit;font-size:17px;font-weight:800;cursor:pointer;transition:transform .1s ease,background .1s ease}.st-letter:hover{transform:translateY(-2px);background:var(--st-soft)}.st-letter:active{transform:scale(.95)}.st-letter--acc{--c: #8b5cf6;font-size:20px}.st-letter--acc.on{background:#8b5cf6;color:#fff}.st-timed.flash-ok{box-shadow:0 0 0 3px #22c55e59}.st-timed.flash-bad{box-shadow:0 0 0 3px #ef44444d}.st-timed-idle{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;text-align:center}.st-timed-idle p{margin:0;max-width:420px;font-size:13.5px;color:var(--text-dim)}.st-timed-big{font-size:54px;font-weight:800;line-height:1;color:var(--accent-1)}.st-done{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--st-soft)}.st-done-text{flex:1;min-width:180px;display:flex;flex-direction:column;gap:4px}.st-done-text b{font-size:20px}.st-done-text p{margin:0;font-size:13.5px;color:var(--text-dim)}.st-done-text small{font-size:12px;color:var(--text-dim)}.st-done-actions{display:flex;gap:8px;flex-wrap:wrap}.st-done .st-ring text{font-size:9px}.st-rhythm{display:flex;flex-direction:column;gap:12px}.st-countin{margin:-4px 0 0;text-align:center;font-size:12.5px;font-weight:800;color:var(--accent-1)}.st-rh-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.st-rh-opts{display:flex;gap:8px;flex-wrap:wrap;flex:1}.st-rh-opt{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--stf-ink);font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.st-rh-opt span:not(.sr-only){color:var(--text-dim)}.st-rh-opt:hover:not(:disabled){border-color:#f43f5e80}.st-rh-opt.picked{border-color:var(--accent-1);background:#f43f5e14;box-shadow:0 0 0 2px #f43f5e26}.st-rh-opt.ok{border-color:#22c55eb3;background:#22c55e1f;color:#15803d}.st-rh-opt.bad{border-color:#ef444499;background:#ef444414;color:#dc2626}.st-rh-opt:disabled{cursor:default}.st-rhythm.compact .st-rh-opt{min-width:0;padding:6px 8px}.st-rhythm.compact .st-q-staff{padding:4px 8px}.st-playsee{display:flex;flex-direction:column;gap:12px}.st-ps-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.st-ps-tempo{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--text-dim)}.st-ps-tempo .dd-trigger{background:var(--surface);padding:6px 10px}.st-loop{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.st-loop.on{color:var(--accent-1);border-color:#f43f5e80;background:#f43f5e14}.st-link-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:4px 2px;border:none;background:none;color:var(--accent-1);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.st-playsee.compact .st-ps-bar{gap:8px}.st-iv{display:flex;flex-direction:column;gap:12px}.st-iv>.st-seg{align-self:flex-start}.st-custom{display:flex;flex-direction:column;gap:16px}.st-custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.st-field{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.st-field .st-seg{max-width:100%;overflow-x:auto}.st-field-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.st-custom-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px;border-radius:14px;background:var(--st-soft);border:1px solid var(--line)}.st-custom-preview .st-text{margin:4px 0 0}.st-custom-run{display:flex;flex-direction:column;gap:8px}.st-prac-bottom{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:stretch}.st-bottom-card{display:flex;flex-direction:column;gap:10px}.st-bc-head{display:flex;align-items:center;gap:10px}.st-bc-head h3{margin:0;font-size:15px;font-weight:800}.st-bc-head p{margin:1px 0 0;font-size:12px;color:var(--text-dim)}.st-bc-head .nbadge{width:30px;height:30px;font-size:13px}.st-timed-card .st-bc-head h3{flex:1}.st-clock{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.st-clock.on{color:var(--accent-1)}.st-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.st-stats>div{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:12px;background:var(--st-soft);border:1px solid var(--line)}.st-stats b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.st-stats small{font-size:10.5px;color:var(--text-dim)}.st-stats .ok b{color:#16a34a}.st-stats .bad b{color:#dc2626}.st-bc-cta{margin-top:auto}.st-flow{display:flex;align-items:stretch;gap:6px}.st-flow-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.st-flow-card{flex:1;align-self:stretch;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 2px 8px #1416220a;transition:transform .14s ease,border-color .14s ease}.st-flow-card:hover{transform:translateY(-2px);border-color:#f43f5e66}.st-flow-card.first{border-color:#f43f5e73;background:linear-gradient(135deg,rgba(244,63,94,.09),var(--surface) 70%)}.st-flow-card:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.st-lib{display:flex;flex-direction:column;gap:12px;padding:18px}.st-lib-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.st-lib-title{display:flex;align-items:center;gap:10px}.st-lib-title h2{margin:0;font-size:21px;font-weight:800}.st-lib-ico{color:var(--accent-1);display:inline-grid}.st-lib-search{flex:1 1 220px;max-width:360px;margin-left:12px}.st-lib-tools{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}.st-lib-chips{margin-top:-2px}.st-pop-wrap{position:relative}.st-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;gap:2px;min-width:200px;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px #00000038;animation:modal-fade .12s ease}.st-menu button{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;border:none;background:none;color:var(--text);font-family:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.st-menu button:hover{background:var(--panel)}.st-menu button.danger{color:#e11d48}.st-gear{top:auto;bottom:calc(100% + 8px);min-width:250px;gap:8px;padding:12px;align-items:flex-start}.st-gear .st-field-label{margin-top:4px}.st-lib-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.st-song-list{list-style:none;margin:0;padding:4px;display:flex;flex-direction:column;gap:6px;max-height:640px;overflow-y:auto;border-radius:16px;border:1px solid var(--line);background:var(--st-soft)}.st-song-empty{padding:20px 12px;text-align:center;font-size:13px;color:var(--text-dim)}.st-song-empty p{margin:0 0 10px}.st-song{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 4px;border-radius:13px;border:1px solid transparent;background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease}.st-song:hover{border-color:#f43f5e4d}.st-song.active{border-color:#f43f5e8c;box-shadow:0 0 0 3px #f43f5e1a;background:linear-gradient(135deg,rgba(244,63,94,.07),var(--surface))}.st-song-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:4px;border:none;background:none;color:var(--text);font-family:inherit;text-align:left;cursor:pointer}.st-song-main:focus-visible{outline:2px solid var(--accent-1);outline-offset:1px;border-radius:10px}.st-song-text{min-width:0;display:flex;flex-direction:column;gap:2px}.st-song-text b{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.st-song-text small{font-size:11.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-song-art{flex:none;display:grid;place-items:center;border-radius:11px;color:#fffffff2;box-shadow:inset 0 0 0 1px #ffffff2e,0 4px 10px #0000001f}.st-song-art--md{width:44px;height:44px}.st-song-fav{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;border:none;background:none;color:var(--text-dim);cursor:pointer}.st-song-fav:hover,.st-song-fav.on{color:var(--accent-1)}.st-song.active .st-song-fav:not(.on){color:#f59e0b}.st-song-detail{min-width:0;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);scroll-margin-top:16px}:root[data-theme=light] .st-song-detail{background:#fff}.st-song-detail.st-song-detail--flush,:root[data-theme=light] .st-song-detail.st-song-detail--flush{padding:0;border:none;border-radius:0;background:none}.st-sd-about{margin:0;font-size:13px;line-height:1.5;color:var(--text-dim)}.st-song-detail.is-narrow .st-sd-staff .stf{min-width:0}.st-song-detail.is-narrow .st-sd-inst{grid-template-columns:minmax(0,1fr)}.st-song-detail.is-narrow .st-transport .dd{margin-left:auto}.st-song-detail.is-narrow .st-prog{order:10;flex:1 1 100%;min-width:0}.st-sd-head{display:flex;align-items:flex-start;gap:10px}.st-sd-star{color:#f59e0b;display:inline-grid;margin-top:2px}.st-sd-titles{min-width:0;flex:1}.st-sd-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.st-sd-row h3{margin:0;font-size:19px;font-weight:800}.st-sd-titles p{margin:3px 0 0;font-size:13px;line-height:1.45;color:var(--text-dim)}.lvl.lvl-custom{color:#7c3aed;background:#8b5cf624}.st-sd-staff{position:relative;padding:8px 10px;border-radius:14px;background:var(--st-soft);overflow-x:auto}.st-sd-staff .stf{min-width:520px}.st-sd-count{position:absolute;top:6px;right:10px;margin:0}.st-sd-lines{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:-4px;font-size:12.5px;font-weight:700;color:var(--text-dim)}.st-sd-inst{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:end}.st-sd-neck{min-width:380px}.st-transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}.st-tr-btn{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.st-tr-btn:hover{color:var(--accent-1);border-color:var(--accent-1)}.st-tr-play{width:48px;height:48px}.st-transport .dd-trigger{background:var(--surface);padding:6px 10px}.st-prog{flex:1 1 220px;min-width:180px;display:flex;align-items:center;gap:10px}.st-prog-track{position:relative;flex:1;height:8px;border-radius:999px;background:var(--panel);border:1px solid var(--line);cursor:pointer;touch-action:none}.st-prog-track i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-1),#d946ef)}.st-prog-track b{position:absolute;top:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;border:3px solid var(--accent-1);transform:translateY(-50%);box-shadow:0 2px 6px #0003}.st-prog-track:focus-visible{outline:2px solid var(--accent-1);outline-offset:4px}.st-prog-time{flex:none;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-dim)}.st-music-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;scroll-margin-top:16px}.st-var-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.st-var{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;border:1px solid transparent}.st-var.active{border-color:#f43f5e59;background:#f43f5e0d}.st-var-text{flex:1;min-width:0;display:flex;flex-direction:column}.st-var-text b{font-size:12.5px}.st-var-text small{font-size:11px;color:var(--text-dim)}.st-var-play{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(59,130,246,.3);background:#3b82f61a;color:#2563eb;cursor:pointer}.st-var-play svg{margin-left:1px}.st-var-play.on{background:linear-gradient(140deg,var(--accent-1),#e11d48);border-color:transparent;color:#fff}.st-var-play.on svg{margin-left:0}:root[data-theme=dark] .st-var-play:not(.on){color:#93c5fd}.st-cin-staff{padding:4px 8px;border-radius:12px;background:var(--st-soft)}.st-cin-tones{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.st-cin-tones button{width:100%;display:flex;align-items:baseline;gap:8px;padding:6px 9px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);font-family:inherit;font-size:12px;cursor:pointer}.st-cin-tones button b{font-size:13px;color:var(--accent-1)}.st-cin-tones button:hover,.st-cin-tones button.on{border-color:#f43f5e73;background:#f43f5e0f}.st-try-staff{padding:2px 8px;border-radius:12px;background:var(--st-soft)}.st-try-staff .stf{max-height:110px}.st-try-neck{position:relative}.st-try-badge{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:10px;font-size:12.5px;font-weight:800;box-shadow:0 6px 14px #0000002e;animation:modal-fade .15s ease}.st-try-badge.ok{background:#ecfdf5;color:#15803d;border:1px solid rgba(34,197,94,.4)}.st-try-badge.bad{background:#fef2f2;color:#dc2626;border:1px solid rgba(239,68,68,.35)}.st-try-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.st-more{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.st-more button{width:100%;display:flex;align-items:center;gap:9px;padding:7px 6px;border-radius:9px;border:none;background:none;color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;text-align:left;cursor:pointer}.st-more button:hover{background:var(--panel);color:var(--accent-1)}.st-more button>span:nth-child(2){flex:1;min-width:0}.st-more-ico{display:inline-grid;color:#6366f1}.modal-card.st-composer{width:min(900px,96vw);padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px}.st-comp-head{display:flex;align-items:center;gap:12px}.st-comp-head>div{flex:1;min-width:0}.st-comp-head h2{margin:0;font-size:19px;font-weight:800}.st-comp-head p{margin:2px 0 0;font-size:12.5px;color:var(--text-dim)}.st-comp-meta{display:grid;grid-template-columns:minmax(0,1.6fr) auto auto auto;gap:12px;align-items:end}.st-comp-meta .dd-trigger{background:var(--surface)}.st-comp-score{min-height:110px;padding:6px 10px;border-radius:14px;background:var(--st-soft);border:1px solid var(--line);overflow-x:auto}.st-comp-score .stf{width:auto;max-width:none;height:140px;margin:0}.st-comp-empty{margin:0;padding:36px 0;text-align:center;font-size:13px;color:var(--text-dim)}.st-comp-pos{margin:-4px 0 0}.st-comp-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.st-comp-durs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.st-comp-durs .st-rh-opt{min-width:44px;padding:4px 6px}.st-comp-actions{display:flex;gap:6px;flex-wrap:wrap}.st-comp-input{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;align-items:end}.st-comp-entry,.st-comp-piano{display:flex;flex-direction:column;gap:4px}.st-comp-entry small,.st-comp-piano small{text-align:center;font-size:11.5px;color:var(--text-dim)}.st-comp-entry{padding:4px 8px;border-radius:14px;background:var(--st-soft)}.st-comp-foot{display:flex;justify-content:flex-end;gap:8px}.st-comp-words{align-items:stretch;gap:6px}.st-comp-words textarea{min-height:58px;resize:vertical;font-size:13px;font-weight:500;line-height:1.45}.st-comp-words .st-note-small{margin:0}.st-comp-import{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:8px 10px;border-radius:12px;border:1px dashed var(--line);background:var(--st-soft)}.st-comp-import-text{flex:1 1 220px;margin:0}.st-comp-part{display:inline-flex;align-items:center;gap:8px}.st-comp-part .dd-trigger{background:var(--surface);padding:6px 10px}.st-comp-error{margin:-4px 0 0;font-size:12.5px;font-weight:600;color:#dc2626}.st-comp-warn{margin:-4px 0 0;padding-left:18px;font-size:12px;line-height:1.45;color:#b45309}:root[data-theme=dark] .st-comp-error{color:#f87171}:root[data-theme=dark] .st-comp-warn{color:#fbbf24}@media (max-width: 1200px){.st-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.st-flow .st-step-arrow{display:none}.st-ex-row{grid-template-columns:repeat(3,minmax(0,1fr))}.st-explorer-top{grid-template-columns:minmax(0,240px) minmax(0,1fr)}.st-explorer-where{grid-column:1 / -1}.st-chord-grid{grid-template-columns:minmax(0,1fr) minmax(0,160px)}.st-chord-inst{grid-column:1 / -1;max-width:none}.st-lib-body{grid-template-columns:minmax(0,1fr)}.st-song-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;max-height:292px}.st-music-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1100px){.st-hero-art{left:58%}.main-header--staff .page-title{font-size:40px}.st-read{grid-template-columns:220px minmax(0,1fr)}.st-lgrid--staff,.st-lgrid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.st-play-row,.st-prac-main{grid-template-columns:minmax(0,1fr)}.st-side{position:static}.st-prac-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.st-prac-bottom>:last-child{grid-column:1 / -1}}@media (max-width: 900px){.st-hero-art{left:62%}.st-scale-inst{grid-template-columns:minmax(0,1fr)}.st-rest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.st-explore{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.st-explore-piano{grid-column:1 / -1}.st-comp-meta{grid-template-columns:repeat(3,auto);justify-content:start}.st-comp-meta>:first-child{grid-column:1 / -1}.st-comp-meta>:first-child .sc-input{width:100%}}@media (max-width: 760px){.st-hero-art{display:none}.main-header--staff{min-height:0}.main-header--staff .page-title{font-size:34px}.st-read{grid-template-columns:minmax(0,1fr)}.st-lessons{position:static}.st-lesson-list{flex-direction:row;gap:6px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.st-lesson-list>li{flex:none;scroll-snap-align:start}.st-lesson-item{width:auto;border:1px solid var(--line);white-space:nowrap}.st-lesson-item.active{border-color:#f43f5e66}.st-lgrid,.st-lgrid--staff,.st-lgrid--3{grid-template-columns:minmax(0,1fr)}.st-lgrid .span-2,.st-lgrid--3 .span-2{grid-column:auto}.st-split,.st-check,.st-acc-grid{grid-template-columns:minmax(0,1fr)}.st-dyn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.st-tree-row{grid-template-columns:minmax(0,1fr) auto}.st-tree-staff{grid-column:1 / -1;grid-row:2}.st-explorer-top,.st-open-grid,.st-noteid{grid-template-columns:minmax(0,1fr)}.st-modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.st-custom-grid,.st-prac-bottom{grid-template-columns:minmax(0,1fr)}.st-prac-bottom>:last-child{grid-column:auto}.st-sd-inst,.st-comp-input{grid-template-columns:minmax(0,1fr)}.st-comp-entry{max-width:260px}}@media (max-width: 640px){.main-header--staff{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:8px;row-gap:10px;min-height:0;padding-bottom:6px}.main-header--staff .main-header-lead{display:contents}.main-header--staff .nav-toggle{grid-column:1;grid-row:1}.main-header--staff .main-tools{grid-column:3;grid-row:1}.main-header--staff .page-head{grid-column:1 / -1;grid-row:2;max-width:none}.main-header--staff .page-title{font-size:30px;line-height:1.1;white-space:normal;overflow:visible}.st-view{gap:14px}.st-card,.st-lesson,.st-lib,.st-prac-panel{padding:14px}.st-flow{gap:8px}.st-flow-card{gap:8px;padding:9px 10px}.st-flow-card small{display:none}.st-flow-card .st-tile{width:34px;height:34px;border-radius:10px}.st-flow-card b{font-size:12.5px}.st-lesson-head{flex-wrap:wrap}.st-lesson-titles h2{font-size:19px}.st-lesson-nav{width:100%}.st-lesson-nav>button{flex:1}.st-mark{margin-left:0}.st-sec-head{flex-wrap:wrap}.st-sec-right{width:100%;margin-left:0;justify-content:flex-start}.st-sec-titles h2,.st-sec-titles h3{font-size:18px}.st-explorer-name{font-size:36px}.st-chord-grid{grid-template-columns:minmax(0,1fr)}.st-next-part{padding:14px}.st-next-part>div{flex:1 1 100%}.st-next-part>button{width:100%}.st-rest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-ex-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.st-ex{padding:10px;gap:8px}.st-ex .st-tile{width:34px;height:34px;border-radius:10px}.st-ex-text small{display:none}.st-levels{display:flex;width:100%}.st-level{flex:1;padding:6px 2px;font-size:12px}.st-opts,.st-mc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-lib-title h2{font-size:19px}.st-lib-search{order:3;flex:1 1 100%;max-width:none;margin-left:0}.st-lib-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.st-lib-chips .sp-chip{flex:none}.st-song-list{grid-template-columns:minmax(0,1fr);max-height:264px}.st-song-detail{padding:12px}.st-sd-staff{padding:6px}.st-sd-staff .stf{min-width:0}.st-transport{gap:8px}.st-transport .dd{margin-left:auto}.st-prog{order:10;flex:1 1 100%;min-width:0}.st-music-bottom{grid-template-columns:minmax(0,1fr)}.modal-card.st-composer{padding:14px}.st-comp-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.st-comp-meta .st-seg{width:100%}.st-comp-meta .st-seg-btn{flex:1}}.st-print-sheet{display:none}@media print{html:has(>body>.st-print-sheet),body:has(>.st-print-sheet){background:#fff!important}body:has(>.st-print-sheet)>:not(.st-print-sheet){display:none!important}.st-print-sheet{display:block;padding:0 8mm;color:#000;background:#fff;--stf-ink: #000;--stf-line: #555;--text: #000;--text-dim: #333;--accent-1: #000}.st-print-sheet h1{margin:0 0 2mm;font-size:20pt;text-align:center}.st-print-sheet>p{margin:0 0 6mm;text-align:center;font-size:10pt}.st-print-line{margin-bottom:6mm;break-inside:avoid}.st-print-line .stf{max-width:100%}.st-print-foot{margin-top:8mm;text-align:center;font-size:8pt;color:#666}}.scales-view .seg.active{box-shadow:0 3px 10px #f43f5e4d}.scales-view .fretboard{border-radius:12px;box-shadow:inset 0 2px 8px #ffffff14,inset 0 -10px 24px #00000073,0 14px 30px -10px #00000073}@media (min-width: 641px){.scales-view .view-toggle{padding:3px;gap:2px;border-radius:10px}.scales-view .seg{padding:5px 13px;font-size:12px;border-radius:7px}.scales-view .spelling-toggle .seg,.scales-view .fret-toggle .seg{padding:5px 9px;min-width:28px}.scales-view .spelling-toggle .seg[aria-label]{font-size:14px}.scales-view .multi-check{font-size:12px;gap:6px}.scales-view .multi-check input{width:14px;height:14px}}.tools-menu{display:none;position:relative;flex:none}.tools-menu-btn{justify-content:center}.tools-menu.open .tools-menu-btn{border-color:var(--accent-1);color:var(--accent-1)}.tools-menu-card{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:224px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:0 18px 44px #0f121e42;transform-origin:top right;animation:scaleDdIn .16s cubic-bezier(.2,.8,.3,1.2) both}.tools-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:none;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}button.tools-item:hover{background:var(--panel);color:var(--accent-1)}.tools-item svg{flex:none}.tools-item small{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--text-dim)}.tools-item.is-current{color:var(--accent-1);background:#f43f5e14}.tools-item.is-netoff{opacity:.75}.tools-theme{cursor:default;justify-content:space-between;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px;padding-top:2px}.tools-theme-label{font-weight:600}.tools-theme-seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;border:1px solid var(--line);background:var(--panel)}.tools-theme-seg button{width:36px;height:30px;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer}.tools-theme-seg button.on{color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 3px 10px #f43f5e52}.tools-menu button:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.main-header:has(.tools-menu.open),.db-top:has(.tools-menu.open){position:relative;z-index:50}@media (max-width: 640px){.tools-menu{display:block}.main-tools .tools-direct,.db-top-tools .tools-direct{display:none}}@media (prefers-reduced-motion: reduce){.tools-menu-card{animation:none}}.sp-level-dd{display:none}@media (max-width: 640px){.sp-view .sp-levels{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.sp-view .sp-levels>.sp-level,.sp-view .sp-levels>.sp-levels-label{display:none}.sp-view .sp-level-dd{display:block;flex:1 1 0;min-width:0;order:1}.sp-view .sp-levels>.sp-filters-side{flex:1 1 0;min-width:0;order:2;margin:0}.sp-view .sp-sort{display:flex;width:100%;min-width:0;gap:0}.sp-view .sp-sort>span{display:none}.sp-view .sp-sort .dd,.sp-view .sp-level-dd .dd-trigger,.sp-view .sp-sort .dd-trigger{width:100%;min-width:0}.sp-view .sp-level-dd .dd-trigger,.sp-view .sp-sort .dd-trigger{padding:8px 10px;font-size:13px;font-weight:700}.sp-view .sp-levels .dd-trigger>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.sc-dock{display:none}@media (max-width: 640px){.sc-view{padding-bottom:76px}.sc-dock{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 34px -12px #0f121e66}.sc-dock-play{flex:none;width:46px;height:46px}.sc-dock-bpm{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 4px;border-radius:12px;background:var(--panel)}.sc-dock-bpm button{width:34px;height:34px;border:none;border-radius:10px;background:var(--surface);color:var(--text);font-size:18px;font-weight:800;line-height:1;cursor:pointer}.sc-dock-bpm span{display:flex;align-items:baseline;gap:3px}.sc-dock-bpm b{font-size:16px;font-weight:800}.sc-dock-bpm small{font-size:10px;font-weight:700;color:var(--text-dim)}.sc-dock-btn{flex:none;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.sc-dock-btn.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent-1),var(--accent-2))}.sc-dock-save{color:var(--accent-1);border-color:#f43f5e59}.sc-view .sc-toolbar{position:sticky;top:0;z-index:30;flex-wrap:wrap;gap:6px;padding:6px;margin:0 -2px;border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 16px -10px #0f121e59}.sc-view .sc-tools{flex:1 1 100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.sc-view .sc-tools::-webkit-scrollbar{display:none}.sc-view .sc-tool,.sc-view .sc-toggles{flex:none}.sc-view .sc-preview-controls>.sp-play,.sc-view .sc-preview-controls>.sp-icon-btn{display:none}.sc-view .sc-editor-foot .sc-hint{display:none}.sc-view .sc-editor-head{flex-wrap:wrap;gap:6px}.sc-view .sc-editor-actions{width:100%;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.sc-view .sc-editor-actions::-webkit-scrollbar{display:none}.sc-view .sc-editor-actions>*{flex:none}}.sc-seq{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.sc-seq-row{display:flex;gap:6px}.sc-seq-row .sc-input{flex:1;min-width:0;font-weight:700;letter-spacing:.02em}.sc-seq-row .sc-act{flex:none}.sc-seq-help{font-size:11.5px;color:var(--text-dim)}.sc-seq-help.bad{color:var(--accent-1);font-weight:600}.sc-pick{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;background:var(--panel)}.sc-pick-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.sc-pick-row::-webkit-scrollbar{display:none}.sc-pick-chip{flex:none;min-width:30px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.sc-pick-chip.acc{font-size:15px;padding:0 6px}.sc-pick-chip.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent-1),var(--accent-2))}.sc-pick-sep{flex:none;width:1px;height:20px;margin:0 2px;background:var(--line)}.sc-pick-go{display:flex;align-items:center;gap:8px}.sc-pick-name{flex:1;min-width:0;text-align:center;font-size:16px;font-weight:800}.sc-pick-step{flex:none;width:38px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:20px;font-weight:800;line-height:1;cursor:pointer}.sc-pick-step.add{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent-1),var(--accent-2))}.sc-pick-step:disabled{opacity:.4;cursor:default}.sc-settings-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sc-sheet-close,.sc-set-btn,.sc-sheet-backdrop{display:none}@media (max-width: 640px){.sc-view .sc-editor-head{position:relative;padding-right:44px}.sc-set-btn{position:absolute;top:0;right:0;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}.sc-set-btn.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent-1),var(--accent-2))}.sc-view .sc-settings{display:none}.sc-view .sc-settings.is-open{display:block;position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:90;max-height:78vh;overflow-y:auto;border-radius:20px;box-shadow:0 -10px 40px -10px #0f121e73;animation:modal-fade .16s ease}.sc-sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;background:#0f172a59}.sc-settings.is-open .sc-sheet-close{display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:50%;background:var(--panel);color:var(--text);font-size:20px;line-height:1;cursor:pointer}}@media (max-width: 640px){.sc-view .sc-preview{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px}.sc-view .sc-preview>.sc-card-title{flex:1 1 100%;margin:0;font-size:15px}.sc-view .sc-preview>.sc-preview-strip{flex:1 1 100%;margin:0;padding:6px;min-height:0}.sc-view .sc-preview>.sc-preview-chords{order:3;flex:1 1 0;min-width:0;margin:0;gap:6px}.sc-view .sc-preview>.sc-preview-controls{order:4;flex:none;margin:0;padding:0;gap:0}.sc-view .sc-preview>.sc-seq{order:5;flex:1 1 100%}.sc-view .sc-preview-chords>.sc-label{display:none}.sc-view .sc-preview-chords .dd,.sc-view .sc-preview-chords .dd-trigger{width:100%;min-width:0}.sc-view .sc-preview .dd-trigger{padding:7px 9px;font-size:13px}.sc-view .sc-preview .dd-trigger>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-view .sc-chord-now:empty{display:none}.sc-view .sc-seq{margin-top:2px;padding-top:8px;gap:5px}.sc-view .sc-seq>.sc-label{font-size:10px}.sc-view .sc-seq-row .sc-input{padding-top:7px;padding-bottom:7px;font-size:14px}.sc-view .sc-seq-row .sc-act{padding:0 12px}.sc-view .sc-seq-help:not(.bad){display:none}.sc-view .sc-pick{gap:4px;padding:5px;border-radius:10px}.sc-view .sc-pick-row{gap:3px}.sc-view .sc-pick-chip{min-width:26px;height:26px;padding:0 6px;border-radius:7px;font-size:11.5px}.sc-view .sc-pick-chip.acc{font-size:13px}.sc-view .sc-pick-sep{height:16px}.sc-view .sc-pick-step{width:32px;height:28px;border-radius:8px;font-size:17px}.sc-view .sc-pick-name{font-size:14px}}.fp-view .fp-stage{grid-template-columns:minmax(0,1fr)}.fp-howto-btn{display:inline-flex;align-items:center;gap:6px}.fp-howto-btn svg{width:15px;height:15px}.fp-howto-btn--m{display:none}@media (max-width: 640px){.fp-view .sp-chip-row>.fp-howto-btn{display:none}.fp-view .fp-howto-btn--m{display:inline-flex;flex:none;justify-content:center;width:42px;padding:0}.fp-view .sp-filters-side{flex-wrap:nowrap;align-items:stretch}}.fp-howto[hidden]{display:none!important}.fp-howto.is-open{position:fixed;top:50%;left:50%;z-index:95;width:min(380px,calc(100vw - 28px));max-height:80vh;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 60px -16px #0f121e73;animation:modal-fade .16s ease}.fp-howto-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f172a59}.fp-howto-close{width:30px;height:30px;border:none;border-radius:50%;background:var(--panel);color:var(--text);font-size:20px;line-height:1;cursor:pointer}.fp-neck-card.is-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;margin:0;border-radius:0;overflow:auto;justify-content:center;gap:14px;padding:20px 28px;animation:modal-fade .16s ease}.fp-neck-card.is-full .fp-neck-wrap,.fp-neck-card.is-full .pmap{width:100%;max-width:1400px;margin:0 auto}@media (max-width: 900px) and (orientation: portrait){.fp-neck-card.is-full{inset:auto;top:50%;left:50%;width:100vh;width:100dvh;height:100vw;padding:10px 16px;transform:translate(-50%,-50%) rotate(90deg)}}@media (max-width: 900px){.fp-neck-card.is-full{padding:10px 14px;gap:8px}.fp-neck-card.is-full .fp-neck-head h3{font-size:15px}}.fp-neck-head{flex-wrap:wrap}.fp-neck-play{display:flex;align-items:center;gap:6px;margin-left:auto}.fp-neck-play .fp-demo{width:auto;min-height:36px;padding:0 16px}.fp-neck-play .fp-speed .dd-trigger{min-width:72px;padding-top:7px;padding-bottom:7px}.fp-neck-head .fp-neck-chords{margin-left:0}@media (max-width: 640px){.fp-neck-play{margin-left:0}}.st-list-ico{display:none}@media (max-width: 640px){.st-read{position:relative}.st-view .st-lessons{display:none}.st-view .st-lessons.is-open{display:flex;flex-direction:column;position:absolute;top:58px;right:6px;left:6px;z-index:60;max-height:70vh;overflow-y:auto;box-shadow:0 22px 44px -14px #0f121e59,0 2px 6px #0f121e14;animation:modal-fade .14s ease}.st-view .st-lessons.is-open .st-lesson-list{display:flex;flex-direction:column;overflow:visible;gap:2px}.st-view .st-lessons.is-open .st-lesson-item{width:100%;white-space:normal;border-color:transparent}.st-view .st-lessons.is-open .st-lesson-item.active{border-color:#f43f5e66}.st-view .st-lesson-head{align-items:flex-start}.st-list-ico{position:relative;flex:none;width:38px;height:38px;display:grid;place-items:center;margin-left:auto;border:none;border-radius:50%;color:var(--text);background:conic-gradient(var(--accent-1) var(--pct, 0deg),var(--line) 0);cursor:pointer}.st-list-ico:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--surface)}.st-list-ico svg{position:relative}.st-list-ico.on{color:var(--accent-1)}}@media (max-width: 640px){.st-play{gap:12px;grid-template-columns:minmax(0,1fr)}.st-play>*,.st-play .st-card,.st-play .st-card>*,.st-play .st-scale-inst>*,.st-play .st-chord-grid>*,.st-play .st-chord-inst>*,.st-play .st-open-grid>*,.st-play .st-explorer-top>*{min-width:0;max-width:100%}.st-play .st-card{padding:12px 10px;overflow-x:clip;overflow-y:visible}.st-play .st-scale-ctl{flex-wrap:wrap}.st-play .st-sec-head{flex-wrap:wrap;gap:8px}.st-play .st-sec-head p{font-size:12.5px}.st-play .st-head-tools{width:100%;display:flex;flex-wrap:nowrap;gap:6px}.st-play .st-head-tools>*{flex:1 1 0;min-width:0;display:flex;padding:3px}.st-play .st-head-tools>*>button{flex:1 1 auto;min-width:0;padding:6px 4px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-play .st-head-tools>*>button svg{display:none}.st-play .st-explorer-top{display:flex;flex-direction:column;gap:10px}.st-play .st-explorer-staff{min-width:0;overflow-x:auto}.st-play .st-explorer-info{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 12px;padding:10px 12px}.st-play .st-explorer-name{grid-row:1 / 3;font-size:38px;line-height:1}.st-play .st-explorer-place{font-size:13px}.st-play .st-explorer-meta{font-size:11.5px}.st-play .st-explorer-btns{grid-column:1 / -1;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}.st-play .st-explorer-where{display:flex;flex-direction:column;gap:8px}.st-play .st-where-chips{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none}.st-play .st-where-chips::-webkit-scrollbar{display:none}.st-play .st-where-chips>*{flex:none}.st-play .st-inst-block{min-width:0}.st-play .st-inst-label{font-size:12.5px}.st-play .st-scroll-x,.st-play .st-scale-inst .st-inst-block,.st-play .st-chord-inst .st-inst-block,.st-play .st-open-inst{overflow-x:auto;-webkit-overflow-scrolling:touch}.st-play .st-neck-wrap,.st-play .st-scale-inst .gneck{width:560px;max-width:none}.st-play .st-piano-wrap,.st-play .st-scale-inst .pkeys{width:520px;max-width:none}.st-play .st-play-row,.st-play .st-open-grid,.st-play .st-scale-inst,.st-play .st-chord-grid{display:flex;flex-direction:column;gap:10px}.st-play .st-open-staff,.st-play .st-scale-staff,.st-play .st-chord-staff{min-width:0;overflow-x:auto}.st-play .st-scale-bar{flex-direction:column;align-items:stretch;gap:8px}.st-play .st-chiprow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.st-play .st-chiprow::-webkit-scrollbar{display:none}.st-play .st-chiprow>*{flex:none}.st-play .st-scale-bar>.st-chiprow{display:none}.st-play .st-scale-ctl{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:8px}.st-play .st-scale-ctl .dd,.st-play .st-scale-ctl .dd-trigger{width:100%;min-width:0}.st-play .st-scale-ctl .dd-trigger>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-play .st-scale-ctl>.st-scale-dd{display:block}.st-play .st-scale-ctl>:nth-child(3){justify-self:start}.st-play .st-scale-ctl>:last-child{justify-self:end}.st-play .st-chord-diagram{display:flex;justify-content:center}.st-play .st-chord-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.st-play .st-chord-btns>button{justify-content:center}.st-play .st-next-part{flex-direction:column;align-items:stretch;gap:10px;text-align:left}.st-play .st-next-part .st-btn-primary{justify-content:center}}@media (min-width: 901px){.main-header--inline{align-items:center}.main-header--inline .page-title{margin:0;line-height:1.15}}.main-header--inline .page-title-accent{font-weight:800}@media (max-width: 640px){.main-header--inline .main-header-lead{flex:1 1 0;min-width:0}.main-header--inline .page-head{min-width:0}.main-header--inline .page-title{margin:0;font-size:clamp(14px,4.4vw,20px);letter-spacing:-.03em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}