@font-face{font-family:spaceGrotesk;src:url(../media/SpaceGrotesk_Variable-s.p.3bk34495xijiu.ttf?dpl=dpl_FEbs6jwbtwXi2isAPz8WVW6UjC4w)format("truetype");font-display:swap;font-weight:400 700}@font-face{font-family:spaceGrotesk Fallback;src:local(Arial);ascent-override:88.78%;descent-override:26.34%;line-gap-override:0.0%;size-adjust:110.84%}.spacegrotesk_e1590391-module__yMkdGa__className{font-family:spaceGrotesk,spaceGrotesk Fallback}.spacegrotesk_e1590391-module__yMkdGa__variable{--font-space-grotesk:"spaceGrotesk", "spaceGrotesk Fallback"}
@font-face{font-family:notoMusic;src:url(../media/NotoMusic_Regular-s.p.40ieaeqezv43b.ttf?dpl=dpl_FEbs6jwbtwXi2isAPz8WVW6UjC4w)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:notoMusic Fallback;src:local(Arial);ascent-override:130.46%;descent-override:37.38%;line-gap-override:0.0%;size-adjust:106.47%}.notomusic_46441085-module__3YYOkG__className{font-family:notoMusic,notoMusic Fallback;font-weight:400}.notomusic_46441085-module__3YYOkG__variable{--font-noto-music:"notoMusic", "notoMusic Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#05060a;--bg:#08090f;--bg-raised:#0f1220;--panel:#141a2b;--border:#212841;--border-strong:#2a3350;--text:#e8ecf5;--text-secondary:#aeb6c8;--text-muted:#7f8aa8;--staff-line:#333c5c;--green:#4ade80;--cyan:#22d3ee;--orange:#fb923c;--yellow:#facc15;--red:#f87171;--accent:var(--green);--accent-alt:var(--cyan);--accent-rgb:74 222 128;--on-accent:#06120b;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--page-gutter:clamp(20px, 4vw, 56px);--content-width:1180px}html[data-brand=guitar]{--accent:var(--orange);--accent-alt:var(--yellow);--accent-rgb:251 146 60;--on-accent:#1a0a02}*{box-sizing:border-box}html{background:var(--bg-deep);scroll-padding-top:96px}body{background:radial-gradient(circle at 75% 8%, rgb(var(--accent-rgb) / 8%), transparent 30rem), radial-gradient(circle at 16% 38%, #22d3ee0d, transparent 25rem), var(--bg-deep);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-alt);outline-offset:4px}::selection{background:var(--accent);color:var(--on-accent)}.section-shell{width:min(calc(100% - (2 * var(--page-gutter))), var(--content-width));margin-inline:auto}.skip-link{z-index:100;background:var(--accent);min-height:44px;color:var(--on-accent);border-radius:10px;padding:10px 16px;font-weight:700;transition:transform .16s;position:fixed;inset:12px auto auto 12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#05060ad1;border-bottom:1px solid #ffffff12;position:sticky;top:0}.header-inner{width:min(calc(100% - (2 * var(--page-gutter))), var(--content-width));align-items:center;gap:clamp(18px,3vw,38px);min-height:76px;margin-inline:auto;display:flex}.brand-lockup{letter-spacing:-.03em;align-items:center;gap:10px;min-height:44px;font-size:1.05rem;font-weight:700;display:inline-flex}.brand-mark{width:30px;height:30px;fill:var(--accent);filter:drop-shadow(0 0 12px rgb(var(--accent-rgb) / 45%));stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;overflow:visible}.brand-mark path{fill:none}.primary-nav{align-items:center;gap:8px;display:flex}.primary-nav a,.instrument-switch,.locale-nav a{min-height:44px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;transition:color .16s,background-color .16s,border-color .16s;display:inline-flex}.primary-nav a{padding-inline:12px}.primary-nav a:hover,.instrument-switch:hover,.locale-nav a:hover{color:var(--text);background:#ffffff0d}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.instrument-switch{border:1px solid var(--border);gap:8px;padding-inline:12px}.instrument-switch span{color:var(--accent);font-size:1.25rem}.locale-nav{border:1px solid var(--border);background:#0f1220b3;border-radius:12px;padding:3px;display:flex}.locale-nav a{min-width:42px;padding-inline:9px}.locale-nav a[aria-current=page]{background:var(--text);color:var(--bg-deep)}.locale-long{display:none}.hero{grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:clamp(42px,7vw,92px);min-height:min(820px,100svh - 76px);padding-block:clamp(72px,10vw,132px);display:grid}.hero-copy{z-index:2;position:relative}.status-pill{border:1px solid rgb(var(--accent-rgb) / 24%);background:rgb(var(--accent-rgb) / 7%);min-height:32px;color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:5px 11px;font-size:.76rem;font-weight:600;display:inline-flex}.status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px rgb(var(--accent-rgb) / 80%);border-radius:50%}.hero-kicker,.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:28px 0 10px;font-size:.7rem;font-weight:700;line-height:1.3}.hero h1,.section-heading h2,.practice h2,.final-cta h2{letter-spacing:-.075em;text-wrap:balance;margin:0;font-size:clamp(3.3rem,6.8vw,6.85rem);font-weight:700;line-height:.94}.hero h1{max-width:9ch}.hero-body{max-width:590px;color:var(--text-secondary);margin:28px 0 0;font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 18px;font-size:.92rem;font-weight:700;line-height:1.2;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);box-shadow:0 10px 34px rgb(var(--accent-rgb) / 18%);color:var(--on-accent)}.button-primary:hover{box-shadow:0 14px 42px rgb(var(--accent-rgb) / 28%)}.button-secondary{border-color:var(--border-strong);color:var(--text);background:#0f122099}.hero-note{color:var(--text-muted);align-items:center;gap:8px;margin:22px 0 0;font-size:.78rem;display:flex}.hero-note span{color:var(--accent-alt)}.instrument-stage{border-radius:var(--radius-lg);isolation:isolate;background:linear-gradient(#ffffff08,#0000 32%),linear-gradient(155deg,#111526,#07080d 72%);border:1px solid #ffffff1a;min-height:570px;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-3deg)rotateX(1deg);box-shadow:0 32px 90px #0000006b,inset 0 1px #ffffff0f}.instrument-stage:after{z-index:10;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -80px 80px #00000073}.stage-glow{background:rgb(var(--accent-rgb) / 14%);filter:blur(70px);border-radius:50%;width:280px;height:280px;position:absolute;top:14%;left:48%;transform:translate(-50%)}.stage-hud{z-index:12;color:var(--text-muted);letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:.66rem;display:flex;position:absolute;top:26px;left:28px;right:28px}.stage-hud strong{color:var(--text-secondary);letter-spacing:0;font-size:.72rem;font-weight:600}.staff-lines{gap:21px;display:grid;position:absolute;top:26%;left:0;right:0}.staff-lines span{background:linear-gradient(90deg, transparent, var(--staff-line) 10%, var(--staff-line) 90%, transparent);opacity:.78;height:1px}.clef{color:#e8ecf585;font-family:var(--font-noto-music), serif;font-size:6rem;line-height:1;position:absolute;top:21%;left:8%}.note{z-index:3;color:var(--accent);font-family:var(--font-noto-music), serif;filter:drop-shadow(0 0 16px rgb(var(--accent-rgb) / 75%));text-shadow:0 0 28px rgb(var(--accent-rgb) / 45%);animation:3.8s ease-in-out infinite note-float;position:absolute}.note-a{font-size:3.4rem;top:31%;left:30%}.note-b{font-size:1.35rem;animation-delay:-1.2s;top:39%;left:57%}.note-c{color:var(--accent-alt);font-size:2.7rem;animation-delay:-2.1s;top:27%;left:74%}.play-line{z-index:2;background:linear-gradient(transparent, var(--accent), transparent);width:1px;box-shadow:0 0 18px rgb(var(--accent-rgb) / 80%);position:absolute;top:19%;bottom:28%;left:50%}.keyboard,.fretboard{z-index:8;border:1px solid var(--border-strong);background:#0b0d14;border-radius:14px;height:28%;position:absolute;bottom:5%;left:4%;right:4%;overflow:hidden;box-shadow:0 18px 44px #0000008c}.keyboard{gap:2px;padding:9px;display:flex}.white-key{background:linear-gradient(#eef1f8,#bfc6d5);border-radius:2px 2px 7px 7px;flex:1;height:100%;box-shadow:inset 0 -8px 12px #262c3b2e}.white-key.active{background:linear-gradient(var(--accent), color-mix(in srgb, var(--accent) 65%, #fff));box-shadow:0 0 26px rgb(var(--accent-rgb) / 72%)}.black-key{z-index:2;background:linear-gradient(90deg,#0b0c11,#252936,#08090d);border-radius:0 0 5px 5px;width:5.2%;height:58%;position:absolute;top:9px;box-shadow:0 5px 7px #0000008c}.fretboard{background:linear-gradient(90deg,#1a1110,#3b2119 45%,#170e0d);padding:15px 12px;display:grid}.string{z-index:2;background:#c7b4a4;align-self:center;height:1px;position:relative;box-shadow:0 1px #000000b3}.string.active{background:var(--accent);height:2px;box-shadow:0 0 14px rgb(var(--accent-rgb) / 90%)}.fret{z-index:1;top:0;bottom:0;left:calc(var(--fret-position,1) * 12.5%);background:linear-gradient(90deg,#6b625e,#d2ccc8,#5b514c);width:2px;position:absolute}.fret:nth-of-type(7){left:12.5%}.fret:nth-of-type(8){left:25%}.fret:nth-of-type(9){left:37.5%}.fret:nth-of-type(10){left:50%}.fret:nth-of-type(11){left:62.5%}.fret:nth-of-type(12){left:75%}.fret:nth-of-type(13){left:87.5%}.fret:nth-of-type(14){left:100%}.fret-dot{z-index:3;background:var(--accent);width:11px;height:11px;box-shadow:0 0 18px rgb(var(--accent-rgb) / 90%);border-radius:50%;position:absolute}.fret-dot-a{top:31%;left:44%}.fret-dot-b{background:var(--accent-alt);top:64%;left:69%}.proof-strip{border-block:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-block:0;padding:0;list-style:none;display:grid}.proof-item{align-items:center;gap:16px;min-height:100px;padding:20px clamp(10px,3vw,36px);display:flex}.proof-item+.proof-item{border-left:1px solid var(--border)}.proof-item span{color:var(--accent);letter-spacing:.12em;font-size:.7rem;font-weight:700}.proof-item strong{font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:600}.experience,.practice{padding-block:clamp(100px,13vw,180px)}.section-heading{max-width:760px}.section-heading .eyebrow,.practice .eyebrow,.final-cta .eyebrow{margin-top:0}.section-heading h2,.practice h2,.final-cta h2{font-size:clamp(2.6rem,5vw,5rem)}.section-heading>p:last-child,.practice-copy>p,.final-cta>div>p:last-child{max-width:650px;color:var(--text-secondary);margin:24px 0 0;font-size:clamp(1rem,1.5vw,1.18rem)}.feature-grid{grid-template-columns:repeat(12,1fr);gap:16px;margin-top:62px;display:grid}.feature-card{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(150deg,#141a2bf5,#090b13f2);min-height:420px;padding:clamp(24px,3vw,38px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.feature-card-1,.feature-card-2{grid-column:span 6}.feature-card-3{grid-column:span 12;min-height:340px}.feature-card .eyebrow{margin:0;position:absolute;bottom:116px;left:32px;right:32px}.feature-card h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.15;position:absolute;bottom:66px;left:32px;right:32px}.feature-card>p:last-child{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;display:-webkit-box;position:absolute;bottom:24px;left:32px;right:32px;overflow:hidden}.feature-glyph{border-bottom:1px solid var(--border);background:radial-gradient(circle at 50% 60%, rgb(var(--accent-rgb) / 12%), transparent 55%);height:62%;position:absolute;top:0;left:0;right:0;overflow:hidden}.glyph-score{color:var(--accent);font-family:var(--font-noto-music), serif;justify-content:center;align-items:center;font-size:6rem;display:flex}.glyph-score i{background:var(--staff-line);height:1px;position:absolute;left:8%;right:8%}.glyph-score i:nth-child(2){top:38%}.glyph-score i:nth-child(3){top:50%}.glyph-score i:nth-child(4){top:62%}.glyph-keyboard,.glyph-fretboard{justify-content:center;align-items:flex-end;gap:4px;padding:12% 12% 8%;display:flex}.glyph-keyboard i{background:#dfe4ee;border-radius:3px 3px 8px 8px;width:12%;height:72%}.glyph-keyboard i:nth-child(4){background:var(--accent);box-shadow:0 0 24px rgb(var(--accent-rgb) / 65%)}.glyph-fretboard{flex-direction:column;align-items:center;gap:11px}.glyph-fretboard i{background:linear-gradient(90deg,#0000,#c7b4a4,#0000);width:84%;height:1px}.glyph-fretboard i:nth-child(4){background:var(--accent);height:2px;box-shadow:0 0 18px rgb(var(--accent-rgb) / 70%)}.glyph-results{align-items:flex-end;gap:16px;padding:58px 12%;display:flex}.glyph-results i{background:var(--staff-line);border-radius:8px 8px 2px 2px;width:18%;height:38%}.glyph-results i:nth-child(2){background:var(--accent-alt);height:62%}.glyph-results i:nth-child(3){background:var(--accent);height:82%;box-shadow:0 0 26px rgb(var(--accent-rgb) / 38%)}.glyph-results strong{color:var(--text);letter-spacing:-.08em;margin:auto 0 auto auto;font-size:clamp(4rem,9vw,8rem);line-height:1}.practice{grid-template-columns:minmax(0,.92fr) minmax(400px,1.08fr);align-items:center;gap:clamp(54px,8vw,110px);display:grid}.practice-steps{gap:0;margin:38px 0 0;padding:0;list-style:none;display:grid}.practice-steps li{border-top:1px solid var(--border);align-items:center;gap:18px;min-height:66px;font-weight:600;display:flex}.practice-steps li:last-child{border-bottom:1px solid var(--border)}.practice-steps span{color:var(--accent);letter-spacing:.12em;font-size:.72rem}.results-panel{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 36%, rgb(var(--accent-rgb) / 16%), transparent 32%), linear-gradient(160deg, #111628, #08090f 70%);min-height:610px;padding:clamp(24px,4vw,42px);position:relative;overflow:hidden;box-shadow:0 34px 80px #00000057,inset 0 1px #ffffff0f}.results-topline{color:var(--text-muted);letter-spacing:.14em;justify-content:space-between;font-size:.68rem;font-weight:600;display:flex}.score-ring{border:1px solid rgb(var(--accent-rgb) / 44%);background:radial-gradient(circle, rgb(var(--accent-rgb) / 13%), transparent 66%);width:190px;height:190px;box-shadow:0 0 50px rgb(var(--accent-rgb) / 12%);border-radius:50%;justify-content:center;align-items:baseline;margin:52px auto 46px;padding-top:52px;display:flex}.score-ring strong{letter-spacing:-.08em;font-size:4rem;line-height:1}.score-ring span{color:var(--accent);margin-left:5px;font-weight:700}.metric-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric-grid div{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:#ffffff05;padding:17px 12px}.metric-grid span{color:var(--text-muted);font-size:.66rem;display:block}.metric-grid strong{margin-top:5px;font-size:1.05rem;display:block}.result-motif{align-items:flex-end;gap:6px;height:74px;display:flex;position:absolute;bottom:38px;left:42px;right:42px}.result-motif i{background:var(--staff-line);border-radius:3px 3px 0 0;flex:1;min-height:12px}.result-motif i:nth-child(3n){height:58%}.result-motif i:nth-child(4n){height:84%}.result-motif .hit{background:var(--accent);opacity:.72}.result-motif .miss{background:var(--red);opacity:.55}.result-fretboard i{border-radius:999px}.final-cta{border:1px solid rgb(var(--accent-rgb) / 24%);border-radius:var(--radius-lg);background:radial-gradient(circle at 82% 10%, rgb(var(--accent-rgb) / 18%), transparent 28rem), linear-gradient(145deg, #151a2c, #08090f 72%);justify-content:space-between;align-items:center;gap:42px;min-height:430px;margin-bottom:clamp(70px,10vw,120px);padding:clamp(34px,6vw,74px);display:flex}.final-cta>div{max-width:760px}.final-cta .button{flex:none}.site-footer{border-top:1px solid var(--border);min-height:150px;color:var(--text-muted);grid-template-columns:1fr auto auto;align-items:center;gap:24px;font-size:.78rem;display:grid}.site-footer .brand-lockup{color:var(--text)}.footer-note{justify-content:center;align-items:center;gap:10px 18px;display:flex}.footer-note p{margin:0}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 18px;display:flex}.footer-note a,.legal-address a,.notice-actions a,.notice-back,.privacy-inline-action{color:var(--text-secondary);text-decoration:underline;-webkit-text-decoration-color:rgb(var(--accent-rgb) / 55%);text-decoration-color:rgb(var(--accent-rgb) / 55%);text-underline-offset:.22em}.footer-note a:hover,.legal-address a:hover,.notice-actions a:hover,.notice-back:hover,.privacy-inline-action:hover{color:var(--text);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.open-source-main{min-height:calc(100svh - 226px);padding-block:clamp(72px,10vw,132px)}.notice-hero{max-width:820px}.notice-hero .eyebrow{margin-top:0}.notice-hero h1{letter-spacing:-.07em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(3rem,7vw,6.5rem);line-height:.96}.notice-intro{max-width:720px;color:var(--text-secondary);margin:28px 0 0;font-size:clamp(1.05rem,1.7vw,1.28rem)}.notice-intro strong{color:var(--text)}.notice-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border);gap:1px;margin-block:clamp(46px,7vw,78px) 32px;display:grid;overflow:hidden}.notice-panel section{background:#0f1220eb;padding:clamp(26px,5vw,48px)}.notice-panel h2{letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.1}.notice-panel p{max-width:780px;color:var(--text-secondary);margin:0}.legal-address{max-width:780px;color:var(--text-secondary);gap:4px;margin-top:20px;font-style:normal;display:grid}.legal-address strong{color:var(--text);font-size:1.05rem}.legal-contact-links{gap:2px}.legal-contact-links a{align-items:center;width:fit-content;min-height:44px;display:flex}.privacy-controller a{width:fit-content;margin-top:10px}.privacy-updated{color:var(--text-muted);margin:18px 0 0;font-size:.82rem}.privacy-status{border:1px solid rgb(var(--accent-rgb) / 45%);border-radius:var(--radius-lg);background:rgb(var(--accent-rgb) / 8%);max-width:900px;margin-top:clamp(40px,6vw,64px);padding:clamp(24px,4vw,36px)}.privacy-status .eyebrow{margin-top:0}.privacy-status h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(1.35rem,2.4vw,2rem)}.privacy-status>p:last-child{max-width:780px;color:var(--text-secondary);margin:0}.privacy-panel section{grid-template-columns:34px minmax(0,1fr);gap:clamp(18px,4vw,36px);display:grid}.privacy-panel .privacy-section-number{color:var(--accent);letter-spacing:.12em;padding-top:5px;font-size:.7rem;font-weight:700}.privacy-panel ul{max-width:780px;color:var(--text-secondary);margin:18px 0 0;padding-left:1.2rem}.privacy-panel li+li{margin-top:9px}.privacy-inline-action{min-height:44px;color:var(--text-secondary);text-decoration:underline;-webkit-text-decoration-color:rgb(var(--accent-rgb) / 55%);text-decoration-color:rgb(var(--accent-rgb) / 55%);text-underline-offset:.22em;align-items:center;gap:9px;margin-top:18px;font-weight:650;display:inline-flex}.notice-actions{flex-wrap:wrap;gap:10px 22px;margin-top:22px;display:flex}.notice-actions a,.notice-back{align-items:center;min-height:44px;font-weight:650;display:inline-flex}.release-digest{overflow-wrap:anywhere;max-width:100%;color:var(--accent);margin-top:20px;font-size:.8rem;display:block}.notice-back{gap:10px}.account-main{min-height:calc(100svh - 226px);padding-block:clamp(68px,9vw,118px)}.account-hero{max-width:900px}.account-hero .eyebrow{color:var(--red);margin-top:0}.account-hero h1{letter-spacing:-.07em;text-wrap:balance;max-width:13ch;margin:0;font-size:clamp(3rem,7vw,6.5rem);line-height:.96}.account-hero>p:last-child{max-width:720px;color:var(--text-secondary);margin:28px 0 0;font-size:clamp(1.05rem,1.7vw,1.28rem)}.account-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:clamp(36px,6vw,72px);margin-block:clamp(48px,7vw,82px) 34px;display:grid}.account-information{border:1px solid var(--border);border-radius:var(--radius-lg);background:#0f1220a8;overflow:hidden}.account-information section{grid-template-columns:32px 1fr;gap:20px;padding:clamp(26px,4vw,42px);display:grid}.account-information section+section{border-top:1px solid var(--border)}.account-information section>span{color:var(--accent);letter-spacing:.12em;padding-top:4px;font-size:.7rem;font-weight:700}.account-information h2,.account-auth-panel h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.12}.account-information p,.account-auth-panel p{color:var(--text-secondary);margin:0}.account-auth-panel{min-width:0;position:sticky;top:108px}.account-sign-in,.account-action-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0%, rgb(var(--accent-rgb) / 11%), transparent 24rem), linear-gradient(150deg, #141a2b, #0a0c14 72%);padding:clamp(26px,4vw,40px);box-shadow:0 28px 70px #00000047}.account-sign-in .eyebrow,.account-action-card .eyebrow{margin-top:0}.account-clerk-shell{border-radius:14px;width:100%;margin-top:26px;overflow:hidden}.account-sign-in-fallback{border:1px solid var(--border);background:var(--bg-raised);border-radius:14px;min-height:180px;padding:28px}.account-delete-form{gap:18px;margin-top:28px;display:grid}.account-confirmation{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff05;grid-template-columns:22px 1fr;align-items:start;gap:12px;padding:16px;display:grid}.account-confirmation input{width:20px;height:20px;accent-color:var(--red);margin:2px 0 0}.account-confirmation span{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.button-danger{background:var(--red);color:#190808;cursor:pointer;width:100%}.button-danger:hover:not(:disabled){box-shadow:0 14px 42px #f871713d}.button-danger:disabled{cursor:wait;opacity:.58;transform:none}.account-auth-panel .account-feedback{min-height:1.5em;color:var(--red);font-size:.86rem}.account-auth-panel .account-feedback-success{color:var(--accent)}@keyframes note-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:980px){.primary-nav{display:none}.hero,.practice,.account-grid{grid-template-columns:1fr}.account-auth-panel{position:static}.hero{padding-top:82px}.hero-copy{max-width:760px}.hero h1{max-width:11ch}.instrument-stage{width:min(100%,720px);min-height:540px;margin-inline:auto;transform:none}.practice-copy{max-width:760px}.results-panel{width:min(100%,680px);margin-inline:auto}.final-cta{flex-direction:column;align-items:flex-start}.site-footer{grid-template-columns:1fr 1fr}.footer-note{grid-area:2/1/auto/-1}}@media (max-width:720px){:root{--page-gutter:18px}.header-inner{gap:10px;min-height:68px}.brand-lockup{font-size:.96rem}.instrument-switch{border-radius:50%;width:44px;padding:0;font-size:0}.instrument-switch span{font-size:1.3rem}.locale-nav a{min-width:36px;padding-inline:6px;font-size:.68rem}.hero{min-height:auto;padding-block:64px 88px}.hero h1{font-size:clamp(3.25rem,15vw,5rem)}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.instrument-stage{border-radius:24px;min-height:450px}.stage-hud{top:20px;left:18px;right:18px}.stage-hud>span{display:none}.clef{font-size:4.6rem;left:5%}.keyboard,.fretboard{bottom:4%;left:3%;right:3%}.proof-strip{grid-template-columns:1fr}.proof-item{min-height:72px}.proof-item+.proof-item{border-top:1px solid var(--border);border-left:0}.experience,.practice{padding-block:96px}.feature-grid{margin-top:44px}.feature-card-1,.feature-card-2,.feature-card-3{grid-column:span 12;min-height:390px}.feature-card>p:last-child{-webkit-line-clamp:3}.results-panel{border-radius:24px;min-height:520px}.score-ring{width:160px;height:160px;margin-block:42px 34px;padding-top:40px}.score-ring strong{font-size:3.5rem}.result-motif{bottom:26px;left:24px;right:24px}.final-cta{border-radius:24px;justify-content:center;min-height:480px}.site-footer{grid-template-columns:1fr;padding-block:28px}.footer-note{flex-direction:column;grid-area:auto;justify-content:flex-start;align-items:flex-start}.footer-links{justify-content:flex-start}.account-main{padding-block:58px 82px}.account-hero h1{font-size:clamp(2.75rem,13vw,4.7rem)}.account-information,.account-sign-in,.account-action-card{border-radius:24px}}@media (max-width:460px){.brand-lockup span{text-overflow:ellipsis;white-space:nowrap;max-width:98px;overflow:hidden}.header-actions{gap:5px}.locale-nav a{min-width:32px}.instrument-stage{min-height:400px}.note-c{display:none}.metric-grid{gap:5px}.metric-grid div{padding-inline:4px}}@media (max-width:350px){.brand-lockup{justify-content:center;gap:0;width:44px}.brand-lockup>span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.note{animation:none}.button,.instrument-switch,.locale-nav a,.primary-nav a,.skip-link{transition:none}}@media (prefers-contrast:more){:root{--border:#5e6b8f;--border-strong:#8290b4;--text-muted:#b7bfd2}}