:root,body,#root,#root *{-webkit-user-select:none;user-select:none}#root input,#root textarea,#root select,#root [contenteditable=true],#root [contenteditable=true] *,#root .selectable,#root .selectable *{-webkit-user-select:text;user-select:text}#root .stringview,#root .playstring{-webkit-touch-callout:none}:root{--picker-overlay-z:1050;color:#eef3f6;scrollbar-gutter:stable;background:#111820;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:radial-gradient(circle at 0 0,#1d3440,#101820 45%,#0b1117);margin:0}#root{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}@supports not (scrollbar-gutter:stable){body{overflow-y:scroll}}button,input,select,textarea{font:inherit}button{color:#06120f;cursor:pointer;background:#49c6a4;border:0;border-radius:14px;min-height:44px;padding:.85rem 1rem;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}.secondaryButton{color:#f8d4bd;background:#ffffff14;border:1px solid #f9bba347;box-shadow:inset 0 1px #ffffff0f}.secondaryButton:hover:not(:disabled),.secondaryButton:focus-visible{background:#ffffff1f}.startupSplash{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));text-align:center;color:var(--text,#eef3f6);background:radial-gradient(circle at 24% -10%,#dd7b6538,#0000 34%),radial-gradient(circle at 88% 12%,#873f1e2e,#0000 32%),linear-gradient(#14110f 0%,#090909 58%,#050505 100%);place-content:center;justify-items:center;gap:18px;padding:32px;display:grid}.startupSplashLogo{filter:drop-shadow(0 18px 28px #00000061);-webkit-user-select:none;user-select:none;width:clamp(96px,18vw,150px);height:auto}.startupSplash span{letter-spacing:.08em;text-transform:uppercase;color:#f8d4bd;text-shadow:0 0 18px #f8d4bd47;font-weight:900}.screenLoading{width:100%;min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));text-align:center;place-items:center;padding:24px;display:grid}.screenLoadingPanel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 0,#dd7b6529,#0000 62%),#100c0ac7;border:1px solid #f9bba329;border-radius:18px;justify-items:center;gap:14px;min-width:min(240px,100%);padding:28px 34px;display:grid;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff09}.screenLoadingSpinner{filter:drop-shadow(0 0 8px #d8bb7233);border:2px solid #d8bb72;border-color:#d8bb72 #a68342 #f9bba32e #f9bba32e;border-radius:50%;width:38px;height:38px;animation:.85s linear infinite screenLoadingSpin}.screenLoadingLabel{color:#f8d4bd;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:900}@keyframes screenLoadingSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.screenLoadingSpinner{animation:none}}.linkbtn{color:#9ee8d0;background:0 0;text-decoration:underline}.iconbtn{color:#fff;background:#23313d;width:48px;height:48px;padding:.7rem}.iconbtn svg,.logo svg,.menucard svg{fill:currentColor;stroke:currentColor;stroke-width:1.2px;width:100%;height:100%}.menu,.page,.game{width:min(1120px,100%);margin:0 auto;padding:24px}.card{background:#ffffff12;border:1px solid #ffffff1c;border-radius:26px;margin:16px 0;padding:22px;box-shadow:0 20px 50px #00000038}.startupRecoveryCard{text-align:center;justify-items:center;gap:18px;padding:clamp(24px,4vw,34px);display:grid}.startupRecoveryCard h1,.startupRecoveryCard p{margin:0}.startupRecoveryCard h1{text-wrap:balance;max-width:14ch}.startupRecoveryCard>p,.startupRecoveryCard .hint{max-width:26ch}.startupRecoveryActions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.startupRecoveryActions>button{min-width:150px}.hero{text-align:center}.logo{letter-spacing:-.05em;justify-content:center;align-items:center;gap:14px;font-size:clamp(2rem,5vw,4rem);font-weight:900;display:flex}.logo svg{color:#49c6a4;fill:none;width:64px;height:64px}.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.menucard{color:#f5fbff;text-align:left;background:#182632;border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:130px;display:flex}.menucard em{color:#ffd68a;align-items:center;gap:6px;font-style:normal;display:flex}.menucard svg{width:20px}.pill{background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:.5rem .85rem;display:inline-flex}.gamebar,.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hint{color:#bdd0d8}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.multistrings{gap:12px;display:grid}.stringrow{grid-template-columns:54px 1fr 54px;align-items:center;gap:10px;display:grid}.playstring{color:#fff;background:#1f3040;justify-content:space-between;align-items:center;gap:14px;display:flex}.playstring i{background:#d3af70;border-radius:99px;width:86%;display:block}.staff{background:#f4f0e7;border-radius:20px;width:100%;height:250px}.staff line,.staff path{stroke:#1a222c}.staff ellipse{fill:#1a222c}.staff text{fill:#1a222c;font-weight:800}.tunergauge{place-items:center;gap:16px;display:grid}.tunergauge svg{stroke:#eef3f6;fill:none;width:min(520px,100%);height:240px}.tunerreadout{flex-wrap:wrap;align-items:center;gap:18px;font-size:1.2rem;display:flex}.formgrid,.statgrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}label{color:#d7e2e8;grid-template-rows:auto 1fr;gap:6px;display:grid}input,select,textarea{color:#fff;background:#0f1820;border:1px solid #ffffff24;border-radius:12px;width:100%;padding:.75rem}textarea{min-height:120px}.warn{color:#ffd68a}.fallback{gap:10px;max-width:360px;display:grid}.bar{grid-template-columns:70px 1fr 36px;align-items:center;gap:10px;display:grid}.bar i{background:#49c6a4;border-radius:99px;height:14px;display:block}@media (width<=640px){.menu,.page,.game{padding:14px}.card{border-radius:18px;padding:16px}.gamebar{z-index:2;background:#101820;padding:8px;position:sticky;top:0}.logo{font-size:2rem}.staff{height:190px}.actions button{width:100%}}.tabs{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.tabs button{color:#eef3f6;background:#203040;border:1px solid #ffffff1f}.lockpanel{text-align:center;justify-items:center;gap:10px;display:grid}.lockicon{color:#ffd68a;width:54px;height:54px}.lockicon svg{fill:currentColor;width:100%;height:100%}.stringwrap{gap:10px;display:grid}.stringview .fret{stroke:#e6d8b947;stroke-width:.45px}.trialpill{color:#eef3f6;background:#ffffff0f;border:1px solid #ffffff24;font-weight:500}.playstring{position:relative;overflow:hidden}.playstring i{background:linear-gradient(#fff3c7 0%,#9a6a32 35%,#f4d690 55%,#5b3b1f 100%);min-height:1.2px;box-shadow:0 2px 5px #00000080}.playstring em{border:1px solid #ffffff29;border-radius:999px;padding:.25rem .5rem;font-size:.88rem;font-style:normal}.playstring em.ok{color:#9ee8d0}.playstring em.miss{color:#ffd68a}.stringview .fretboard{fill:url(#darkWood);stroke:#ffffff14;stroke-width:.35px}.stringview .fret{display:none}.answerFeedback .correct{stroke:#eafff7;stroke-width:1.2px}.answerFeedback .answer{stroke:#ff5f5f;stroke-width:1.45px;stroke-linecap:round}.multistrings{--string-row-height:40px;--string-control-gap:5px;--string-side-button:40px;gap:7px;display:grid}.stringrow{grid-template-columns:var(--string-side-button) minmax(0, 1fr) calc(var(--string-side-button) * 2 + var(--string-control-gap));gap:var(--string-control-gap);align-items:center;display:grid}.replayString{width:var(--string-side-button);height:var(--string-row-height);min-height:var(--string-row-height);color:#eafff7;background:#20303d;border:1px solid #ffffff1f;place-items:center;padding:0;font-size:1.12rem;line-height:1;display:grid}.playstring{min-height:var(--string-row-height);color:#fff;background:#12222d;border:1px solid #ffffff14;align-items:center;display:flex;position:relative;overflow:hidden}.playstring i{background:linear-gradient(#fffef0 0%,#c9c9c9 23%,#7d8388 42%,#f7e8b1 58%,#666a6f 100%);border-radius:99px;width:100%;min-height:1.4px;box-shadow:0 2px 6px #0000008c}.srText{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tuneButtons{grid-template-columns:repeat(2, var(--string-side-button));gap:var(--string-control-gap);display:grid}.tuneButtons button{width:var(--string-side-button);height:var(--string-row-height);min-height:var(--string-row-height);place-items:center;padding:0;font-size:1.05rem;line-height:1;display:grid}.intervalFeedback{pointer-events:none;position:absolute;inset:0}.intervalFeedback .correctLine{background:#eafff7;border-radius:99px;width:2px;position:absolute;top:9px;bottom:9px;left:50%;transform:translate(-50%)}.intervalFeedback .missLine{background:#ff5f5f;border-radius:99px;width:3px;position:absolute;top:11px;bottom:11px;transform:translate(-50%)}.intervalFeedback em{background:#070f14ad;border:1px solid #ffffff24;border-radius:999px;padding:.22rem .45rem;font-size:.86rem;font-style:normal;position:absolute;top:50%;right:12px;transform:translate(calc(100% - 1ch),calc(50% - 1ch))}.intervalFeedback em.ok{color:#9ee8d0}.intervalFeedback em.miss{color:#ffb2b2}.tuneButtons button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:18px;height:18px;display:block}.playstring:focus-visible,.replayString:focus-visible,.tuneButtons button:focus-visible{outline-offset:2px;outline:2px solid #9ee8d0e6}.staff{background:#f4f0e7;border-radius:22px;width:100%;height:min(38vh,340px);min-height:270px;display:block}.staff line,.staff path{stroke:#18202a;fill:none}.staff line{stroke-width:2.2px}.staff .ledger{stroke-width:2.1px}.staff ellipse,.staff circle{fill:#18202a}.staff text{fill:#18202a;font-size:14px;font-weight:800}.clefGlyph{stroke:#18202a;fill:#18202a}@media (width<=640px){.multistrings{--string-row-height:38px;--string-control-gap:5px;--string-side-button:38px}.staff{height:300px;min-height:250px}}.gamecard{--game-bottom-panel-height:92px;padding-bottom:var(--game-bottom-panel-height);position:relative}.cornerControls{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto 18px 18px}.roundIcon{appearance:none;pointer-events:auto;background-clip:border-box;border:1px solid #f9bba34d;border-radius:999px;place-items:center;width:60px;height:60px;min-height:60px;padding:0;font-size:2rem;line-height:1;display:grid;overflow:hidden;box-shadow:0 12px 30px #00000047}.replayCorner{color:#eafff7;background:#20303d}.roundIcon:disabled{opacity:.38}.noteButtonGroup{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.noteChoiceButton{min-width:3.2rem;color:var(--text,#eef3f6);text-align:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;padding:.62rem .78rem;font-weight:800;line-height:1.1}.noteChoiceButton.selected,.noteChoiceButton[aria-pressed=true]{background:var(--peach,#49c6a4);color:#1b120e;border-color:#ffffff59;box-shadow:0 8px 22px #00000038}.noteChoiceButton:focus-visible{outline-offset:2px;outline:2px solid #ffffffe0}.tunergauge path,.tunergauge circle{transition:all .14s ease-out}@media (width<=640px){.gamecard{--game-bottom-panel-height:86px}.cornerControls{bottom:14px;left:14px;right:14px}.roundIcon{width:56px;height:56px;min-height:56px}.noteChoiceButton{min-width:2.9rem;padding:.58rem .68rem}}.bravuraNotation{font-variant-ligatures:none;font-family:Bravura,Bravura Text,Noto Music,Segoe UI Symbol,serif;font-weight:400}.bravuraText{font-family:Bravura Text,Bravura,Noto Music,Segoe UI Symbol,serif;font-weight:400}.staff .clefGlyph{fill:#18202a;stroke:none;font-weight:400}.staff .noteheadGlyph{fill:#18202a;stroke:none;font-size:33px}.staff .accidentalGlyph{fill:#18202a;stroke:none;font-size:36px}.staff .noteStem{stroke:#18202a;stroke-width:3.4px;stroke-linecap:round}.staff .octaveMark{fill:#18202a;stroke:none;font-size:15px}.staff .bassOctaveMark{letter-spacing:-.35px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:650}.staff .noteDebugLabel{fill:#18202a;stroke:none;font-size:10px;font-weight:800}:root{color:#f6eee8;--bg0:#070707;--bg1:#13100e;--panel:#361f1894;--panel2:#201512c2;--line:#f9bba329;--text:#f6eee8;--muted:#c8a99c;--copper:#dd7b65;--burnt:#873f1e;--peach:#f9bba3;--rose:#9e6449;--ok:#f3c6a6;--warn:#f6b37f;--control-disabled-opacity:.4;--control-focus-ring:#f9bba3f5;--control-secondary-bg:#1e1310e0;--control-secondary-fg:#f9bba3;--control-secondary-border:#f9bba338;--control-active-bg:radial-gradient(circle at 34% 24%, #bd7357 0 14%, #7d3a24 54%, #3f190f 100%);--control-active-fg:#fff9f5;--control-active-border:#5b2718c7;--control-sound-wave:#652a18db;--control-sound-wave-glow:#f9bba36b;--control-destructive-fg:#ff9bab;--control-destructive-bg:#5c1923b8;--control-destructive-border:#ff799180;background:#090908}body{color:var(--text);background:radial-gradient(circle at 24% -10%,#dd7b6538,#0000 34%),radial-gradient(circle at 88% 12%,#873f1e2e,#0000 32%),linear-gradient(#14110f 0%,#090909 58%,#050505 100%)}button{color:#fff6ef;background:linear-gradient(#c96c55,#873f1e);border:1px solid #f9bba32e;border-radius:10px;box-shadow:0 10px 24px #00000038}button:hover:not(:disabled){filter:brightness(1.06)}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#4b2a209e,#181210a8);border-radius:8px;box-shadow:0 24px 70px #00000061,inset 0 1px #ffffff0a}.hero{background:linear-gradient(150deg,#341d17c2,#0c0b0ad6 58%,#1c110ec2)}.logo svg{color:var(--copper)}.logo{letter-spacing:0}.logo span{background:linear-gradient(90deg,#f9bba3 0%,#e6a184 27%,#dd7b65 52%,#b95a32 76%,#873f1e 100%);-webkit-text-fill-color:transparent;color:#f9bba3;text-shadow:0 0 1px #ffe7da8c,0 8px 18px #b95a3238;-webkit-background-clip:text;background-clip:text;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block}.logo .logoMark{object-fit:contain;flex:none;width:58px;max-height:58px;display:block}.iconbtn,.heroQuickActions .iconbtn,.replayString,.replayCorner{color:var(--peach);background:#1e1310d6;border:1px solid #f9bba32e}.iconbtn svg,.menucard svg{fill:none;stroke:currentColor}.menucard{color:var(--text);background:linear-gradient(145deg,#2b1914e0,#100e0deb);border:1px solid #f9bba324;border-radius:8px}.menucard span{font-size:1.25rem}.menucard em{color:var(--peach)}.pill,.trialpill{color:var(--muted);box-shadow:none;background:#191210b8;border-color:#f9bba32e}.trialpill{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.15}.trialpill strong{color:var(--peach)}.trialFullContent{white-space:nowrap;justify-content:center;align-items:center;gap:.38em;display:inline-flex}.trialCompactContent{display:none}.trialTimeLine,.trialDiscountLine{display:block}.trialDiscountLine{color:var(--muted);font-size:.82rem}.trialpill.trialOfferEndsSoon{border-color:#f4a648f5;box-shadow:inset 0 0 0 1px #f4a64833,0 0 12px #f4a64870,0 0 24px #b7651c38}.trialpill.trialOfferEndsSoon .trialDiscountLine{color:#f4a648;text-shadow:0 0 8px #f4a64885;font-weight:750}.menuTrialLine{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.gamebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0a09b8;border:1px solid #f9bba31f;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:12px;padding:8px 10px;display:grid}.gamebar>.iconbtn{grid-column:1;justify-self:start}.gamebarCenterControls{grid-column:2;justify-content:flex-end;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.gamebarTrialTrailingControls{flex:none;align-items:center;min-width:0;display:flex}.gamebarCenterControls>.trialTimerSlot{flex:0 auto;min-width:0;max-width:100%}.gamebarCenterControls>.trialTimerSlot>.trialpill{width:100%}.gamebarRightControls{grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;gap:10px;width:auto;min-width:0;display:flex;position:relative;overflow:visible}.gamebarAccessory{flex:auto;justify-content:flex-end;align-items:center;min-width:0;display:flex}.gamebarMobileAccessory{flex:none;justify-content:flex-end;align-items:center;display:flex;position:relative}.gamebarAccessoryToggle{color:var(--peach);background:#140d0ac7;border-color:#f9bba33d}.gamebarAccessoryToggle.active{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border);box-shadow:0 0 0 2px #f9bba31f,0 12px 28px #00000052,inset 0 1px #ffffff1a}.gamebarMobileAccessoryPanel{z-index:50;isolation:isolate;background:#160e0b;border:1px solid #5b382f;border-radius:999px;width:min(260px,100vw - 44px);padding:3px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 32px #0000009e,0 0 0 2px #140d0ab8}.gamebarMobileAccessoryPanel .gamebarMicrophoneLevel{background:linear-gradient(#2d1a15,#190f0c);border-color:#674137;width:100%;max-width:none;box-shadow:inset 0 1px #4a2c24}.gamebarMobileAccessoryPanel .gamebarMicrophoneLevel .microphoneLevelMeter>i{background:#38231e;border-color:#634238}.gamebarRightControls>.iconbtn{flex:none}.hint,label,.inlineFeedback,.micstatus{color:var(--muted)}input,select,textarea{color:var(--text);background:#080808bd;border-color:#f9bba329;border-radius:8px}.tabs button{color:var(--muted);background:#1c1310d6;border-color:#f9bba324}.tabs button.active{color:#fff6ef;background:linear-gradient(#dd7b65,#873f1e)}.result{border-color:#dd7b6570}.confirmCorner{color:#210f0a;background:linear-gradient(#f9bba3,#dd7b65 60%,#873f1e)}.stringview .fretboard{fill:#1b100d;stroke:#f9bba31a}.answerFeedback .correct{stroke:var(--peach)}.answerFeedback .answer{stroke:#ef796d}.stringrow.active .playstring{outline:2px solid #f9bba36b}.playstring{touch-action:none;background:linear-gradient(#1b1310f0,#0c0a09f5);border-color:#f9bba324;border-radius:8px}.playstring i{background:linear-gradient(#94602d 0%,#e3c27e 22%,#a26d35 46%,#d6ab66 70%,#aa7a42 100%);position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fff4e533,0 2px 7px #000000ad}.playstring i.isRoundwound{background-blend-mode:multiply, normal;background-color:#d2ae71;background-image:repeating-linear-gradient(90deg,#8a673a 0 .28px,#caa061 .28px .68px,#ffe7b0 .68px 1.06px,#b98a4c 1.06px 1.5px),linear-gradient(#9b682d 0%,#efcf91 22%,#b07c38 46%,#ddb36d 70%,#b88748 100%);background-position:0 0,0 0;background-repeat:repeat-x,no-repeat;background-size:1.5px 100%,100% 100%}.playstring i.isRoundwound:before{content:"";border-radius:inherit;opacity:.58;background-image:radial-gradient(145% 82% at 50% 22%,#fffae81c 0 35%,#0000 39%),radial-gradient(145% 84% at 50% 84%,#78542426 0 35%,#0000 39%);background-position:0 0,.75px 0;background-repeat:repeat-x,repeat-x;background-size:1.5px 100%,1.5px 100%;position:absolute;inset:0}.playstring i.isRoundwound:after{content:"";border-radius:inherit;opacity:.62;background:linear-gradient(#ffffff14,#fff0 30%),linear-gradient(#6c4d2100,#6c4d212e);position:absolute;inset:0}.playstring i.isFlatwound{background-blend-mode:multiply, normal;background-color:#b28a65;background-image:repeating-linear-gradient(99deg,#5f422d14 0 .12px,#5f422d29 .12px .24px,#5f422d47 .24px .42px,#5f422d66 .42px .6px,#5f422d75 .6px .78px,#aa8d6c1f .78px .96px,#d1b18d0f .96px 5.04px,#a17f5f1a 5.04px 5.22px,#7651392e 5.22px 5.4px,#7651393d 5.4px 5.58px,#7651391a 5.58px 5.76px,#7651390a 5.76px 6px),linear-gradient(#7f4d2c 0%,#d9b58a 22%,#8b5835 46%,#c89c71 70%,#966742 100%);background-position:0 0,0 0;background-repeat:repeat,no-repeat;background-size:6px 100%,100% 100%}.playstring i.isFlatwound:after{content:"";border-radius:inherit;opacity:.54;background:linear-gradient(#ffffff24,#fff0 36%),linear-gradient(#2e180d00,#2e180d29);position:absolute;inset:0}.playstring i.hasNaturalVibration{transform-origin:50%;will-change:transform, filter;animation-name:stringNaturalDecayVibration;animation-timing-function:linear;animation-iteration-count:1}@keyframes stringNaturalDecayVibration{0%{filter:brightness(1.08);transform:translateY(0)}2%{transform:translateY(-1.15px)scaleY(1.05)}4%{transform:translateY(1.1px)scaleY(.95)}6%{transform:translateY(-1.05px)scaleY(1.045)}8%{transform:translateY(1px)scaleY(.955)}10%{transform:translateY(-.95px)scaleY(1.04)}12%{transform:translateY(.9px)scaleY(.96)}14%{transform:translateY(-.85px)scaleY(1.035)}16%{transform:translateY(.8px)scaleY(.965)}18%{transform:translateY(-.75px)scaleY(1.03)}20%{transform:translateY(.7px)scaleY(.97)}23%{transform:translateY(-.64px)scaleY(1.026)}26%{transform:translateY(.59px)scaleY(.974)}30%{transform:translateY(-.53px)scaleY(1.022)}34%{transform:translateY(.48px)scaleY(.978)}39%{transform:translateY(-.42px)scaleY(1.018)}44%{transform:translateY(.37px)scaleY(.982)}50%{transform:translateY(-.31px)scaleY(1.014)}57%{transform:translateY(.26px)scaleY(.986)}65%{transform:translateY(-.2px)scaleY(1.01)}74%{transform:translateY(.14px)scaleY(.99)}84%{transform:translateY(-.08px)scaleY(1.005)}to{filter:brightness();transform:translateY(0)}}.tuneButtons button{color:var(--peach);background:#231612e6;border-color:#f9bba329}.intervalFeedback .correctLine{background:#f9bba3e0}.intervalFeedback .missLine{background:#ef796d}.intervalFeedback em{background:#080808bd;border-color:#f9bba329}.intervalFeedback em.ok{color:#7fe7a3;border-color:#7fe7a359;box-shadow:0 0 13px #3acb6b47}.intervalFeedback em.miss{color:#ff8d83;border-color:#ff5d5057;box-shadow:0 0 13px #ff5d5040}.resultFeedback em{white-space:nowrap;right:auto;transform:translate(-50%,-50%)}.retuneFeedback .startLine{background:#f9bba35c}.retuneFeedback .retuneLine{background:var(--peach);border-radius:999px;width:3px;position:absolute;top:10px;bottom:10px;transform:translate(-50%);box-shadow:0 0 12px #f9bba36b}.staff{background:#f4efe6;border-radius:8px}.staff rect{fill:#f4efe6}.staff .bassClefGlyph{font-size:58px}.staff .accidentalGlyph{font-size:40px}.tunerCard{isolation:isolate;background:linear-gradient(#181210d1,#070707e6);max-width:760px;margin-left:auto;margin-right:auto;padding-top:8px;position:relative}.tunerScaleRegion{width:100%;min-width:0;overflow:visible}.tunerScaleControls{z-index:40;justify-content:flex-end;gap:8px;width:min(760px,100%);margin:0 auto 8px;padding:0 4px;display:flex;position:relative}.tunerScaleControls .tunerScaleButton{color:#f9bba3;background:#140d0abd;border:1px solid #f9bba347;border-radius:50%;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:0;line-height:0;display:grid;position:relative}.tunerScaleControls .tunerScaleButton:hover:not(:disabled),.tunerScaleControls .tunerScaleButton:focus-visible{background:#f9bba338;outline:none;box-shadow:0 0 0 2px #f9bba31f}.tunerScaleControls .tunerScaleButton:disabled{opacity:var(--control-disabled-opacity,.4)}.gamebarTunerScaleControls{z-index:auto;flex:none;justify-content:flex-start;gap:6px;width:auto;margin:0;padding:0;position:static}.gamebarTunerScaleControls .tunerScaleButton{background:#140d0ac7;width:36px;min-width:36px;height:36px;min-height:36px}.gameInterfaceScaleRegion{width:100%;min-width:0;overflow:visible}.gameInterfaceScaleStage{width:100%;min-width:0;position:relative;overflow:visible}.gameInterfaceScaleWorkspace{transform-origin:top;width:100%;min-width:0;display:flow-root;position:absolute;top:0;left:50%}.tunerScaleStage{width:100%;min-width:0;margin:0 auto;position:relative;overflow:visible}.tunerScaleWorkspace{transform-origin:top;width:100%;max-width:760px;margin:0;position:absolute;top:0;left:50%}.tunerCard:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(78% 46% at 50% 42%,#f9bba31c,#0000 60%),radial-gradient(64% 32% at 50% 30%,#dd7b6524,#0000 72%);position:absolute;inset:0}.tunerCard>.tunergauge,.tunerCard>.tunerGraphPanel,.tunerCard>.strobePanel,.tunerCard>.acousticTunerPanel,.tunerCard>.warn{z-index:1;position:relative}.tunerCard>.tunerHeader,.tunerCard>.tunerStringSelector{z-index:2;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:relative}.tunergauge{gap:0;min-height:360px;margin-top:8px;position:relative}.tunergauge svg{width:min(640px,100%);height:auto;stroke:var(--text);overflow:visible}.tunerArcBase{stroke:#f9bba321;stroke-width:18px;fill:none}.tunerArcWarm{stroke:url(#tunerArcGlow);stroke-width:5px;fill:none;filter:drop-shadow(0 0 12px #dd7b659e)}.majorTick line{stroke:#f9bba3d1;stroke-width:2px}.minorTick line{stroke:#f9bba357;stroke-width:1px}.tunergauge text{fill:#d9c2b5;stroke:none;text-anchor:middle;font-size:12px}.tunerNeedle{stroke:#dd7b65;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 8px #9e644980);transition:none}.tunerreadout{z-index:1;justify-items:center;gap:2px;margin-top:-64px;display:grid;position:relative}.tunerreadout strong{color:var(--peach);text-shadow:0 0 22px #f9bba359;font-size:clamp(4rem,15vw,7rem);line-height:.9}.tunerreadout span{color:var(--copper)}.tunerreadout b{color:var(--peach);background:#281914d6;border:1px solid #f9bba31f;border-radius:999px;padding:.35rem .85rem}.tunerreadout small{color:var(--muted)}.calibrationPanel{text-align:center;background:#2c1c17a8;border:1px solid #f9bba324;border-radius:8px;grid-template-columns:54px 1fr 54px;align-items:center;gap:14px;max-width:430px;margin:22px auto 8px;padding:12px 14px;display:grid}.calibrationPanel button{border-radius:999px;width:46px;height:46px;min-height:46px;padding:0;font-size:1.4rem}.calibrationPanel strong{display:block}.calibrationPanel small{color:var(--muted)}.settingsCalibrationPanel{grid-area:calibration;grid-template-columns:42px minmax(132px,1fr) 42px;gap:10px;width:100%;max-width:none;margin:0;padding:8px 10px}.settingsCalibrationPanel button{width:38px;height:38px;min-height:38px}.tunerCalibrationPanel{margin:0}.tunerHeader{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;margin:0 0 16px;display:grid}.tunerModeStrip{color:#f9bba3;flex-wrap:wrap;grid-column:2;justify-content:center;align-items:center;gap:10px;font-weight:750;display:flex}.tunerModeStrip span{text-shadow:0 0 10px #f9bba31f;background:#140d0a9e;border:1px solid #f9bba32e;border-radius:999px;padding:5px 10px;box-shadow:inset 0 0 0 1px #ffefdf0a,0 6px 14px #0000001f}.tunerViewControlWrap{grid-column:3;justify-self:end;position:relative}.tunerViewControl{width:42px;height:42px;min-height:42px;color:var(--peach);cursor:pointer;background:#140d0abd;border:1px solid #f9bba32e;border-radius:999px;place-items:center;padding:0;display:grid;position:relative}.tunerViewControl svg,.tunerModeMenu svg{width:22px;height:22px;display:block}.tunerModeMenu{z-index:5;background:#0a0807f5;border:1px solid #f9bba333;border-radius:8px;grid-template-columns:repeat(2,42px);gap:7px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #0000006b}.tunerModeMenu button{width:42px;height:42px;min-height:42px;color:var(--peach);background:#1e1310e6;border:1px solid #f9bba32e;border-radius:999px;place-items:center;padding:0;display:grid}.tunerModeMenu button.active{color:#fff6ef;background:radial-gradient(circle at 34% 24%,#f9bba3 0 18%,#dd7b65 62%,#873f1e 100%);border-color:#f9bba37a}.tunerViewControls{grid-column:3;justify-self:end;gap:7px;display:grid;position:relative}.tunerViewControls .tunerViewControlWrap{grid-column:auto;justify-self:auto}.tunerToneSourceMenu{grid-template-columns:minmax(154px,1fr);gap:6px}.tunerToneSourceMenu button{border-radius:8px;justify-content:flex-start;align-items:center;gap:9px;width:154px;height:42px;min-height:42px;padding:0 9px;display:flex}.tunerToneSourceMenu button.active{color:#fffaf5;text-shadow:0 1px 1px #1909058c;background:linear-gradient(135deg,#8f3f2c,#dd7b65)}.tunerToneSourceMenu svg{flex:none}.tunerToneSourceMenu span{white-space:nowrap;font-size:.86rem;font-weight:900;line-height:1}.toneLoopToggle.looping{color:#fff6ef;border-color:#f9bba36b;box-shadow:0 0 0 2px #f9bba31f,0 0 16px #dd7b6538}.toneLoopStrike{opacity:1;transform-origin:12px 12px;transition:opacity .18s,transform .18s;transform:scale(1)}.toneLoopStrike.hidden{opacity:0;transform:scale(.7)translate(2px,-2px)}.tunerStringSelector{scrollbar-color:transparent transparent;border:1px solid #0000;flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:fit-content;max-width:100%;margin:-4px auto 8px;padding:2px 8px 4px;display:flex;overflow-x:auto}.tunerStringSelector::-webkit-scrollbar{height:0}.tunerStringSelector button{color:#fff6ef;text-shadow:0 1px 1px #1c120fd1,0 0 8px #fff6ef1f;background:#1c120fd6;border:1px solid #f9bba357;border-radius:999px;grid-template-rows:1fr auto;place-items:center;width:52px;min-width:52px;height:52px;min-height:52px;padding:0;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #ffefdf0d,0 8px 18px #0000002e,0 0 9px #f9bba314}.tunerStringSelector button.tuned:not(.active):not(.looping){color:#fff6ef;text-shadow:0 1px 1px #281e0ab8,0 0 8px #fff6ef24;background:radial-gradient(circle at 34% 22%,#d8bb72 0 14%,#a68342 38%,#7a5d28 68%,#5a4518 100%);border-color:#b9934fad;box-shadow:inset 0 0 0 1px #fff1d71a,0 0 0 2px #b9934f1f,0 11px 24px #00000040,0 0 14px #a6834233}.tunerStringSelector button.active,.tunerStringSelector button.looping{color:#fff6ef;text-shadow:0 1px 1px #321810bd,0 0 9px #fff6ef24;background:radial-gradient(circle at 34% 22%,#f9bba3 0 16%,#dd7b65 54%,#873f1e 100%);border-color:#f9bba3a3;box-shadow:inset 0 0 0 1px #fff6ef24,0 0 0 2px #f9bba329,0 12px 26px #00000047,0 0 14px #dd7b6533}.tunerStringSelector strong{color:currentColor;margin-top:10px;font-size:.82rem;font-weight:900;line-height:1}.tunerStringSelector strong:only-child{margin:0}.tunerStringSelector small{color:currentColor;opacity:.9;margin-bottom:8px;font-size:.66rem;font-weight:780}.compactReadout{margin:10px auto 0}.compactReadout strong{font-size:clamp(2.9rem,9vw,5rem)}.tunerGraphPanel{justify-items:center;gap:4px;min-height:330px;margin-top:18px;padding-top:18px;display:grid}.tunerGraphPanel svg{width:min(640px,100%);height:auto;overflow:visible}.graphCenter{stroke:#f9bba38a;stroke-width:2px}.tunerGraphPanel text{fill:var(--muted);stroke:none;font-size:12px}.strobePanel{background:linear-gradient(#0e0a09eb,#080706bd);border:1px solid #f9bba31a;border-radius:8px;align-content:center;justify-items:center;gap:8px;min-height:360px;margin-top:18px;padding:8px 0 18px;display:grid;position:relative;overflow:hidden}.strobeReadout{gap:4px;margin:0 auto}.acousticTunerPanel{background:linear-gradient(#0e0b0ad6,#08070694);border:1px solid #f9bba31a;border-radius:8px;align-content:center;justify-items:center;gap:22px;min-height:330px;margin-top:18px;padding:18px 16px;display:grid}.acousticReadout{margin:0 auto}.acousticReadout strong{font-size:clamp(3.8rem,12vw,6.4rem)}@media (width<=640px){.tunerHeader{margin-bottom:12px}.tunerStringSelector{margin:-2px auto 8px;padding:2px 6px 3px}.tunerGraphPanel,.strobePanel,.acousticTunerPanel{margin-top:14px}}.chromaticFrequencyPanel{background:#140d0a99;border:1px solid #f9bba31f;border-radius:8px;justify-items:center;gap:10px;width:min(520px,100%);padding:12px;display:grid}.chromaticFrequencyDigits{justify-content:center;align-items:center;gap:4px;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.chromaticFrequencyDigit{grid-template-rows:28px 42px 28px;place-items:center;display:grid}.chromaticFrequencyArrow{width:34px;height:26px;min-height:26px;color:var(--peach);background:#1e1310eb;border:1px solid #f9bba329;border-radius:8px;padding:0;font-size:.8rem;line-height:1}.chromaticFrequencyValueDigit{color:#fff2e9;text-shadow:0 1px 1px #00000070;background:linear-gradient(#281914f5,#140d0af5);border:1px solid #f9bba338;border-radius:8px;width:34px;height:42px;min-height:42px;padding:0;font-size:1.24rem;font-weight:950;line-height:1}.chromaticFrequencyComma{color:var(--peach);align-self:center;margin:24px 1px 0;font-size:1.45rem;font-weight:950}.chromaticFrequencyUnit{color:var(--muted);align-self:center;margin:24px 0 0 4px;font-weight:850}.chromaticNearestTone{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.chromaticNearestTone span{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.chromaticNearestTone strong{color:#fff2e9;font-size:1.05rem}.chromaticNearestTone b{color:var(--peach);background:#281914d6;border:1px solid #f9bba321;border-radius:999px;padding:3px 8px}.tunerSettingsGrid{grid-template-columns:minmax(170px,1fr) minmax(90px,.42fr) minmax(200px,1.18fr) minmax(290px,1fr);grid-template-areas:"instrument strings mode calibration";align-items:end}.settingTunerInstrument{grid-area:instrument}.settingTunerStrings{grid-area:strings}.settingTunerMode{grid-area:mode}@media (width<=1100px){.tunerSettingsGrid{grid-template-columns:minmax(220px,1fr) minmax(290px,1fr);grid-template-areas:"instrument calibration""strings mode"}}.statsToolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.statsHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.statsHeader span{color:var(--peach);font-size:2rem;font-weight:900}.statTile{background:#100c0b94;border:1px solid #f9bba31f;border-radius:8px;gap:4px;padding:14px;display:grid}.statTile small{color:var(--muted)}.statTile strong{color:var(--text);font-size:1.35rem}.bar{grid-template-columns:minmax(84px,120px) 1fr 44px}.bar i{background:linear-gradient(90deg,#873f1e,#dd7b65,#f9bba3);box-shadow:0 0 12px #dd7b6547}.statsPage .statgrid{grid-template-columns:repeat(auto-fit,minmax(110px,120px));justify-content:center;gap:14px}.statsPage .statTile{aspect-ratio:1;text-align:center;place-content:center;justify-items:center;min-width:0;padding:6px;overflow:hidden}.statsPage .statTile small,.statsPage .statTile strong{overflow-wrap:anywhere;max-width:100%;line-height:1.2}.statsPage .statTile strong{font-size:clamp(1.05rem,2.1vw,1.35rem)}.statsPage .statsCard{width:min(950px,100%);margin:8px auto;padding:12px}.statsPage .statsHeader{margin-bottom:10px}.statsPage .statsHeader h2{margin:0}.statsModeResetButton{color:#ffd6b8;background:linear-gradient(145deg,#5e311ff5,#301913fa);border:1px solid #f9bba347;border-radius:7px;place-items:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;display:grid;box-shadow:0 6px 14px #00000047,inset 0 1px #ffffff17}.statsModeResetButton:hover:not(:disabled),.statsModeResetButton:focus-visible{filter:brightness(1.08);border-color:#f9bba38f}.statsModeResetButton:disabled{opacity:.32;box-shadow:none}.statsModeResetButton svg{width:19px;height:19px}.statisticsResetDialog{gap:14px;width:min(440px,100%);margin:0;display:grid}.statisticsResetDialog h2,.statisticsResetDialog p{margin:0}.statisticsResetDialog h2{color:var(--peach)}.statisticsResetDialog p{color:var(--muted);line-height:1.55}.statisticsResetDialogActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=980px){.statsPage .statsCard{width:min(682px,100%)}}@media (width<=720px){.statsPage .statsCard{width:min(548px,100%)}}@media (width<=640px){.statsPage .statsCard{width:min(280px,100%)}}.helpPage{width:min(1400px,100%)}.helpGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.helpCard h3{color:var(--peach);margin-top:0}.helpHeaderActions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}@media (width<=1100px){.helpGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}@media (width<=640px){.gamebar{background:#090807e0;position:sticky;top:0}.menuTrialLine{align-items:stretch}.menuTrialLine .trialpill{justify-content:center;width:100%}.tunerreadout{margin-top:-46px}.compactReadout{margin-top:4px}.calibrationPanel{grid-template-columns:48px 1fr 48px}.settingsCalibrationPanel{grid-template-columns:42px minmax(132px,1fr) 42px;width:100%}.tunerHeader{grid-template-columns:38px minmax(0,1fr) 38px}.tunerModeStrip{gap:6px}.tunerModeStrip span{padding:4px 8px;font-size:.86rem}.tunerViewControl{width:38px;height:38px;min-height:38px}.tunerModeMenu{grid-template-columns:repeat(2,38px)}.tunerModeMenu button{width:38px;height:38px;min-height:38px}.tunerStringSelector{gap:5px}.tunerStringSelector button{width:46px;min-width:46px;height:46px;min-height:46px}.tunerStringSelector strong{margin-top:9px;font-size:.76rem}.tunerStringSelector strong:only-child{margin:0}.tunerStringSelector small{margin-bottom:7px;font-size:.62rem}.tunerGraphPanel,.strobePanel,.acousticTunerPanel{min-height:280px}.strobePanel{padding-top:4px}.tunerSettingsGrid{grid-template-columns:1fr;grid-template-areas:"instrument""strings""mode""calibration"}.staff .noteheadGlyph{font-size:42px}.tunerToneSourceMenu{grid-template-columns:minmax(148px,1fr)}.tunerToneSourceMenu button{width:148px;height:40px;min-height:40px}.acousticTunerPanel{gap:14px;padding:14px 10px}.acousticReadout strong{font-size:clamp(3rem,16vw,4.6rem)}.chromaticFrequencyPanel{padding:10px}.chromaticFrequencyDigits{justify-content:flex-start;width:100%}.chromaticFrequencyDigit{grid-template-rows:26px 38px 26px}.chromaticFrequencyArrow{width:30px;height:24px;min-height:24px}.chromaticFrequencyValueDigit{width:30px;height:38px;min-height:38px;font-size:1.08rem}}.iconbtn{place-items:center;padding:0;line-height:0;display:grid;overflow:hidden}.iconbtn svg,.heroQuickActions .iconbtn svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px;height:22px;display:block}.gamebar .iconbtn{border-radius:10px;width:46px;height:46px;min-height:46px}.replayIcon{fill:none;stroke:currentColor;width:28px;height:28px;display:block}.replayString .replayIcon{width:20px;height:20px}.confirmCorner{background:radial-gradient(circle at 34% 24%,#f9bba3 0 18%,#e88971 46%,#dd7b65 66%,#873f1e 100%);border-color:#873f1eb8;box-shadow:0 14px 28px #00000057,inset 0 -2px #45190e85}.pitchStringButton{cursor:crosshair;justify-content:center;min-height:76px;padding:0 18px}.pitchStringButton i{width:100%;height:5.2px;min-height:5.2px}.pitchPickFeedback .retuneLine,.pitchResultFeedback .correctLine,.pitchResultFeedback .missLine{top:12px;bottom:12px}.pitchResultFeedback em{text-overflow:ellipsis;max-width:120px;top:auto;bottom:6px;overflow:hidden;transform:translate(-50%)}.staff .trebleClefGlyph{font-size:52px}.staff .noteheadGlyph{font-size:49px}.staff .noteStem{stroke-width:3.8px}@media (width<=640px){.staff .noteheadGlyph{font-size:47px}}.cornerControls{grid-template-columns:auto minmax(160px,1fr) auto;align-items:end;gap:14px;display:grid}.resultSlot{text-align:center;min-height:60px;color:var(--muted);pointer-events:none;align-self:center;place-items:center;padding:0 10px;display:grid}.resultInline strong{color:var(--peach);font-size:1.05rem;line-height:1.15;display:block}.resultInline span,.resultInline .resultDetail{color:var(--muted);font-size:.95rem;line-height:1.25;display:block}.leftCornerControls,.rightCornerControls{pointer-events:auto;align-items:center;gap:10px;display:flex}.leftCornerControls{justify-content:flex-start}.rightCornerControls{justify-content:flex-end}.strumCorner{color:var(--peach);background:#1e1310d6}.strumCorner svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:28px;height:28px;display:block}.modeSettingsGrid{grid-template-columns:repeat(3,minmax(170px,1fr));align-items:end}.modeSettingsGrid.hasKeySignature{grid-template-columns:repeat(4,minmax(150px,1fr))}.modeSettingsGrid .settingDifficulty{grid-column:1}.modeSettingsGrid .settingToneRange{grid-column:2}.modeSettingsGrid .settingIntervalRange{grid-column:3}.modeSettingsGrid .settingCustomLow{grid-column:2}.modeSettingsGrid .settingCustomHigh{grid-column:3}.modeSettingsGrid .settingKeySignature{grid-column:4}.checkboxSetting{align-items:center;gap:10px;min-height:48px;display:flex}.checkboxSetting input{accent-color:#dd7b65;width:18px;height:18px}.targetNoteName{color:#f9bba3;letter-spacing:0;text-align:center;background:#140d0a94;border:1px solid #f9bba352;border-radius:999px;width:max-content;min-width:96px;margin:0;padding:6px 18px;font-size:clamp(1.35rem,3.4vw,2.35rem);font-weight:850;line-height:1;box-shadow:0 14px 36px #b95a322e}.playNoteTargetNoteSlot{place-items:end center;padding-bottom:0;display:grid}.playNoteBottomTarget{transform:translateY(clamp(6px,.7vw,10px))}.staff .noteRun{will-change:transform;transform-box:fill-box;transform-origin:50%;transition:transform .52s cubic-bezier(.22,.72,.18,1);transform:translate(0)}.staff .noteRun.advancing{transform:translate(-58px)}.staff .futureNote .noteheadGlyph,.staff .futureNote .accidentalGlyph{fill:#86817a}.staff .futureNote .noteStem,.staff .futureNote .ledger{stroke:#86817a}.staff .futureNote{opacity:.72}.staff .activeNote{opacity:1}.staff .keySignatureGlyph{font-size:34px}.staff .pitchShadowLine{pointer-events:none;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 4px #00000040);opacity:.92;transition:transform 90ms linear,stroke .12s,opacity .12s}.staff .noteheadGlyph.progressFill{fill:#168f5b;stroke:none}.staff .noteStem.progressFill,.staff .pitchShadowLine.match{stroke:#168f5b}.staff .pitchShadowLine.wrong-octave{stroke:#1f66d1}.staff .pitchShadowLine.out-of-tolerance{stroke:#c7253e}@media (width<=820px){.cornerControls{grid-template-columns:auto minmax(120px,1fr) auto;gap:8px}.leftCornerControls,.rightCornerControls{gap:8px}.modeSettingsGrid{grid-template-columns:1fr 1fr}.modeSettingsGrid .settingDifficulty,.modeSettingsGrid .settingToneRange,.modeSettingsGrid .settingIntervalRange,.modeSettingsGrid .settingCustomLow,.modeSettingsGrid .settingCustomHigh,.modeSettingsGrid .settingKeySignature{grid-column:auto}}@media (width<=520px){.cornerControls{grid-template-columns:auto minmax(0,1fr) auto}.leftCornerControls{gap:6px}.rightCornerControls{grid-template-columns:1fr;gap:6px;display:grid}.stringIntervalsGamecard .rightCornerControls{flex-flow:row;gap:6px;display:flex}.resultInline span{font-size:.82rem}}.menu .grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.menu .menucard{text-align:center;background:radial-gradient(circle,#f9bba321,#0000 36%),linear-gradient(145deg,#2d1914eb,#0c0a09f5);justify-content:flex-start;align-items:center;gap:22px;min-height:125px;padding:26px 20px 22px;transition:transform .25s,box-shadow .25s,border-color .25s,filter .25s;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000005c,inset 0 1px #ffffff0a}.menu .menucard:before{content:"";border-radius:inherit;pointer-events:none;opacity:.74;background:linear-gradient(#f9bba314,#0000 48%);transition:opacity .25s;position:absolute;inset:0}.menu .menucard:hover:not(:disabled){filter:none;border-color:#f9bba35c;transform:translateY(-3px);box-shadow:0 30px 90px #00000070,0 0 34px #dd7b6524,inset 0 0 36px #f9bba30e}.menu .menucard:hover:not(:disabled):before{opacity:1}.menu .menucard .menuCardTitle,.menu .menucard .compactMenuTitle{z-index:1;background:linear-gradient(90deg,#f9bba3 0%,#dd7b65 58%,#b95a32 100%);-webkit-text-fill-color:transparent;color:var(--peach);-webkit-background-clip:text;background-clip:text;font-size:1.28rem;font-weight:850;line-height:1.18;position:relative}.menu .menucard em{z-index:1;justify-content:center;margin-top:auto;position:relative}@media (width<=640px){.menu .grid{grid-template-columns:minmax(0,1fr);gap:14px}.menu .menucard{gap:20px;min-height:286px;padding:22px 16px 18px}.menu .menucard .menuCardTitle,.menu .menucard .compactMenuTitle{font-size:1.12rem}}.tunerGraphPanel{background:linear-gradient(#0c0a09f2,#060606d1);border:1px solid #f9bba31a;border-radius:8px;gap:8px;min-height:430px;padding:12px 0 18px}.tunerGraphPanel svg{width:min(680px,100%);max-width:680px;height:auto;overflow:visible}.graphToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:min(680px,100%);padding:0 12px;display:flex}.graphModeSwitch,.graphRecordControls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.graphToolbar button{color:#f9bba3c7;background:#100b09b8;border-color:#f9bba324;border-radius:999px;min-height:30px;padding:6px 10px;font-size:.76rem;font-weight:850}.graphToolbar button.active,.graphToolbar button.recording{color:var(--peach);border-color:#f9bba361;box-shadow:0 0 12px #f9bba31f}.graphToolbar button:disabled{opacity:.42;cursor:not-allowed}.tunerGraphPanel.reviewing svg{cursor:grab;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tunerGraphPanel.reviewing svg:active{cursor:grabbing}.graphPlotFill{fill:#0707078a;stroke:#f9bba31f;stroke-width:1px}.graphSharpRegion{fill:#dd7b650f}.graphFlatRegion{fill:#7aa8c90b}.graphNearZone{fill:#f9bba30e}.graphLockZone{fill:#f3c6a61f}.graphTimeGuide{stroke:#f9bba317;stroke-width:1px}.graphCenter{stroke:#f9bba3b8;stroke-width:1.7px;stroke-dasharray:4 5}.graphGuide{stroke:#f9bba31f;stroke-width:1px}.graphTrace{fill:none;stroke:#f9bba3b8;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #f9bba347)}.graphCursorLine{stroke:#f9bba352;stroke-width:1px;stroke-dasharray:3 4}.graphLatestDot{fill:var(--peach);stroke:#080706eb;stroke-width:1.5px;filter:drop-shadow(0 0 8px #f9bba373)}.graphCursorTooltip{pointer-events:none;filter:drop-shadow(0 10px 18px #00000057)}.graphCursorTooltip rect{fill:#0c0908f0;stroke:#f9bba352;stroke-width:1px}.tunerGraphPanel .graphCursorTooltip text{fill:#f3c6a6;letter-spacing:0;font-size:8.8px;font-weight:800}.tunerGraphPanel text.graphAxisLabel{fill:var(--muted);text-anchor:end;font-size:8.8px;font-weight:750}.tunerGraphPanel text.graphTargetAxisLabel{fill:#f9bba3eb;font-size:9.4px}.tunerGraphPanel text.graphTimeLabel{fill:#c8a99cc2;text-anchor:middle;font-size:9px;font-weight:700}.tunerGraphPanel text.graphCurrentNoteLabel{fill:#fff6ef;text-anchor:middle;dominant-baseline:auto;paint-order:stroke;stroke:#08070657;stroke-width:2px;letter-spacing:.01em;filter:drop-shadow(0 0 10px #f9bba35c);font-size:18px;font-weight:950}.graphRecordingInline{color:#f9bba3eb;letter-spacing:.02em;margin-top:-8px;font-size:.78rem;font-weight:850}@media (width<=640px){.tunerGraphPanel{min-height:440px;padding:10px 0 14px}.graphToolbar{justify-content:center;padding:0 8px}.graphToolbar button{padding:6px 9px}}.tunerNeedle{stroke:url(#tunerNeedleUnifiedMetal);stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 7px #9e644975)drop-shadow(0 2px 4px #0000005c);transition:none;opacity:1!important}.tunergauge.needleUnifiedMetal .tunerNeedle{stroke:url(#tunerNeedleUnifiedMetal);opacity:1!important}.tunerNeedleTipCenterMark{stroke-width:3.35px;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 2px #e0c27b7a)}.tunerNeedleHub{fill:url(#tunerNeedleHubUnifiedMetal);stroke:#9e6449;stroke-width:1.6px;filter:drop-shadow(0 0 8px #9e644980)drop-shadow(0 2px 5px #00000057);pointer-events:none;opacity:1!important}.tunerArcFlat,.tunerArcSharp{stroke:#f9bba329;stroke-width:12px;fill:none}.tunerArcFlat{stroke:#f6b37f2e}.tunerArcSharp{stroke:#f9bba333}.tunerTargetArc{filter:drop-shadow(0 0 6px #ba924a33)drop-shadow(0 1px 3px #00000038)}.tunerLockZoneBase,.tunerLockZoneContour{fill:none;stroke-linecap:butt;vector-effect:non-scaling-stroke;pointer-events:none}.tunerLockZoneBase{opacity:1!important}.tunerLockZoneContour{opacity:1}.centerTick.tunerTargetStem{filter:drop-shadow(0 0 1.5px #ba924a14);opacity:1!important;stroke:none!important}.gaugeTickLabel{stroke-width:1.35px;paint-order:stroke fill;letter-spacing:.01em;filter:drop-shadow(0 1px 4px #0000005c)drop-shadow(0 0 5px #fff5ec14);font-weight:860;stroke:#22120de0!important}.gaugeTickLabelEndpoint{letter-spacing:-.01em;font-weight:930;font-size:13.6px!important}.gaugeTickLabelMajor,.gaugeTickLabelCenter{font-size:12.4px!important}.gaugeToneName{letter-spacing:-.04em;opacity:.82;pointer-events:none;filter:drop-shadow(0 0 10px #f9bba34d)drop-shadow(0 2px 8px #00000061);font-weight:900;fill:var(--peach)!important;stroke:none!important;font-size:34px!important}.gaugeFrequencyLabel{letter-spacing:0;opacity:.9;pointer-events:none;filter:drop-shadow(0 1px 5px #0000006b);font-weight:850;fill:#f9bba3c7!important;stroke:none!important;font-size:11px!important}.gaugeReadout{gap:4px;margin-top:-8px}.gaugeReadout b{padding:.28rem .78rem;font-size:clamp(.95rem,2.5vw,1.1rem)}@media (width<=640px){.tunergauge{min-height:310px}.gaugeToneName{font-size:31px!important}.gaugeFrequencyLabel{font-size:10px!important}.gaugeReadout{margin-top:-6px}}.strobePanel{background:linear-gradient(#0c0a09f5,#050505e0);border-color:#f9bba31f;gap:14px;padding:18px 16px 20px}.strobeBands{background:#0707076b;border:1px solid #f9bba31c;border-radius:8px;gap:9px;width:min(640px,100%);padding:12px;display:grid;box-shadow:inset 0 1px #ffffff06}.strobeBand{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;display:grid}.strobeBandLabel{color:#f9bba3bd;text-align:right;font-size:.78rem;font-weight:850;line-height:1}.strobeBandTrack{background:linear-gradient(#16100ee0,#090807f0);border:1px solid #f9bba31f;border-radius:5px;height:38px;position:relative;overflow:hidden}.strobeBandPattern{opacity:var(--strobe-energy);transform:translateX(var(--strobe-offset));will-change:transform;background:repeating-linear-gradient(90deg,#f6eee8db 0 4px,#dd7b6594 4px 8px,#120c0aeb 8px 17px,#f9bba338 17px 21px,#090807f5 21px 34px);position:absolute;inset:0 -76px}.strobeBandTrack:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0e,#0000 36%,#0000002e);position:absolute;inset:0}.strobeBandCenter{background:#f9bba3d1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #f9bba352}.strobeBand.inactive .strobeBandLabel{color:#c8a99c57}.strobeBand.inactive .strobeBandPattern{opacity:.025}.strobeBand.inactive .strobeBandCenter{opacity:.32}.strobePanel.silence .strobeBandPattern,.strobePanel.low-confidence .strobeBandPattern{opacity:.16;filter:saturate(.25)brightness(.72)}.strobeReadout{text-align:center;gap:3px;margin:0 auto}.strobeReadout strong{font-size:clamp(3rem,9vw,5.35rem);line-height:.86}.strobeReadout b{color:var(--text);font-size:clamp(.96rem,2.5vw,1.18rem);font-weight:850}.strobeModeLine,.strobeSecondary,.strobePending,.strobeTarget{color:#c8a99cc2;font-size:.78rem;font-weight:750;line-height:1.18}.strobeTarget{color:#c8a99c94;font-size:.72rem}.strobePanel.silence .strobeStatus,.strobePanel.low-confidence .strobeStatus{color:#c8a99cc7}@media (width<=640px){.strobePanel{padding:12px 10px 16px}.strobeBands{gap:7px;padding:9px}.strobeBand{grid-template-columns:30px minmax(0,1fr);gap:8px;min-height:32px}.strobeBandTrack{height:32px}.strobeBandLabel{font-size:.7rem}.strobeReadout strong{font-size:clamp(2.7rem,16vw,4.9rem)}}.stringIntervalGap{height:20px;margin:-9px calc(var(--string-side-button) * 2 + var(--string-control-gap) * 2) -9px calc(var(--string-side-button) + var(--string-control-gap));color:#f9bba3d1;letter-spacing:0;text-align:center;pointer-events:none;place-items:center;font-size:.78rem;font-weight:850;display:grid}.intervalChordSlot{pointer-events:none;min-height:70px;position:static}.intervalChordCard{width:112px;height:var(--game-bottom-panel-height,92px);cursor:grab;touch-action:none;pointer-events:auto;background:#0c0908d6;border:1px solid #f9bba32e;border-radius:8px;place-items:center;display:grid;overflow:hidden;box-shadow:0 12px 28px #00000052}.intervalChordCard:active{cursor:grabbing}.floatingSheetResizeHandle{z-index:20;color:#cd975b;cursor:nwse-resize;touch-action:none;opacity:1;clip-path:polygon(60% 0,100% 0,100% 100%,0 100%,0 60%,60% 60%);background:0 0;width:30px;height:30px;transition:color .14s,filter .14s;display:block;position:absolute;bottom:0;right:0}.floatingSheetResizeHandle:before,.floatingSheetResizeHandle:after{content:"";position:absolute}.floatingSheetResizeHandle:before{filter:drop-shadow(0 0 5px #cd975b38);background:currentColor;width:22px;height:22px;bottom:0;right:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M2 20 H16 A4 4 0 0 0 20 16 V2' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/22px 22px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M2 20 H16 A4 4 0 0 0 20 16 V2' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/22px 22px no-repeat}.floatingSheetResizeHandle:after{display:none}.floatingSheetResizeHandle:hover,.floatingSheetResizeHandle:focus-visible,.floatingSheetResizeHandle:active{color:#e1a868;filter:drop-shadow(0 0 5px #cd975b57);outline:none}.floatingSheetResizeHandle:focus-visible{outline-offset:-2px;border-radius:8px;outline:2px solid #ffe8cc42}.intervalChordAnchor{left:var(--interval-chord-anchor-x,50%);width:112px;height:var(--game-bottom-panel-height,92px);pointer-events:none;visibility:hidden;position:absolute;bottom:0;transform:translate(-50%)}.intervalChordCard.floating{z-index:1000;position:fixed;transform:none}.chordStaff{background:#f4efe6;border-radius:8px;width:calc(100% - 4px);height:calc(100% - 2px);min-height:0}.chordStaff rect{rx:8px}.chordStaff line{stroke-width:1.4px}.chordStaff .ledger{stroke-width:1.2px}.chordStaff .trebleClefGlyph,.chordStaff .bassClefGlyph{font-size:29px}.chordStaff .noteheadGlyph{font-size:20px}.chordStaff .accidentalGlyph{font-size:16px}.chordStaff .keySignatureGlyph{font-size:15px}.chordStaff .noteStem{stroke-width:2px}.chordStaff .octaveMark{font-size:9px}.chordStaff .bassOctaveMark{letter-spacing:-.25px;font-size:7px}@media (width<=640px){.stringIntervalGap{margin-top:-8px;margin-bottom:-8px;font-size:.72rem}.intervalChordCard,.intervalChordAnchor{width:98px;height:79px}}.profileAuthForm{gap:14px;margin-top:14px;display:grid}.profileAuthActions,.providerGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.profileStatus{color:var(--muted);background:#100c0b94;border:1px solid #f9bba31f;border-radius:8px;padding:10px 12px}.profileStatus strong{color:var(--peach)}.restorePurchasesRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:14px;display:flex}.restorePurchasesLink{min-height:0;box-shadow:none;color:var(--peach);font:inherit;text-underline-offset:.18em;background:0 0;border:0;border-radius:0;padding:2px 4px;font-weight:600;line-height:1.4;text-decoration:underline}.restorePurchasesLink:hover:not(:disabled),.restorePurchasesLink:focus-visible{box-shadow:none;color:#fff1eb;filter:none;background:0 0}.restorePurchasesLink:disabled{box-shadow:none;color:var(--muted);opacity:.52;cursor:not-allowed;filter:none;background:0 0}.profilePage{max-width:1040px}.authFormHeader h2,.authBenefitsCard h2{color:var(--text);margin:.25rem 0 .35rem}.authLayout{grid-template-columns:minmax(230px,.82fr) minmax(320px,1.18fr);align-items:start;gap:16px;display:grid}.authLayout.signedIn{grid-template-columns:minmax(0,620px);justify-content:center}.authBenefitsCard,.authFormCard,.accountSummaryCard{margin-top:0}.authBenefitsList{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.authBenefitsList li{background:#100c0b7a;border:1px solid #f9bba31a;border-radius:8px;gap:4px;padding:13px 14px;display:grid}.authBenefitsList strong{color:var(--peach)}.authBenefitsList span{color:var(--muted);font-size:.92rem}.authModeTabs{background:#0c090885;border:1px solid #f9bba31f;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:6px;display:grid}.authModeTabs button{min-height:42px;color:var(--muted);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px}.authModeTabs button.active,.authModeTabs button[aria-selected=true]{color:#fff6ef;background:linear-gradient(#dd7b65,#873f1e);border-color:#f9bba352;box-shadow:0 10px 24px #00000038}.authFormHeader{gap:4px;margin-bottom:2px;display:grid}.authInlineLink{min-height:auto;box-shadow:none;color:var(--peach);background:0 0;border:0;justify-self:start;padding:0}.authAccessForm .turnstileWidget{justify-items:center;width:100%;display:grid}.authAccessForm .turnstileWidgetHost{width:100%;min-width:0}.authUsageConsent{text-align:center;color:var(--muted);margin:2px 0 0;font-size:.9rem;line-height:1.45}.authUsageConsent a{color:var(--peach);text-underline-offset:.16em;font-weight:700}.authUsageConsent a:hover,.authUsageConsent a:focus-visible{color:#fff1eb}.authError{background:#f6b37f14;border:1px solid #f6b37f33;border-radius:8px;margin-bottom:0;padding:10px 12px}.profileSignedInStatus{gap:3px;margin-bottom:14px;display:grid}.profileSignedInStatus strong{font-size:1.35rem}.editAccountPanel{background:#100c0b7a;border:1px solid #f9bba31f;border-radius:8px;margin-top:14px;padding:12px 14px}.editAccountPanel summary{cursor:pointer;color:var(--peach);font-weight:850}.editAccountForm button{width:100%}.accountDangerZone{border-top:1px solid #f9bba31f;margin-top:14px;padding-top:14px}.dangerButton{color:#ffd7d7;width:100%;box-shadow:none;background:#5a1818b8;border:1px solid #ff848442}.dangerButton:hover:not(:disabled){filter:brightness(1.08)}.profilePlanGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.checkoutConsents{background:#100c0b7a;border:1px solid #f9bba324;border-radius:10px;gap:10px;margin:16px 0;padding:14px;display:grid}.checkoutConsents label{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;line-height:1.4;display:grid}.checkoutConsents input{margin-top:.2em}.checkoutConsents a{color:var(--peach)}.profilePlanCard{--plan-accent-1:#cf9e81;--plan-accent-2:#975f46;--plan-accent-3:#603930;--plan-glow:#733f2e47;--plan-sheen:#fff0e157;--plan-border:#ffd6ba3d;--plan-text-strong:#26140f;--plan-text:#2c1712e6;--plan-text-soft:#3a1f17e0;isolation:isolate;text-align:left;border:1px solid var(--plan-border);background:radial-gradient(circle at 18% 12%, var(--plan-sheen), transparent 28%), radial-gradient(circle at 88% 4%, #ffffff2e, transparent 22%), linear-gradient(135deg, var(--plan-accent-1), var(--plan-accent-2) 58%, var(--plan-accent-3));min-height:152px;box-shadow:0 14px 30px var(--plan-glow), inset 0 1px 0 #fff9f02e, inset 0 -12px 22px #4821172e;color:var(--plan-text);justify-content:flex-start;align-items:flex-start;gap:10px;padding:20px 20px 18px;transition:transform .14s,filter .14s,box-shadow .14s;position:relative;overflow:hidden}.profilePlanCard:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1a,#0000 32%,#00000014);position:absolute;inset:0}.profilePlanCard:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #fff8ee14;position:absolute;inset:1px}.profilePlanCard:hover:not(:disabled),.profilePlanCard:focus-visible{filter:brightness(1.03);box-shadow:0 18px 34px var(--plan-glow), inset 0 1px 0 #fffcf638, inset 0 -12px 22px #4821172e;transform:translateY(-1px)}.profilePlanCard:disabled{opacity:.82}.profilePlanCard--monthly{--plan-accent-1:#cd9f86;--plan-accent-2:#94614c;--plan-accent-3:#5f392e;--plan-glow:#6a3e2f3d;--plan-sheen:#ffede247;--plan-border:#eec7b233}.profilePlanCard--lifetime{--plan-accent-1:#e1bc8c;--plan-accent-2:#b27b49;--plan-accent-3:#74472d;--plan-glow:#925a294d;--plan-sheen:#fff4d657;--plan-border:#ffdda03d}.profilePlanCard--yearly{--plan-accent-1:#f2c08c;--plan-accent-2:#b96d42;--plan-accent-3:#794031;--plan-glow:#ac5d3057;--plan-sheen:#fff5e361;--plan-border:#ffe2ba47}.profilePlanTitle{z-index:1;color:var(--plan-text-strong);text-shadow:0 1px #fff8ef2e;font-size:1.18rem;font-weight:900;position:relative}.profilePlanDescription,.profilePlanPrice{z-index:1;line-height:1.35;position:relative}.profilePlanDescription{color:var(--plan-text-soft)}.profilePlanPrice{color:var(--plan-text-strong);margin-top:auto;font-weight:850}.redeemCodeCard{gap:14px;margin-top:16px;display:grid}.redeemCodeHeading{gap:4px;display:grid}.redeemCodeHeading h2,.redeemCodeHeading p{margin:0}.redeemCodeForm{gap:7px;display:grid}.redeemCodeControls{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.redeemCodeControls input{letter-spacing:.08em;text-transform:uppercase;min-width:0}.redeemCodeControls button{min-width:126px}.accountRedeemCodeLink{width:max-content;min-height:auto;box-shadow:none;color:var(--peach);border:0;justify-self:center;margin-top:14px;padding:0}.donateEntryCard{background:radial-gradient(circle at 92% 0,#da915633,#0000 42%),linear-gradient(145deg,#301c16eb,#110e0df0);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:16px;display:grid;overflow:hidden}.donateEntryCard h2,.donateEntryCard p{margin:0}.donateEntryCard p{color:var(--muted)}.donateEntryCard button{color:#1a0f0d;background:linear-gradient(135deg,#f2c08c,#b96d42 58%,#794031);min-width:150px;box-shadow:0 10px 24px #6b342247}.donatePage{width:min(100%,980px)}.donateHeader h1{text-align:center}.donationChooser{background:radial-gradient(circle at 50% 18%,#de945b21,#0000 40%),linear-gradient(155deg,#331d17eb,#0e0d0df5);gap:22px;display:grid;overflow:hidden}.donationIntro{text-align:center;gap:5px;display:grid}.donatePage .eyebrow{color:#d89a6a;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:900}.donationIntro h2,.donationIntro p,.donationSummaryCard h2{margin:0}.donationIntro h2{color:var(--peach);font-size:clamp(1.35rem,4vw,2rem)}.donationIntro>p:last-child{color:var(--muted)}.donationArtworkFrame{background:linear-gradient(#231714b8,#0c0a0adb),repeating-linear-gradient(90deg,#0000 0 17px,#ffffff05 18px 19px);border:1px solid #ebae792e;border-radius:22px;justify-self:center;place-items:center;width:min(100%,560px);min-height:250px;padding:10px 24px;display:grid;overflow:visible;box-shadow:inset 0 1px #ffe3c714,0 18px 48px #0000003d}.donationIllustration{filter:none;width:100%;height:230px;display:block;overflow:visible}.donationSliderGroup{--donation-slider-thumb-size:22px;--donation-slider-thumb-radius:11px;--donation-slider-side-gutter:32px;justify-self:center;gap:9px;width:min(100%,720px);display:grid}.donationSlider{appearance:none;width:calc(100% - var(--donation-slider-side-gutter) - var(--donation-slider-side-gutter));height:28px;margin:0 var(--donation-slider-side-gutter);accent-color:#cf8751;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;box-shadow:0 0 0 1px #ffffff24}.donationSlider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#6f3a2c,#d18d58,#f0bd83);border:1px solid #ffd9b02b;border-radius:999px;height:7px}.donationSlider::-webkit-slider-thumb{appearance:none;background:#a55a3b;border:3px solid #ffdbb2;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 2px 12px #00000075}.donationSlider::-moz-range-track{background:linear-gradient(90deg,#6f3a2c,#d18d58,#f0bd83);border:1px solid #ffd9b02b;border-radius:999px;height:7px}.donationSlider::-moz-range-thumb{width:var(--donation-slider-thumb-size);height:var(--donation-slider-thumb-size);background:#a55a3b;border:3px solid #ffdbb2;border-radius:50%;box-shadow:0 2px 12px #00000075}.donationSliderTicks{height:1.1em;margin-inline:calc(var(--donation-slider-side-gutter) + var(--donation-slider-thumb-radius));color:#b99381;font-variant-numeric:tabular-nums;font-size:clamp(.63rem,1.7vw,.78rem);position:relative}.donationSliderTicks span{text-align:center;white-space:nowrap;min-width:max-content;position:absolute;top:0;transform:translate(-50%)}.donationCustomAmount{width:min(100%,350px);color:var(--muted);text-align:center;justify-self:center;gap:7px;font-weight:800;display:grid}.donationCustomAmount small{color:#aa8f84;font-size:.78rem;font-weight:500}.donationAmountInputWrap{background:#0a090994;border:1px solid #f1b8893d;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.donationAmountInputWrap>span{color:#d99a68;padding-left:14px;font-size:1.25rem}.donationAmountInputWrap input{color:#fff1e1;font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;min-width:0;font-size:1.25rem;font-weight:900}.donationAmountInputWrap input:focus,.donationAmountInputWrap input:focus-visible{box-shadow:none;outline:none}.donationAmountInputWrap:focus-within{border-color:#d99a6885;box-shadow:inset 0 1px #ffffff09,0 0 0 1px #d99a6814}.donationPremiumWarning{color:#e5c9b8;text-align:center;background:#69371b38;border:1px solid #ffbe6952;border-radius:12px;justify-self:center;gap:3px;width:min(100%,620px);padding:12px 15px;display:grid}.donationPremiumWarning strong{color:#ffd6a0;font-size:1rem}.donationPremiumWarning span{font-size:.86rem}.donationCheckoutButton{color:#170d0b;background:linear-gradient(135deg,#f6c995,#c87949 58%,#854434);justify-self:center;width:min(100%,420px);box-shadow:0 12px 30px #70342157,inset 0 1px #fff5e257}.donationSignInNotice{text-align:center;background:#100c0b80;border:1px solid #f3b98924;border-radius:12px;justify-items:center;gap:10px;padding:14px;display:grid}.donationSignInNotice p{color:var(--muted);margin:0}.donationSignInNotice button{width:min(100%,320px)}.donationLegalNotice{text-align:center;justify-self:center;max-width:760px;margin:0}.donationLegalNotice a{color:var(--peach)}@media (width<=560px){.redeemCodeControls{grid-template-columns:1fr}.redeemCodeControls button{width:100%}.donateEntryCard{grid-template-columns:1fr}.donateEntryCard button{width:100%}.donationChooser{gap:18px}.donationArtworkFrame{min-height:225px;padding:10px 8px}.donationIllustration{height:205px}.donationSliderTicks{height:2.65rem;font-size:clamp(.62rem,2.7vw,.72rem);line-height:1}.donationSliderTicks span{text-shadow:0 1px 2px #000000b8;top:0}.donationSliderTicks span:nth-child(2n){top:1.35rem}}@media (width<=760px){.authLayout,.authModeTabs{grid-template-columns:1fr}}.chromaticTonePickerRow{justify-items:center;gap:7px;width:100%;display:grid}.chromaticTonePickerRow>span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.72rem}.chromaticTonePickers{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.chromaticToneSelect{position:relative}.chromaticToneSelectButton{color:#fff2e9;text-align:center;background:#281914e6;border:1px solid #f9bba333;border-radius:8px;place-items:center;width:38px;min-width:38px;height:38px;min-height:32px;padding:0;font-weight:950;line-height:1;display:grid}.chromaticToneSelectButton span{color:#fff2e9;letter-spacing:.01em;font-size:.84rem}.chromaticToneSelectMenu{background:#100a09f7;border:1px solid #f9bba32e;border-radius:12px;grid-template-columns:repeat(3,minmax(42px,1fr));gap:6px;min-width:158px;padding:8px;display:grid;box-shadow:0 16px 40px #00000057}.toneOctavePickerOverlay{z-index:var(--picker-overlay-z);pointer-events:auto;position:fixed;transform:none}.chromaticToneSelectMenu button{width:100%;height:34px;min-height:34px;color:var(--text);background:#281914d6;border:1px solid #f9bba324;border-radius:9px;padding:4px;font-weight:900}.chromaticToneSelectMenu button:not(:disabled):hover{background:#36211ae6;border-color:#f9bba352}.chromaticToneSelectMenu button.active{color:#21110d;background:linear-gradient(135deg,#ffb199,#ff785a);border-color:#0000}.chromaticToneSelectMenu button:disabled{opacity:.35;cursor:not-allowed}.chromaticFrequencyValueDigit.leadingZero{opacity:.38;color:#fff2e9b3;text-shadow:none}.chromaticFrequencyArrow{color:#fff2e9}@media (width<=640px){.chromaticToneSelectMenu{grid-template-columns:repeat(3,minmax(38px,1fr));min-width:152px}.chromaticToneSelectButton{width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.chromaticToneSelectButton span{font-size:.84rem}}.noteButtonGroup{scrollbar-width:thin;flex-wrap:nowrap;justify-content:center;max-width:100%;padding-bottom:2px;overflow-x:auto}.noteChoiceButton{white-space:nowrap;flex:none;min-width:3rem}.fallbackAnswerSlot{pointer-events:auto;min-width:0;padding:0}.fallbackAnswerSlot .noteButtonGroup{justify-content:center;width:100%}.openTunerSetting,.showMicrophoneLevelSetting{justify-content:flex-start;align-self:stretch;margin:0;padding-top:1.2rem}.microphoneSettingsPanel{background:#0c0a0994;border:1px solid #f9bba31f;border-radius:8px;gap:14px;margin-top:18px;padding:14px;display:grid;position:relative}.microphoneSettingsHeader{min-height:40px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.microphoneSettingsHeader strong{color:var(--peach)}.microphoneLevelMeter{color:var(--muted);grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:10px;font-weight:800;display:grid}.microphoneLevelMeter>i{background:#f9bba31a;border:1px solid #f9bba31f;border-radius:999px;height:14px;display:block;position:relative;overflow:visible}.microphoneLevelMeter>i>i{width:var(--microphone-level);border-radius:inherit;background:linear-gradient(90deg,#873f1e,#dd7b65,#f9bba3);height:100%;display:block}.microphoneLevelMeter>i:after{content:"";top:-5px;bottom:-5px;left:var(--microphone-gate);background:#fff2e9;border-radius:999px;width:3px;position:absolute;transform:translate(-50%);box-shadow:0 0 10px #f9bba39e}.tunerHeader{grid-template-columns:minmax(0,1fr) auto}.tunerModeStrip{grid-column:1;justify-content:flex-start}.tunerViewControls{grid-column:2;justify-self:end;align-items:center;gap:7px;display:flex;position:relative}.tunerViewControls .tunerViewControlWrap{grid-column:auto;justify-self:auto;position:relative}.tunerHeaderDivider{background:#f9bba333;width:1px;height:28px;margin:0 2px;display:block}.acousticPlaybackButton{color:#fff6ef;background:radial-gradient(circle at 34% 24%,#f9bba3 0 18%,#dd7b65 58%,#873f1e 100%);border-color:#f9bba366;border-radius:999px;place-items:center;width:76px;height:76px;min-height:76px;padding:0;display:grid;box-shadow:0 16px 38px #0000005c,0 0 24px #dd7b652e}.acousticPlaybackButton.active{color:var(--peach);background:#1e1310e6}.acousticPlaybackButton svg{width:34px;height:34px;display:block}.acousticReadout{margin-bottom:-4px}.menu .menucard{gap:16px;min-height:300px}.menu .menucardIcon{z-index:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 14px 26px #00000061)drop-shadow(0 0 16px #dd7b6538);width:100%;max-width:100%;height:100%;max-height:100%;margin:0;transition:filter .25s;display:block;position:static;transform:none}.menu .menucard:hover:not(:disabled) .menucardIcon,.menu .menucardIconIntervals,.menu .menucard:hover:not(:disabled) .menucardIconIntervals{transform:none}.menu .menucard:hover:not(:disabled) .menucardIcon{filter:drop-shadow(0 16px 30px #0000006b)drop-shadow(0 0 22px #f9bba34d)}@media (width<=640px){.noteButtonGroup{flex-wrap:wrap;overflow-x:visible}.noteChoiceButton{flex:calc(25% - .5rem);min-width:2.7rem}.playNoteGamecard{--game-bottom-panel-height:150px}.openTunerSetting,.showMicrophoneLevelSetting{padding-top:0}.tunerHeader{grid-template-columns:1fr;justify-items:center}.tunerModeStrip{grid-column:1;justify-content:center}.tunerViewControls{flex-wrap:wrap;grid-column:1;justify-content:center;justify-self:center}.tunerHeaderDivider{height:24px}.acousticPlaybackButton{width:66px;height:66px;min-height:66px}.menu .menucard{min-height:286px}}.tunerCard .tunerHeader{margin-bottom:16px}.tunerCard .tunerModeStrip span{color:#f9bba3;text-shadow:0 0 12px #f9bba338;background:#140d0a94;border:1px solid #f9bba33d;box-shadow:inset 0 0 0 1px #ffefdf0a,0 8px 18px #00000024}.tunerCard .tunerStringCountPill{white-space:nowrap}.tunerCard .tunerViewControl{color:var(--peach);filter:drop-shadow(0 0 8px #f9bba329);background:#140d0aad;border:1px solid #f9bba34d;box-shadow:inset 0 0 0 1px #ffefdf0a,0 8px 18px #0000002e,0 0 10px #f9bba314}.tunerCard .tunerViewControl:hover,.tunerCard .tunerViewControl:focus-visible{outline-offset:2px;background:#f9bba31a;border-color:#f9bba361;outline:1px solid #f9bba361}.tunerCard .tunerModeMenu{border:1px solid #f9bba352;box-shadow:0 20px 48px #0000008a,inset 0 0 0 1px #ffefdf0a}.tunerCard .tunerStringSelector{margin:-4px auto 8px;padding:2px 8px 4px}.tunerCard .tunergauge{margin-top:-34px}@media (width<=640px){.tunerCard{padding-top:6px}.tunerCard .tunerHeader{margin-bottom:10px}.tunerCard .tunerStringSelector{margin:-2px auto 8px;padding:2px 6px 3px}.tunerCard .tunergauge{margin-top:-32px}}.navIconButton{border-radius:10px;place-items:center;width:46px;height:46px;min-height:46px;padding:0;display:grid}.navIconButton svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px;height:22px;display:block}.playNoteLeftControls{pointer-events:auto;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.playNoteAutoPlayCorner{color:var(--peach);background:#140d0ac7;border-color:#f9bba333}.playNoteAutoPlayCorner.active{border-color:#f9bba37a;box-shadow:0 0 0 2px #f9bba31f,0 12px 28px #00000052}.playNoteAutoPlayCorner svg{width:28px;height:28px;display:block}.playNoteAutoPlayCorner:not(.active){opacity:.72;color:#f9bba3a8}.playNoteAutoPlayCorner:focus-visible{outline-offset:3px;outline:2px solid #f9bba3db}.playNoteRightControls{pointer-events:auto;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;display:flex}.playNoteFallbackCorner.active{color:#fff6ef;background:radial-gradient(circle at 34% 24%,#f9bba3 0 18%,#dd7b65 58%,#873f1e 100%);border-color:#f9bba370}.playNoteAssistanceCorner{color:var(--peach);background:#140d0ac7;border-color:#f9bba333}.playNoteAssistanceCorner.active{border-color:#f9bba37a;box-shadow:0 0 0 2px #f9bba31f,0 12px 28px #00000052}.playNoteAssistanceCorner.playing{color:#fff6ef;background:radial-gradient(circle at 34% 24%,#f9bba3 0 18%,#dd7b65 58%,#873f1e 100%);animation:1.25s ease-in-out infinite assistanceTonePulse}.playNoteAssistanceCorner svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:28px;height:28px;display:block}.playNoteAssistanceCorner:focus-visible{outline-offset:3px;outline:2px solid #f9bba3db}@keyframes assistanceTonePulse{50%{box-shadow:0 0 0 6px #f9bba31f,0 14px 32px #00000057}}.modeSettingsFooter .calibrationPanel{min-height:52px}@media (width<=720px){.modeSettingsFooter{grid-template-columns:1fr}.playNoteGamecard{--game-bottom-panel-height:158px}}.settingsSectionCard{padding-top:22px}.tabs{border-bottom:1px solid #f9bba32e;flex-wrap:wrap;align-items:flex-end;gap:0;margin:18px 0 0;padding:0 8px;display:flex}.tabs button{color:#c8a99cdb;min-height:44px;box-shadow:none;background:#140d0aa3;border:1px solid #f9bba321;border-bottom-color:#f9bba32e;border-radius:8px 8px 0 0;margin:0 0 -1px;padding:.68rem 1rem;position:relative}.tabs button+button{margin-left:4px}.tabs button.active,.tabs button[aria-selected=true]{color:var(--peach);z-index:1;background:linear-gradient(#4b2a20c2,#181210e0);border-color:#f9bba33d #f9bba33d #181210eb}.tabs button:focus-visible{outline-offset:2px;outline:2px solid #f9bba3cc}.tabs+.card,.tabs+[role=tabpanel]>.card{border-top-left-radius:0;margin-top:0}.microphoneInputActions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.microphoneDeviceSelect{grid-template-columns:22px minmax(130px,220px);align-items:center;gap:7px;min-width:0;display:grid}.microphoneDeviceSelect svg{width:22px;height:22px;color:var(--peach)}.microphoneDeviceSelect select{text-overflow:ellipsis;height:38px;min-height:38px;padding:5px 30px 5px 9px;font-size:.84rem}.microphoneRetryButton{border-radius:999px;width:38px;height:38px;min-height:38px}.microphoneRetryButton svg{width:20px;height:20px}.microphoneLevelControl{cursor:ew-resize;display:grid;position:relative}.microphoneLevelMeter{grid-template-columns:minmax(0,1fr) 72px;min-height:30px}.microphoneLevelMeter>span{color:var(--peach);text-align:right}.microphoneGateRange{z-index:2;opacity:0;cursor:ew-resize;width:auto;height:100%;margin:0;padding:0;position:absolute;inset:0 82px 0 0}.microphoneGateRange:focus-visible{opacity:1;outline:none}.microphoneGateRange:focus-visible::-webkit-slider-runnable-track{background:0 0}.microphoneGateRange:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #f9bba347}.microphoneGateRange:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #f9bba347}.microphoneGateRange::-webkit-slider-runnable-track{background:0 0;height:32px}.microphoneGateRange::-webkit-slider-thumb{-webkit-appearance:none;background:#fff2e9;border:0;border-radius:999px;width:16px;height:32px}.microphoneGateRange::-moz-range-track{background:0 0;border:0;height:32px}.microphoneGateRange::-moz-range-thumb{background:#fff2e9;border:0;border-radius:999px;width:16px;height:32px}.gamebarMicrophoneLevel{cursor:ew-resize;background:#140d0a9e;border:1px solid #f9bba329;border-radius:999px;width:clamp(180px,30vw,336px);min-width:0;max-width:min(336px,100%);margin:0;padding:7px 10px;box-shadow:0 10px 24px #0003}.gamebarMicrophoneLevel .microphoneLevelMeter{grid-template-columns:minmax(0,1fr);min-height:20px}.gamebarMicrophoneLevel .microphoneLevelMeter>i{height:12px}.gamebarMicrophoneLevel .microphoneGateRange{left:0;right:0}.exerciseMicrophoneLevel.playNoteMicrophoneLevel{margin:0 auto 10px}.exerciseMicrophoneLevel.tunerMicrophoneLevel{margin:0 auto 14px}.strobeMicrophoneLevel .microphoneLevelMeter>i>i{transition:width 90ms linear}.chordStringToneSelector .chromaticToneSelectMenu{z-index:40}.chordToneCell{text-align:center;place-items:center;line-height:1;display:grid}.chordBuilderOctaveSelect select{text-align:center}.multistrings.hasStringOverlays .stringrow:focus-within{z-index:12}.feedbackCard{gap:16px;max-width:680px;margin-left:auto;margin-right:auto;display:grid}.starRating{justify-content:center;gap:8px;display:flex}.starRating button{color:#c8a99cb8;width:46px;height:46px;min-height:46px;box-shadow:none;background:#1e1310d6;border:1px solid #f9bba32e;border-radius:999px;place-items:center;padding:0;font-size:1.45rem;line-height:1;display:grid}.starRating button.active,.starRating button[aria-checked=true]{color:#fff6ef;background:radial-gradient(circle at 34% 22%,#d8bb72 0 14%,#a68342 38%,#7a5d28 68%,#5a4518 100%);border-color:#b9934fad;box-shadow:inset 0 0 0 1px #fff1d71a,0 0 0 2px #b9934f1f,0 0 14px #a6834233}.feedbackActions{margin-top:0}#root .logoMark,#root .menucardIcon{-webkit-user-drag:none;pointer-events:none}@media (width<=640px){.gamebarMobileAccessoryPanel{width:min(236px,100vw - 40px)}.tabs{scrollbar-width:none;flex-wrap:nowrap;padding:0 4px;overflow-x:auto}.tabs::-webkit-scrollbar{height:0}.tabs button{white-space:nowrap;padding:.62rem .85rem}.gamebarRightControls{gap:8px}.gamebarMicrophoneLevel{width:clamp(112px,30vw,180px);padding:6px 8px}.gamebarMicrophoneLevel .microphoneLevelMeter>i{height:10px}.microphoneLevelMeter{grid-template-columns:minmax(0,1fr) 64px}.microphoneGateRange{right:74px}}.menuTileStack{aspect-ratio:1;grid-template-rows:1fr 1fr;gap:10px;min-height:0;display:grid}.menu .menuModeGrid.menuModeGridImagesPending{visibility:hidden}.menu .compactMenuCard{text-align:left;background:radial-gradient(65% 42%,#f9bba321,#0000 60%),linear-gradient(145deg,#2d1914eb,#0c0a09f5);grid-template-rows:1fr;grid-template-columns:62px minmax(0,1fr);justify-content:start;align-items:center;gap:14px;min-height:0;padding:12px 16px;display:grid}.menu .compactMenuCard .compactMenuTitle{text-align:center;font-size:1.38rem;font-weight:950;line-height:1.05}.compactMenuTitleTwoLine{justify-items:center;gap:1px;line-height:1.02;display:grid}.menu .compactMenuCard .compactMenuTitleTwoLine span{font-size:inherit;line-height:inherit}.compactMenuIcon{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 18px #00000061)drop-shadow(0 0 14px #dd7b6538);width:58px;height:58px;position:relative}.tunerMenuCard .compactMenuIcon{transform:translate(20px)scale(1.3)}.chordBuilderMenuCard .chordBuilderMenuIcon{transform:translate(15px)scale(1.5)}.menu .compactMenuCard:hover:not(:disabled){transform:translateY(-2px)}@media (width<=640px){.menu .compactMenuCard{grid-template-columns:54px minmax(0,1fr);padding:14px}.compactMenuIcon,.compactMenuSvg{width:52px;height:52px}.menu .compactMenuCard .compactMenuTitle{font-size:1.22rem}}.visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.chordBuilderCard{gap:14px;display:grid}.chordBuilderInstrumentArea{isolation:isolate;min-width:0;position:relative}.chordBuilderControls{background:#140d0a8f;border:1px solid #f9bba31f;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));align-items:end;gap:12px;padding:14px;display:grid}.chordBuilderControls button{align-self:end;min-height:46px}.multistrings.noReplayControls.noTuneControls .stringrow{grid-template-columns:minmax(0,1fr)}.multistrings.noTuneControls .playstring{cursor:pointer}.multistrings.noTuneControls .playstring:active{filter:brightness(1.12)}.multistrings.hasStringOverlays{--string-reorder-row-gap:4px;gap:var(--string-reorder-row-gap)}.multistrings.hasStringOverlays .stringrow{align-items:center;min-height:44px;transition:transform .145s cubic-bezier(.2,.8,.2,1),filter .14s,opacity .12s;position:relative;transform:translate(0,0)}.multistrings.hasStringOverlays.reorderingStrings .stringrow{will-change:transform}.multistrings.hasStringOverlays .stringrow.draggingStringRow{z-index:1;opacity:.12;filter:none;transition:none}.multistrings.hasStringOverlays .stringrow.shiftingStringRow{z-index:3}.multistrings.hasStringOverlays.settlingStringReorder .stringrow{transition:none!important}.multistrings.hasStringOverlays .playstring{align-items:center;min-height:44px;padding-block:0}.multistrings.hasStringOverlays .stringOverlay{z-index:2;pointer-events:none;width:max-content;max-width:calc(100% - 8px);position:absolute;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.stringOverlay>*{pointer-events:auto}.chordStringOverlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0908d1;border:1px solid #f9bba32e;border-radius:7px;grid-template-columns:28px 28px max-content max-content 32px;justify-content:center;align-items:center;gap:2px;width:max-content;max-width:100%;padding:2px;transition:border-color .16s,box-shadow .16s,opacity .16s;display:grid;box-shadow:0 8px 22px #00000047}.chordStringOverlay.rootToneRow{border-color:#ffd68a6b}.chordStringOverlay.withoutFrequency{grid-template-columns:28px 28px max-content 32px}.chordStringOverlay.active{border-color:#f9bba36b;box-shadow:0 0 0 2px #f9bba314,0 8px 22px #00000047}.chordStringOverlay.dragging{opacity:.62;border-color:#ffd68ac2;box-shadow:0 0 0 3px #ffd68a1f,0 14px 32px #0006}.chordStringOverlay.dragTarget{border-color:#ffd68ad1;box-shadow:0 0 0 3px #ffd68a29,0 10px 28px #00000057}.chordStringValue{min-width:0}.chordStringOverlay input{border-radius:7px;height:28px;min-height:28px;padding:.24rem .38rem;font-size:.8rem}.frequencyInputWithUnit{align-items:center;display:grid;position:relative}.frequencyInputWithUnit input{grid-area:1/1;padding-right:2.15rem}.frequencyInputUnit{color:var(--muted);pointer-events:none;grid-area:1/1;justify-self:end;margin-right:.55rem;font-size:.76rem;font-weight:850;line-height:1}.chordStringOverlay button{width:32px;height:28px;min-height:28px;color:var(--peach);box-shadow:none;background:#231612eb;border-radius:7px;align-self:center;padding:0}.chordStringOverlay .dragStringHandle{cursor:grab;touch-action:none;color:#ffd6c8;width:28px;font-size:1rem;line-height:1}.chordStringOverlay .dragStringHandle:active{cursor:grabbing}.chordStringOverlay .stringModeMuteButton{grid-column:2;place-self:center;width:28px;height:28px;min-height:28px}.chordStringOverlay.muted .chordStringValue,.chordStringOverlay.muted .frequencyInputWithUnit{opacity:.62}.chordStringOverlay.muted .stringModeMuteButton{opacity:1}.chordStringOverlay .removeStringButton{color:#ffd6c8;width:32px}.chordBuilderSavePanel .warn{grid-column:1/-1;margin:0}.chordBuilderNotationSlot{z-index:20;pointer-events:auto;width:232px;height:136px;min-height:136px;margin:0;position:absolute;bottom:12px;right:12px;transform:none}.chordBuilderNotationSlot.notationIsFloating{pointer-events:none}.chordBuilderFloatingNotation{cursor:grab;touch-action:none;pointer-events:auto;background:#0c0908e0;border:1px solid #f9bba32e;border-radius:8px;place-items:stretch stretch;gap:0;width:232px;height:136px;min-height:136px;padding:8px;display:grid;overflow:hidden;box-shadow:0 18px 38px #0000005c}.chordBuilderFloatingNotation:active{cursor:grabbing}.chordBuilderFloatingNotation.anchored{z-index:5;position:absolute;inset:0;transform:none}.chordBuilderFloatingNotation.floating{z-index:1000;position:fixed;transform:none}.chordBuilderFloatingNotation strong{color:var(--peach);line-height:1}.chordBuilderFloatingNotation .chordStaff{width:100%;height:100%}.chordBuilderSaveButton svg{grid-area:1/1;width:24px;height:24px;display:block}.chordStaffChordSymbol{letter-spacing:.005em;fill:#2b170f;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:900}.chordStaffChordSymbol.compact{letter-spacing:0;font-size:11px}.chordStaffChordSymbol.veryCompact{letter-spacing:-.01em;font-size:9.5px}.chordStaffChordSymbol.highRegister{dominant-baseline:alphabetic;letter-spacing:-.015em}@media (width<=820px){.multistrings.hasStringOverlays .stringrow,.multistrings.hasStringOverlays .playstring{min-height:48px}.chordStringOverlay{grid-template-columns:28px 28px max-content max-content 32px}}@media (width<=520px){.chordBuilderControls{grid-template-columns:1fr}.chordBuilderFloatingNotation{width:168px;height:112px;min-height:112px}.multistrings.hasStringOverlays .stringrow,.multistrings.hasStringOverlays .playstring{min-height:52px}.chordStringOverlay{grid-template-columns:28px 28px minmax(0,max-content) minmax(88px,112px) 32px}.chordStringOverlay.withoutFrequency{grid-template-columns:28px 28px minmax(0,max-content) 32px}.chordStringOverlay input{font-size:.8rem}.frequencyInputWithUnit input{width:100px}}.chordBuilderControlPanel{grid-template-columns:1fr;align-items:stretch;gap:12px;display:grid;position:relative}.chordBuilderControlRow{align-items:end;gap:12px;display:grid}.chordBuilderChordControls{--chord-compact-select-size:50px;grid-template-columns:var(--chord-compact-select-size) max-content max-content var(--chord-compact-select-size) minmax(0, 1fr) max-content;grid-template-areas:"root filter chord position spacer actions";justify-content:stretch;align-items:end}.chordBuilderChordControls.stringsMode{grid-template-columns:var(--chord-compact-select-size) max-content max-content var(--chord-compact-select-size) var(--chord-compact-select-size) minmax(0, 1fr) max-content;grid-template-areas:"root filter chord position strings spacer actions"}.chordBuilderRootControl{grid-area:root}.chordBuilderFilterControl{grid-area:filter}.chordBuilderChordSelectControl{grid-area:chord}.chordBuilderOctaveSelect{grid-area:position}.chordBuilderStringCountControl{grid-area:strings}.chordBuilderCompactControl{width:var(--chord-compact-select-size)}.chordBuilderCompactControl select{width:var(--chord-compact-select-size);height:var(--chord-compact-select-size);min-width:var(--chord-compact-select-size);min-height:var(--chord-compact-select-size);aspect-ratio:1;text-align:center;text-align-last:center;padding:0 .34rem}.chordBuilderRightRail{--chord-builder-action-size:48px;--chord-builder-action-gap:9px;--chord-progression-slot-size:22px;--chord-progression-gap:6px;grid-area:actions;align-self:end;place-items:end;gap:8px;min-width:0;display:grid;position:relative}.chordBuilderProgression{justify-items:end;gap:5px;width:max-content;max-width:100%;display:grid}.chordBuilderProgressionRow{grid-template-columns:repeat(6, var(--chord-progression-slot-size));gap:var(--chord-progression-gap);justify-content:end;align-items:center;display:grid}.chordProgressionSlotWrap{width:var(--chord-progression-slot-size);height:var(--chord-progression-slot-size);z-index:1;position:relative}.chordProgressionSlotWrap.expanded{z-index:12}.chordBuilderControls .chordProgressionSlot,.chordBuilderControls .chordProgressionPlayButton{width:var(--chord-progression-slot-size);height:var(--chord-progression-slot-size);min-width:var(--chord-progression-slot-size);min-height:var(--chord-progression-slot-size);color:var(--peach);background:#1e1310e6;border:1px solid #f9bba357;border-radius:999px;place-items:center;padding:0;display:grid;box-shadow:inset 0 1px #fff6ef0d,0 7px 16px #0000003d}.chordBuilderControls .chordProgressionAddSlot{font-size:0;line-height:0}.chordProgressionAddSlot>svg,.chordProgressionClearButton>svg{width:12px;height:12px;margin:0;display:block}.chordBuilderControls .chordProgressionChordSlot{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border);box-shadow:inset 0 1px #ffffff14,0 7px 16px #00000047}.chordProgressionChordSlot>.chordProgressionChordLabel{width:18px;color:inherit;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.46rem;font-weight:900;line-height:1;display:block;overflow:hidden}.chordProgressionSlotWrap.expanded .chordProgressionChordSlot{transform:scale(1.08);box-shadow:0 0 0 3px #b9934f33,0 10px 22px #00000057}.chordBuilderControls .chordProgressionViewButton,.chordBuilderControls .chordProgressionRemoveButton{z-index:2;color:#fff7f2;border-radius:999px;place-items:center;width:16px;min-width:16px;height:16px;min-height:16px;padding:0;line-height:1;display:grid;position:absolute;top:-7px;box-shadow:0 7px 16px #0000005c}.chordBuilderControls .chordProgressionViewButton{background:var(--control-active-bg);border:1px solid #d7b570a8;left:-7px}.chordProgressionViewButton svg{width:10px;height:10px}.chordBuilderControls .chordProgressionRemoveButton{background:linear-gradient(#8c3d31,#4a1c17);border:1px solid #ffcbbe99;font-size:.75rem;font-weight:900;right:-7px}.chordBuilderControls .chordProgressionPlayButton{color:#ffe1b0;border-color:#ffd68a70}.chordProgressionPlayButton>svg{width:12px;height:12px;margin:0;display:block;transform:translate(.5px)}.chordBuilderControls .chordProgressionSlot:hover:not(:disabled),.chordBuilderControls .chordProgressionSlot:focus-visible,.chordBuilderControls .chordProgressionPlayButton:hover:not(:disabled),.chordBuilderControls .chordProgressionPlayButton:focus-visible{filter:brightness(1.12);border-color:#f9bba3b3}.chordBuilderControls .chordProgressionSlot:disabled,.chordBuilderControls .chordProgressionPlayButton:disabled{opacity:.38}.chordBuilderMainActions{justify-content:flex-end;align-items:end;gap:var(--chord-builder-action-gap);flex-wrap:nowrap;align-self:end;display:flex;position:relative}.chordBuilderSaveButton,.chordBuilderStrumButton{width:var(--chord-builder-action-size);height:var(--chord-builder-action-size);min-height:var(--chord-builder-action-size);flex:0 0 var(--chord-builder-action-size)}.chordBuilderSaveButton{color:#fff6ef;background:radial-gradient(circle at 34% 24%,#f9bba3 0 14%,#dd7b65 58%,#873f1e 100%);border-color:#f9bba36b;font-size:1.9rem;font-weight:850;box-shadow:0 12px 28px #00000052,inset 0 0 0 1px #ffffff12}.chordBuilderSaveButton span{transform:none}.chordBuilderStrumButton{font-size:1rem}.chordBuilderStrumButton svg{width:22px;height:22px}.quickStrumButton{color:#ffe1b0;border-color:#ffd68a5c;box-shadow:inset 0 0 0 1px #ffd68a14}.quickStrumButton svg{filter:drop-shadow(4px 0 #ffd68a47)}.modalOverlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000094;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.chordBuilderSaveDialog{gap:14px;width:min(430px,100%);margin:0;display:grid}.chordBuilderSaveDialog h2{color:var(--peach);margin:0}.chordBuilderDialogActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.secondaryButton{color:var(--peach);box-shadow:none;background:#231612eb;border:1px solid #f9bba32e}@media (width<=920px){.chordBuilderChordControls,.chordBuilderChordControls.stringsMode{grid-template-columns:var(--chord-compact-select-size) max-content minmax(220px, 1fr) max-content;grid-template-areas:"root filter chord chord""position strings actions actions"}.chordBuilderChordControls.fretboardMode{grid-template-areas:"root filter chord chord""position actions actions actions"}.chordBuilderRightRail,.chordBuilderMainActions{justify-content:flex-start;justify-items:start}}@media (width<=520px){.chordBuilderChordControls,.chordBuilderChordControls.stringsMode,.chordBuilderChordControls.fretboardMode{grid-template-columns:repeat(3, var(--chord-compact-select-size));grid-template-areas:"root position strings""filter filter filter""chord chord chord""actions actions actions";justify-content:start}.chordBuilderChordControls.fretboardMode{grid-template-areas:"root position position""filter filter filter""chord chord chord""actions actions actions"}.chordBuilderChordControls label:not(.chordBuilderCompactControl){width:100%}.chordBuilderMainActions{width:max-content;display:flex}.chordBuilderRightRail{justify-items:start;width:max-content;max-width:100%}.chordBuilderNotationSlot{width:168px;height:112px;min-height:112px;bottom:8px;right:8px}}.menu .menuImageCard{aspect-ratio:1;text-align:center;grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);justify-content:stretch;place-items:center;gap:8px;height:auto;min-height:0;padding:18px 20px 20px;display:grid}.menuCardArt{z-index:1;grid-row:1;place-self:stretch center;place-items:center;width:min(100%,220px);height:100%;min-height:0;display:grid;position:relative;overflow:visible}.menuCardArtIntervals{width:min(100%,230px)}.menu .menuCardArt .menucardIcon{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;position:absolute;inset:0}.menu .menuCardArtIntervals .menucardIconIntervals{scale:.8}.menu .menuImageCard .menuCardTitle{z-index:3;text-align:center;grid-row:3;place-self:center;width:100%;margin-bottom:-.14em;padding-bottom:.14em}.menu .lockedMenuCard{cursor:default;isolation:isolate;border-color:#f9bba333}.menu .lockedMenuCard .menucardIcon,.menu .lockedMenuCard:hover .menucardIcon,.menu .lockedMenuCard:focus-within .menucardIcon,.menu .lockedMenuCard:focus .menucardIcon{filter:grayscale(.45)brightness(.55)saturate(.65)drop-shadow(0 12px 24px #00000075)}.menu .menuCardArt>.lockedMenuCardOverlay{z-index:2;-webkit-text-fill-color:currentColor;pointer-events:none;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;place-items:center;display:grid;position:absolute;inset:0}.menu .menuCardArt .lockedMenuCardLock{z-index:2;color:#ffe1b0;-webkit-text-fill-color:currentColor;background:radial-gradient(circle at 35% 25%,#f9bba34d,#502618db);-webkit-background-clip:border-box;background-clip:border-box;border:1px solid #ffd68a85;border-radius:999px;place-items:center;width:64px;height:64px;padding:16px;display:grid;position:relative;box-shadow:0 0 0 7px #f9bba30f,0 0 34px #dd7b6547}.menu .menuCardArt .lockedMenuCardLock svg{fill:none;stroke:currentColor;width:100%;height:100%}.menu .lockedMenuCardCta{z-index:4;text-align:center;opacity:.78;color:#2a120d;background:linear-gradient(#f4b08f,#cf684f);border-radius:999px;grid-row:2;place-self:center;width:max-content;max-width:100%;min-height:44px;margin:0;padding:.58rem 1rem;transition:opacity .22s,box-shadow .22s;position:relative;transform:none;box-shadow:0 10px 24px #00000057}.menu .lockedMenuCard:hover,.menu .lockedMenuCard:focus,.menu .lockedMenuCard:focus-within{border-color:#ffd68a8c;box-shadow:0 30px 90px #0000007a,0 0 38px #dd7b6533}.menu .lockedMenuCard:hover .lockedMenuCardCta,.menu .lockedMenuCard:focus .lockedMenuCardCta,.menu .lockedMenuCard:focus-within .lockedMenuCardCta{opacity:1;box-shadow:0 12px 28px #00000061,0 0 24px #f9bba32e}.menu .lockedMenuCard:focus-visible{outline-offset:3px;outline:2px solid #ffd68ae0}.tabs button.lockedSettingsTab{color:#c8a99c8c;background:#120d0c8f;align-items:center;gap:7px;display:inline-flex}.tabs button.lockedSettingsTab:hover,.tabs button.lockedSettingsTab:focus-visible{color:#f9bba3d1;border-color:#f9bba34d}.settingsTabLock{color:#e7aa79;place-items:center;width:16px;height:16px;display:inline-grid}.settingsTabLock svg{fill:none;stroke:currentColor;width:100%;height:100%}.lockedSettingsPanel{text-align:center;background:radial-gradient(circle at 50% 28%,#dd7b651f,#0000 36%),linear-gradient(145deg,#261713db,#0e0b0af0);place-content:center;justify-items:center;gap:12px;min-height:320px;display:grid}.lockedSettingsPanel h2{color:var(--peach);margin:0;font-size:clamp(1.5rem,4vw,2.2rem)}.lockedSettingsPanel p{color:var(--muted);margin:0 0 8px}.lockedSettingsPanel button{border-radius:999px;padding-inline:1.3rem}.lockedSettingsIcon{color:#ffd68a;background:#dd7b6521;border:1px solid #ffd68a61;border-radius:999px;place-items:center;width:72px;height:72px;padding:18px;display:grid;box-shadow:0 0 0 9px #f9bba30a,0 0 38px #dd7b6533}.lockedSettingsIcon svg{fill:none;stroke:currentColor;width:100%;height:100%}.pitchDifficultyRecovery{background:#dd7b651a;border:1px solid #f9bba33d;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;display:flex}.pitchDifficultyRecovery p{color:#f2c9b8;margin:0;font-weight:700}.pitchDifficultyRecovery button{border-radius:999px;flex:none}@media (width<=640px){.menu .menuImageCard{height:auto;min-height:0;padding:16px}.pitchDifficultyRecovery{flex-direction:column;align-items:stretch}.pitchDifficultyRecovery button{width:100%}}@media (hover:none),(pointer:coarse){.menu .lockedMenuCardCta{opacity:1}}.oauthButtonGroup{gap:10px;margin:4px 0 10px;display:grid}.oauthButton{color:#19110d;background:#fffffff5;border:1px solid #f9bba33d;width:100%;min-height:46px;font-weight:900}.oauthButton:hover{transform:translateY(-1px)}.googleOAuthButton{color:#1f1f1f;background:#fff;border-color:#747775;justify-content:center;align-items:center;gap:12px;display:inline-flex}.googleOAuthIcon{flex:0 0 20px;width:20px;height:20px}.appleOAuthButton{color:#fff;background:#050505;border-color:#fff3}.authDivider{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:.82rem;font-weight:800;display:flex}.authDivider:before,.authDivider:after{content:"";background:#f9bba32e;flex:1;height:1px}.authCallbackCard{text-align:center;gap:14px;max-width:620px;margin:0 auto;display:grid}.authCallbackCard .actions{justify-content:center}.authCallbackDiagnostics{text-align:left;color:var(--muted);overflow-wrap:anywhere}.authCallbackDiagnostics summary{cursor:pointer;color:var(--peach);font-weight:800}.authCallbackDiagnostics dl{grid-template-columns:minmax(150px,1fr) minmax(0,1fr);gap:6px 12px;margin:12px 0 0;display:grid}.authCallbackDiagnostics dt{font-weight:800}.authCallbackDiagnostics dd{margin:0}@media (width<=520px){.authCallbackDiagnostics dl{grid-template-columns:1fr}.authCallbackDiagnostics dd{margin-bottom:6px}}.screenHost{min-height:100vh}.settingsUnderlay{pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.settingsOverlay{z-index:1200;overscroll-behavior:contain;min-height:100vh;color:var(--text);background:radial-gradient(circle at 24% -10%,#dd7b6538,#0000 34%),radial-gradient(circle at 88% 12%,#873f1e2e,#0000 32%),linear-gradient(#14110f 0%,#090909 58%,#050505 100%);position:fixed;inset:0;overflow:auto}.settingsOverlay .page{min-height:100vh}.hero{text-align:initial;padding:22px;overflow:visible}.heroBar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;width:100%;display:flex}.heroBrand{flex:230px;justify-content:flex-start;align-items:center;min-width:min(100%,180px);display:flex}.heroBrand .logo{white-space:nowrap;justify-content:flex-start;min-width:0;font-size:clamp(1.8rem,4vw,3.35rem);line-height:1}.heroBrand .logo svg{flex:none;width:clamp(44px,6vw,64px);height:clamp(44px,6vw,64px)}.heroEntitlement{text-align:center;flex:260px;justify-content:center;min-width:min(100%,220px);margin-top:0}.heroQuickActions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex;position:static;inset:auto}.heroQuickActions .iconbtn{flex:none;width:44px;height:44px;min-height:44px;padding:.62rem}.heroStatusWarning{color:#ffd3c2;text-align:center;margin:12px 0 0;font-size:.9rem}@media (width<=820px){.heroBar{justify-content:center}.heroBrand{flex-basis:100%;justify-content:center}.heroBrand .logo{justify-content:center}.heroEntitlement{flex:100%;order:2}.heroQuickActions{flex:100%;order:3;justify-content:center}.hero{padding:18px}}@media (width<=420px){.heroQuickActions .iconbtn{width:40px;height:40px;min-height:40px;padding:.55rem}.heroBrand .logo{gap:10px;font-size:1.8rem}}.menu .menuCardTitle,.menu .compactMenuTitle{font-size:clamp(1.06rem,2.1vw,1.3rem);line-height:1.05}.menu .compactMenuTitleTwoLine{place-items:center;gap:0;display:grid}.chordStringToneSelector{place-items:center;gap:3px;min-width:0;display:grid}.chordStringToneSelectorRow{justify-content:center;align-items:center;gap:5px;min-width:0;display:flex}.chordIntervalBadge{color:#ffe0d1e0;letter-spacing:.01em;background:#1e130fd1;border:1px solid #f9bba338;border-radius:8px;place-items:center;width:30px;min-width:30px;height:28px;font-size:.76rem;font-weight:950;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #ffffff09}.chordStringToneSelector.rootTone .chordIntervalBadge{color:#fff6ef;background:linear-gradient(135deg,#ffd68a47,#873f1eb3);border-color:#ffd68ab3;box-shadow:0 0 0 1px #ffd68a24,0 0 16px #ffb1592e,inset 0 0 0 1px #ffffff0f}.chordStringToneSelector.chordTone:not(.rootTone) .chordIntervalBadge{color:#ffd6c8;background:#2f1c15eb;border-color:#f9bba352}.chordStringToneSelector.outsideChordTone .chordIntervalBadge{opacity:.64;border-style:dashed}.chordStringToneSelector .chromaticToneSelectButton{border-radius:8px;width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.chordStringToneSelector .chromaticToneSelectButton span{font-size:.84rem}.chordBuilderPickerMenu{gap:5px;min-width:max-content;padding:7px;grid-template-columns:repeat(3,38px)!important}.chordBuilderPickerMenu button,.chordBuilderPickerMenu .octaveSelectorGridSpacer{width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.chordStringToneSelector.rootTone .chordToneNameCell.chromaticToneSelectButton{color:#fff7ef;background:linear-gradient(135deg,#ffd68a47,#602b13f5);border-color:#ffd68ab8;box-shadow:0 0 0 1px #ffd68a1f,inset 0 0 0 1px #ffffff0f}.chordStringToneSelector.rootTone .chordToneNameCell.chromaticToneSelectButton span{color:#fff7ef}.chordStringToneSelector.chordTone:not(.rootTone) .chordToneNameCell.chromaticToneSelectButton{background:#2a1914f0;border-color:#f9bba347}.chordStringToneSelector.outsideChordTone .chordToneNameCell.chromaticToneSelectButton,.chordStringToneSelector.outsideChordTone .chordOctaveCell.chromaticToneSelectButton{opacity:.78}.frequencyInputWithUnit input{width:112px;padding-right:1.85rem}.frequencyInputUnit{margin-right:.42rem;font-size:.72rem}.chordStringDragGhost{z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 16px 28px #00000075);align-items:center;display:grid;position:fixed;transform:translate(0,0)}.chordStringDragGhost .dragGhostStringVisual{z-index:0;opacity:.96;pointer-events:none;background:linear-gradient(#1b1310f5,#0c0a09f7);border-color:#f9bba333;border-radius:8px;width:100%;min-height:100%;padding:0;position:absolute;inset:0}.chordStringDragGhost .dragGhostStringVisual i{width:100%}.chordStringDragGhost .dragGhostOverlayShell{z-index:1;place-items:center;width:100%;height:100%;display:grid;position:relative}.chordStringDragGhost .chordStringOverlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-color:#f9bba32e;box-shadow:0 0 0 3px #ffd68a1f,0 8px 22px #00000047}.chordStringDragGhost .chordStringOverlay button,.chordStringDragGhost .chordStringOverlay input{pointer-events:none}@media (prefers-reduced-motion:reduce){.multistrings.hasStringOverlays .stringrow{transition:none}}.tunerCustomTuningDialog{gap:12px;position:relative}.tunerCustomTuningDialog h2{padding-right:52px}.tunerCustomTuningCloseButton{color:#ffd7ca;width:40px;min-width:40px;height:40px;min-height:40px;box-shadow:none;background:#231612f0;border:1px solid #f9bba33d;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.6rem;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px}.tunerCustomTuningCloseButton:hover,.tunerCustomTuningCloseButton:focus-visible{color:#fff1eb;background:#39211bfa;border-color:#f9bba38a;outline:none}.tunerCustomTuningDialogActions{flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.tunerCustomTuningDialogActions .settingsBronzeButton{white-space:nowrap;min-width:0;margin:0}.tunerCustomTuningDialog .tunerUseChordBuilderLink{width:100%}.tunerCustomTuningDialog .tunerCustomTuningSaveButton{min-width:88px}@media (width<=420px){.tunerCustomTuningDialogActions{gap:8px}.tunerCustomTuningDialogActions .settingsBronzeButton{padding-inline:.72rem;font-size:.84rem}.tunerCustomTuningDialog .tunerCustomTuningSaveButton{min-width:72px}}.modeSettingsFooter{border-top:0;grid-template-columns:repeat(3,minmax(170px,1fr));align-items:end;margin-top:12px;padding-top:0}.tunerPreviewActionRow{grid-template-columns:minmax(170px,1fr) minmax(90px,.42fr) minmax(200px,1.18fr) minmax(290px,1fr);grid-template-areas:"preview preview preview custom";align-items:start;gap:14px;margin-top:14px;display:grid}.tunerPreviewActionRow .tunerStringPreview{grid-area:preview;place-self:start;margin:0}.chordBuilderSettingsGrid{align-items:end;gap:14px;display:grid}.chordBuilderSettingsGrid.fretboardMode{grid-template-columns:minmax(150px,.95fr) minmax(112px,.55fr) minmax(138px,.68fr) minmax(78px,.36fr) minmax(150px,.78fr) minmax(128px,.62fr) minmax(100px,.42fr) minmax(100px,.42fr) max-content max-content minmax(260px,1fr);grid-template-areas:"sound mode instrumentPreset fretboardStrings fretboardTuning fretMarker fretStart fretEnd chordHints showHz calibration"}.chordBuilderSettingsGrid.stringsMode{grid-template-columns:minmax(170px,1.1fr) minmax(132px,.7fr) max-content minmax(290px,1fr);grid-template-areas:"sound mode showHz calibration"}.settingChordBuilderSound{grid-area:sound}.settingChordBuilderMode{grid-area:mode}.settingChordBuilderInstrumentPreset{grid-area:instrumentPreset}.settingChordBuilderFretboardStrings{grid-area:fretboardStrings}.settingChordBuilderFretboardTuning{grid-area:fretboardTuning}.settingChordBuilderFretMarker{grid-area:fretMarker}.chordBuilderShowHzSetting{grid-area:showHz;place-self:end start;margin-bottom:4px}.chordBuilderShowHintsSetting{grid-area:chordHints;place-self:end start;margin-bottom:4px}.chordBuilderAutoWidthControl{width:max-content;max-width:100%}.chordBuilderAutoWidthControl select{max-width:100%}.chordBuilderSaveButton>span{place-items:center;width:100%;height:100%;line-height:1;display:grid;transform:none}@media (width<=1100px){.modeSettingsFooter{grid-template-columns:repeat(2,minmax(190px,1fr));grid-template-areas:none}.tunerPreviewActionRow{grid-template-columns:minmax(220px,1fr) minmax(290px,1fr);grid-template-areas:"preview custom"}.chordBuilderSettingsGrid.fretboardMode{grid-template-columns:minmax(185px,1fr) minmax(125px,.7fr) minmax(145px,.85fr) minmax(95px,.48fr) minmax(155px,.82fr) minmax(135px,.8fr);grid-template-areas:"sound mode instrumentPreset fretboardStrings fretboardTuning fretMarker""fretStart fretEnd chordHints showHz calibration calibration"}.chordBuilderSettingsGrid.stringsMode{grid-template-columns:minmax(190px,1fr) minmax(130px,.8fr) max-content minmax(250px,1fr);grid-template-areas:"sound mode showHz calibration"}}@media (width<=760px){.modeSettingsFooter{grid-template-columns:1fr;grid-template-areas:none}.tunerPreviewActionRow{grid-template-columns:1fr;grid-template-areas:"preview""custom"}.tunerPreviewActionRow .tunerStringPreview{justify-self:center}.chordBuilderSettingsGrid.fretboardMode{grid-template-columns:1fr;grid-template-areas:"sound""mode""instrumentPreset""fretboardStrings""fretboardTuning""fretMarker""fretStart""fretEnd""chordHints""showHz""calibration"}.chordBuilderSettingsGrid.stringsMode{grid-template-columns:1fr;grid-template-areas:"sound""mode""showHz""calibration"}.chordBuilderShowHzSetting,.chordBuilderShowHintsSetting{justify-self:start;margin-bottom:0}}.staticPlayNoteSheetPanel{place-items:stretch stretch;width:100%;height:min(68vh,680px);min-height:360px;margin:0 auto;display:grid;position:relative}.staticStaffSheet{border-radius:18px;width:100%;height:100%;min-height:0;box-shadow:inset 0 0 0 1px #18202a14,0 18px 36px #0000002e}.staticPlayNoteSheetControls{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.2;background:#140d0ab8;border:1px solid #f9bba338;border-radius:999px;gap:8px;padding:6px;transition:opacity .16s,background .16s,box-shadow .16s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 12px 28px #00000038}.staticPlayNoteSheetControls:hover,.staticPlayNoteSheetControls:focus-within,.staticPlayNoteSheetControls:active{opacity:1}.staticPlayNoteSheetControls .staticSheetZoomButton{color:#f9bba3;background:#f9bba31f;border:1px solid #f9bba347;border-radius:50%;place-items:center;width:38px;min-width:38px;height:38px;min-height:32px;padding:0;font-size:0;line-height:0;display:grid;position:relative}.staticPlayNoteSheetControls .staticSheetZoomButton:hover:not(:disabled){background:#f9bba338;box-shadow:0 0 0 2px #f9bba31f}.staticSheetZoomIcon{color:currentColor;width:16px;height:16px;display:block;position:relative}.staticSheetZoomIcon:before,.staticSheetZoomIconPlus:after{content:"";background:currentColor;border-radius:999px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.staticSheetZoomIcon:before{width:14px;height:3px}.staticSheetZoomIconPlus:after{width:3px;height:14px}.staticSheetZoomIconMinus:after{display:none}.staff .completedNote .noteheadGlyph,.staff .completedNote .accidentalGlyph{fill:#168f5b}.staff .completedNote .noteStem,.staff .completedNote .ledger{stroke:#168f5b}.staff .staffSolfegeLabel{text-anchor:middle;letter-spacing:.01em;stroke:none;paint-order:normal;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:18px;font-weight:850}.staff .activeSolfegeLabel{fill:#18202a;opacity:.92}.staff .futureSolfegeLabel{fill:#86817a;opacity:.74}.staff .completedSolfegeLabel{fill:#168f5b;opacity:.95}@media (width<=720px){.staticPlayNoteSheetPanel{height:min(64vh,560px);min-height:330px}.staticPlayNoteSheetControls{top:10px;right:10px}.staticPlayNoteSheetControls .staticSheetZoomButton{width:34px;min-width:34px;height:34px;min-height:34px}}.needleTunerCard{--needle-controls-to-meter-gap:clamp(4px, 1vh, 7px);--needle-meter-bottom-space:clamp(2px, .6vh, 4px);padding-bottom:var(--needle-meter-bottom-space);flex-direction:column;display:flex}.needleTunerCard .tunerHeader,.needleTunerCard .tunerStringSelector{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.needleTunerCard .needleTunerMetaRow{margin-top:0;margin-bottom:16px}.needleTunerCard .needleTunerStringsRow{margin:-4px auto var(--needle-controls-to-meter-gap);padding:2px 8px 4px}.needleTunerCard .needleTunerGaugeArea{z-index:1;padding:0 0 var(--needle-meter-bottom-space);margin:0;position:relative;overflow:visible}.needleTunerCard .tunergauge{min-height:0;margin-top:0;margin-bottom:0;padding-bottom:0;overflow:visible}.needleTunerCard .tunergauge svg{display:block}.needleTunerCard .tunerStringSelector button{color:#fff6ef;text-shadow:0 1px 1px #1c120fd1,0 0 8px #fff6ef1f;background:#1c120fd6;border:1px solid #f9bba357;box-shadow:inset 0 0 0 1px #ffefdf0d,0 8px 18px #0000002e,0 0 9px #f9bba314}.needleTunerCard .tunerStringSelector button.active,.needleTunerCard .tunerStringSelector button.looping{color:#fff6ef;text-shadow:0 1px 1px #321810bd,0 0 9px #fff6ef24;background:radial-gradient(circle at 34% 22%,#f9bba3 0 16%,#dd7b65 54%,#873f1e 100%);border:1px solid #f9bba3a3;box-shadow:inset 0 0 0 1px #fff6ef24,0 0 0 2px #f9bba329,0 12px 26px #00000047,0 0 14px #dd7b6533}@media (width<=640px){.needleTunerCard{--needle-controls-to-meter-gap:clamp(3px, 1vh, 5px);--needle-meter-bottom-space:3px}.needleTunerCard .needleTunerMetaRow{margin-bottom:12px}.needleTunerCard .needleTunerStringsRow{margin:-2px auto var(--needle-controls-to-meter-gap);padding:2px 6px 3px}}.tunerCard>.tunerStringSelectorRow{box-shadow:none;filter:none;opacity:1;-webkit-backdrop-filter:none;isolation:auto;mix-blend-mode:normal;background:0 0;border:0;padding:3px 9px 5px}.tunerCard>.tunerStringSelectorRow:before,.tunerCard>.tunerStringSelectorRow:after{content:none;display:none}@media (width<=640px){.tunerCard>.tunerStringSelectorRow{padding:3px 7px 4px}}.tunerCard>.tunerHeader{z-index:30}.tunerCard>.tunerStringSelector{z-index:3}.tunerViewControlWrap.menuOpen{z-index:60}.tunerViewControlWrap.menuOpen .tunerModeMenu{z-index:100;pointer-events:auto}.needleTunerCard .tunerModeMenu{z-index:100}.tunerAutoDetectSetting.disabled{opacity:.55;color:var(--muted)}.autoDetectStringToggle.active{color:#fff6ef;background:radial-gradient(circle at 34% 24%,#f9bba3f5 0 16%,#dd7b65db 58%,#873f1ef5 100%);border-color:#f9bba38f;box-shadow:inset 0 0 0 1px #fff6ef24,0 0 0 2px #f9bba324,0 10px 22px #0000003d,0 0 14px #dd7b653d}.tunerGraphPanel,.strobePanel,.acousticTunerPanel{box-shadow:none;background:0 0;border:1px solid #0000}.strobePanel{overflow:visible}.strobeBands{box-shadow:none;background:0 0;border-color:#0000}.graphPlotFill{fill:#f9bba307;stroke:#f9bba324}.graphTunerCard:before{background:radial-gradient(78% 46% at 50% 58%,#f9bba31c,#0000 62%),radial-gradient(64% 34% at 50% 58%,#dd7b6521,#0000 72%)}.tunerCard>.tunerStringSelector{margin-bottom:4px}.tunerCard>.tunerGraphPanel{margin-top:9px;padding-top:6px}.tunerGraphPanel{box-shadow:none;background:0 0;border-color:#0000;gap:1px}.graphBackgroundGlow{pointer-events:none}.tunerGraphPanel text.graphCurrentNoteLabel{dominant-baseline:text-after-edge}@media (width<=640px){.tunerCard>.tunerStringSelector{margin-bottom:4px}.tunerCard>.tunerGraphPanel{margin-top:7px;padding-top:5px}.tunerGraphPanel{gap:1px}}.strobeTunerCard:before{background:0 0}.strobeTunerCard>.strobePanel{gap:8px;margin-top:10px;padding-top:6px;overflow:visible}.strobeBands{isolation:isolate;width:min(640px,100%);position:relative;overflow:visible}.strobeBands:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(78% 62%,#f9bba31f,#0000 62%),radial-gradient(54% 42%,#dd7b6524,#0000 72%);position:absolute;inset:-72px -32px}.strobeBand{z-index:1;width:100%;min-height:38px;display:block;position:relative}.strobeBandLabel{z-index:3;text-align:left;pointer-events:none;min-width:32px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.strobeBandTrack{width:100%}.strobeReadout{margin-top:4px}.strobeReadout strong{font-size:clamp(2.35rem,7vw,4.2rem)}@media (width<=640px){.strobeTunerCard>.strobePanel{margin-top:8px;padding-top:4px}.strobeBand{min-height:32px}.strobeBandLabel{left:8px}.strobeBands:before{inset:-58px -18px}.strobeReadout strong{font-size:clamp(2rem,12vw,3.7rem)}}.acousticTunerCard:before{background:radial-gradient(74% 48%,#f9bba31a,#0000 62%),radial-gradient(58% 34%,#dd7b651f,#0000 72%)}.acousticTunerCard>.acousticTunerPanel{align-content:start;gap:14px;margin-top:5px;padding-top:4px}@media (width<=640px){.acousticTunerCard>.acousticTunerPanel{gap:12px;margin-top:4px;padding-top:3px}}.tunerGraphPanel{gap:.5px}@media (width<=640px){.tunerGraphPanel{gap:.5px}}.strobeTunerCard>.strobePanel{margin-top:2px;padding-top:1px}.acousticTunerCard>.acousticTunerPanel{min-height:auto;padding-bottom:2px}.acousticTunerCard .chromaticFrequencyPanel{padding-bottom:2px}@media (width<=640px){.strobeTunerCard>.strobePanel{margin-top:2px;padding-top:1px}.acousticTunerCard>.acousticTunerPanel{min-height:auto;padding-bottom:2px}.acousticTunerCard .chromaticFrequencyPanel{padding-bottom:2px}}.graphToolbar .graphClearButton.canClear:not(:disabled){color:#ffdca3;border-color:#e7b85d6b;box-shadow:0 0 10px #e7b85d1f}.graphCursorTooltip rect{shape-rendering:geometricprecision}.chromaticOctavePickerMenu,.chordBuilderOctavePickerMenu{grid-template-columns:repeat(3,minmax(42px,1fr))!important}.octaveSelectorGridSpacer{pointer-events:none;width:100%;min-width:42px;min-height:34px;display:block}@media (width<=640px){.chromaticOctavePickerMenu,.chordBuilderOctavePickerMenu{min-width:152px;grid-template-columns:repeat(3,minmax(38px,1fr))!important}.octaveSelectorGridSpacer{min-width:38px;min-height:34px}}.strobeTunerCard>.strobePanel{align-content:start;gap:4px;min-height:auto;margin-top:1px;padding-top:8px;padding-bottom:4px}.strobeTunerCard .strobeBands{gap:7px;padding-top:8px;padding-bottom:8px}.strobeTunerCard .strobeReadout{margin-top:2px;margin-bottom:0}.strobeTunerCard .strobeReadout strong{line-height:.82}@media (width<=640px){.strobeTunerCard>.strobePanel{gap:3px;min-height:auto;margin-top:1px;padding-top:6px;padding-bottom:3px}.strobeTunerCard .strobeBands{gap:6px;padding-top:7px;padding-bottom:7px}.strobeTunerCard .strobeReadout{margin-top:1px}}.tunerMetalTubeArc{filter:drop-shadow(0 0 11px #dd7b656b)drop-shadow(0 3px 7px #00000057)}.tunerMetalTubeBase,.tunerMetalTubeBand{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none;opacity:1}.strobeTunerCard .strobeBandLabel{color:#f4e2d6d1;text-shadow:0 1px 4px #00000057}.strobeTunerCard .strobeBandTrack{background:linear-gradient(#1d130fe6,#0a0807f2);border-color:#9d64492e;border-radius:6px;box-shadow:inset 0 1px #ffffff08,inset 0 -1px #0000002e}.strobeTunerCard .strobeBandPattern{background-image:linear-gradient(90deg,#110b09fc 0 18%,#170e0bf7 18% 22%,#3f261cd6 22% 27%,#794a35d1 27% 32%,#bf785ee0 32% 37%,#ecab92f2 37% 41%,#ffe1d2 41% 44%,#f3b49af5 44% 48%,#c27c62e0 48% 53%,#794a35d1 53% 58%,#3f261cd6 58% 63%,#170e0bf7 63% 68%,#110b09fc 68% 100%);background-size:var(--strobe-period) 100%;filter:saturate(1.05)contrast(1.03)brightness(1.01);background-repeat:repeat-x}.strobeTunerCard .strobeBandTrack:after{background:linear-gradient(#ffffff0b,#f9bba308 24%,#0000 40%,#00000038)}.strobeTunerCard .strobeBandCenter{background-image:linear-gradient(90deg,#5a4518 0%,#8a6a2c 24%,#d8bb72 50%,#8a6a2c 76%,#5a4518 100%),linear-gradient(#fff4dc2e 0%,#fff4dc0f 16%,#0000 34%,#00000029 100%);width:3px;box-shadow:inset 1px 0 #fff4dc1f,inset -1px 0 #34240a57,0 0 8px #a683423d,0 0 1px #fff1d73d}.strobeTunerCard .strobeBand.inactive .strobeBandCenter{opacity:.26;box-shadow:none}.strobeTunerCard .strobePanel.hasSignal .strobeBandPattern,.strobeTunerCard .strobePanel.hasSignal .strobeBand.inactive .strobeBandPattern{opacity:1!important}.strobeTunerCard .strobePanel.hasSignal .strobeBandCenter,.strobeTunerCard .strobePanel.hasSignal .strobeBand.inactive .strobeBandCenter{box-shadow:0 0 8px #a683423d,0 0 1px #fff1d73d;opacity:1!important}.strobeTunerCard .strobePanel.hasSignal .strobeBandLabel,.strobeTunerCard .strobePanel.hasSignal .strobeBand.inactive .strobeBandLabel{color:#f4e2d6d1;opacity:1}.strobeTunerCard .strobeBandPattern,.strobeTunerCard .strobeBand.inactive .strobeBandPattern,.strobeTunerCard .strobePanel.silence .strobeBandPattern,.strobeTunerCard .strobePanel.low-confidence .strobeBandPattern{opacity:1!important;filter:saturate(1.01)contrast(1.04)!important}.strobeTunerCard .strobeBandCenter,.strobeTunerCard .strobeBand.inactive .strobeBandCenter,.strobeTunerCard .strobePanel.silence .strobeBandCenter,.strobeTunerCard .strobePanel.low-confidence .strobeBandCenter{opacity:1!important}.strobeTunerCard .strobeBandLabel,.strobeTunerCard .strobeBand.inactive .strobeBandLabel,.strobeTunerCard .strobePanel.silence .strobeBandLabel,.strobeTunerCard .strobePanel.low-confidence .strobeBandLabel{color:#f4e2d6d1;opacity:1!important}.strobeTunerCard .strobeBands{overflow:visible}.strobeTunerCard .strobeBand{position:relative;overflow:visible}.strobeTunerCard .strobeBandLabel{text-align:right;pointer-events:none;z-index:3;min-width:34px;position:absolute;top:50%;left:auto;right:calc(100% + 10px);transform:translateY(-50%)}.strobeTunerCard .strobeBandTrack{width:100%}@media (width<=640px){.strobeTunerCard .strobeBandLabel{min-width:28px;right:calc(100% + 6px)}}.chordFretboardPanel{--fret-cell-width:56px;--fretboard-info-width:32px;--fretboard-tuning-width:73px;--fretboard-mute-width:42px;--fretboard-gap:5px;--fretboard-left-inset:5px;--fretboard-panel-padding:12px;--fretboard-controls-column-width:var(--fretboard-static-panel-width);--fretboard-controls-toggle-width:13px;--fretboard-scroll-gap:calc(var(--fretboard-controls-toggle-width) + 4px);--fretboard-static-panel-width:calc(var(--fretboard-left-inset) + var(--fretboard-info-width) + var(--fretboard-tuning-width) + var(--fretboard-mute-width) + var(--fretboard-gap) * 2);--fretboard-sticky-bg:linear-gradient(90deg, #190e0b, #190e0bfe 64%, #190e0bf7);--fretboard-muted-bg:linear-gradient(90deg, #a068460e, #a0684609 68%, #7e4c3705);--fretboard-sticky-panel-border:#c58a4e5c;--fretboard-sticky-panel-highlight:#ffe9cd1a;--fretboard-header-height:10px;--fretboard-row-height:38px;grid-template-columns:var(--fretboard-controls-column-width) var(--fretboard-scroll-gap) minmax(0, 1fr);width:100%;padding:var(--fretboard-panel-padding);isolation:isolate;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 18% 18%,#7b3d2a29,#0000 34%),linear-gradient(145deg,#1e110ddb,#0d0807f0);border:1px solid #ae6c4857;border-radius:12px;align-items:stretch;height:auto;max-height:none;transition:grid-template-columns .28s cubic-bezier(.22,.72,.18,1);display:grid;position:relative;overflow:visible;box-shadow:0 22px 46px #0000007a,0 6px 14px #0000004d,inset 0 1px #ffe8cf0f,inset 0 -2px #3e1e136b}.chordFretboardPanel.stringControlsCollapsed{--fretboard-controls-column-width:0px}.chordFretboardControlsClip{z-index:2;border-radius:12px;grid-column:1;width:100%;min-width:0;height:100%;position:relative;overflow:hidden}.chordFretboardStaticPanel{grid-column:1;grid-template-rows:var(--fretboard-header-height) auto;z-index:2;isolation:isolate;min-width:0;height:auto;max-height:none;width:var(--fretboard-static-panel-width);opacity:1;will-change:transform;background:0 0;border:0;border-radius:12px;align-self:stretch;gap:1px;transition:transform .28s cubic-bezier(.22,.72,.18,1),opacity .18s;display:grid;position:relative;overflow:visible;transform:translate(0,0)}.chordFretboardPanel.stringControlsCollapsed .chordFretboardStaticPanel{transform:translate3d(calc(0px - var(--fretboard-static-panel-width)), 0, 0);opacity:0;pointer-events:none}.chordFretboardStaticPanel:before{content:"";z-index:-2;border:1px solid var(--fretboard-sticky-panel-border);border-radius:inherit;background:var(--fretboard-sticky-bg);box-shadow:inset 0 1px 0 var(--fretboard-sticky-panel-highlight), inset 0 -1px 0 #58311b47, 10px 0 18px #0a060570;pointer-events:none;background-clip:padding-box;position:absolute;inset:0}.fretboardStaticHeader{min-height:var(--fretboard-header-height)}.fretboardStaticRows,.chordFretboardRows{gap:0;height:auto;max-height:none;display:grid;overflow:visible}.chordFretboardStaticRow{grid-template-columns:var(--fretboard-tuning-width) var(--fretboard-gap) var(--fretboard-info-width) var(--fretboard-gap) var(--fretboard-mute-width);min-height:var(--fretboard-row-height);height:var(--fretboard-row-height);padding:0 0 0 var(--fretboard-left-inset);background:0 0;align-items:center;display:grid;position:relative}.chordFretboardStaticRow>*{z-index:1;position:relative}.chordFretboardStaticRow.muted:before{content:"";z-index:0;background:var(--fretboard-muted-bg);pointer-events:none;border:1px solid #f9bba306;border-radius:7px;position:absolute;inset:3px 4px}.chordFretboardControlsToggle{z-index:8;left:calc(var(--fretboard-panel-padding) + var(--fretboard-controls-column-width));width:var(--fretboard-controls-toggle-width);min-width:var(--fretboard-controls-toggle-width);height:58px;min-height:58px;color:var(--peach);touch-action:manipulation;background:linear-gradient(#653425fa,#281712fa);border:1px solid #f9bba357;border-radius:0 10px 10px 0;place-items:center;padding:0;transition:left .28s cubic-bezier(.22,.72,.18,1),filter .15s,border-color .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:8px 0 18px #00000057,inset 0 1px #ffffff14}.chordFretboardControlsToggle:hover,.chordFretboardControlsToggle:focus-visible{filter:brightness(1.1);border-color:#f9bba3a3}.chordFretboardPanel.stringControlsCollapsed .chordFretboardControlsToggle{border-radius:0 10px 10px 0}.chordFretboardControlsToggleChevron{box-sizing:border-box;transform-origin:50%;border-bottom:3px solid;border-right:3px solid;width:8px;height:8px;margin:0 auto;transition:transform .22s;display:block;transform:translate(.5px)rotate(135deg)}.chordFretboardPanel.stringControlsCollapsed .chordFretboardControlsToggleChevron{transform:translate(-.5px)rotate(-45deg)}.chordFretboardScrollViewport{overscroll-behavior-x:contain;overscroll-behavior-y:none;touch-action:none;-ms-overflow-style:none;scrollbar-width:none;grid-column:3;min-width:0;height:auto;max-height:none;overflow:auto hidden}.chordFretboardScrollViewport::-webkit-scrollbar{width:0;height:0;display:none}.chordFretboardScrollViewport.isPanning,.chordFretboardScrollViewport.isPanning .fretboardFretCell,.chordFretboardScrollViewport.isPanning .fretboardFretHeaderRow{cursor:grabbing}.chordFretboardScrollableContent{grid-template-rows:var(--fretboard-header-height) auto;min-width:var(--fretboard-min-width,calc(var(--visible-fret-count) * var(--fret-cell-width)));gap:1px;height:auto;max-height:none;display:grid}.chordFretboardHeader{min-height:var(--fretboard-header-height);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:850}.fretboardFretHeaderRow,.fretboardFretCells{grid-template-columns:var(--fretboard-grid-columns,repeat(var(--visible-fret-count), minmax(var(--fret-cell-width), 1fr)));cursor:grab;touch-action:none;align-items:stretch;display:grid}.fretboardFretHeaderRow{min-height:var(--fretboard-header-height);align-items:center}.fretboardFretNumber{text-align:center;color:#f9bba3a8;font-size:.68rem;line-height:1}.chordFretboardSurface{isolation:isolate;min-width:var(--fretboard-min-width,calc(var(--visible-fret-count) * var(--fret-cell-width)));background:#140907e6;border-radius:10px;position:relative;box-shadow:0 11px 24px #0000006b,0 3px 7px #00000047,inset 0 1px #ffe0c40f,inset 0 -3px 5px #0000004d}.fretboardGridBackdrop{z-index:0;grid-template-columns:var(--fretboard-grid-columns,repeat(var(--visible-fret-count), minmax(var(--fret-cell-width), 1fr)));background-blend-mode:soft-light, multiply, overlay, soft-light, normal, normal;pointer-events:none;background:radial-gradient(circle at 18% 16%,#5f312133,#0000 33%),radial-gradient(circle at 76% 68%,#36160f52,#0000 42%),repeating-linear-gradient(0deg,#6c3a2638 0 2px,#24100a1f 2px 6px,#844c3229 6px 9px,#220f0a17 9px 15px),repeating-linear-gradient(-6deg,#a066451a 0 24px,#28110b14 24px 42px),linear-gradient(90deg,#30150e4d,#0000 12% 88%,#1f0e0a47),linear-gradient(135deg,#401f14 0%,#31170f 24%,#49271b 52%,#28140e 78%,#1a0c09 100%);border:1px solid #54311f8f;border-radius:10px;display:grid;position:absolute;inset:0;overflow:visible;box-shadow:inset 0 2px 2px #ffe0c209,inset 0 -5px 9px #00000047,0 1px #ffdcbc0a}.fretboardGridBackdrop span{box-shadow:none;border-right:0;position:relative}.fretboardGridBackdrop span:after{content:"";z-index:1;background:linear-gradient(90deg,#563e28e6 0%,#7c6347eb 18%,#ae997ed6 42%,#967d5fe0 62%,#62472feb 100%);border-radius:999px;width:3px;position:absolute;top:-1px;bottom:-1px;right:-1.5px;box-shadow:-1px 0 #371f143d,.5px 0 #efe6d10f,0 0 2px #00000014,inset .5px 0 #ece4d042,inset -.5px 0 #523b263d}.fretboardGridBackdrop span:last-child:after,.fretboardGridBackdrop.isFretless span:after{display:none}.fretboardGridBackdrop span.inactiveRange{background:#70707642}.fretboardGridBackdrop span.zeroFretNut{border-left:0;position:relative;overflow:visible}.fretboardGridBackdrop span.zeroFretNut:before{content:"";z-index:2;background:linear-gradient(90deg,#9f927b 0%,#d8ccb4 10%,#fffdf2 34%,#f7f1e4 54%,#d8cbb2 79%,#9f927b 100%);border:1px solid #756955b8;border-radius:2px;width:13px;position:absolute;top:-2px;bottom:-2px;left:-13px;box-shadow:-3px 0 5px #00000080,4px 0 7px #00000094,inset 2px 0 1px #ffffffd1,inset -2px 0 2px #5a4e3e5c,inset 0 1px #fffffff0,inset 0 -1px #685b486b}.fretboardInlayLayer{z-index:0;grid-template-columns:var(--fretboard-grid-columns,repeat(var(--visible-fret-count), minmax(var(--fret-cell-width), 1fr)));pointer-events:none;display:grid;position:absolute;inset:0}.fretboardInlaySlot{position:relative}.fretboardInlaySlot.is-empty{opacity:0}.fretboardInlayDot{top:var(--fretboard-inlay-y,50%);opacity:.78;background:radial-gradient(circle at 34% 32%,#fffffff0,#fcf4e8f5 38%,#dfd2bef0 60%,#928474e6 100%);border-radius:999px;width:12px;height:12px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff8ec3d,0 2px 9px #00000038,0 0 14px #fff6e51a}.fretboardInlayDot.single{width:13px;height:13px}.chordFretboardRows{z-index:1;position:relative}.chordFretboardRow{min-height:var(--fretboard-row-height);height:var(--fretboard-row-height);border:0;border-radius:0;padding:0;transition:border-color .16s,box-shadow .16s,background .16s,opacity .16s}.chordFretboardRow.muted{opacity:1}.fretboardOpenTuning{grid-column:1;grid-template-columns:repeat(2,34px);justify-content:center;align-items:center;gap:5px;min-width:0;display:grid}.fretboardMuteButton{width:28px;height:28px;min-height:28px;color:var(--peach);box-shadow:none;background:#231612f5;border-radius:999px;grid-column:5;justify-self:center;place-items:center;padding:0;line-height:0;display:grid}.fretboardMuteButton svg{pointer-events:none;flex:none;width:18px;height:18px;display:block;overflow:visible}.fretboardMuteButton.active{color:#ffd68a;background:#5e351ff5;border-color:#ffd68a85}.chordFretboardStaticRow.muted .fretboardMuteButton{color:#ffe2cab8;background:#42281e85}.chordFretboardStaticRow.muted .fretboardMuteButton.active{color:#ffdcacc7;background:#56382894;border-color:#ffd68a4d}.chordFretboardStaticRow.muted>*{opacity:.76}.fretboardStringInterval{color:#ffd6c8;text-align:center;pointer-events:none;grid-column:3;justify-content:center;place-self:stretch stretch;align-items:center;min-width:0;line-height:1;display:flex}.fretboardStringInterval strong{font-size:.8rem;font-weight:950}.fretboardStringInterval small{color:#ffe0d1c7;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem;font-weight:900;line-height:1}.fretboardOpenTuning .toneOctavePicker,.fretboardOpenTuning .toneOctavePickerButton{min-width:0}.fretboardOpenTuning .toneOctavePicker{z-index:6;position:relative}.fretboardOpenToneCell,.fretboardOpenOctaveCell{border-radius:8px;width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.fretboardOpenTuning button,.fretboardFretCell{box-shadow:none}.fretboardFretCells{min-height:var(--fretboard-row-height);height:var(--fretboard-row-height);background:0 0;border:1px solid #0000;border-radius:10px;position:relative;overflow:visible}.fretboardFretCell{z-index:4;min-width:0;min-height:var(--fretboard-row-height);height:var(--fretboard-row-height);color:#ffe1b0b8;filter:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative;overflow:visible}.fretboardFretCell:first-child{border-left:0}.fretboardFretCell:hover,.fretboardFretCell:hover:not(:disabled),.fretboardFretCell:focus-visible,.fretboardFretCell.selected{box-shadow:none;filter:none;background:0 0;outline:none}.fretboardFretNumber.inactiveRange{color:#bcb5b561}.fretboardInlaySlot.inactiveRange .fretboardInlayDot{opacity:.3}.fretboardFretCell.inactiveRange{background:#6060662e}.fretboardFretCell.inactiveRange:hover,.fretboardFretCell.inactiveRange:focus-visible{background:#6060663d}.fretboardFretCell.inactiveRange:disabled{cursor:default}.fretboardFretCell.missingStringSegment{visibility:hidden;pointer-events:none}.fretboardShortStringVoid{z-index:3;pointer-events:none;background:linear-gradient(90deg,#070504fc,#0c0706fa);border-radius:10px 0 0 10px;position:absolute;top:-1px;bottom:-1px;left:-1px;box-shadow:inset -1px 0 #f9bba31f,5px 0 10px #0000003d}.fretboardShortStringVoid:after{content:"";background:radial-gradient(circle at 34% 30%,#fff8e8,#c9b692 42%,#75644d 100%);border-radius:999px;width:9px;height:9px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 0 1px #2f1e14b8,0 2px 5px #0000007a}.fretboardStringLine{height:var(--fretboard-string-thickness,2px);background:linear-gradient(#94602d 0%,#e3c27e 22%,#a26d35 46%,#d6ab66 70%,#aa7a42 100%);border-radius:999px;min-height:1.5px;position:absolute;top:50%;left:-2px;right:-2px;overflow:hidden;transform:translateY(-50%);box-shadow:inset 0 1px 1px #fff4e52e,inset 0 -1px #60442729}.fretboardContinuousString{z-index:3;pointer-events:none;opacity:1;mix-blend-mode:normal;filter:none;isolation:isolate;backface-visibility:visible;transform:translateY(-50%)}.fretboardStringLine.isRoundwound{background-blend-mode:multiply, normal;background-color:#d2ae71;background-image:repeating-linear-gradient(90deg,#8a673a 0 .28px,#caa061 .28px .68px,#ffe7b0 .68px 1.06px,#b98a4c 1.06px 1.5px),linear-gradient(#9b682d 0%,#efcf91 22%,#b07c38 46%,#ddb36d 70%,#b88748 100%);background-position:0 0,0 0;background-repeat:repeat-x,no-repeat;background-size:1.5px 100%,100% 100%}.fretboardStringLine.isRoundwound:before{content:"";border-radius:inherit;opacity:.58;background-image:radial-gradient(145% 82% at 50% 22%,#fffae81c 0 35%,#0000 39%),radial-gradient(145% 84% at 50% 84%,#78542426 0 35%,#0000 39%);background-position:0 0,.75px 0;background-repeat:repeat-x,repeat-x;background-size:1.5px 100%,1.5px 100%;position:absolute;inset:0}.fretboardStringLine.isRoundwound:after{content:"";border-radius:inherit;opacity:.62;background:linear-gradient(#ffffff14,#fff0 30%),linear-gradient(#6c4d2100,#6c4d212e);position:absolute;inset:0}.fretboardStringLine.isFlatwound{background-blend-mode:multiply, normal;background-color:#b28a65;background-image:repeating-linear-gradient(99deg,#5f422d14 0 .12px,#5f422d29 .12px .24px,#5f422d47 .24px .42px,#5f422d66 .42px .6px,#5f422d75 .6px .78px,#aa8d6c1f .78px .96px,#d1b18d0f .96px 5.04px,#a17f5f1a 5.04px 5.22px,#7651392e 5.22px 5.4px,#7651393d 5.4px 5.58px,#7651391a 5.58px 5.76px,#7651390a 5.76px 6px),linear-gradient(#7f4d2c 0%,#d9b58a 22%,#8b5835 46%,#c89c71 70%,#966742 100%);background-position:0 0,0 0;background-repeat:repeat,no-repeat;background-size:6px 100%,100% 100%}.fretboardStringLine.isFlatwound:after{content:"";border-radius:inherit;opacity:.42;background:linear-gradient(#ffffff12,#fff0 34%),linear-gradient(#2e180d00,#2e180d29);position:absolute;inset:0}.fretboardStringVibration{z-index:3;pointer-events:none;opacity:0;transform-origin:0;will-change:transform, opacity, filter;animation-name:fretboardStringNaturalDecayVibration;animation-timing-function:linear;animation-iteration-count:1;right:-2px}@keyframes fretboardStringNaturalDecayVibration{0%{opacity:.92;filter:brightness(1.1);transform:translateY(-50%)}2%{opacity:.91;transform:translateY(calc(-50% - 1.15px))scaleY(1.05)}4%{opacity:.9;transform:translateY(calc(1.1px - 50%))scaleY(.95)}6%{opacity:.89;transform:translateY(calc(-50% - 1.05px))scaleY(1.045)}8%{opacity:.88;transform:translateY(calc(1px - 50%))scaleY(.955)}10%{opacity:.86;transform:translateY(calc(-50% - .95px))scaleY(1.04)}12%{opacity:.84;transform:translateY(calc(.9px - 50%))scaleY(.96)}14%{opacity:.82;transform:translateY(calc(-50% - .85px))scaleY(1.035)}16%{opacity:.8;transform:translateY(calc(.8px - 50%))scaleY(.965)}18%{opacity:.78;transform:translateY(calc(-50% - .75px))scaleY(1.03)}20%{opacity:.76;transform:translateY(calc(.7px - 50%))scaleY(.97)}23%{opacity:.72;transform:translateY(calc(-50% - .64px))scaleY(1.026)}26%{opacity:.68;transform:translateY(calc(.59px - 50%))scaleY(.974)}30%{opacity:.63;transform:translateY(calc(-50% - .53px))scaleY(1.022)}34%{opacity:.58;transform:translateY(calc(.48px - 50%))scaleY(.978)}39%{opacity:.52;transform:translateY(calc(-50% - .42px))scaleY(1.018)}44%{opacity:.46;transform:translateY(calc(.37px - 50%))scaleY(.982)}50%{opacity:.39;transform:translateY(calc(-50% - .31px))scaleY(1.014)}57%{opacity:.32;transform:translateY(calc(.26px - 50%))scaleY(.986)}65%{opacity:.24;transform:translateY(calc(-50% - .2px))scaleY(1.01)}74%{opacity:.16;transform:translateY(calc(.14px - 50%))scaleY(.99)}84%{opacity:.08;transform:translateY(calc(-50% - .08px))scaleY(1.005)}to{opacity:0;filter:brightness();transform:translateY(-50%)}}.fretboardFretMarker{z-index:3;box-sizing:border-box;letter-spacing:-.015em;text-align:center;white-space:nowrap;color:#1d110a;background:linear-gradient(145deg,#f9bba3,#dd7b65);border:1px solid #fff6ef57;border-radius:50%;place-items:center;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;padding:0;font-size:.68rem;font-weight:950;line-height:1;display:grid;position:relative;box-shadow:0 4px 13px #0000005c}.fretboardFretCell.selected.rootTone .fretboardFretMarker{color:#1b1008;background:linear-gradient(145deg,#ffe1b0,#c58a4e);box-shadow:0 0 0 3px #ffd68a29,0 5px 15px #00000061}.fretboardIntervalHint{z-index:3;box-sizing:border-box;letter-spacing:-.015em;text-align:center;white-space:nowrap;color:#ffe1b0c2;opacity:.68;background:#231612b8;border:1px solid #f9bba324;border-radius:50%;place-items:center;width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;padding:0;font-size:.62rem;font-weight:900;line-height:1;display:grid;position:relative}.fretboardFretCell.rootTone .fretboardIntervalHint{color:#ffe1b0;background:#5e351fc2;border-color:#ffd68a57}@media (width<=820px){.chordFretboardPanel{--fret-cell-width:48px;--fretboard-info-width:32px;--fretboard-tuning-width:73px;--fretboard-mute-width:42px}}@media (width<=520px){.chordFretboardPanel{--fret-cell-width:44px;--fretboard-info-width:32px;--fretboard-tuning-width:73px;--fretboard-mute-width:42px;--fretboard-panel-padding:8px}.fretboardOpenTuning{grid-template-columns:repeat(2,34px)}}@media (prefers-reduced-motion:reduce){.chordFretboardPanel,.chordFretboardStaticPanel,.chordFretboardControlsToggle,.chordFretboardControlsToggleChevron{transition:none!important}}.playNoteInputModePicker{z-index:1;pointer-events:auto;position:relative}.playNoteInputModeButton{color:var(--peach);background:#140d0ac7;border-color:#f9bba33d;position:relative}.playNoteInputModeButton.active{color:#fff6ef;background:radial-gradient(circle at 34% 24%,#f9bba3 0 18%,#dd7b65 58%,#873f1e 100%);border-color:#f9bba37a}.playNoteInputModeButton svg{width:28px;height:28px;display:block}.playNoteInputModeMenu{z-index:10060;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#0a0807fa;border:1px solid #f9bba33d;border-radius:12px;gap:6px;min-width:178px;padding:8px;display:grid;position:fixed;bottom:auto;right:auto;overflow:hidden auto;box-shadow:0 18px 44px #0000007a}.playNoteInputModeMenu button{width:100%;min-height:42px;color:var(--peach);text-align:left;background:#1e1310e6;border:1px solid #f9bba329;border-radius:9px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:7px 10px;display:grid}.playNoteInputModeMenu button:hover,.playNoteInputModeMenu button:focus-visible{background:#321d17f5;border-color:#f9bba366;outline:none}.playNoteInputModeMenu button.active{color:#fffaf5;background:linear-gradient(135deg,#8f3f2c,#dd7b65);border-color:#f9bba385}.playNoteInputModeMenu svg{width:24px;height:24px;display:block}.playNoteInputModeMenu span{white-space:nowrap;font-size:.88rem;font-weight:900;line-height:1}.playNoteFretboardExercise{width:100%;margin:12px 0 4px}.playNoteFretboardPanel{--fret-cell-width:54px;--fretboard-row-height:36px;grid-template-columns:minmax(0,1fr);padding:10px}.playNoteFretboardViewport{grid-column:1}.playNoteFretboardCell.selected{box-shadow:none;background:0 0}.playNoteFretboardCell.attempt-correct .fretboardFretMarker{color:#07170f;background:linear-gradient(145deg,#9ce5bf,#168f5b);border-color:#d3ffe680;box-shadow:0 0 0 3px #168f5b2e,0 5px 15px #00000061}.playNoteFretboardCell.attempt-wrong-octave .fretboardFretMarker{color:#071225;background:linear-gradient(145deg,#8db9ff,#1f66d1);border-color:#d7e7ff7a;box-shadow:0 0 0 3px #1f66d129,0 5px 15px #00000061}.playNoteFretboardCell.attempt-wrong .fretboardFretMarker{color:#24070c;background:linear-gradient(145deg,#ff9bab,#c7253e);border-color:#ffdee37a;box-shadow:0 0 0 3px #c7253e29,0 5px 15px #00000061}.playNoteFretboardCell:disabled{opacity:1;cursor:default}.playNoteFretboardMode .staticPlayNoteSheetPanel{height:min(52vh,560px);min-height:330px}@media (width<=820px){.playNoteFretboardPanel{--fret-cell-width:48px;padding:8px}}@media (width<=520px){.playNoteInputModeMenu{min-width:164px}.playNoteFretboardPanel{--fret-cell-width:44px;--fretboard-row-height:34px}.playNoteFretboardMode .staticPlayNoteSheetPanel{height:min(48vh,470px);min-height:300px}}.playNoteGamecard{--game-bottom-panel-height:0px}.playNoteGamecard:not(.playNoteButtonsMode):not(.playNoteFretboardMode){padding-bottom:18px}.playNoteGamecard.playNoteButtonsMode{--game-bottom-panel-height:172px}.playNoteNotationPanel{isolation:isolate;background:#f4efe6;width:100%;min-width:0;position:relative;overflow:hidden}.playNoteNotationPanel.dynamicNotationPanel{border-radius:8px}.playNoteNotationPanel.floatNotationPanel{isolation:auto;background:#140d0ab8;border:1px solid #f9bba329;border-radius:8px;height:82px;min-height:82px;overflow:visible}.playNoteFloatingNotation{z-index:1000;box-sizing:border-box;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#0c0908e6;border:1px solid #f9bba338;border-radius:10px;width:360px;height:190px;padding:8px;position:fixed;overflow:hidden;box-shadow:0 18px 42px #00000070}@media (prefers-reduced-motion:reduce){.floatingSheetResizeHandle{transition:none}}.playNoteFloatingNotation:active{cursor:grabbing}.playNoteFloatingNotation>.staff{border-radius:8px;width:100%;height:100%;min-height:0;margin:0}.playNoteFloatingTargetName{z-index:2;transform:translate(100%-1ch, 50%);color:#1e252d;letter-spacing:-.02em;text-align:center;text-shadow:0 1px #ffffffb8;pointer-events:none;min-width:24px;font-size:clamp(.92rem,2.2vw,1.12rem);font-weight:950;line-height:1;position:absolute;top:50%;left:14px}.playNoteFloatingTargetName.clefAligned{transform:none}.playNoteNotationPanel.staticNotationPanel{--play-note-static-control-drop:clamp(5px, .6vw, 7px);padding-bottom:var(--play-note-static-auto-panel-extension,0px);border-radius:18px}.playNoteNotationPanel.staticNotationPanel:after{content:"";z-index:1;height:var(--play-note-static-auto-panel-extension,0px);pointer-events:none;background:#f4efe6;position:absolute;bottom:0;left:0;right:0}.playNoteNotationPanel.staticNotationPanel[style*=--play-note-static-auto-panel-extension]:after{height:calc(var(--play-note-static-auto-panel-extension,0px) + 2px)}.playNoteNotationPanel.staticNotationPanel[style*=--play-note-static-auto-panel-extension] .staticStaffSheet{border-radius:18px 18px 0 0;box-shadow:inset 0 0 0 1px #18202a14}.playNoteNotationPanel.staticNotationPanel .replayCorner,.playNoteNotationPanel.staticNotationPanel .playNoteAutoPlayCorner,.playNoteNotationPanel.staticNotationPanel .playNoteAssistanceCorner,.playNoteNotationPanel.staticNotationPanel .playNoteInputModePicker{transform:translateY(calc(var(--play-note-static-control-drop) + var(--play-note-static-auto-control-drop,0px)))}.playNoteGamecard.playNoteFretboardMode .playNoteNotationPanel.staticNotationPanel{--play-note-static-control-drop:clamp(8px, .9vw, 12px)}.playNoteGamecard.playNoteFretboardMode .playNoteNotationPanel.staticNotationPanel .replayCorner{transform:translate(clamp(14px, 1.2vw, 20px), calc(var(--play-note-static-control-drop) + var(--play-note-static-auto-control-drop,0px)))}.playNoteNotationPanel>.staff,.playNoteNotationPanel>.staticPlayNoteSheetPanel{z-index:0;margin:0;position:relative}.playNoteNotationControls{z-index:6;width:auto;max-width:none;inset:auto clamp(10px,1.8vw,18px) clamp(10px,1.5vw,14px)}.playNoteNotationPanel.floatNotationPanel .playNoteNotationControls{z-index:1301}.playNoteCenterControl{pointer-events:none;place-items:end center;min-width:0;min-height:60px;padding-bottom:clamp(2px,.35vw,4px);display:grid}.playNoteCenterControl>.resultSlot{width:100%}.playNoteNotationPanel .resultInline strong{color:#8f3f2c;text-shadow:0 1px #ffffff8c}.playNoteNotationPanel .resultInline span,.playNoteNotationPanel .resultInline .resultDetail,.playNoteNotationPanel .resultSlot{color:#56504a}.playNoteNotationPanel .noteChoiceButton{color:#18202a;background:#18202a1a;border-color:#18202a33;box-shadow:0 5px 12px #18202a1a}.playNoteNotationPanel .noteChoiceButton:hover:not(:disabled),.playNoteNotationPanel .noteChoiceButton:focus-visible{background:#18202a2e;border-color:#18202a57}.playNoteNotationPanel .noteChoiceButton.selected,.playNoteNotationPanel .noteChoiceButton[aria-pressed=true]{background:var(--peach,#49c6a4);color:#1b120e;border-color:#18202a47}.playNoteNotationPanel [data-play-note-overlap-control]{pointer-events:auto;transition:opacity .16s}.playNoteNotationPanel [data-play-note-overlap-control].playNoteControlObscured{opacity:.2!important}.playNoteNotationPanel [data-play-note-overlap-control].playNoteControlObscured:hover,.playNoteNotationPanel [data-play-note-overlap-control].playNoteControlObscured:focus-visible{opacity:1!important}.playNoteFallbackControls{grid-template-columns:60px minmax(160px,1fr) 60px}.playNoteFallbackControls .fallbackAnswerSlot{width:100%}.playNoteFallbackPanViewport{overscroll-behavior-x:contain;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;margin-block:-12px;padding-block:12px;overflow:auto hidden}.playNoteFallbackPanViewport::-webkit-scrollbar{width:0;height:0;display:none}.playNoteFallbackPanViewport.isPanning,.playNoteFallbackPanViewport.isPanning .noteChoiceButton{cursor:grabbing}.playNoteFallbackControlSpacer{width:60px;height:60px}@media (width<=640px){.playNoteGamecard{--game-bottom-panel-height:0px}.playNoteGamecard.playNoteButtonsMode{--game-bottom-panel-height:196px}.playNoteNotationControls{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;inset:auto 10px 10px}.playNoteCenterControl{min-height:56px}.playNoteFallbackControls{grid-template-columns:56px minmax(0,1fr) 56px}.playNoteFallbackControlSpacer{width:56px;height:56px}}@media (width<=520px){.playNoteGamecard.playNoteButtonsMode{--game-bottom-panel-height:212px}.playNoteFallbackControls{grid-template-columns:52px minmax(0,1fr) 52px}.playNoteFallbackControlSpacer{width:52px;height:52px}.playNoteFallbackControls .noteChoiceButton{min-width:0;padding:.68rem .78rem}.playNoteFloatingNotation{width:min(292px,100vw - 20px);height:min(166px,100vh - 20px);padding:6px}.playNoteNotationControls .playNoteLeftControls,.playNoteNotationControls .playNoteRightControls{flex-direction:row;gap:6px;display:flex}.playNoteNotationControls .playNoteRightControls{justify-content:flex-end}}@media (width<=520px) and (height<=820px){.playNoteGamecard.playNoteButtonsMode{--game-bottom-panel-height:228px}}.gameActionStateIcon{fill:none;stroke:currentColor;width:28px;height:28px;display:block}.game button:focus-visible{outline:2px solid var(--control-focus-ring);outline-offset:3px}.game .confirmCorner,.game .chordBuilderSaveButton,.game .playNoteInputModeButton{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border);box-shadow:0 14px 28px #00000057,inset 0 -2px #45190e73,inset 0 1px #ffffff1a}.game .replayCorner,.game .replayString,.game .strumCorner,.game .chordBuilderStrumButton{background:var(--control-secondary-bg);color:var(--control-secondary-fg);border-color:var(--control-secondary-border)}.game .quickStrumButton{color:var(--control-secondary-fg);border-color:var(--control-secondary-border)}.gameToggleButton{background:var(--control-secondary-bg);color:var(--control-secondary-fg);border-color:var(--control-secondary-border);opacity:1;box-shadow:0 12px 28px #0000004d}.gameToggleButton[aria-pressed=true]{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border);box-shadow:0 0 0 2px #f9bba31f,0 12px 28px #00000052,inset 0 1px #ffffff1a}.gameToggleButton.playing[aria-pressed=true]{background:var(--control-active-bg);color:var(--control-active-fg);animation:none}.playNoteAutoPlayCorner:not(.active),.playNoteAutoPlayCorner:not([aria-pressed=true]){opacity:1;color:var(--control-secondary-fg)}.playNoteInputModeButton[aria-expanded=true]{box-shadow:0 0 0 3px #f9bba32e,0 14px 30px #0000005c,inset 0 1px #ffffff1a}.playNoteInputModeMenu button.active,.playNoteInputModeMenu button[aria-checked=true],.noteChoiceButton.selected,.noteChoiceButton[aria-pressed=true],.playNoteNotationPanel .noteChoiceButton.selected,.playNoteNotationPanel .noteChoiceButton[aria-pressed=true]{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border)}.fretboardMuteButton.gameCompactToggleButton{background:var(--control-secondary-bg);color:var(--control-secondary-fg);border-color:var(--control-secondary-border)}.fretboardMuteButton.gameCompactToggleButton[aria-pressed=true]{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border);box-shadow:inset 0 1px #ffffff1a}.chordFretboardStaticRow.muted>.fretboardMuteButton.gameCompactToggleButton{opacity:1}.chordFretboardStaticRow.muted .fretboardMuteButton.gameCompactToggleButton[aria-pressed=true]{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border)}.chordStringOverlay .removeStringButton:hover:not(:disabled),.chordStringOverlay .removeStringButton:focus-visible{color:var(--control-destructive-fg);background:var(--control-destructive-bg);border-color:var(--control-destructive-border)}.game button:disabled{opacity:var(--control-disabled-opacity)}.staticPlayNoteSheetControls .staticSheetZoomButton:disabled{opacity:1}.staticPlayNoteSheetControls:hover .staticSheetZoomButton:disabled,.staticPlayNoteSheetControls:focus-within .staticSheetZoomButton:disabled,.staticPlayNoteSheetControls:active .staticSheetZoomButton:disabled{opacity:var(--control-disabled-opacity)}.soundActivityOwner{z-index:4;isolation:isolate;position:relative;overflow:visible!important}.soundActivityWaves{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:visible}.soundActivityWave{--sound-wave-group-offset:0px;inset:calc(-2px - var(--sound-wave-group-offset));border-radius:inherit;border:2px solid var(--control-sound-wave);box-shadow:0 0 10px var(--control-sound-wave-glow);transform-origin:50%;pointer-events:none;opacity:0;animation:1.18s cubic-bezier(.18,.68,.28,1) forwards soundSourcePulse;position:absolute;transform:scale(.96)}@keyframes soundSourcePulse{0%{opacity:.94;transform:scale(.96)}68%{opacity:.28}to{opacity:0;transform:scale(1.5)}}.game .playNoteFretboardCell:disabled{opacity:1;filter:none;cursor:default}.game .fretboardContinuousString,.game .playNoteFretboardCell:disabled .fretboardFretMarker{opacity:1;filter:none}.playNoteFretboardCell.attempt-correct.selected{box-shadow:none;background:0 0}.playNoteFretboardCell.attempt-correct .fretboardFretMarker{opacity:1;filter:none;color:#03170d;background:linear-gradient(145deg,#baf3d1 0%,#28b978 48%,#087548 100%);border-color:#e2ffeed1}.game .playNoteFretboardCell.alternative-correct:disabled .fretboardAlternativeCorrectMarker,.playNoteFretboardCell.alternative-correct .fretboardAlternativeCorrectMarker{opacity:.58;filter:saturate(.9);color:#03170d;background:linear-gradient(145deg,#baf3d1 0%,#28b978 48%,#087548 100%);border-color:#e2ffeeb8;transform:scale(.94);box-shadow:0 0 0 2px #168f5b1f,0 4px 12px #0000004d}.fretboardFretMarker.soundActivityOwner{overflow:visible}.soundActivityWaves-fretboard .soundActivityWave{border-color:#087548e0;border-radius:50%;animation-name:fretboardSoundSourcePulse;box-shadow:0 0 10px #28b97875}@keyframes fretboardSoundSourcePulse{0%{opacity:.96;transform:scale(.94)}70%{opacity:.25}to{opacity:0;transform:scale(1.72)}}@media (prefers-reduced-motion:reduce){.soundActivityWave{opacity:.58;animation:none;transform:scale(1.18)}}.tunerCard .tunerModePickerButton,.tunerCard .tunerToneSourcePickerButton,.tunerCard .acousticPlaybackButton,.tunerCard .autoDetectStringToggle.active,.tunerCard .toneLoopToggle.looping,.tunerCard .tunerStringSelector button.active,.tunerCard .tunerStringSelector button.looping,.tunerCard .tunerModeMenu button.active,.tunerCard .tunerToneSourceMenu button.active,.acousticTunerCard .chromaticToneSelectButton,.chromaticTonePickerMenu button.active{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border);text-shadow:0 1px 1px #140805b8}.tunerCard .tunerModePickerButton,.tunerCard .tunerToneSourcePickerButton,.tunerCard .acousticPlaybackButton{box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000004d,0 0 12px #652a182e}.tunerCard .acousticPlaybackButton.active,.tunerCard .autoDetectStringToggle.active,.tunerCard .toneLoopToggle.looping,.tunerCard .tunerStringSelector button.active,.tunerCard .tunerStringSelector button.looping{box-shadow:inset 0 1px #ffffff1a,0 0 0 2px #7d3a2433,0 12px 26px #0000004d,0 0 14px #652a183d}.tunerCard .tunerModePickerButton:hover:not(:disabled),.tunerCard .tunerModePickerButton:focus-visible,.tunerCard .tunerToneSourcePickerButton:hover:not(:disabled),.tunerCard .tunerToneSourcePickerButton:focus-visible{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border)}.settingsTop{border-bottom:1px solid #f9bba31f;min-height:64px;padding:4px 2px 18px}.settingsSidebar .tabs{border:0;align-items:stretch;gap:5px;margin:0;padding:0;display:grid}.settingsSidebar .tabs button,.settingsSidebar .tabs button+button{text-align:left;color:#dec6bbd1;width:100%;min-height:44px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:flex-start;margin:0;padding:.7rem .78rem .7rem .9rem;font-size:.86rem}.settingsSidebar .tabs button:before{content:"";background:#f9bba33d;border-radius:50%;flex:none;width:6px;height:6px;margin-right:9px;box-shadow:0 0 0 4px #f9bba309}.settingsSidebar .tabs button:hover:not(:disabled){filter:none;color:#ffe8db;background:#f9bba30e;border-color:#f9bba31a}.settingsSidebar .tabs button.active,.settingsSidebar .tabs button[aria-selected=true]{color:#fff8f3;background:linear-gradient(90deg,#743420c2,#361d16b3);border-color:#bd735757;box-shadow:inset 3px 0 #bd7357,0 8px 20px #0000002e}.settingsSidebar .tabs button.active:before,.settingsSidebar .tabs button[aria-selected=true]:before{background:#e3a07f;box-shadow:0 0 0 4px #bd735729,0 0 12px #e3a07f6b}.settingsSidebar .tabs button:focus-visible{outline-offset:2px;outline:2px solid #f9bba3db}.settingsContent .settingsSectionCard{background:linear-gradient(155deg,#341e18b8,#100d0cdb 62%);border-color:#f9bba326;border-radius:14px;margin:18px 0 0;padding:clamp(18px,2.4vw,26px);box-shadow:0 24px 64px #00000052,inset 0 1px #ffffff0a}.settingsField{min-width:0;color:var(--text);grid-template-rows:minmax(44px,auto) 44px;gap:8px;display:grid}.settingsFieldLabel{color:#f5e3d9;font-size:.78rem;font-weight:850;line-height:1.25}.settingsField select,.settingsField input{color:#fff8f3;background:linear-gradient(#130e0ceb,#080808eb);border:1px solid #f9bba329;border-radius:9px;min-width:0;height:44px;min-height:44px;padding:0 38px 0 12px;box-shadow:inset 0 1px #ffffff06,0 6px 16px #0000001f}.settingsField input{padding-right:12px}.settingsField select:hover:not(:disabled),.settingsField input:hover:not(:disabled){border-color:#bd73576b}.settingsField select:focus,.settingsField input:focus{border-color:#e3a07fc2;outline:0;box-shadow:0 0 0 3px #bd735729,inset 0 1px #ffffff0a}.settingsField select:disabled,.settingsField input:disabled{opacity:.52}.settingsSwitch{cursor:pointer;background:#0c0a0985;border:1px solid #f9bba31f;border-radius:10px;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:12px;min-width:0;min-height:68px;margin:0;padding:12px 13px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative}.settingsSwitch:hover:not(.disabled){background:#28171294;border-color:#bd735757}.settingsSwitch input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.settingsSwitchTrack{background:#040404b8;border:1px solid #f9bba333;border-radius:999px;width:42px;height:24px;transition:background .18s,border-color .18s;display:block;position:relative;box-shadow:inset 0 2px 5px #00000061}.settingsSwitchTrack>span{background:#bda79d;border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000061}.settingsSwitch:has(input:focus-visible){outline-offset:2px;outline:2px solid #f9bba3db}.settingsSwitch.disabled{opacity:.48;cursor:not-allowed}.openTunerSetting,.showMicrophoneLevelSetting{align-self:stretch;justify-content:initial;padding-top:12px}.microphoneSettingsPanel{background:linear-gradient(145deg,#0f0c0bc2,#1f120e8c);border-color:#f9bba324;border-radius:11px;margin-top:0;padding:16px}.microphoneSettingsCopy{gap:3px;min-width:0;display:grid}.microphoneSettingsCopy small{max-width:600px;color:var(--muted);font-size:.69rem;line-height:1.4}.settingsCalibrationPanel{background:linear-gradient(145deg,#341d16ad,#0a0908c7);border-color:#bd73573d;border-radius:10px;min-height:68px}.settingsCalibrationPanel strong{color:#fff1e8;font-size:.84rem}.settingsCalibrationPanel small{font-size:.66rem}.settingsCalibrationPanel button{color:var(--peach);box-shadow:none;background:#221410db;border-color:#f9bba32e}.modeSettingsGrid{align-items:stretch}.modeSettingsFooter{align-items:stretch;margin-top:0}.tunerSettingsGrid{align-items:stretch}.tunerPreviewActionRow{background:#0a09086b;border:1px solid #f9bba31c;border-radius:10px;align-items:center;margin-top:0;padding:14px}.settingsDestructiveButton{color:#ffbac7;background:#46191fad;border-color:#ff799147}.settingsDestructiveButton:hover:not(:disabled){background:#5c1923d1;border-color:#ff799175}.chordBuilderSettingsGrid{align-items:stretch}.chordBuilderSettingsGrid .settingsSwitch{min-height:68px}.chordBuilderShowHzSetting,.chordBuilderShowHintsSetting{place-self:stretch stretch;margin-bottom:0}.pitchDifficultyRecovery{border-radius:10px}.lockedSettingsPanel{border-radius:14px;min-height:340px}@media (width<=1500px){.chordBuilderSettingsGrid.fretboardMode{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"sound sound mode instrumentPreset instrumentPreset fretboardStrings""fretboardTuning fretboardTuning fretMarker fretStart fretEnd showHz""chordHints chordHints chordHints calibration calibration calibration"}.chordBuilderSettingsGrid.stringsMode{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"sound mode showHz calibration"}}@media (width<=1180px){.modeSettingsGrid{grid-template-columns:repeat(2,minmax(190px,1fr))}.modeSettingsGrid .settingDifficulty,.modeSettingsGrid .settingToneRange,.modeSettingsGrid .settingIntervalRange,.modeSettingsGrid .settingKeySignature,.modeSettingsGrid .settingCustomLow,.modeSettingsGrid .settingCustomHigh{grid-column:auto}.tunerSettingsGrid{grid-template-columns:repeat(2,minmax(190px,1fr));grid-template-areas:"instrument strings""mode calibration"}.chordBuilderSettingsGrid.fretboardMode{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"sound mode instrumentPreset""fretboardStrings fretboardTuning fretMarker""fretStart fretEnd showHz""chordHints calibration calibration"}.chordBuilderSettingsGrid.stringsMode{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"sound mode""showHz calibration"}}@media (width<=900px){.settingsPage{padding-inline:16px}.settingsSidebar .tabs{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.settingsSidebar .tabs button,.settingsSidebar .tabs button+button{flex:none;width:auto;min-width:max-content;padding-inline:.85rem}.settingsSidebar .tabs button:before{display:none}}@media (width<=720px){.settingsTop{align-items:flex-start}.generalNotationGrid,.generalBehaviorGrid,.modeSettingsGrid,.tunerSettingsGrid{grid-template-columns:1fr}.tunerSettingsGrid{grid-template-areas:"instrument""strings""mode""calibration"}.modeSettingsGrid .settingDifficulty,.modeSettingsGrid .settingToneRange,.modeSettingsGrid .settingIntervalRange,.modeSettingsGrid .settingKeySignature,.modeSettingsGrid .settingCustomLow,.modeSettingsGrid .settingCustomHigh{grid-column:1}.chordBuilderSettingsGrid.fretboardMode,.chordBuilderSettingsGrid.stringsMode{grid-template-columns:1fr}.chordBuilderSettingsGrid.fretboardMode{grid-template-areas:"sound""mode""instrumentPreset""fretboardStrings""fretboardTuning""fretMarker""fretStart""fretEnd""chordHints""showHz""calibration"}.chordBuilderSettingsGrid.stringsMode{grid-template-areas:"sound""mode""showHz""calibration"}.microphoneSettingsHeader{flex-direction:column;align-items:stretch}.microphoneInputActions{justify-content:stretch}.microphoneDeviceSelect{flex:auto;grid-template-columns:22px minmax(0,1fr)}}@media (width<=480px){.settingsPage{padding:12px 10px 28px}.settingsTop{padding-bottom:12px}.settingsContent .settingsSectionCard{padding:15px}.settingsSwitch{min-height:64px}.tunerPreviewActionRow{padding:11px}}.modeSettingsFooter{grid-template-columns:repeat(3,minmax(180px,1fr));grid-template-areas:"sheet keySignature hold""delay sound."}.settingPlayNoteMusicSheet{grid-area:sheet}.settingPlayNoteKeySignature{grid-area:keySignature}.settingPlayNoteHoldDuration{grid-area:hold}.settingAssistanceDelay{grid-area:delay}.settingAssistanceToneSource{grid-area:sound}@media (width<=1180px){.modeSettingsFooter{grid-template-columns:repeat(2,minmax(190px,1fr));grid-template-areas:"sheet keySignature""hold delay""sound."}}@media (width<=720px){.modeSettingsFooter{grid-template-columns:1fr;grid-template-areas:"sheet""keySignature""hold""delay""sound"}}.settingsPage{width:min(1420px,100%);padding:14px clamp(10px,2vw,24px) 24px}.settingsTop{min-height:52px;padding:0 0 10px}.settingsSidebar .tabs{gap:3px}.settingsSidebar .tabs button,.settingsSidebar .tabs button+button{border-radius:7px;min-height:36px;padding:.46rem .62rem;font-size:.78rem}.settingsSidebar .tabs button:before{width:5px;height:5px;margin-right:7px}.settingsSidebar .tabs button.active,.settingsSidebar .tabs button[aria-selected=true]{background:linear-gradient(90deg,#662e1deb,#351b14e6);border-color:#b7654485;box-shadow:inset 2px 0 #c37a5b,0 5px 14px #0003}.settingsContent .settingsSectionCard{background:linear-gradient(155deg,#2f1b15c7,#0e0c0beb 62%);border-radius:10px;margin:0;padding:12px;box-shadow:0 16px 42px #00000047,inset 0 1px #ffffff09}.settingsSectionCard .formgrid,.generalBehaviorGrid,.chordBuilderSettingsGrid{gap:8px 10px}.modeSettingsGrid,.modeSettingsFooter,.tunerSettingsGrid,.chordBuilderSettingsGrid{row-gap:8px}.modeSettingsFooter,.generalBehaviorGrid,.microphoneSettingsPanel,.tunerPreviewActionRow,.tunerSettingsGrid+.settingsSwitch{margin-top:8px}.settingsField{grid-template-rows:auto;grid-template-columns:minmax(92px,.78fr) minmax(118px,1.22fr);align-items:center;gap:8px;min-height:38px;display:grid}.settingsFieldLabel,.settingsSwitch>strong{color:#f3d8ca;font-size:.73rem;font-weight:800;line-height:1.18}.settingsFieldHint,.settingsSwitchCopy small,.settingsCardIntro,.settingsSubsectionTitle,.settingsPanelIntro,.settingsSidebarHeading,.settingsSidebarNote,.settingsAutosaveBadge,.microphoneSettingsCopy small,.settingsCalibrationPanel small{display:none!important}.settingsField select,.settingsField input,.microphoneDeviceSelect select,.tunerCustomTuningDialog select,.tunerCustomTuningDialog input{color:#fbe9df;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#1b100d;border:1px solid #c37a5b57;border-radius:7px;min-width:0;height:38px;min-height:38px;box-shadow:inset 0 1px #ffffff06,0 4px 12px #00000024}.settingsField select,.microphoneDeviceSelect select,.tunerCustomTuningDialog select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3.25 5.25 3.75 3.5 3.75-3.5' fill='none' stroke='%23e8a789' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(#321b14,#1b100d);background-position:right 9px center,0 0;background-repeat:no-repeat,no-repeat;background-size:14px 14px,100% 100%;padding:0 32px 0 10px}.settingsField input,.tunerCustomTuningDialog input{background:linear-gradient(#2a1712,#160d0a);padding:0 10px}.settingsPage select option,.settingsPage select optgroup,.tunerCustomTuningDialog select option,.tunerCustomTuningDialog select optgroup{color:#f9e2d6;background-color:#21120e}.settingsPage select option:checked,.tunerCustomTuningDialog select option:checked{color:#fff7f1;background-color:#6c3423}.settingsPage select option:disabled,.tunerCustomTuningDialog select option:disabled{color:#8f7469;background-color:#17100e}.settingsField select:hover:not(:disabled),.settingsField input:hover:not(:disabled),.microphoneDeviceSelect select:hover:not(:disabled){border-color:#dc8b679e}.settingsField select:focus,.settingsField input:focus,.microphoneDeviceSelect select:focus,.tunerCustomTuningDialog select:focus,.tunerCustomTuningDialog input:focus{border-color:#d48a68;outline:0;box-shadow:0 0 0 2px #c37a5b33,inset 0 1px #ffffff09}.settingsSwitch,.chordBuilderSettingsGrid .settingsSwitch{background:#140d0b94;border-radius:7px;grid-template-columns:minmax(0,1fr) 36px;gap:8px;min-height:38px;padding:6px 8px}.settingsSwitchTrack{width:36px;height:20px}.settingsSwitchTrack>span{width:14px;height:14px;top:2px;left:2px}.settingsSwitch input:checked+.settingsSwitchTrack{background:linear-gradient(90deg,#4c2116,#80402b);border-color:#ca7b58b8}.settingsSwitch input:checked+.settingsSwitchTrack>span{background:#ffe0d0;transform:translate(16px)}.settingsSwitch:has(input:checked){background:linear-gradient(135deg,#4b211799,#170e0cb8);border-color:#c37a5b5c}.settingsCalibrationPanel{background:linear-gradient(145deg,#341c15d1,#0d0a09e6);border-radius:7px;grid-template-columns:32px minmax(110px,1fr) 32px;gap:6px;min-height:38px;padding:3px 5px}.settingsCalibrationPanel button{width:30px;height:30px;min-height:30px;font-size:1rem}.settingsCalibrationPanel strong{white-space:nowrap;font-size:.73rem}.openTunerSetting,.showMicrophoneLevelSetting{padding-top:6px}.microphoneSettingsPanel{background:linear-gradient(145deg,#120d0bd6,#2715109e);border-radius:8px;gap:8px;padding:9px}.microphoneSettingsHeader{min-height:36px}.microphoneSettingsCopy strong{color:#f3d8ca;font-size:.73rem}.microphoneDeviceSelect{grid-template-columns:18px minmax(120px,210px);gap:6px}.microphoneDeviceSelect svg{color:#e6a184;width:18px;height:18px}.microphoneRetryButton{width:34px;height:34px;min-height:34px}.tunerPreviewActionRow{border-radius:8px;gap:8px;padding:9px}.pitchDifficultyRecovery{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}.pitchDifficultyRecovery p{margin:0;font-size:.72rem}.pitchDifficultyRecovery button{white-space:nowrap;min-height:34px}.lockedSettingsPanel{min-height:240px}@media (width<=900px){.settingsPage{padding-inline:12px}.settingsSidebar .tabs{scrollbar-width:none;gap:4px;padding-bottom:0;display:flex;overflow-x:auto}.settingsSidebar .tabs::-webkit-scrollbar{display:none}.settingsSidebar .tabs button,.settingsSidebar .tabs button+button{flex:none;width:auto;min-width:max-content;padding-inline:.68rem}.settingsSidebar .tabs button:before{display:none}}@media (width<=720px){.settingsTop{align-items:center}.settingsContent .settingsSectionCard{padding:10px}.settingsField{grid-template-columns:minmax(96px,.82fr) minmax(118px,1.18fr)}.settingsSwitch{min-height:38px}.modeSettingsFooter{margin-top:8px}.microphoneSettingsHeader{flex-direction:row;align-items:center}.microphoneInputActions{flex:auto}.microphoneDeviceSelect{flex:auto;grid-template-columns:18px minmax(0,1fr)}}@media (width<=480px){.settingsPage{padding:8px 7px 18px}.settingsTop{padding-bottom:7px}.settingsContent .settingsSectionCard{padding:8px}.settingsField{grid-template-columns:minmax(88px,.75fr) minmax(112px,1.25fr);gap:6px}.settingsFieldLabel,.settingsSwitch>strong,.microphoneSettingsCopy strong{font-size:.69rem}.settingsField select,.settingsField input,.microphoneDeviceSelect select{height:36px;min-height:36px;font-size:.75rem}.settingsSwitch,.chordBuilderSettingsGrid .settingsSwitch{min-height:36px;padding:5px 7px}.microphoneSettingsHeader{gap:7px}.microphoneSettingsCopy{min-width:78px}.settingsCalibrationPanel{grid-template-columns:28px minmax(94px,1fr) 28px}.settingsCalibrationPanel button{width:27px;height:27px;min-height:27px}.settingsCalibrationPanel strong{font-size:.68rem}.tunerPreviewActionRow{padding:7px}}.settingsPage .generalNotationGrid,.settingsPage .generalBehaviorGrid,.settingsPage .modeSettingsGrid,.settingsPage .modeSettingsFooter,.settingsPage .tunerSettingsGrid,.settingsPage .chordBuilderSettingsGrid,.settingsPage .chordBuilderSettingsGrid.fretboardMode,.settingsPage .chordBuilderSettingsGrid.stringsMode{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));grid-template-areas:none;align-items:stretch;display:grid}.settingsPage .generalNotationGrid>*,.settingsPage .generalBehaviorGrid>*,.settingsPage .modeSettingsGrid>*,.settingsPage .modeSettingsFooter>*,.settingsPage .tunerSettingsGrid>*,.settingsPage .chordBuilderSettingsGrid>*{justify-self:stretch;grid-area:auto!important}@media (width<=620px){.settingsPage .generalNotationGrid,.settingsPage .generalBehaviorGrid,.settingsPage .modeSettingsGrid,.settingsPage .modeSettingsFooter,.settingsPage .tunerSettingsGrid,.settingsPage .chordBuilderSettingsGrid,.settingsPage .chordBuilderSettingsGrid.fretboardMode,.settingsPage .chordBuilderSettingsGrid.stringsMode{grid-template-columns:1fr}}.settingsClassicLayout{width:min(1220px,100%);padding:18px clamp(12px,2.5vw,30px) 28px}.settingsClassicLayout .settingsClassicTop{justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:0;display:flex}.settingsClassicLayout .settingsClassicTop>h1{color:var(--peach);margin:0;font-size:clamp(1.65rem,2.5vw,2.2rem);line-height:1}.settingsClassicLayout .settingsClassicTabs{border-bottom:1px solid #c37a5b47;flex-wrap:wrap;align-items:flex-end;gap:4px;margin:18px 0 0;padding:0 8px;display:flex;overflow:visible}.settingsClassicLayout .settingsClassicTabs button,.settingsClassicLayout .settingsClassicTabs button+button{color:#eac3b1c7;white-space:nowrap;background:linear-gradient(#271611cc,#120c0ae6);border:1px solid #c37a5b33;border-bottom-color:#c37a5b47;border-radius:9px 9px 0 0;width:auto;min-width:0;min-height:44px;margin:0 0 -1px;padding:.66rem .95rem;font-size:.85rem;font-weight:800;box-shadow:inset 0 1px #ffffff06}.settingsClassicLayout .settingsClassicTabs button:hover:not(:disabled){color:#f8d8c8;background:linear-gradient(#3a1e16e6,#180e0bf0);border-color:#dc8b6780}.settingsClassicLayout .settingsClassicTabs button.active,.settingsClassicLayout .settingsClassicTabs button[aria-selected=true]{z-index:1;color:#fff0e7;background:linear-gradient(#6a3424,#321b14 72%,#1d120f);border-color:#d3825e8c #d3825e8c #1d120f;box-shadow:inset 0 1px #ffe7d91f,0 -5px 16px #7435222e}.settingsClassicLayout .settingsClassicTabs button:focus-visible{outline-offset:2px;outline:2px solid #e8a789e6}.settingsClassicLayout .settingsClassicContent{min-width:0}.settingsClassicLayout .settingsClassicContent>[role=tabpanel]>.settingsSectionCard,.settingsClassicLayout .settingsClassicContent>.settingsSectionCard{margin-top:0}.settingsClassicLayout .settingsSectionCard{background:radial-gradient(circle at 15% 0,#682f1f29,#0000 34%),linear-gradient(155deg,#301b15db,#0f0b0af0 64%);border-color:#c37a5b3d;border-top-left-radius:0;padding:20px;box-shadow:0 18px 48px #0000004d,inset 0 1px #ffffff09}.settingsClassicLayout .settingsSectionCard .formgrid,.settingsClassicLayout .generalSettingsGrid,.settingsClassicLayout .modeSettingsGrid,.settingsClassicLayout .modeSettingsFooter,.settingsClassicLayout .tunerSettingsGrid,.settingsClassicLayout .chordBuilderSettingsGrid,.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode,.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{align-items:end;gap:14px}.settingsClassicLayout .settingsField{grid-template-rows:auto 42px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:6px;min-height:0;display:grid}.settingsClassicLayout .settingsFieldLabel,.settingsClassicLayout .settingsSwitch>strong,.settingsClassicLayout .microphoneSettingsCopy strong{color:#f2cdbc;font-size:.79rem;font-weight:800;line-height:1.2}.settingsClassicLayout .settingsField select,.settingsClassicLayout .settingsField input,.settingsClassicLayout .microphoneDeviceSelect select{color:#fbe8de;background-color:#1a0f0c;border-color:#c37a5b61;border-radius:9px;height:42px;min-height:42px;font-size:.86rem}.settingsClassicLayout .settingsField select,.settingsClassicLayout .microphoneDeviceSelect select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3.25 5.25 3.75 3.5 3.75-3.5' fill='none' stroke='%23efb096' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(#382018,#1a0f0c)}.settingsClassicLayout select option,.settingsClassicLayout select optgroup{color:#f9e2d6;background:#21120e}.settingsClassicLayout select option:checked{color:#fff7f1;background:#6c3423}.settingsClassicLayout .settingsSwitch,.settingsClassicLayout .chordBuilderSettingsGrid .settingsSwitch{background:linear-gradient(145deg,#22130fd1,#110b09e6);border:1px solid #c37a5b2e;border-radius:9px;grid-template-columns:minmax(0,1fr) 38px;align-self:end;gap:9px;min-height:42px;padding:7px 9px}.settingsClassicLayout .settingsSwitch:hover:not(.disabled){border-color:#dc8b677a}.settingsClassicLayout .settingsSwitch:has(input:checked){background:linear-gradient(145deg,#5b281bb8,#1d100ceb);border-color:#ca7b587a}.settingsClassicLayout .settingsSwitchTrack{width:38px;height:21px}.settingsClassicLayout .settingsSwitchTrack>span{width:15px;height:15px}.settingsClassicLayout .settingsSwitch input:checked+.settingsSwitchTrack>span{transform:translate(17px)}.settingsClassicLayout .modeSettingsGrid{grid-template-columns:repeat(3,minmax(180px,1fr))}.settingsClassicLayout .modeSettingsGrid.hasKeySignature{grid-template-columns:repeat(4,minmax(150px,1fr))}.settingsClassicLayout .modeSettingsGrid .settingDifficulty{grid-column:1}.settingsClassicLayout .modeSettingsGrid .settingToneRange{grid-column:2}.settingsClassicLayout .modeSettingsGrid .settingIntervalRange{grid-column:3}.settingsClassicLayout .modeSettingsGrid .settingKeySignature{grid-column:4}.settingsClassicLayout .modeSettingsGrid .settingCustomLow{grid-column:2}.settingsClassicLayout .modeSettingsGrid .settingCustomHigh{grid-column:3}.settingsClassicLayout .modeSettingsFooter{grid-template-columns:repeat(3,minmax(180px,1fr));grid-template-areas:none;margin-top:14px;padding-top:14px}.settingsClassicLayout .modeSettingsFooter>*{grid-area:auto!important}.settingsClassicLayout .tunerSettingsGrid{grid-template-columns:minmax(170px,1fr) minmax(90px,.42fr) minmax(200px,1.18fr) minmax(270px,1fr);grid-template-areas:"instrument strings mode calibration"}.settingsClassicLayout .settingTunerInstrument{grid-area:instrument!important}.settingsClassicLayout .settingTunerStrings{grid-area:strings!important}.settingsClassicLayout .settingTunerMode{grid-area:mode!important}.settingsClassicLayout .tunerCalibrationPanel{grid-area:calibration!important}.settingsClassicLayout .settingsCalibrationPanel{background:linear-gradient(145deg,#381e17e0,#0f0a09f0);border-color:#c37a5b47;border-radius:9px;grid-template-columns:34px minmax(118px,1fr) 34px;min-height:42px;padding:4px 6px}.settingsClassicLayout .settingsCalibrationPanel button{width:32px;height:32px;min-height:32px}.settingsClassicLayout .settingsCalibrationPanel strong{font-size:.78rem}.settingsClassicLayout .chordBuilderSettingsGrid>*{grid-column:auto}.settingsClassicLayout .microphoneSettingsPanel,.settingsClassicLayout .tunerPreviewActionRow{margin-top:14px}.settingsClassicLayout .lockedSettingsPanel{border-top-left-radius:0;margin-top:0}@media (width<=1100px){.settingsClassicLayout .generalSettingsGrid{grid-template-columns:repeat(3,minmax(170px,1fr))}.settingsClassicLayout .modeSettingsGrid{grid-template-columns:repeat(2,minmax(190px,1fr))}.settingsClassicLayout .modeSettingsGrid>*{grid-column:auto!important}.settingsClassicLayout .modeSettingsFooter{grid-template-columns:repeat(2,minmax(190px,1fr))}.settingsClassicLayout .tunerSettingsGrid{grid-template-columns:minmax(220px,1fr) minmax(280px,1fr);grid-template-areas:"instrument calibration""strings mode"}.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode{grid-template-columns:minmax(185px,1fr) minmax(125px,.7fr) minmax(145px,.85fr) minmax(95px,.48fr) minmax(155px,.82fr) minmax(135px,.8fr);grid-template-areas:"sound mode instrumentPreset fretboardStrings fretboardTuning fretMarker""fretStart fretEnd chordHints showHz calibration calibration"}.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{grid-template-columns:minmax(190px,1fr) minmax(130px,.8fr) max-content minmax(250px,1fr)}}@media (width<=760px){.settingsClassicLayout{padding:10px 8px 20px}.settingsClassicLayout .settingsClassicTop>h1{font-size:1.35rem}.settingsClassicLayout .settingsClassicTabs{scrollbar-width:none;flex-wrap:nowrap;padding-inline:4px;overflow-x:auto}.settingsClassicLayout .settingsClassicTabs::-webkit-scrollbar{display:none}.settingsClassicLayout .settingsClassicTabs button,.settingsClassicLayout .settingsClassicTabs button+button{flex:none;min-height:40px;padding:.58rem .78rem;font-size:.78rem}.settingsClassicLayout .settingsSectionCard{padding:12px}.settingsClassicLayout .generalSettingsGrid,.settingsClassicLayout .modeSettingsGrid,.settingsClassicLayout .modeSettingsFooter,.settingsClassicLayout .tunerSettingsGrid,.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode,.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{grid-template-columns:1fr;grid-template-areas:none}.settingsClassicLayout .generalSettingsGrid>*,.settingsClassicLayout .modeSettingsGrid>*,.settingsClassicLayout .modeSettingsFooter>*,.settingsClassicLayout .tunerSettingsGrid>*,.settingsClassicLayout .chordBuilderSettingsGrid>*{grid-area:auto!important}.settingsClassicLayout .settingsField{grid-template-rows:38px;grid-template-columns:minmax(108px,.8fr) minmax(130px,1.2fr);align-items:center;gap:8px}.settingsClassicLayout .settingsField select,.settingsClassicLayout .settingsField input,.settingsClassicLayout .microphoneDeviceSelect select{height:38px;min-height:38px}.settingsClassicLayout .settingsSwitch,.settingsClassicLayout .chordBuilderSettingsGrid .settingsSwitch{min-height:38px}}@media (width<=480px){.settingsClassicLayout .settingsClassicTop{gap:8px;min-height:54px}.settingsClassicLayout .settingsClassicTop .navIconButton{width:42px;height:42px}.settingsClassicLayout .settingsClassicTop>h1{font-size:1.18rem}.settingsClassicLayout .settingsSectionCard{padding:9px}.settingsClassicLayout .settingsField{grid-template-columns:minmax(96px,.75fr) minmax(112px,1.25fr);gap:6px}.settingsClassicLayout .settingsFieldLabel,.settingsClassicLayout .settingsSwitch>strong,.settingsClassicLayout .microphoneSettingsCopy strong{font-size:.69rem}.settingsClassicLayout .settingsField select,.settingsClassicLayout .settingsField input,.settingsClassicLayout .microphoneDeviceSelect select{font-size:.75rem}}.settingsClassicLayout .generalSettingsGrid{grid-template-columns:minmax(270px,1.42fr) minmax(178px,.96fr) minmax(142px,.7fr) minmax(182px,.96fr) minmax(182px,.96fr)}.settingsClassicLayout .generalNotationSetting{min-width:270px}.settingsClassicLayout .generalClefSetting{min-width:178px}.settingsClassicLayout .generalAccidentalSetting{min-width:142px}.settingsClassicLayout .generalSettingsGrid .settingsField select{width:100%;display:block}.settingsClassicLayout .generalInputRow{grid-template-columns:minmax(238px,.34fr) minmax(0,1fr);grid-template-areas:"calibration microphone";align-items:stretch;gap:14px;margin-top:14px;display:grid}.settingsClassicLayout .generalCalibrationPanel{grid-template-columns:34px minmax(126px,1fr) 34px;align-self:stretch;min-width:238px;height:100%;min-height:0;padding:9px 10px}.settingsClassicLayout .generalCalibrationPanel button{width:32px;height:32px;min-height:32px}.settingsClassicLayout .generalCalibrationPanel strong{text-overflow:clip;white-space:nowrap;overflow:visible}.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode{grid-template-columns:minmax(150px,.95fr) minmax(112px,.55fr) minmax(138px,.68fr) minmax(78px,.36fr) minmax(150px,.78fr) minmax(128px,.62fr) minmax(100px,.42fr) minmax(100px,.42fr) max-content max-content;grid-template-areas:"sound mode instrumentPreset fretboardStrings fretboardTuning fretMarker fretStart fretEnd chordHints showHz"}.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{grid-template-columns:minmax(170px,1.1fr) minmax(132px,.7fr) max-content;grid-template-areas:"sound mode showHz"}.settingsClassicLayout .generalInputRow .microphoneSettingsPanel{grid-area:microphone;gap:5px;min-width:0;height:100%;margin-top:0}.settingsClassicLayout .microphoneSettingsHeader{align-items:flex-start;min-height:0;margin-top:-2px}.settingsClassicLayout .microphoneSettingsCopy strong{line-height:1}.settingsClassicLayout .microphoneInputActions{grid-template-columns:minmax(0,1fr) 34px minmax(220px,280px);align-items:center;gap:8px;width:100%;min-width:0;display:grid}.settingsClassicLayout .microphoneSettingsLevel{min-width:0}.settingsClassicLayout .microphoneSettingsLevel .microphoneLevelMeter{grid-template-columns:minmax(0,1fr) 58px;gap:7px}.settingsClassicLayout .microphoneSettingsLevel .microphoneGateRange{right:65px}.settingsClassicLayout .microphoneDeviceSelect{min-width:220px;display:block}.settingsClassicLayout .microphoneDeviceSelect select{width:100%;min-width:220px;display:block}@media (width<=1200px){.settingsClassicLayout .generalSettingsGrid{grid-template-columns:minmax(270px,1.25fr) minmax(178px,1fr) minmax(182px,1fr)}.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode{grid-template-columns:minmax(185px,1fr) minmax(125px,.7fr) minmax(145px,.85fr) minmax(95px,.48fr) minmax(155px,.82fr) minmax(135px,.8fr);grid-template-areas:"sound mode instrumentPreset fretboardStrings fretboardTuning fretMarker""fretStart fretEnd chordHints showHz. ."}.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{grid-template-columns:minmax(190px,1fr) minmax(130px,.8fr) max-content;grid-template-areas:"sound mode showHz"}}@media (width<=900px){.settingsClassicLayout .generalInputRow{grid-template-columns:minmax(220px,.4fr) minmax(0,1fr);gap:10px}.settingsClassicLayout .generalCalibrationPanel{min-width:220px}.settingsClassicLayout .microphoneInputActions{grid-template-columns:minmax(0,1fr) 34px minmax(175px,220px);gap:7px}.settingsClassicLayout .microphoneDeviceSelect,.settingsClassicLayout .microphoneDeviceSelect select{min-width:175px}}@media (width<=760px){.settingsClassicLayout .generalSettingsGrid{grid-template-columns:1fr}.settingsClassicLayout .generalSettingsGrid .settingsField{grid-template-rows:auto 38px;grid-template-columns:1fr;align-items:stretch;gap:5px;min-width:0}.settingsClassicLayout .generalNotationSetting,.settingsClassicLayout .generalClefSetting,.settingsClassicLayout .generalAccidentalSetting{min-width:0}.settingsClassicLayout .generalInputRow{grid-template-columns:1fr;grid-template-areas:"calibration""microphone"}.settingsClassicLayout .generalCalibrationPanel{min-width:0;min-height:56px}.settingsClassicLayout .microphoneInputActions{grid-template-columns:minmax(105px,1fr) 34px minmax(160px,1fr)}.settingsClassicLayout .microphoneDeviceSelect,.settingsClassicLayout .microphoneDeviceSelect select{min-width:160px}.settingsClassicLayout .microphoneSettingsLevel .microphoneLevelMeter{grid-template-columns:minmax(0,1fr) 52px;gap:5px}.settingsClassicLayout .microphoneSettingsLevel .microphoneGateRange{right:57px}}@media (width<=480px){.settingsClassicLayout .microphoneInputActions{grid-template-columns:minmax(72px,1fr) 34px minmax(132px,1.12fr);gap:5px}.settingsClassicLayout .microphoneDeviceSelect,.settingsClassicLayout .microphoneDeviceSelect select{min-width:132px}.settingsClassicLayout .microphoneSettingsLevel .microphoneLevelMeter{grid-template-columns:minmax(0,1fr) 46px;gap:4px;font-size:.7rem}.settingsClassicLayout .microphoneSettingsLevel .microphoneGateRange{right:50px}}.settingsClassicLayout .modeSettingsGrid.hasFourthField{grid-template-columns:repeat(4,minmax(150px,1fr))}.settingsClassicLayout .modeSettingsGrid .settingPlayNoteFretboardStrings{grid-column:4}.settingsClassicLayout .settingsBronzeButton,.tunerCustomTuningDialog .settingsBronzeButton{border:1px solid var(--control-active-border);background:var(--control-active-bg);color:var(--control-active-fg);text-shadow:0 1px 1px #140805b8;text-decoration:none;box-shadow:0 10px 24px #0000004d,inset 0 -2px #45190e73,inset 0 1px #ffffff1a}.settingsClassicLayout .settingsBronzeButton:hover:not(:disabled),.settingsClassicLayout .settingsBronzeButton:focus-visible,.tunerCustomTuningDialog .settingsBronzeButton:hover:not(:disabled),.tunerCustomTuningDialog .settingsBronzeButton:focus-visible{color:var(--control-active-fg);filter:brightness(1.08);border-color:#f9bba394}.settingsClassicLayout .tunerUseChordBuilderLink{width:max-content;min-height:38px;padding:.55rem .85rem}@media (width<=760px){.settingsClassicLayout .modeSettingsGrid.hasFourthField{grid-template-columns:1fr}.settingsClassicLayout .modeSettingsGrid .settingPlayNoteFretboardStrings{grid-column:auto}}@media (width<=1100px) and (width>=761px){.settingsClassicLayout .modeSettingsGrid.hasFourthField{grid-template-columns:repeat(2,minmax(190px,1fr))}}.helpIconGuide{margin-top:16px;padding:clamp(16px,2vw,24px)}.helpIconGuideHeading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.helpIconGuideHeading h2,.helpIconGuideGroup h3{color:var(--peach);margin:0}.helpIconGuideHeading p{color:var(--muted);margin:0}.helpIconGuideGroups{gap:22px;display:grid}.helpIconGuideGroup{gap:11px;display:grid}.helpIconGuideGroup h3{font-size:1rem}.helpIconGuideGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}.helpIconGuideItem{background:#23130f85;border:1px solid #be6f4d45;border-radius:12px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:76px;padding:10px 12px;display:grid}.helpIconGlyph{width:44px;height:44px;color:var(--peach);background:linear-gradient(145deg,#602b1cb8,#20120fe0);border:1px solid #be6f4d61;border-radius:11px;place-items:center;display:grid;box-shadow:inset 0 1px #ffdcc814}.helpIconGlyph>svg,.helpIconPair>svg{width:27px;height:27px;display:block}.helpIconCopy{gap:3px;min-width:0;display:grid}.helpIconCopy strong{color:var(--text);line-height:1.2}.helpIconCopy>span{color:var(--muted);font-size:.84rem;line-height:1.35}@media (width<=640px){.helpIconGuideHeading{gap:4px;display:grid}.helpIconGuideGrid{grid-template-columns:1fr}.helpIconGuideItem{grid-template-columns:42px minmax(0,1fr);padding:9px 10px}.helpIconGlyph{width:40px;height:40px}}.settingsClassicLayout .modeSettingsGrid .settingPlayNoteFretboardStrings{grid-area:auto}@media (width>=1101px){.settingsClassicLayout .modeSettingsGrid.hasFourthField .settingPlayNoteFretboardStrings{grid-column:3}.settingsClassicLayout .modeSettingsGrid.hasFourthField .settingIntervalRange{grid-column:4}}.settingsClassicLayout .tunerCalibrationActions{grid-area:calibration;grid-template-columns:max-content minmax(150px,1fr);align-items:end;gap:8px;min-width:0;display:grid}.settingsClassicLayout .tunerCalibrationActions.calibrationOnly{grid-template-columns:minmax(150px,1fr)}.settingsClassicLayout .tunerCalibrationActions .tunerCalibrationPanel{grid-template-columns:28px minmax(78px,1fr) 28px;width:100%;min-width:0;padding:4px;grid-area:auto!important}.settingsClassicLayout .tunerCalibrationActions .tunerCalibrationPanel button{width:28px;height:32px;min-height:32px;padding:0}.settingsClassicLayout .tunerCalibrationActions .tunerCalibrationPanel strong{white-space:nowrap;min-width:0;font-size:.74rem}.settingsClassicLayout .tunerAddTuningButton{white-space:nowrap;border-radius:9px;width:auto;min-width:86px;height:42px;min-height:42px;padding:0 .62rem;font-size:.76rem;line-height:1}.settingsClassicLayout .tunerRemoveTuningRow{justify-content:flex-end;margin-top:10px;display:flex}.settingsClassicLayout .tunerRemoveTuningRow .settingsDestructiveButton{border-radius:8px;min-height:36px;padding:.45rem .72rem}@media (width<=480px){.settingsClassicLayout .tunerCalibrationActions{grid-template-columns:max-content minmax(0,1fr);gap:6px}.settingsClassicLayout .tunerCalibrationActions.calibrationOnly{grid-template-columns:minmax(0,1fr)}.settingsClassicLayout .tunerAddTuningButton{min-width:78px;padding-inline:.48rem;font-size:.71rem}.settingsClassicLayout .tunerCalibrationActions .tunerCalibrationPanel{grid-template-columns:26px minmax(70px,1fr) 26px}.settingsClassicLayout .tunerCalibrationActions .tunerCalibrationPanel button{width:26px}.settingsClassicLayout .tunerCalibrationActions .tunerCalibrationPanel strong{font-size:.7rem}}.settingsSelectSizer{grid-template-areas:"select";place-self:stretch start;inline-size:max-content;min-inline-size:0;max-inline-size:none;display:inline-grid}.settingsSelectSizer>select,.settingsSelectWidthProbe{grid-area:select}.settingsSelectWidthProbe{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;min-width:0;display:grid}.settingsSelectWidthProbe>span{box-sizing:border-box;width:max-content;min-width:0;height:42px;font:inherit;letter-spacing:normal;white-space:pre;border:1px solid #0000;grid-area:1/1;padding:0 38px 0 10px;font-size:.86rem;font-weight:400;line-height:42px}.settingsSelectWidthProbe>span:before{content:attr(data-option-label)}.settingsClassicLayout .settingsField .settingsSelectSizer>select,.settingsClassicLayout .microphoneDeviceSelect .settingsSelectSizer>select,.tunerCustomTuningDialog .settingsSelectSizer>select{width:100%;min-width:0;max-width:100%;padding-right:38px}.settingsClassicLayout .generalSettingsGrid .settingsField select{width:100%}.settingsClassicLayout .microphoneInputActions{grid-template-columns:minmax(0,1fr) 34px max-content}.settingsClassicLayout .microphoneDeviceSelect{width:max-content;min-width:0;max-width:100%;display:block}.settingsClassicLayout .microphoneDeviceSelect .settingsSelectSizer{max-width:none}.settingsClassicLayout .microphoneDeviceSelect select{width:100%;min-width:0}.tunerCustomTuningDialog .settingsSelectSizer{display:grid}.tunerCustomTuningDialog .settingsSelectWidthProbe>span{height:38px;font-size:inherit;line-height:38px}.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode{grid-template-columns:minmax(106px,max-content) minmax(148px,max-content) minmax(74px,max-content) minmax(180px,1fr) minmax(104px,max-content) minmax(96px,max-content);grid-template-areas:"mode instrumentPreset fretboardStrings fretboardTuning fretStart fretEnd""sound fretMarker chordHints showHz. .";align-items:end}.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{grid-template-columns:minmax(106px,max-content) minmax(210px,max-content) max-content;grid-template-areas:"mode. .""sound showHz.";align-items:end}.settingsClassicLayout .settingChordBuilderMode{grid-area:mode!important}.settingsClassicLayout .settingChordBuilderInstrumentPreset{grid-area:instrumentPreset!important}.settingsClassicLayout .settingChordBuilderFretboardStrings{grid-area:fretboardStrings!important}.settingsClassicLayout .settingChordBuilderFretboardTuning{grid-area:fretboardTuning!important}.settingsClassicLayout .settingChordBuilderFretStart{grid-area:fretStart!important}.settingsClassicLayout .settingChordBuilderFretEnd{grid-area:fretEnd!important}.settingsClassicLayout .settingChordBuilderSound{grid-area:sound!important}.settingsClassicLayout .settingChordBuilderFretMarker{grid-area:fretMarker!important}.settingsClassicLayout .chordBuilderShowHintsSetting{grid-area:chordHints!important}.settingsClassicLayout .chordBuilderShowHzSetting{grid-area:showHz!important}.settingsClassicLayout .settingChordBuilderFretStart,.settingsClassicLayout .settingChordBuilderFretEnd{min-width:0}.settingsClassicLayout .settingChordBuilderFretStart input,.settingsClassicLayout .settingChordBuilderFretEnd input{width:100%;min-width:0}@media (width<=980px) and (width>=761px){.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode{grid-template-columns:repeat(3,minmax(190px,1fr));grid-template-areas:"mode instrumentPreset fretboardStrings""fretboardTuning fretStart fretEnd""sound fretMarker chordHints""showHz. ."}.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{grid-template-columns:repeat(2,minmax(190px,1fr));grid-template-areas:"mode.""sound showHz"}}@media (width<=760px){.settingsClassicLayout .settingsSelectSizer,.tunerCustomTuningDialog .settingsSelectSizer{max-inline-size:100%}.settingsClassicLayout .settingsField>.settingsSelectSizer{grid-area:auto/2}.settingsClassicLayout .settingsSelectWidthProbe>span{height:38px;line-height:38px}.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode,.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{grid-template-columns:1fr;grid-template-areas:none}.settingsClassicLayout .chordBuilderSettingsGrid>*{grid-area:auto!important}.settingsClassicLayout .microphoneInputActions{grid-template-columns:minmax(0,1fr) 34px minmax(0,max-content)}.settingsClassicLayout .microphoneDeviceSelect .settingsSelectSizer{max-width:min(280px,100%)}}@media (width<=480px){.settingsSelectWidthProbe>span,.settingsClassicLayout .settingsSelectWidthProbe>span{height:36px;font-size:.75rem;line-height:36px}.settingsClassicLayout .microphoneDeviceSelect .settingsSelectSizer{max-width:min(220px,100%)}}@media (width<=760px){.settingsClassicLayout .generalSettingsGrid .settingsField>.settingsSelectSizer{grid-area:2/1}}.top.centeredMenuTop{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:12px;display:grid}.top.centeredMenuTop>:first-child{justify-self:start}.top.centeredMenuTop>h1{text-align:center;grid-column:2;justify-self:center;margin-inline:0}.top.centeredMenuTop>:not(h1):last-child{justify-self:end;min-width:0}@media (width<=760px) and (orientation:portrait){.top.centeredMenuTop:has(.trialpill){grid-template-rows:auto auto;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px 10px}.top.centeredMenuTop:has(.trialpill)>:first-child{grid-area:1/1}.top.centeredMenuTop:has(.trialpill)>h1{overflow-wrap:anywhere;grid-area:1/2;min-width:0;max-width:100%;font-size:clamp(1.55rem,7.5vw,2.2rem);line-height:1.08}.top.centeredMenuTop:has(.trialpill)>:not(h1):last-child{grid-area:2/1/auto/-1;justify-self:center;max-width:100%}.top.centeredMenuTop .trialpill{border-radius:999px;width:max-content;max-width:100%;min-height:36px;padding:.45rem .78rem;font-size:clamp(.76rem,3.25vw,.9rem);line-height:1.15}.top.centeredMenuTop .trialFullContent{display:none}.top.centeredMenuTop .trialCompactContent{white-space:nowrap;max-width:100%;display:block}.top.centeredMenuTop .statsToolbar{justify-content:center}.helpPage .top.centeredMenuTop:has(.trialpill){grid-template-rows:auto;grid-template-columns:46px minmax(0,1fr) auto;column-gap:10px}.helpPage .top.centeredMenuTop:has(.trialpill)>:first-child{grid-area:1/1}.helpPage .top.centeredMenuTop:has(.trialpill)>h1{overflow-wrap:normal;white-space:nowrap;grid-area:1/2;font-size:clamp(1.45rem,6.8vw,1.95rem)}.helpPage .top.centeredMenuTop:has(.trialpill)>.helpHeaderActions{grid-area:1/3;justify-self:end}.helpHeaderActions .trialpill{display:none}.helpHeaderActions .helpFeedbackButton{white-space:nowrap;min-height:44px;padding:.65rem .78rem;font-size:clamp(.75rem,3.25vw,.88rem)}}@media (width<=330px) and (orientation:portrait){.top.centeredMenuTop:has(.trialpill):not(:has(.helpHeaderActions)){grid-template-rows:auto}.top.centeredMenuTop:has(.trialpill):not(:has(.helpHeaderActions))>:not(h1):last-child{display:none}}.headerBalanceSpacer{width:46px;height:46px;display:block}.registrationConsent{color:var(--muted);grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;font-weight:500;line-height:1.4;display:grid}.registrationConsent input{accent-color:#c77a57;width:18px;height:18px;margin:.16em 0 0;padding:0}.registrationConsent a{color:var(--peach)}.profilePage button:not(.iconbtn):not(.linkbtn):not(.dangerButton){border:1px solid var(--control-active-border);background:var(--control-active-bg);color:var(--control-active-fg);text-shadow:0 1px 1px #140805b8;box-shadow:0 10px 24px #0000004d,inset 0 -2px #45190e73,inset 0 1px #ffffff1a}.profilePage button:not(.iconbtn):not(.linkbtn):not(.dangerButton):hover:not(:disabled),.profilePage button:not(.iconbtn):not(.linkbtn):not(.dangerButton):focus-visible{color:var(--control-active-fg);filter:brightness(1.08);border-color:#f9bba394}.profilePage .authModeTabs button{opacity:1;border:1px solid var(--control-active-border);background:var(--control-active-bg);color:var(--control-active-fg);text-shadow:0 1px 1px #140805b8;box-shadow:0 10px 24px #0000004d,inset 0 -2px #45190e73,inset 0 1px #ffffff1a}.profilePage .authModeTabs button:not(.active):not([aria-selected=true]){opacity:.72;filter:saturate(.78)brightness(.9);box-shadow:0 5px 14px #0003,inset 0 -1px #45190e52}.profilePage .authModeTabs button.active,.profilePage .authModeTabs button[aria-selected=true]{opacity:1;filter:none}.profilePage .oauthButton,.profilePage .googleOAuthButton,.profilePage .appleOAuthButton{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border)}.settingsPage input[type=number],.game input[type=number],.tunerCustomTuningDialog input[type=number]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:#c77a57}.settingsPage input[type=number]::-webkit-inner-spin-button{opacity:1;cursor:pointer;filter:invert(75%)sepia(28%)saturate(1150%)hue-rotate(324deg)brightness(101%)contrast(91%)}.settingsPage input[type=number]::-webkit-outer-spin-button{opacity:1;cursor:pointer;filter:invert(75%)sepia(28%)saturate(1150%)hue-rotate(324deg)brightness(101%)contrast(91%)}.game input[type=number]::-webkit-inner-spin-button{opacity:1;cursor:pointer;filter:invert(75%)sepia(28%)saturate(1150%)hue-rotate(324deg)brightness(101%)contrast(91%)}.game input[type=number]::-webkit-outer-spin-button{opacity:1;cursor:pointer;filter:invert(75%)sepia(28%)saturate(1150%)hue-rotate(324deg)brightness(101%)contrast(91%)}.tunerCustomTuningDialog input[type=number]::-webkit-inner-spin-button{opacity:1;cursor:pointer;filter:invert(75%)sepia(28%)saturate(1150%)hue-rotate(324deg)brightness(101%)contrast(91%)}.tunerCustomTuningDialog input[type=number]::-webkit-outer-spin-button{opacity:1;cursor:pointer;filter:invert(75%)sepia(28%)saturate(1150%)hue-rotate(324deg)brightness(101%)contrast(91%)}.settingsClassicLayout .settingsFretRangeInputs{grid-template-columns:max-content max-content max-content;align-items:center;gap:7px;height:42px;display:grid}.settingsClassicLayout .settingsFretRangeInputs input{box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;inline-size:calc(2ch + 42px);min-inline-size:calc(2ch + 42px);max-inline-size:calc(2ch + 42px);padding-inline:9px 4px}.settingsClassicLayout .settingsFretRangeSeparator{color:#f2cdbc;white-space:nowrap;font-size:.78rem;font-weight:800;line-height:1}.settingsClassicLayout .settingPlayNoteHoldDuration input{inline-size:calc(4ch + 42px);min-inline-size:calc(4ch + 42px)}.settingsClassicLayout .settingAssistanceDelay input{inline-size:calc(2ch + 42px);min-inline-size:calc(2ch + 42px)}@media (width>=1101px){.settingsClassicLayout .modeSettingsGrid,.settingsClassicLayout .modeSettingsGrid.hasFourthField,.settingsClassicLayout .modeSettingsFooter,.settingsClassicLayout .tunerSettingsGrid,.settingsClassicLayout .chordBuilderSettingsGrid,.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode,.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{justify-content:start;gap:12px 5px}.settingsClassicLayout .modeSettingsGrid{grid-template-columns:repeat(3,max-content)!important}.settingsClassicLayout .modeSettingsGrid.hasFourthField{grid-template-columns:repeat(4,max-content)!important}.settingsClassicLayout .modeSettingsGrid>*{grid-area:auto!important}.settingsClassicLayout .modeSettingsFooter{grid-template-columns:repeat(5,max-content)!important}.settingsClassicLayout .tunerSettingsGrid{grid-template-columns:max-content max-content max-content max-content!important;grid-template-areas:"instrument strings mode calibration"!important}.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode{grid-template-columns:max-content max-content max-content max-content max-content max-content max-content max-content!important;grid-template-areas:"mode instrumentPreset fretboardStrings fretboardTuning. . . .""sound fretMarker chordHints showHz. . . ."!important}.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{grid-template-columns:max-content max-content max-content!important;grid-template-areas:"mode. .""sound showHz."!important}.settingsClassicLayout .settingChordBuilderMode{grid-area:mode!important}.settingsClassicLayout .settingChordBuilderInstrumentPreset{grid-area:instrumentPreset!important}.settingsClassicLayout .settingChordBuilderFretboardStrings{grid-area:fretboardStrings!important}.settingsClassicLayout .settingChordBuilderFretboardTuning{grid-area:fretboardTuning!important}.settingsClassicLayout .settingChordBuilderSound{grid-area:sound!important}.settingsClassicLayout .settingChordBuilderFretMarker{grid-area:fretMarker!important}.settingsClassicLayout .chordBuilderShowHintsSetting{grid-area:chordHints!important}.settingsClassicLayout .chordBuilderShowHzSetting{grid-area:showHz!important}}@media (width>=761px) and (width<=1100px){.settingsClassicLayout .modeSettingsGrid,.settingsClassicLayout .modeSettingsGrid.hasFourthField,.settingsClassicLayout .modeSettingsFooter,.settingsClassicLayout .tunerSettingsGrid,.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode,.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{justify-content:start;gap:12px 5px;grid-template-columns:repeat(3,max-content)!important;grid-template-areas:none!important}.settingsClassicLayout .modeSettingsGrid>*,.settingsClassicLayout .modeSettingsFooter>*,.settingsClassicLayout .tunerSettingsGrid>*,.settingsClassicLayout .chordBuilderSettingsGrid>*{grid-area:auto!important}}@media (width<=760px){.settingsClassicLayout .settingsFretRangeInputs{justify-content:start;height:38px}}.settingsClassicLayout .tunerCalibrationActions{gap:5px}.settingsClassicLayout .settingsCustomPitchField{width:max-content;min-width:0}.settingsClassicLayout .settingsCustomPitchControls{align-items:stretch;gap:4px;height:42px;display:flex}.settingsClassicLayout .settingsCustomPitchButton{color:#fbe8de;background:linear-gradient(#4a291f 0%,#24130f 52%,#1a0f0c 100%);border:1px solid #c37a5b6b;border-radius:9px;height:42px;min-height:42px;font-weight:900;box-shadow:inset 0 1px #ffddcd14,inset 0 -1px #531f13b8}.settingsClassicLayout .settingsCustomPitchButton:hover,.settingsClassicLayout .settingsCustomPitchButton:focus-visible,.settingsClassicLayout .settingsCustomPitchButton.active{background:linear-gradient(#6b3929 0%,#351c15 54%,#21120e 100%);border-color:#e59775b8}.settingsClassicLayout .settingsCustomPitchNoteButton{width:auto;min-width:58px;padding-inline:10px}.settingsClassicLayout .settingsCustomPitchOctaveButton{width:42px;min-width:42px;padding-inline:6px}.settingsClassicLayout .settingsCustomPitchTray{scrollbar-width:thin;scrollbar-color:#b76b4db8 #140c0acc;background:linear-gradient(#371e17f5,#140c0afa);border:1px solid #c37a5b57;border-radius:10px;gap:5px;width:100%;min-width:0;max-width:100%;padding:7px;display:grid;overflow:auto hidden;box-shadow:inset 0 1px #ffe0d20f,0 10px 24px #00000038;grid-area:auto!important}.settingsClassicLayout .settingsCustomPitchTray.noteRow{grid-template-columns:repeat(12,minmax(46px,1fr))}.settingsClassicLayout .settingsCustomPitchTray.octaveRow{grid-template-columns:repeat(10,minmax(42px,1fr))}.settingsClassicLayout .settingsCustomPitchTray button{white-space:nowrap;color:#f8e7df;background:linear-gradient(#46261d 0%,#25140f 58%,#190e0b 100%);border:1px solid #c37a5b52;border-radius:8px;width:100%;min-width:0;height:36px;min-height:36px;padding:4px 7px;font-weight:900;box-shadow:inset 0 1px #ffe1d30f}.settingsClassicLayout .settingsCustomPitchTray button:not(:disabled):hover,.settingsClassicLayout .settingsCustomPitchTray button:not(:disabled):focus-visible{background:linear-gradient(#603323 0%,#351c14 58%,#21110d 100%);border-color:#e69977c2}.settingsClassicLayout .settingsCustomPitchTray button.active{color:#fff3ec;background:linear-gradient(#9a5338,#5e2e20);border-color:#c27a5a;box-shadow:inset 0 1px #ffe0d229,0 0 0 1px #9a533847}.settingsClassicLayout .settingsCustomPitchTray button:disabled{opacity:.34;cursor:not-allowed}@media (width<=760px){.settingsClassicLayout .settingsCustomPitchTray.noteRow{grid-template-columns:repeat(12,minmax(48px,1fr))}.settingsClassicLayout .settingsCustomPitchTray.octaveRow{grid-template-columns:repeat(10,minmax(44px,1fr))}}.numberStepper{box-sizing:border-box;isolation:isolate;border-radius:9px;width:100%;min-width:0;height:100%;display:inline-grid;position:relative;overflow:hidden}.numberStepper>input{box-sizing:border-box;appearance:textfield;width:100%;min-width:0;height:100%;padding-right:29px!important}.numberStepper>input::-webkit-inner-spin-button{appearance:none;opacity:0;margin:0}.numberStepper>input::-webkit-outer-spin-button{appearance:none;opacity:0;margin:0}.numberStepperButtons{z-index:1;box-sizing:border-box;background:#21120e;border:1px solid #b5684985;border-radius:7px;grid-template-rows:1fr 1fr;width:24px;max-width:calc(100% - 4px);display:grid;position:absolute;top:2px;bottom:2px;right:2px;overflow:hidden;box-shadow:inset 0 1px #ffdccb0f,0 0 0 1px #0000002e}.numberStepper:focus-within{box-shadow:0 0 0 2px #c37a5b33}.numberStepperButton{color:#e5a287;width:100%;min-width:0;height:auto;min-height:0;box-shadow:none;background:linear-gradient(#4b291f,#2a1711);border:0;border-radius:0;place-items:center;margin:0;padding:0;display:grid}.numberStepperButton+.numberStepperButton{border-top:1px solid #b5684961}.numberStepperButton svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:7px}.numberStepperButton:hover:not(:disabled),.numberStepperButton:focus-visible:not(:disabled){color:#ffd0bc;background:linear-gradient(#633524,#351b14)}.numberStepperButton:disabled{opacity:.36;cursor:default}.settingsClassicLayout .settingsField>.numberStepper{grid-row:2;height:42px}.settingsClassicLayout .settingsFretRangeInputs .numberStepper{inline-size:calc(2ch + 42px);min-inline-size:calc(2ch + 42px);max-inline-size:calc(2ch + 42px);height:42px}.settingsClassicLayout .settingsFretRangeInputs .numberStepper input{text-align:center;font-variant-numeric:tabular-nums;inline-size:100%;min-inline-size:0;max-inline-size:none;padding-left:8px}.settingsClassicLayout .settingPlayNoteHoldDuration .numberStepper{inline-size:calc(4ch + 42px);min-inline-size:calc(4ch + 42px)}.settingsClassicLayout .settingAssistanceDelay .numberStepper{inline-size:calc(2ch + 42px);min-inline-size:calc(2ch + 42px)}.frequencyInputWithUnit .numberStepper{grid-area:1/1;width:112px;height:28px}.frequencyInputWithUnit .numberStepper input{width:100%;padding-right:49px!important}.frequencyInputWithUnit .numberStepperButtons{width:22px}.frequencyInputWithUnit .frequencyInputUnit{margin-right:1.95rem}.chordStringDragGhost .numberStepperButtons{display:none}.chordStringDragGhost .numberStepper input{padding-right:1.85rem!important}.settingsClassicLayout .settingsCustomPitchButton{text-align:center;place-items:center;line-height:1;display:grid}.settingsClassicLayout .settingsCustomPitchTray button{text-align:center;place-items:center;display:grid}.settingsClassicLayout .settingCustomRange{align-self:end;align-items:center;gap:5px;width:max-content;min-width:0;height:42px;display:flex}.settingsClassicLayout .settingCustomRange .settingsCustomPitchField,.settingsClassicLayout .settingCustomRange .settingsCustomPitchControls{height:42px}.settingsClassicLayout .settingsCustomRangeSeparator{color:#f2cdbc;white-space:nowrap;align-self:stretch;place-items:center;min-width:18px;font-size:.78rem;font-weight:800;line-height:1;display:grid}.settingsClassicLayout .settingCustomRange.verticalCustomRange{flex-direction:column;justify-content:center;align-self:end;align-items:center;gap:4px;height:auto}.settingsClassicLayout .settingCustomRange.verticalCustomRange .settingsCustomPitchField,.settingsClassicLayout .settingCustomRange.verticalCustomRange .settingsCustomPitchControls{width:max-content}.settingsClassicLayout .settingCustomRange.verticalCustomRange .settingsCustomRangeSeparator{text-align:center;align-self:center;width:100%;min-width:0;min-height:18px}.settingsClassicLayout .splitCustomRangeRows .modeSettingsGrid,.settingsClassicLayout .splitCustomRangeRows .modeSettingsFooter{width:100%}.settingsClassicLayout .splitCustomRangeRows .splitCustomRangeLow,.settingsClassicLayout .splitCustomRangeRows .splitCustomRangeHigh{flex:none;margin-left:0}.settingsClassicLayout .splitCustomRangeRows .splitCustomRangeHigh{position:relative}.settingsClassicLayout .splitCustomRangeRows .settingsCustomRangeSplitSeparator{color:#f2cdbc;white-space:nowrap;pointer-events:none;place-items:center;min-width:18px;font-size:.78rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-21px;left:50%;transform:translate(-50%)}@media (width>=761px){.settingsClassicLayout .splitCustomRangeRows .modeSettingsFooter{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:12px 5px;display:flex!important}.settingsClassicLayout .splitCustomRangeRows .modeSettingsFooter>*{flex:none;grid-area:auto!important}.settingsClassicLayout .modeSettingsGrid,.settingsClassicLayout .modeSettingsGrid.hasFourthField,.settingsClassicLayout .modeSettingsGrid.hasKeySignature{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:12px 5px;display:flex!important}.settingsClassicLayout .modeSettingsGrid>*{flex:none;grid-area:auto!important}.settingsClassicLayout .modeSettingsGrid>.settingsCustomPitchTray{flex:0 0 100%}}.settingsClassicLayout .chordBuilderSettingsGrid,.settingsClassicLayout .chordBuilderSettingsGrid.fretboardMode,.settingsClassicLayout .chordBuilderSettingsGrid.stringsMode{align-items:start;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important;gap:12px!important;display:grid!important}.settingsClassicLayout .chordBuilderSettingsGrid>.chordBuilderSettingsRow{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:5px;min-width:0;display:flex;grid-area:auto!important}.settingsClassicLayout .chordBuilderSettingsRow>*{flex:none;grid-area:auto!important}.settingsClassicLayout .generalCalibrationPanel{grid-template-columns:40px minmax(142px,1fr) 40px;padding:8px 10px}.settingsClassicLayout .generalCalibrationPanel button{width:38px;height:38px;min-height:38px;padding:0;font-size:1.18rem;line-height:1}.settingsClassicLayout .generalCalibrationPanel strong{text-align:center;font-size:1rem;line-height:1}@media (width<=760px){.settingsClassicLayout .settingCustomRange{height:38px}.settingsClassicLayout .settingCustomRange.verticalCustomRange{height:auto}.settingsClassicLayout .splitCustomRangeRows .splitCustomRangeLow,.settingsClassicLayout .splitCustomRangeRows .splitCustomRangeHigh{margin-left:0}.settingsClassicLayout .splitCustomRangeRows .settingsCustomRangeSplitSeparator{top:-18px}.settingsClassicLayout .settingCustomRange .settingsCustomPitchField,.settingsClassicLayout .settingCustomRange .settingsCustomPitchControls,.settingsClassicLayout .settingCustomRange .settingsCustomPitchButton{height:38px;min-height:38px}.settingsClassicLayout .chordBuilderSettingsGrid>.chordBuilderSettingsRow{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.settingsClassicLayout .chordBuilderSettingsRow>*{width:100%}.settingsClassicLayout .settingCustomRange{width:max-content;max-width:100%}.settingsClassicLayout .generalCalibrationPanel{grid-template-columns:36px minmax(126px,1fr) 36px}.settingsClassicLayout .generalCalibrationPanel button{width:34px;height:34px;min-height:34px;font-size:1.05rem}.settingsClassicLayout .generalCalibrationPanel strong{font-size:.9rem}}.settingsSelectSizer>.settingsSelectControl{grid-area:select}.settingsSelectControl{width:100%;min-width:0;height:100%;display:block;position:relative}.settingsSelectNativeProxy{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;border:0!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.settingsClassicLayout .settingsSelectButton,.tunerCustomTuningDialog .settingsSelectButton{color:#fbe8de;width:100%;min-width:0;height:42px;min-height:42px;font:inherit;text-align:left;background:linear-gradient(#382018,#1a0f0c);border:1px solid #c37a5b61;border-radius:9px;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:10px;padding:0 10px;font-size:.86rem;font-weight:400;display:grid;box-shadow:inset 0 1px #ffe2d309}.settingsClassicLayout .settingsSelectButton>span,.tunerCustomTuningDialog .settingsSelectButton>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settingsClassicLayout .settingsSelectButton svg,.tunerCustomTuningDialog .settingsSelectButton svg{fill:none;stroke:#efb096;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .14s}.settingsClassicLayout .settingsSelectButton[aria-expanded=true] svg,.tunerCustomTuningDialog .settingsSelectButton[aria-expanded=true] svg{transform:rotate(180deg)}.settingsClassicLayout .settingsSelectButton:hover:not(:disabled),.settingsClassicLayout .settingsSelectButton:focus-visible,.tunerCustomTuningDialog .settingsSelectButton:hover:not(:disabled),.tunerCustomTuningDialog .settingsSelectButton:focus-visible{background:linear-gradient(#4e291e,#20110d);border-color:#e59775b8;outline:none;box-shadow:0 0 0 2px #c6775421,inset 0 1px #ffe2d30f}.settingsClassicLayout .settingsSelectButton:disabled,.tunerCustomTuningDialog .settingsSelectButton:disabled{opacity:.48;cursor:not-allowed}.settingsSelectMenu{z-index:10050;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#be6f4dc2 #120a08d1;background:radial-gradient(circle at 14% 0,#75342233,#0000 42%),linear-gradient(#2b1712 0%,#170d0a 100%);border:1px solid #d3825e8a;border-radius:11px;gap:2px;padding:5px;display:grid;position:fixed;overflow:hidden auto;box-shadow:0 16px 34px #0000007a,inset 0 1px #ffe1d314}.settingsSelectMenu button{color:#f9e2d6;width:100%;min-width:0;min-height:32px;font:inherit;text-align:left;white-space:normal;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 10px;font-size:.84rem;line-height:1.2;display:block}.settingsSelectMenu button:hover:not(:disabled),.settingsSelectMenu button:focus-visible{color:#fff4ed;background:linear-gradient(#673020c7,#341a14e0);border-color:#d3825e57;outline:none}.settingsSelectMenu button.selected{color:#fff7f1;background:linear-gradient(#7c402d,#452419);border-color:#dc8b678f}.settingsSelectMenu button:disabled{opacity:.38;cursor:not-allowed}.settingsClassicLayout .settingsField>.settingsSelectSizer{grid-row:2}.settingsClassicLayout .microphoneDeviceSelect .settingsSelectControl,.tunerCustomTuningDialog .settingsSelectControl{width:100%}.settingsClassicLayout .settingPlayNoteFretRange .settingsFieldLabel{text-align:center;width:100%}@media (width>=1101px){.settingsClassicLayout .generalSettingsGrid{justify-content:start;gap:12px 5px;grid-template-columns:repeat(5,max-content)!important}}@media (width>=761px) and (width<=1100px){.settingsClassicLayout .generalSettingsGrid{justify-content:start;gap:12px 5px;grid-template-columns:repeat(3,max-content)!important}}@media (width<=760px){.settingsClassicLayout .settingsSelectButton,.tunerCustomTuningDialog .settingsSelectButton{height:38px;min-height:38px;font-size:.78rem}.settingsClassicLayout .settingsField>.settingsSelectSizer{grid-area:auto/2}}.settingsClassicLayout .settingsSelectButtonValue,.tunerCustomTuningDialog .settingsSelectButtonValue{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settingsClassicLayout .settingsSelectButtonValue:before,.tunerCustomTuningDialog .settingsSelectButtonValue:before{content:attr(data-value)}.settingsClassicLayout .settingsSelectChevron,.tunerCustomTuningDialog .settingsSelectChevron{border-bottom:1.6px solid #efb096;border-right:1.6px solid #efb096;justify-self:center;width:7px;height:7px;transition:transform .14s;display:block;transform:rotate(45deg)translate(-1px,-1px)}.settingsClassicLayout .settingsSelectButton[aria-expanded=true] .settingsSelectChevron,.tunerCustomTuningDialog .settingsSelectButton[aria-expanded=true] .settingsSelectChevron{transform:rotate(225deg)translate(-1px,-1px)}.settingsClassicLayout{--settings-control-column-gap:5px}@media (width>=761px){.settingsClassicLayout .modeSettingsGrid,.settingsClassicLayout .modeSettingsGrid.hasFourthField,.settingsClassicLayout .modeSettingsGrid.hasKeySignature,.settingsClassicLayout .generalSettingsGrid{column-gap:var(--settings-control-column-gap)!important}.settingsClassicLayout .tunerCalibrationActions{gap:var(--settings-control-column-gap)!important}.settingsClassicLayout .chordBuilderSettingsGrid>.chordBuilderSettingsRow{column-gap:var(--settings-control-column-gap)!important}}.helpHeaderActions .helpFeedbackButton{border:1px solid var(--control-active-border);background:var(--control-active-bg);color:var(--control-active-fg);text-shadow:0 1px 1px #140805b8;flex:none;box-shadow:0 10px 24px #0000004d,inset 0 -2px #45190e73,inset 0 1px #ffffff1a}.helpHeaderActions .helpFeedbackButton:hover:not(:disabled),.helpHeaderActions .helpFeedbackButton:focus-visible{color:var(--control-active-fg);filter:brightness(1.08);border-color:#f9bba394}.statsPage .statRowsGrid{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:14px;width:100%;display:grid}.statsPage .statLeadRow,.statsPage .statDetailsWrap{width:100%;min-width:0}.statsPage .statLeadRow{justify-content:center;display:flex}.statsPage .statDetailsWrap{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.statsPage .statLeadRow .statTile,.statsPage .statDetailsWrap .statTile{flex:0 0 120px;width:120px;max-width:120px}@media (width<=640px){.statsPage .statLeadRow .statTile,.statsPage .statDetailsWrap .statTile{flex-basis:min(120px,50% - 7px);width:min(120px,50% - 7px);max-width:min(120px,50% - 7px)}}.fretboardMuteButton.gameCompactToggleButton.active,.fretboardMuteButton.gameCompactToggleButton[aria-pressed=false]{background:var(--control-active-bg);color:var(--control-active-fg);border-color:var(--control-active-border);box-shadow:inset 0 1px #ffffff1a}.fretboardMuteButton.gameCompactToggleButton[aria-pressed=true],.chordFretboardStaticRow.muted .fretboardMuteButton.gameCompactToggleButton[aria-pressed=true]{background:var(--control-secondary-bg);color:var(--control-secondary-fg);border-color:var(--control-secondary-border);box-shadow:none}.authLayout.signedIn{grid-template-columns:minmax(0,760px)}.accountSummaryCard{background:radial-gradient(circle at 12% 0,#dd7b651a,#0000 38%),linear-gradient(145deg,#301b15f2,#110d0cfa);border-color:#f9bba338;gap:16px;padding:18px;display:grid}.accountHero{background:#0f0a0980;border:1px solid #f9bba324;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.accountAvatar{background:var(--control-active-bg);border:1px solid var(--control-active-border);width:54px;height:54px;color:var(--control-active-fg);border-radius:50%;place-items:center;font-size:1.45rem;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #00000042}.accountEyebrow{color:var(--peach);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.accountPrimaryActions{grid-template-columns:repeat(2,minmax(0,1fr))}.editAccountPanel{background:#0f0a0980;border-color:#f9bba326;border-radius:14px;margin-top:0;padding:0;overflow:hidden}.editAccountPanel summary{gap:2px;padding:14px 16px;list-style:none;display:grid}.editAccountPanel summary::-webkit-details-marker{display:none}.editAccountPanel summary:after{content:"⌄";color:var(--peach);grid-area:1/2/span 2;place-self:center end;font-size:1.15rem;transition:transform .16s}.editAccountPanel[open] summary:after{transform:rotate(180deg)}.editAccountPanel summary span{font-weight:900}.editAccountPanel summary small{color:var(--muted);font-weight:500}.editAccountPanel .editAccountForm{margin:0;padding:0 16px 16px}.editAccountForm .turnstileWidget,.editAccountForm .turnstileWidgetHost{width:100%;min-width:0}.editAccountForm .turnstileWidget{justify-items:stretch;display:grid}.editAccountPanel .accountDangerZone{margin:0 16px 16px}.accountFormSection{background:#1f1411b8;border:1px solid #f9bba31a;border-radius:12px;gap:10px;padding:14px;display:grid}.accountSectionHeading{gap:2px;display:grid}.accountSectionHeading strong{color:var(--text)}.accountSectionHeading small{color:var(--muted);line-height:1.35}.accountPasswordHeading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.accountPasswordHeading>div{gap:2px;display:grid}.profilePage .accountForgotPassword{color:var(--peach);white-space:nowrap;justify-self:end;padding:2px 0}.accountPasswordGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.accountDangerZone{background:#3712123d;border:1px solid #ff848424;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:0;padding:14px;display:grid}.accountDangerZone>div{gap:3px;display:grid}.accountDangerZone strong{color:#ffd7d7}.accountDangerZone small{color:var(--muted)}.accountDangerZone .dangerButton{width:auto;min-width:150px}@media (width<=760px){.accountHero{grid-template-columns:auto minmax(0,1fr)}.accountPasswordGrid,.accountPasswordHeading{grid-template-columns:1fr}.profilePage .accountForgotPassword{justify-self:start}.accountDangerZone{grid-template-columns:1fr}.accountDangerZone .dangerButton{width:100%}}.profilePage .accountForgotPassword,.profilePage .accountForgotPassword:hover,.profilePage .accountForgotPassword:focus-visible{outline-offset:3px;box-shadow:none!important;background:0 0!important;border:0!important}.accountHero{grid-template-columns:auto minmax(0,1fr)}.editAccountPanel summary:after{grid-row:1}.accountDeleteDialogOverlay{z-index:12000;padding:18px}.accountDeleteDialog{background:radial-gradient(circle at 15% 0,#97432c33,#0000 42%),linear-gradient(155deg,#321b15 0%,#160d0a 100%);border:1px solid #da7e5b75;border-radius:16px;gap:16px;width:min(440px,100vw - 36px);padding:18px;display:grid;box-shadow:0 28px 70px #00000094,inset 0 1px #ffe5d614}.accountDeleteDialogHeader{text-align:center;gap:6px;display:grid}.accountDeleteDialogHeader h2{color:#ffd7ca;margin:0}.accountDeleteDialogHeader p{color:var(--muted);margin:0;line-height:1.4}.accountDeleteForm{gap:14px}.accountDeleteForm .turnstileWidget,.accountDeleteForm .turnstileWidgetHost{width:100%;min-width:0}.accountDeleteForm .turnstileWidget{justify-items:stretch;display:grid}.accountDeleteForm .turnstileWidgetHost>div,.accountDeleteForm .turnstileWidgetHost iframe{width:100%!important;max-width:none!important}.accountDeleteDialogActions{grid-template-columns:1fr 1.35fr;gap:8px;display:grid}.accountDeleteDialogActions .dangerButton{width:100%}@media (width<=520px){.accountDeleteDialogActions{grid-template-columns:1fr}}@media (width>=761px){.settingsClassicLayout .generalSettingsGrid,.settingsClassicLayout .tunerSettingsGrid{flex-wrap:wrap;align-items:flex-end;justify-content:flex-start!important;gap:var(--settings-control-column-gap,5px)!important;grid-template-columns:none!important;grid-template-areas:none!important;display:flex!important}.settingsClassicLayout .generalSettingsGrid>*,.settingsClassicLayout .tunerSettingsGrid>*{flex:none;grid-area:auto!important}.settingsClassicLayout .tunerCalibrationActions{align-items:flex-end;display:flex;gap:var(--settings-control-column-gap,5px)!important}}.chordBuilderGameSelect{width:100%;min-width:0;height:50px;display:block}.chordBuilderGameSelect .settingsSelectButton{color:#fbe8de;width:100%;min-width:0;height:50px;min-height:50px;font:inherit;text-align:left;background:linear-gradient(#382018,#1a0f0c);border:1px solid #c37a5b61;border-radius:10px;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;padding:0 10px;font-size:.84rem;font-weight:700;display:grid;box-shadow:inset 0 1px #ffe2d30b}.chordBuilderGameSelect .settingsSelectButton:hover,.chordBuilderGameSelect .settingsSelectButton:focus-visible,.chordBuilderGameSelect .settingsSelectButton[aria-expanded=true]{background:linear-gradient(#4e291e,#20110d);border-color:#e59775b8;outline:none;box-shadow:0 0 0 2px #c6775421,inset 0 1px #ffe2d30f}.chordBuilderGameSelect .settingsSelectButtonValue{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chordBuilderGameSelect .settingsSelectButtonValue:before{content:attr(data-value)}.chordBuilderGameSelect .settingsSelectChevron{border-bottom:1.6px solid #efb096;border-right:1.6px solid #efb096;justify-self:center;width:7px;height:7px;transition:transform .14s;display:block;transform:rotate(45deg)translate(-1px,-1px)}.chordBuilderGameSelect .settingsSelectButton[aria-expanded=true] .settingsSelectChevron{transform:rotate(225deg)translate(-1px,-1px)}.chordBuilderCompactControl .chordBuilderGameSelect,.chordBuilderCompactControl .chordBuilderGameSelect .settingsSelectButton{width:var(--chord-compact-select-size);min-width:var(--chord-compact-select-size)}.chordBuilderCompactControl .chordBuilderGameSelect .settingsSelectButton{text-align:center;grid-template-columns:minmax(0,1fr) 10px;gap:2px;padding-inline:6px 5px}.chordBuilderCompactControl .chordBuilderGameSelect .settingsSelectButtonValue{text-align:center}.chordBuilderSelectMenu{z-index:12020}.chordBuilderSelectMenu button{white-space:nowrap}.frequencyInputWithUnit .chordFrequencyTextInput{appearance:textfield;grid-area:1/1;width:112px;min-width:112px;height:28px;padding-right:2.15rem!important}.frequencyInputWithUnit .chordFrequencyTextInput::-webkit-inner-spin-button{appearance:none;display:none}.frequencyInputWithUnit .chordFrequencyTextInput::-webkit-outer-spin-button{appearance:none;display:none}.chordStringDragGhost .chordFrequencyTextInput{pointer-events:none}@media (width>=761px){.settingsClassicLayout .generalSettingsGrid{flex-wrap:wrap;align-items:flex-end;justify-content:flex-start!important;gap:12px var(--settings-control-column-gap,5px)!important;display:flex!important}.settingsClassicLayout .generalSettingsGrid>*,.settingsClassicLayout .generalSettingsGrid .settingsField,.settingsClassicLayout .generalSettingsGrid .settingsSwitch{flex:none;width:max-content!important;min-width:0!important;margin:0!important}.settingsClassicLayout .generalSettingsGrid .settingsSelectSizer,.settingsClassicLayout .generalSettingsGrid .settingsSelectControl{width:max-content;min-width:0}}.frequencyInputWithUnit .chordFrequencyTextInput{width:88px;min-width:88px;max-width:88px}.frequencyInputWithUnit{box-sizing:border-box;background:#0a0909f0;border:1px solid #f6ad8847;border-radius:7px;align-items:center;width:max-content;min-width:0;height:28px;transition:border-color .14s,box-shadow .14s,background .14s;display:inline-flex;overflow:hidden}.frequencyInputWithUnit:focus-within{background:#140d0bfa;border-color:#eb9162c2;box-shadow:0 0 0 2px #cd70481f}.frequencyInputWithUnit .chordFrequencyTextInput{font-variant-numeric:tabular-nums;border-radius:0;outline:none;flex:none;min-width:5.5ch;max-width:8.5ch;height:26px;box-shadow:none!important;text-align:right!important;background:0 0!important;border:0!important;padding:0 0 0 .42rem!important}.frequencyInputWithUnit .frequencyInputUnit{flex:none;place-self:center;margin:0 .36rem 0 .24rem;line-height:1;position:static}@media (width>=761px){.settingsClassicLayout .generalSettingsGrid .settingsSelectSizer{width:max-content}.settingsClassicLayout .generalSettingsGrid .settingsSelectControl,.settingsClassicLayout .generalSettingsGrid .settingsSelectButton{width:100%}}.frequencyInputWithUnit{grid-template-columns:6.5ch 1.35rem;justify-content:center;align-items:center;column-gap:.24rem;width:88px;min-width:88px;max-width:88px;padding:0 .28rem;display:grid!important}.frequencyInputWithUnit .chordFrequencyTextInput{font-variant-numeric:tabular-nums;grid-column:1;text-align:right!important;width:100%!important;min-width:0!important;max-width:none!important;padding:0!important}.frequencyInputWithUnit .frequencyInputUnit{text-align:left;grid-column:2;justify-self:start;width:1.35rem;margin:0!important}.adminConsolePage{width:min(1500px,100% - 2rem);margin:0 auto;padding-bottom:3rem}.adminConsoleHeader{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.adminHeaderActions,.adminRowActions,.adminExpiryEditor{align-items:center;gap:.55rem;display:flex}.adminHeaderActions span{color:#b9c7cf;font-size:.88rem}.adminHeaderActions button,.adminRowActions button,.adminExpiryEditor button{border-radius:9px;min-height:36px;padding:.48rem .7rem}.adminLoginCard{width:min(520px,100%);margin:2rem auto}.adminLoginForm,.adminCreateCodeForm{gap:.85rem;display:grid}.adminLoginForm label,.adminCreateCodeForm label{color:#cbd7dc;gap:.35rem;font-weight:650;display:grid}.adminLoginForm input,.adminCreateCodeForm input,.adminCreateCodeForm select,.adminExpiryEditor input{color:#eef3f6;background:#0d171e;border:1px solid #b6d3dd40;border-radius:10px;width:100%;min-height:42px;padding:.6rem .7rem}.adminMetricGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;margin:1rem 0;display:grid}.adminMetric{background:#0c181fe0;border:1px solid #67c4ab33;border-radius:15px;min-width:0;padding:1rem}.adminMetric span,.adminMetric small{color:#aebec7;display:block}.adminMetric strong{color:#73dbbd;font-variant-numeric:tabular-nums;margin:.2rem 0;font-size:clamp(1.55rem,2.5vw,2.25rem);display:block}.adminMetric small{font-size:.74rem}.adminCreateCodeCard,.adminCampaignCard{margin-top:1rem}.adminCreateCodeForm{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end}.adminCreateCodeForm button[type=submit]{align-self:end}.adminCreatedCode{background:#381d1266;border:1px solid #f6ad8859;border-radius:12px;align-items:center;gap:.8rem;margin-top:1rem;padding:.85rem;display:flex}.adminCreatedCode code{color:#ffd0b6;letter-spacing:.08em;-webkit-user-select:text;user-select:text;flex:1;font-size:1.08rem}.adminSectionHeading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.adminSectionHeading h2,.adminSectionHeading p{margin-top:0}.adminTableWrap{width:100%;overflow-x:auto}.adminCampaignTable{border-collapse:collapse;width:100%;min-width:1050px}.adminCampaignTable th,.adminCampaignTable td{text-align:left;vertical-align:middle;border-bottom:1px solid #b6d3dd24;padding:.75rem .65rem}.adminCampaignTable th{color:#9eb1ba;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem}.adminCampaignTable td small{color:#98aab3;margin-top:.18rem;display:block}.adminState{color:#c0c9ce;background:#a5aeb429;border-radius:999px;padding:.2rem .5rem;font-size:.78rem;font-weight:700;display:inline-block}.adminState.active{color:#75dfc0;background:#49c6a429}.adminExpiryEditor input{min-width:190px}.adminStatusMessage{border-color:#49c6a459}.adminPrivacyHint{text-align:center;margin:1rem 0}@media (width<=1180px){.adminMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.adminCreateCodeForm{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (width<=720px){.adminConsolePage{width:min(100% - 1rem,1500px)}.adminConsoleHeader{grid-template-columns:auto 1fr}.adminConsoleHeader h1{font-size:1.2rem}.adminHeaderActions{flex-wrap:wrap;grid-column:1/-1}.adminHeaderActions span{flex:1 0 100%}.adminMetricGrid,.adminCreateCodeForm{grid-template-columns:1fr}.adminCreatedCode{flex-direction:column;align-items:stretch}}.checkoutProviderNotice{margin-top:6px}.subscriptionActionDialogOverlay{z-index:12000}.subscriptionActionDialog{background:radial-gradient(circle at 15% 0,#97432c33,#0000 42%),linear-gradient(155deg,#321b15 0%,#160d0a 100%);border:1px solid #da7e5b75;border-radius:16px;gap:16px;width:min(620px,100vw - 36px);max-height:calc(100vh - 36px);padding:20px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 70px #00000094,inset 0 1px #ffe5d614}.subscriptionActionDialogHeader{gap:8px;display:grid}.subscriptionActionDialogHeader h2,.subscriptionActionDialogHeader p{margin:0}.subscriptionActionDialogHeader h2{color:#ffd7ca}.subscriptionActionDialogHeader p{color:var(--muted);line-height:1.5}.subscriptionActionChoices{gap:10px;display:grid}.subscriptionActionChoice{text-align:left;width:100%;min-height:0;box-shadow:none;background:#231612eb;border:1px solid #f9bba32e;border-radius:12px;gap:6px;padding:15px;display:grid}.subscriptionActionChoiceCard{gap:0;padding:0;overflow:hidden}.subscriptionActionChoiceButton{text-align:left;width:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:6px;padding:15px 15px 10px;display:grid}.subscriptionActionChoice strong,.subscriptionActionChoiceButton strong{color:var(--peach)}.subscriptionActionChoice span,.subscriptionActionChoiceButton span{color:var(--muted);font-weight:500;line-height:1.45}.subscriptionActionChoice.dangerChoice{background:#46181885;border-color:#ff848442}.subscriptionActionChoiceLink{text-align:center;color:#ffd7ca;text-underline-offset:.18em;padding:0 15px 14px;font-size:.95rem;text-decoration:underline;display:block}.subscriptionActionChoiceLink:hover,.subscriptionActionChoiceLink:focus-visible{color:#fff1eb}.subscriptionActionDialogClose{color:#ffd7ca;min-width:40px;min-height:40px;box-shadow:none;background:#231612eb;border:1px solid #f9bba32e;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.6rem;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px}.subscriptionActionDialogClose:hover,.subscriptionActionDialogClose:focus-visible{color:#fff1eb;background:#39211bf5}.subscriptionActionDialogActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.subscriptionActionDialogActions.twoActions{grid-template-columns:minmax(120px,1fr) minmax(220px,1.8fr);display:grid}.subscriptionActionDialogActions .dangerButton{width:100%}@media (width<=560px){.subscriptionActionDialogActions.twoActions{grid-template-columns:1fr}}.accountSubscriptionWarning{background:#57301447;border:1px solid #ffbe803d;border-radius:12px;gap:10px;padding:12px;display:grid}.accountSubscriptionWarning strong{color:#ffe0b8}.accountSubscriptionWarning p{color:var(--muted);margin:0;line-height:1.45}.accountSubscriptionWarning button{justify-self:start}@media (width<=640px) and (orientation:portrait){.menu{padding:clamp(8px,2.6vw,12px)}.menu>.hero{margin:6px 0 10px;padding:10px 12px}.menu .heroBar{gap:7px 10px}.menu .heroBrand .logo{gap:8px;font-size:clamp(1.28rem,5.4vw,1.62rem)}.menu .heroBrand .logo svg{width:34px;height:34px}.menu .heroEntitlement{margin-top:0}.menu .heroEntitlement .trialpill{min-height:42px;padding:7px 12px;font-size:clamp(.78rem,3.3vw,.94rem)}.menu .heroQuickActions{gap:6px}.menu .heroQuickActions .iconbtn{width:36px;height:36px;min-height:36px;padding:.48rem}.menu .heroStatusWarning{margin-top:8px;font-size:clamp(.72rem,3vw,.84rem);line-height:1.3}.menu .menuModeGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(8px,2.5vw,11px)}.menu .menuModeGrid>.menuImageCard,.menu .menuModeGrid>.menuTileStack{aspect-ratio:1;width:100%;min-width:0}.menu .menuImageCard{gap:3px;min-height:0;padding:clamp(8px,2.7vw,11px)}.menu .menuCardArt,.menu .menuCardArtIntervals{width:min(100%,132px)}.menu .menuCardArtIntervals .menucardIconIntervals{scale:.76}.menu .menuImageCard .menuCardTitle{font-size:clamp(.78rem,3.7vw,.98rem);line-height:1.05}.menu .menuTileStack{gap:clamp(6px,1.8vw,8px)}.menu .compactMenuCard{grid-template-columns:minmax(34px,.72fr) minmax(0,1fr);gap:clamp(4px,1.5vw,7px);min-height:0;padding:clamp(5px,1.7vw,7px) clamp(6px,2vw,9px)}.menu .compactMenuIcon,.menu .compactMenuSvg{width:clamp(34px,10vw,43px);height:clamp(34px,10vw,43px)}.menu .tunerMenuCard .compactMenuIcon,.menu .chordBuilderMenuCard .chordBuilderMenuIcon{transform:scale(1.18)}.menu .compactMenuCard .compactMenuTitle{min-width:0;font-size:clamp(.72rem,3.35vw,.9rem);line-height:1.02}.menu .lockedMenuCard .lockedMenuCardLock{width:clamp(38px,11vw,48px);height:clamp(38px,11vw,48px);padding:clamp(9px,2.5vw,12px)}.menu .lockedMenuCardCta{white-space:normal;max-width:100%;min-height:30px;padding:.34rem .5rem;font-size:clamp(.61rem,2.8vw,.72rem);line-height:1.05}}@media (width<=380px) and (orientation:portrait){.menu .menuModeGrid{gap:7px}.menu .menuImageCard{padding:7px}.menu .menuImageCard .menuCardTitle{font-size:.76rem}.menu .compactMenuCard .compactMenuTitle{font-size:.7rem}}.settingsClassicLayout .settingPlayNoteFretboardSetup{grid-template-columns:max-content max-content;align-items:end;gap:5px;min-width:0;display:grid}.settingsClassicLayout .settingPlayNoteFretboardSetup .settingPlayNoteFretboardStrings,.settingsClassicLayout .settingPlayNoteFretboardSetup .settingPlayNoteFretRange{grid-area:auto!important}@media (width<=420px){.settingsClassicLayout .settingPlayNoteFretboardSetup{grid-template-columns:minmax(0,1fr) max-content}}.settingsClassicLayout .settingsSectionCard.splitCustomRangeRows{display:block}.settingsClassicLayout .splitCustomRangeLayout{min-width:0}.settingsClassicLayout .splitCustomRangeRows>.settingsCustomPitchTray{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:12px 0 0}@media (width>=761px){.settingsClassicLayout .splitCustomRangeLayout{grid-template-rows:auto auto;grid-template-columns:max-content max-content max-content max-content max-content max-content;justify-content:start;align-items:end;gap:12px 5px;width:max-content;max-width:100%;display:grid}.settingsClassicLayout .splitCustomRangeRows .modeSettingsGrid,.settingsClassicLayout .splitCustomRangeRows .modeSettingsFooter,.settingsClassicLayout .splitCustomRangeRows .settingPlayNoteFretboardSetup{display:contents!important}.settingsClassicLayout .splitCustomRangeRows .settingDifficulty{grid-area:1/1}.settingsClassicLayout .splitCustomRangeRows .settingIntervalRange{grid-area:1/2}.settingsClassicLayout .splitCustomRangeRows .settingPlayNoteToneRange{grid-area:1/3}.settingsClassicLayout .splitCustomRangeRows .settingPlayNoteFretboardStrings{grid-area:1/4}.settingsClassicLayout .splitCustomRangeRows .settingPlayNoteFretRange{grid-area:1/5}.settingsClassicLayout .splitCustomRangeRows .splitCustomRangeLow{grid-area:1/6}.settingsClassicLayout .splitCustomRangeRows .settingPlayNoteMusicSheet{grid-area:2/1}.settingsClassicLayout .splitCustomRangeRows .settingPlayNoteKeySignature{grid-area:2/2}.settingsClassicLayout .splitCustomRangeRows .settingPlayNoteHoldDuration{grid-area:2/3}.settingsClassicLayout .splitCustomRangeRows .settingAssistanceToneSource{grid-area:2/4}.settingsClassicLayout .splitCustomRangeRows .settingAssistanceDelay{grid-area:2/5}.settingsClassicLayout .splitCustomRangeRows .splitCustomRangeHigh{grid-area:2/6}}.settingsClassicLayout .settingsSectionCard.playNoteStableRows{display:block}.settingsClassicLayout .playNoteStableRows .splitCustomRangeLayout{min-width:0}.settingsClassicLayout .playNoteStableRows>.settingsCustomPitchTray{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:12px 0 0}@media (width>=761px){.settingsClassicLayout .playNoteStableRows .splitCustomRangeLayout{grid-template-rows:auto auto;grid-template-columns:max-content max-content;justify-content:start;align-items:end;gap:12px 5px;width:max-content;max-width:100%;display:grid}.settingsClassicLayout .playNoteStableRows .modeSettingsGrid,.settingsClassicLayout .playNoteStableRows .modeSettingsFooter{flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;gap:5px;width:max-content;max-width:none;display:flex!important}.settingsClassicLayout .playNoteStableRows .modeSettingsGrid{grid-area:1/1}.settingsClassicLayout .playNoteStableRows .modeSettingsFooter{grid-area:2/1}.settingsClassicLayout .playNoteStableRows .modeSettingsGrid>*,.settingsClassicLayout .playNoteStableRows .modeSettingsFooter>*,.settingsClassicLayout .playNoteStableRows .settingPlayNoteFretboardSetup{flex:none;grid-area:auto!important}.settingsClassicLayout .playNoteStableRows .splitCustomRangeLow{grid-area:1/2;align-self:end}.settingsClassicLayout .playNoteStableRows .splitCustomRangeHigh{grid-area:2/2;align-self:end;position:relative}}@media (width<=760px){.settingsClassicLayout .playNoteStableRows .splitCustomRangeLayout{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;display:grid}.settingsClassicLayout .playNoteStableRows .modeSettingsFooter{margin-top:0;padding-top:0}.settingsClassicLayout .playNoteStableRows .modeSettingsGrid,.settingsClassicLayout .playNoteStableRows .modeSettingsFooter{grid-column:1;width:100%}.settingsClassicLayout .playNoteStableRows .splitCustomRangeLow,.settingsClassicLayout .playNoteStableRows .splitCustomRangeHigh{grid-column:1;justify-self:start}}@media (width<=1000px) and (pointer:coarse){.settingsOverlay .settingsClassicLayout input:not([type]),.settingsOverlay .settingsClassicLayout input[type=text],.settingsOverlay .settingsClassicLayout input[type=number],.settingsOverlay .settingsClassicLayout input[type=email],.settingsOverlay .settingsClassicLayout input[type=password],.settingsOverlay .settingsClassicLayout input[type=search],.settingsOverlay .settingsClassicLayout input[type=tel],.settingsOverlay .settingsClassicLayout input[type=url],.settingsOverlay .settingsClassicLayout select,.settingsOverlay .settingsClassicLayout textarea{font-size:16px}}.donationThankYouOverlay{z-index:13050}.donationThankYouDialog{text-align:center;isolation:isolate;background:radial-gradient(circle at 50% -5%,#eca77a38,#0000 34%),radial-gradient(circle at 20% 20%,#b25b3633,#0000 36%),linear-gradient(160deg,#3b1d15fa 0%,#170d0afa 100%);border:1px solid #df9a7685;border-radius:20px;gap:12px;width:min(620px,100vw - 36px);max-height:calc(100vh - 36px);padding:28px 24px 24px;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #0000009e,inset 0 0 0 1px #ffe1d00a,inset 0 1px #ffe4d614}.donationThankYouGlow{filter:blur(12px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffbb8857 0%,#ffbb882e 34%,#fb80 72%);border-radius:999px;width:240px;height:240px;animation:4.8s ease-in-out infinite donationThankYouPulse;position:absolute;inset:52px auto auto 50%;transform:translate(-50%)}.donationThankYouSparkles{pointer-events:none;position:absolute;inset:0}.donationThankYouSparkles span{color:#ffdcbee6;text-shadow:0 0 12px #ffc48c73;animation:3.8s ease-in-out infinite donationThankYouTwinkle;position:absolute}.donationThankYouSparkles span:first-child{font-size:1.15rem;animation-delay:0s;top:22px;left:72px}.donationThankYouSparkles span:nth-child(2){font-size:.95rem;animation-delay:.6s;top:52px;right:92px}.donationThankYouSparkles span:nth-child(3){font-size:.9rem;animation-delay:1.2s;top:134px;left:104px}.donationThankYouSparkles span:nth-child(4){font-size:1.2rem;animation-delay:1.8s;top:162px;right:118px}.donationThankYouSparkles span:nth-child(5){font-size:.8rem;animation-delay:2.4s;top:104px;right:52px}.donationThankYouClose{color:#ffd7ca;min-width:40px;min-height:40px;box-shadow:none;background:#231612e6;border:1px solid #f9bba32e;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.6rem;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px}.donationThankYouClose:hover,.donationThankYouClose:focus-visible{color:#fff1eb;background:#39211bf5}.donationThankYouBadge{color:#fff4ee;background:radial-gradient(circle at 30% 30%,#ffd2a4f5,#cf6e45f5 66%,#723121fa 100%);border:1px solid #ffe1be57;border-radius:999px;place-items:center;width:88px;height:88px;margin:0 auto 4px;font-size:2.4rem;display:grid;box-shadow:0 18px 40px #00000059,0 0 24px #f0b17e47,inset 0 1px #fff8f057}.donationThankYouEyebrow{letter-spacing:.12em;color:#ffd6c2db;text-transform:uppercase;margin:0}.donationThankYouDialog h2{color:#fff1eb;margin:0;font-size:clamp(1.9rem,4.2vw,2.55rem);line-height:1.05}.donationThankYouLead{color:#ffd7ca;margin:0;font-size:1.08rem;font-weight:700;line-height:1.45}.donationThankYouBody,.donationThankYouFootnote{color:var(--muted);margin:0;line-height:1.6}.donationThankYouFootnote{color:#ffe1d4;font-weight:600}.donationThankYouActions{justify-content:center;margin-top:2px;display:flex}.donationThankYouButton{min-width:180px}@keyframes donationThankYouPulse{0%,to{opacity:.66;transform:translate(-50%)scale(.96)}50%{opacity:.94;transform:translate(-50%)scale(1.05)}}@keyframes donationThankYouTwinkle{0%,to{opacity:.35;transform:scale(.92)translateY(0)}50%{opacity:1;transform:scale(1.1)translateY(-2px)}}.operationNoticeDialogOverlay{z-index:13000}.operationNoticeDialog{background:radial-gradient(circle at 15% 0,#97432c33,#0000 42%),linear-gradient(155deg,#321b15 0%,#160d0a 100%);border:1px solid #da7e5b75;border-radius:16px;gap:14px;width:min(540px,100vw - 36px);max-height:calc(100vh - 36px);padding:22px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 70px #00000094,inset 0 1px #ffe5d614}.operationNoticeDialog.success{border-color:#c9a15d85}.operationNoticeDialog.error{border-color:#ff84846b}.operationNoticeDialogHeader{padding-right:42px}.operationNoticeDialogHeader h2{color:#ffd7ca;margin:0}.operationNoticeMessage{color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.55}.operationNoticeMessage.warn{border-radius:10px;padding:12px}.operationNoticeDialogActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-right:42px;display:flex}.operationNoticeDialogActions button{width:auto;min-width:140px}.operationNoticeDialogClose{color:#ffd7ca;min-width:40px;min-height:40px;box-shadow:none;background:#231612eb;border:1px solid #f9bba32e;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.6rem;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px}.operationNoticeDialogClose:hover,.operationNoticeDialogClose:focus-visible{color:#fff1eb;background:#39211bf5}@media (width<=520px){.operationNoticeDialogActions{padding-right:0}.operationNoticeDialogActions button{width:100%}}@media (width<=760px){.settingsClassicLayout .playNoteStableRows .settingPlayNoteFretboardSetup{align-items:stretch;gap:8px;width:100%;min-width:0;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.settingsClassicLayout .playNoteStableRows .settingPlayNoteFretboardSetup>.settingsField,.settingsClassicLayout .playNoteStableRows .settingPlayNoteHoldDuration{grid-template-rows:38px;grid-template-columns:minmax(108px,.8fr) minmax(130px,1.2fr);align-items:center;gap:8px;width:100%;min-width:0;display:grid}.settingsClassicLayout .playNoteStableRows .settingPlayNoteFretboardSetup .settingsFieldLabel,.settingsClassicLayout .playNoteStableRows .settingPlayNoteHoldDuration .settingsFieldLabel{text-align:left;grid-area:1/1;width:auto;min-width:0}.settingsClassicLayout .playNoteStableRows .settingPlayNoteFretboardStrings>.settingsSelectSizer{grid-area:1/2;justify-self:start;min-width:0;max-width:100%}.settingsClassicLayout .playNoteStableRows .settingPlayNoteFretRange .settingsFretRangeInputs{grid-area:1/2;justify-self:start;min-width:0;height:38px}.settingsClassicLayout .playNoteStableRows .settingPlayNoteFretRange .numberStepper,.settingsClassicLayout .playNoteStableRows .settingPlayNoteHoldDuration>.numberStepper{height:38px}.settingsClassicLayout .playNoteStableRows .settingPlayNoteHoldDuration>.numberStepper{grid-area:1/2;justify-self:start}}@media (width<=480px){.settingsClassicLayout .playNoteStableRows .settingPlayNoteFretboardSetup>.settingsField,.settingsClassicLayout .playNoteStableRows .settingPlayNoteHoldDuration{grid-template-columns:minmax(96px,.75fr) minmax(112px,1.25fr);gap:6px}}@media (width<=760px){.settingsClassicLayout .playNoteStableRows .settingAssistanceDelay{grid-template-rows:38px;grid-template-columns:minmax(108px,.8fr) minmax(130px,1.2fr);align-items:center;gap:8px;width:100%;min-width:0;display:grid}.settingsClassicLayout .playNoteStableRows .settingAssistanceDelay .settingsFieldLabel{text-align:left;grid-area:1/1;width:auto;min-width:0}.settingsClassicLayout .playNoteStableRows .settingAssistanceDelay>.numberStepper{grid-area:1/2;justify-self:start;height:38px}.settingsClassicLayout .settingsClassicTabs{overscroll-behavior-x:contain;overscroll-behavior-y:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;overflow:auto hidden}}@media (width<=480px){.settingsClassicLayout .playNoteStableRows .settingAssistanceDelay{grid-template-columns:minmax(96px,.75fr) minmax(112px,1.25fr);gap:6px}}@media (width<=640px) and (orientation:portrait){.gamebar{grid-template-columns:46px minmax(0,1fr) auto;column-gap:8px}.gamebar>.iconbtn{grid-column:1}.gamebarCenterControls{justify-content:flex-end}.gamebarCenterControls>.trialTimerSlot{grid-column:auto;width:100%;min-width:0;max-width:100%}.gamebarCenterControls>.trialTimerSlot>.trialpill{width:100%;min-height:44px;padding:.4rem .5rem;font-size:clamp(.72rem,3.1vw,.84rem);line-height:1.18;overflow:hidden}.gamebarCenterControls>.trialpill .trialFullContent{display:none}.gamebarCenterControls>.trialpill .trialCompactContent{white-space:normal;overflow-wrap:normal;text-wrap:balance;width:100%;max-width:100%;display:block}.gamebarRightControls{flex:none;grid-column:3;gap:6px;width:auto}}@media (width<=350px) and (orientation:portrait){.gamebar{column-gap:5px;padding-inline:6px}.gamebarCenterControls{gap:5px}.gamebarTunerScaleControls{gap:4px}.gamebarTunerScaleControls .tunerScaleButton{width:34px;min-width:34px;height:34px;min-height:34px}}@media (width<=760px) and (orientation:portrait){.page:not(.helpPage)>.top.centeredMenuTop:has(.trialpill){padding-bottom:14px}}@media (width<=520px) and (orientation:portrait){.chordBuilderChordControls,.chordBuilderChordControls.stringsMode,.chordBuilderChordControls.fretboardMode{grid-template-columns:repeat(3, var(--chord-compact-select-size)) minmax(0, 1fr);grid-template-areas:"root position strings spacer""filter filter filter filter""chord chord chord chord""actions actions actions actions";width:100%;min-width:0}.chordBuilderChordControls.fretboardMode{grid-template-areas:"root position position spacer""filter filter filter filter""chord chord chord chord""actions actions actions actions"}.chordBuilderChordSelectControl{justify-self:stretch;min-width:0;max-width:100%;overflow:hidden;width:100%!important}.chordBuilderChordSelectControl>.chordBuilderGameSelect,.chordBuilderChordSelectControl .settingsSelectButton{min-width:0;width:100%!important;max-width:100%!important}.chordBuilderChordSelectControl .settingsSelectButton{overflow:hidden}.chordBuilderChordSelectControl .settingsSelectButtonValue{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}@media (width<=640px) and (orientation:portrait){.graphTunerCard>.tunerStringSelector{margin-bottom:2px}.graphTunerCard>.tunerGraphPanel{grid-template-rows:auto auto;align-content:start;min-height:0;margin-top:3.5px;padding-top:2.5px;padding-bottom:6px}.graphTunerCard>.tunerGraphPanel>svg{margin-top:-12px;margin-bottom:-16px}}.trialMinimalContent{display:none}.trialTimerSlot{justify-content:center;min-width:0;max-width:100%;display:inline-flex}.trialTimerSlot[data-trial-variant=hidden]{flex-basis:0;width:0;min-width:0}.heroEntitlement .trialTimerSlot{width:100%}@media (orientation:landscape) and (width<=1000px) and (height<=600px) and (pointer:coarse){.menu{grid-template-rows:auto minmax(0,1fr);gap:clamp(6px,1.8vh,10px);width:100%;max-width:none;height:100svh;min-height:0;max-height:100svh;padding:clamp(6px,1.8vh,10px);display:grid;overflow:hidden}.menu>.hero{min-height:0;margin:0;padding:clamp(6px,1.6vh,9px) clamp(8px,1.5vw,14px)}.menu .heroBar{flex-wrap:nowrap;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:clamp(6px,1.2vw,12px);display:grid}.menu .heroBrand{flex:none;justify-content:flex-start;min-width:0}.menu .heroBrand .logo{justify-content:flex-start;gap:clamp(5px,.8vw,8px);min-width:0;font-size:clamp(1.08rem,3.1vw,1.62rem);line-height:1}.menu .heroBrand .logo svg{width:clamp(28px,5.5vh,38px);height:clamp(28px,5.5vh,38px)}.menu .heroEntitlement{order:initial;flex:none;justify-content:stretch;width:100%;min-width:0;margin:0}.menu .heroEntitlement .trialpill{width:100%;min-width:0;max-width:100%;min-height:clamp(34px,8.5vh,42px);padding:.32rem clamp(.45rem,1.2vw,.75rem);font-size:clamp(.7rem,1.9vw,.9rem);line-height:1.08;overflow:hidden}.menu .heroEntitlement .trialFullContent{display:none}.menu .heroEntitlement .trialCompactContent{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.menu .heroEntitlement .trialMinimalContent{display:none}.menu .heroQuickActions{order:initial;flex-wrap:nowrap;flex:none;justify-content:flex-end;gap:clamp(3px,.7vw,6px);min-width:0}.menu .heroQuickActions .iconbtn{width:clamp(30px,8.5vh,38px);height:clamp(30px,8.5vh,38px);min-height:clamp(30px,8.5vh,38px);padding:clamp(.38rem,1.6vh,.52rem)}.menu .heroStatusWarning{margin:4px 0 0;font-size:clamp(.62rem,1.5vw,.75rem);line-height:1.15}.menu .menuModeGrid{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:clamp(5px,1vw,10px);height:100%;min-height:0}.menu .menuModeGrid>.menuImageCard,.menu .menuModeGrid>.menuTileStack>.compactMenuCard{aspect-ratio:auto;width:100%;min-width:0;height:100%;min-height:0}.menu .menuTileStack{display:contents}.menu .menucard,.menu .menuImageCard{min-height:0}.menu .menuImageCard{aspect-ratio:auto;grid-template-rows:minmax(0,1fr) auto auto;gap:clamp(2px,.8vh,5px);height:100%;padding:clamp(5px,1.4vh,9px) clamp(5px,.8vw,9px)}.menu .menuCardArt,.menu .menuCardArtIntervals{width:min(100%,150px);min-height:0}.menu .menuCardArtIntervals .menucardIconIntervals{scale:.76}.menu .menuImageCard .menuCardTitle,.menu .compactMenuCard .compactMenuTitle{font-size:clamp(.62rem,1.65vw,.92rem);line-height:1.02}.menu .compactMenuCard{text-align:center;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);place-items:center;gap:clamp(2px,.8vh,5px);height:100%;min-height:0;padding:clamp(5px,1.4vh,9px) clamp(5px,.8vw,9px);display:grid}.menu .compactMenuIcon,.menu .compactMenuSvg{place-self:center;width:min(100%,112px);height:min(100%,112px);max-height:100%}.menu .tunerMenuCard .compactMenuIcon,.menu .chordBuilderMenuCard .chordBuilderMenuIcon{transform:scale(1)}.menu .compactMenuTitleTwoLine{gap:0}.menu .lockedMenuCardCta{white-space:normal;max-width:100%;min-height:26px;padding:.25rem .38rem;font-size:clamp(.5rem,1.25vw,.66rem);line-height:1.02}.menu .lockedMenuCard .lockedMenuCardLock{width:clamp(34px,9vh,44px);height:clamp(34px,9vh,44px);padding:clamp(8px,2vh,11px)}}@media (orientation:landscape) and (width<=720px) and (height<=600px) and (pointer:coarse){.menu .heroEntitlement .trialCompactContent{display:none}.menu .heroEntitlement .trialMinimalContent{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.menu .heroBrand .logo{font-size:clamp(1rem,3vw,1.3rem)}.menu .heroQuickActions .iconbtn{width:clamp(28px,8vh,34px);height:clamp(28px,8vh,34px);min-height:clamp(28px,8vh,34px)}}.trialpill{min-width:0;max-width:100%;position:relative;overflow:hidden}.trialpill[data-trial-variant] .trialFullContent,.trialpill[data-trial-variant] .trialCompactContent,.trialpill[data-trial-variant] .trialMinimalContent{display:none!important}.trialpill[data-trial-variant=full] .trialFullContent{display:inline-flex!important}.trialpill[data-trial-variant=compact] .trialCompactContent,.trialpill[data-trial-variant=minimal] .trialMinimalContent{display:block!important}.trialMeasureBox{visibility:hidden;pointer-events:none;white-space:nowrap;width:max-content;max-width:none;display:block;position:absolute;top:0;left:-10000px}.trialMeasureFull{gap:2px;width:max-content;display:grid}.trialMeasureCompact,.trialMeasureMinimal{width:max-content;display:block}.settingsOverlay{-webkit-overflow-scrolling:touch;scroll-behavior:auto;height:100svh;min-height:100svh;max-height:100svh;overflow:hidden auto}.settingsOverlay .settingsClassicTabs{overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y;overflow:auto hidden}.settingsOverlay .page{height:auto;min-height:100%}.settingsClassicLayout .generalCalibrationPanel{box-sizing:border-box;grid-template-columns:minmax(32px,40px) minmax(0,1fr) minmax(32px,40px);width:100%;min-width:0;max-width:100%;overflow:hidden}.settingsClassicLayout .generalCalibrationPanel button{justify-self:center;max-width:100%}.settingsClassicLayout .generalCalibrationPanel strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.chordBuilderControls .chordProgressionClearButton{width:var(--chord-progression-slot-size);height:var(--chord-progression-slot-size);min-width:var(--chord-progression-slot-size);min-height:var(--chord-progression-slot-size);color:#fff7f2;background:linear-gradient(#8c3d31,#4a1c17);border:1px solid #ffcbbe99;border-radius:999px;place-items:center;padding:0;font-size:0;line-height:0;display:grid;box-shadow:0 7px 16px #0000004d}.chordBuilderControls .chordProgressionClearButton:hover:not(:disabled),.chordBuilderControls .chordProgressionClearButton:focus-visible{filter:brightness(1.12);border-color:#ffdcd2e0}.chordBuilderControls .chordProgressionClearButton.armed{color:#fffaf5;filter:brightness(1.08);background:linear-gradient(#d56443,#7a241d);border-color:#ffe5bff5;transform:scale(1.08);box-shadow:0 0 0 2px #ffce9d38,0 0 16px #da5e3785,0 8px 18px #0000005c,inset 0 1px #fff5e833}.chordBuilderControls .chordProgressionClearButton.armed:hover:not(:disabled),.chordBuilderControls .chordProgressionClearButton.armed:focus-visible{filter:brightness(1.16);border-color:#fff0df}.chordBuilderControls .chordProgressionClearButton:disabled{opacity:.38}@media (orientation:landscape) and (width>=720px) and (width<=1000px) and (height<=600px){.chordBuilderChordControls.fretboardMode{grid-template-columns:var(--chord-compact-select-size) minmax(104px, .68fr) minmax(0, 1.45fr) var(--chord-compact-select-size);grid-template-areas:"root filter chord position""actions actions actions actions";align-items:end;width:100%;min-width:0}.chordBuilderChordControls.stringsMode{grid-template-columns:var(--chord-compact-select-size) minmax(96px, .62fr) minmax(0, 1.38fr) var(--chord-compact-select-size) var(--chord-compact-select-size);grid-template-areas:"root filter chord position strings""actions actions actions actions actions";align-items:end;width:100%;min-width:0}.chordBuilderFilterControl,.chordBuilderChordSelectControl{width:100%;min-width:0;max-width:100%;overflow:hidden}.chordBuilderFilterControl>.chordBuilderGameSelect,.chordBuilderChordSelectControl>.chordBuilderGameSelect,.chordBuilderFilterControl .settingsSelectButton,.chordBuilderChordSelectControl .settingsSelectButton{min-width:0;width:100%!important;max-width:100%!important}.chordBuilderFilterControl .settingsSelectButton,.chordBuilderChordSelectControl .settingsSelectButton{overflow:hidden}.chordBuilderFilterControl .settingsSelectButtonValue,.chordBuilderChordSelectControl .settingsSelectButtonValue{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chordBuilderRightRail{width:100%;max-width:100%}}