@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/handsy-chords/demo/assets/barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2) format("woff2"),url(/handsy-chords/demo/assets/barlow-condensed-vietnamese-500-normal-CsrJDWc5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/handsy-chords/demo/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2) format("woff2"),url(/handsy-chords/demo/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/handsy-chords/demo/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2) format("woff2"),url(/handsy-chords/demo/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/handsy-chords/demo/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2) format("woff2"),url(/handsy-chords/demo/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/handsy-chords/demo/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2) format("woff2"),url(/handsy-chords/demo/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/handsy-chords/demo/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/handsy-chords/demo/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/handsy-chords/demo/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(/handsy-chords/demo/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/handsy-chords/demo/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(/handsy-chords/demo/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/handsy-chords/demo/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/handsy-chords/demo/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/handsy-chords/demo/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/handsy-chords/demo/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/handsy-chords/demo/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/handsy-chords/demo/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/handsy-chords/demo/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/handsy-chords/demo/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/handsy-chords/demo/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/handsy-chords/demo/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/handsy-chords/demo/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/handsy-chords/demo/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/handsy-chords/demo/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/handsy-chords/demo/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/handsy-chords/demo/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/handsy-chords/demo/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/handsy-chords/demo/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--obsidian: #090b16;--stage-indigo: #151a32;--cyan: #38d6e8;--magenta: #e24a8d;--amber: #f4b942;--ink: #e8edf7;--muted: #8790a5;--panel: rgb(8 12 23 / 88%);--display: "Barlow Condensed", sans-serif;--body: "Inter", sans-serif;font-family:var(--body);color:var(--ink);background:var(--obsidian);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #dcfbff;outline-offset:5px}p,h1,h2,figure{margin:0}.practice-shell{position:relative;isolation:isolate;height:100dvh;min-height:620px;overflow:hidden;background:var(--obsidian) url(/handsy-chords/demo/assets/stage-background.webp) center / cover no-repeat}.performance-bar{height:72px;position:relative;z-index:20;display:flex;align-items:center;gap:clamp(20px,3.5vw,56px);padding:10px clamp(18px,2.5vw,40px);background:linear-gradient(180deg,#11171d,#04090d 45%,#0c1015);border-block:2px solid #26343c;box-shadow:inset 0 -4px #03070c,0 2px #5a5b59,0 6px 14px #000b;font:500 clamp(18px,1.55vw,25px) / 1 var(--display);letter-spacing:.045em}.song-details{display:flex;align-items:center;gap:clamp(14px,1.9vw,30px);white-space:nowrap}.song-details h1{font:inherit}.song-details p{border-left:1px solid #929491;padding-left:clamp(14px,1.9vw,30px)}.song-waveform{width:32px;height:38px;color:var(--cyan)}.playback-progress{flex:1;min-width:100px;display:flex;align-items:center;gap:20px}.playback-progress progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border:0;border-radius:2px;background:#353a3b;color:var(--cyan)}.playback-progress progress::-webkit-progress-bar{background:#353a3b;border-radius:2px}.playback-progress progress::-webkit-progress-value{background:var(--cyan);box-shadow:0 0 9px #38d6e870;border-radius:2px}.playback-progress progress::-moz-progress-bar{background:var(--cyan)}.playback-time{white-space:nowrap}.playback-time span{color:var(--muted);padding-inline:4px}.performance-actions{display:flex;gap:clamp(16px,4.5vw,70px)}.performance-actions button{width:clamp(52px,5vw,80px);height:46px;display:grid;place-items:center;background:#0d1219;border:1px solid #69727c;border-radius:3px;box-shadow:inset 0 0 0 3px #04060a,0 3px #000}.performance-actions svg{width:30px;height:30px}.performance-actions button:hover{border-color:var(--cyan);color:var(--cyan)}.performance-actions button span{display:none}.practice-stage{position:relative;height:calc(100% - 72px);isolation:isolate}.stage-atmosphere{z-index:1;transition:opacity .2s}.note-highway{position:absolute;z-index:2;top:0;right:19%;bottom:0;left:19%;pointer-events:none;transition:filter .2s}@media(min-width:901px){.practice-shell[data-hand=false] .note-highway{top:0;right:15%;bottom:0;left:15%}.practice-shell[data-track=false] .lyrics-layer{top:30%;left:29%;width:42%}.practice-shell[data-track=false] .lyric-chord{font-size:clamp(40px,4vw,64px)}.practice-shell[data-track=false] .current-lyric{font-size:clamp(32px,3.4vw,54px)}.practice-shell[data-track=false] .next-lyric{font-size:clamp(26px,2.6vw,42px)}}.practice-shell[data-playing=false] .stage-atmosphere{opacity:.62}.practice-shell[data-playing=false] .note-highway{filter:saturate(.8)}.layer-controls{position:absolute;z-index:7;top:10px;left:50%;transform:translate(-50%);display:flex;gap:18px}.layer-toggle{position:relative;width:clamp(140px,11.8vw,188px);height:54px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #626d80;border-radius:2px;background:#09111ee8;color:#acb5c4;font:600 clamp(21px,1.8vw,29px) / 1 var(--display);letter-spacing:.065em;box-shadow:inset 0 0 0 4px #030711;transition:color .15s,border-color .15s,box-shadow .15s}.layer-toggle svg{width:34px;height:34px}.layer-toggle[aria-pressed=true]{color:var(--cyan);border-color:#a1f5ff;box-shadow:inset 0 -3px #38d6e857,inset 0 0 15px #0e62732b,0 0 0 1px var(--cyan),0 0 10px #38d6e837}.layer-toggle:hover{background:#122435}.layer-toggle .alert-dot{position:absolute;width:22px;height:22px;top:-8px;right:-7px;color:var(--magenta);filter:drop-shadow(0 0 5px #e24a8d70)}.mode-switch{position:absolute;z-index:8;top:10px;left:1.6%;display:flex;border:1px solid #626d80;border-radius:2px;background:#09111ee8;box-shadow:inset 0 0 0 3px #030711}.mode-switch button{min-height:40px;padding:0 clamp(12px,1.2vw,20px);border:0;background:none;color:#acb5c4;font:600 clamp(17px,1.4vw,22px) / 1 var(--display);letter-spacing:.06em;text-transform:uppercase;transition:color .15s,background .15s}.mode-switch button+button{border-left:1px solid #626d80}.mode-switch button[aria-pressed=true]{color:var(--cyan);background:#38d6e81f;box-shadow:inset 0 -3px #38d6e870}.mode-switch button:hover{color:var(--ink)}.lyrics-layer{position:absolute;z-index:4;top:8.8%;left:33%;width:36%;text-align:center;font-family:var(--display);text-shadow:0 2px 8px #000}.lyric-chord{color:#efaa55;font-size:clamp(25px,2.1vw,34px);font-weight:600;line-height:1;margin-bottom:2px}.current-lyric{font-size:clamp(26px,2.6vw,42px);font-weight:500;line-height:1.1;letter-spacing:.018em}.next-lyric{font-size:clamp(24px,2.35vw,37px);font-weight:500;line-height:1.15;color:#9596a2;margin-top:8px}.simulation-label{position:absolute;z-index:4;bottom:14px;left:50%;transform:translate(-50%);white-space:nowrap;color:#a4b3c7;font:500 13px / 1.2 var(--display);letter-spacing:.1em;text-shadow:0 2px 4px #000}.amp-panel{background:linear-gradient(145deg,#17222e 0,#05090e 6%,#111720 45%,#02060a);border:3px ridge #53606c;border-radius:7px;box-shadow:inset 0 0 0 5px #04070a,inset 0 0 0 8px #27323d,inset 0 0 0 10px #070b11,0 10px 20px #000a}.score-hud{position:absolute;z-index:7;right:1.6%;top:10px;width:10%;max-width:160px;min-width:120px;padding:10px 10px 8px;text-align:center;font-family:var(--display);opacity:.86;transition:opacity .15s}.score-hud:hover,.score-hud[data-celebrating=true]{opacity:1}.score-demo{display:flex;align-items:center;flex-direction:column;width:100%;border:0;background:#030910b3;padding:4px 0 6px}.score-label,.score-streak{color:var(--cyan);font-size:clamp(15px,1.15vw,19px);font-weight:600;letter-spacing:.1em;line-height:1.15}.score-value{font-size:clamp(19px,1.5vw,24px);line-height:1.2;letter-spacing:.075em;font-variant-numeric:tabular-nums}.score-streak{margin-top:3px}.score-multiplier{color:var(--amber);font-weight:600;font-size:clamp(38px,3.6vw,56px);line-height:1.05;text-shadow:0 0 18px #f4b94260,2px 3px 0 #4c2b19}.score-multiplier small{font-size:.56em;font-weight:500}.score-hud[data-celebrating=true]{border-color:var(--cyan);box-shadow:0 0 22px #38d6e8aa,0 0 55px #e24a8d77,inset 0 0 0 7px #04070a}.score-demo:hover .score-multiplier{color:#ffe1a0}.coach-drawer{position:absolute;z-index:6;left:1.6%;top:17%;width:28%}.coach-drawer-toggle{display:none}.hand-coach-monitor{position:relative;z-index:2;padding:clamp(22px,2.4vw,38px) clamp(22px,2.6vw,42px) 24px;transform:perspective(1100px) rotateY(10deg) rotate(-7deg);transform-origin:45% 50%}.hand-coach-chord{font:600 clamp(38px,3.5vw,56px) / 1 var(--display);color:#efb360;margin-bottom:6px}.chord-diagram{min-width:0;width:100%}.hand-coach-legend{display:flex;justify-content:center;gap:24px;margin:8px 0 20px;font:500 clamp(16px,1.4vw,23px) / 1 var(--display);letter-spacing:.07em}.hand-coach-legend span{display:flex;align-items:center;gap:8px}.hand-coach-legend i{width:20px;height:20px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 6px #38d6e855}.hand-coach-observed i{border-color:var(--magenta);box-shadow:0 0 6px #e24a8d55}.hand-coach-correction{color:#ff679d;font:600 clamp(19px,1.85vw,30px) / 1.1 var(--display);text-align:center}.hand-coach-camera{position:relative;width:90%;margin-top:-4%;margin-left:1%;padding:16px 14px 10px;transform:rotate(-7deg)}.hand-coach-feed{position:relative;transform:scaleX(-1)}.hand-coach-feed video,.hand-coach-feed canvas{display:block;width:100%;aspect-ratio:16 / 9;max-height:24vh;object-fit:cover;border:2px solid var(--cyan);border-radius:3px;background:#04070c}.hand-coach-feed canvas{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;border-color:transparent;background:none}.hand-coach[data-live=true] .hand-coach-monitor{padding:14px 22px 12px}.hand-coach[data-live=true] .hand-coach-chord{font-size:clamp(28px,2.4vw,40px);margin-bottom:0}.hand-coach[data-live=true] .hand-coach-monitor .chord-diagram{max-width:250px;margin-inline:auto}.hand-coach[data-live=true] .hand-coach-legend{margin:2px 0 6px;font-size:15px}.hand-coach[data-live=true] .hand-coach-correction{font-size:clamp(16px,1.35vw,22px)}.hand-coach[data-live=true] .hand-coach-feed video,.hand-coach[data-live=true] .hand-coach-feed canvas{max-height:19vh}.hand-coach[data-live=true] .hand-coach-camera{padding-block:12px 8px}.finger-feedback{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px;font-size:13px;line-height:1.3}.finger-feedback li{display:flex;gap:8px;align-items:flex-start}.finger-feedback svg{flex:none;width:15px;height:15px;margin-top:2px}.finger-feedback li[data-status=ok]{color:var(--cyan)}.finger-feedback li[data-status=far-from-fret],.finger-feedback li[data-status=on-fret]{color:var(--amber)}.finger-feedback li[data-status^=wrong],.finger-feedback li[data-status=lifted]{color:#ff679d}.calibration{margin-top:10px;padding-top:8px;border-top:1px solid #2a3342;font-size:12.5px;line-height:1.35;color:var(--muted)}.calibration p{margin:0 0 6px}.calibration strong{color:var(--ink)}.calibration button{min-height:32px;padding:0 14px;border:1px solid #626d80;border-radius:2px;background:#0d1219;font:600 15px / 1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}.calibration button:hover:not(:disabled){border-color:var(--cyan)}.calibration button:disabled{opacity:.45;cursor:not-allowed}.calibration progress{display:block;width:100%;height:6px;margin-bottom:8px;accent-color:var(--cyan)}.calibration[data-status=failed] p{color:#ff679d}.hand-coach-correction[data-tone=ok]{color:var(--cyan)}.hand-coach-correction[data-tone=wait]{color:var(--muted)}.hand-coach-camera img{display:block;width:100%;max-height:21vh;aspect-ratio:1.8;object-fit:cover;border:2px solid #d45088;border-radius:3px}.hand-coach-camera figcaption{color:#ccd4e2;font-size:clamp(10px,.75vw,12px);text-align:center;line-height:1.4;margin-top:7px}.next-chord-panel{position:absolute;z-index:6;right:1.1%;bottom:2%;width:23%;padding:24px 22px 18px;transform:rotate(3deg);transform-origin:bottom right}.next-chord-current,.next-chord-upcoming{display:grid;grid-template-columns:38% 62%;grid-template-rows:auto 1fr;align-items:center;padding:5px 0 12px}.next-chord-current{border-bottom:1px solid #705334;color:#efb360}.next-chord-upcoming{color:var(--cyan);padding-top:12px}.next-chord-panel p:not(.next-chord-confidence){font:500 clamp(21px,1.7vw,27px) / 1 var(--display);letter-spacing:.045em}.next-chord-panel strong{font:600 clamp(52px,5vw,80px) / 1 var(--display)}.next-chord-panel .chord-diagram{grid-column:2;grid-row:1 / 3}.next-chord-confidence{display:flex;justify-content:space-around;gap:12px;border-top:1px solid #3f424b;padding-top:12px;font:500 clamp(17px,1.5vw,24px) / 1 var(--display);letter-spacing:.02em}.next-chord-confidence span:first-child{color:var(--cyan)}.next-chord-confidence span:last-child{color:#ff679d}.practice-feedback{position:absolute;z-index:5;top:75.5%;left:32%;width:39%;text-align:center;color:var(--cyan);font:600 clamp(23px,2.1vw,34px) / 1.15 var(--display);letter-spacing:.06em;text-shadow:0 2px 5px #000,0 0 12px #003d60}.practice-feedback small{display:block;font-size:.72em;margin-top:5px}.practice-feedback[data-result=miss]{color:#ff679d}.practice-feedback[data-result=miss]>span{display:inline-block;animation:feedback-shake .32s ease-out}@keyframes feedback-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.practice-feedback[data-result=late]{color:var(--amber)}.settings-popover{position:absolute;z-index:30;top:82px;right:18px;width:min(320px,calc(100% - 36px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:24px;background:#0a1220fa;border:1px solid #8adce7;box-shadow:0 10px 32px #000d,inset 0 0 0 5px #141f2b}.settings-popover h3{margin:18px 0 4px;font:600 20px / 1 var(--display);letter-spacing:.04em;color:var(--cyan)}.settings-popover h2{font:600 28px / 1 var(--display);margin-bottom:20px}.settings-popover label{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px}.settings-popover input{width:19px;height:19px;accent-color:var(--cyan)}.settings-popover p{margin-top:12px;color:var(--amber);font-size:14px}.live-status{position:absolute;z-index:8;top:58px;left:1.6%;display:flex;align-items:center;gap:10px;max-width:340px;padding:8px 12px;border:1px solid #626d80;border-radius:2px;background:#09111ef0;font-size:14px;line-height:1.3}.live-status svg{flex:none;width:20px;height:20px;color:var(--cyan)}.live-status p{margin:0}.live-status[data-state=failed]{border-color:var(--magenta)}.live-status[data-state=failed] svg{color:var(--magenta)}.live-meter{flex:none;width:48px;height:6px;border-radius:3px;background:#2a3342;overflow:hidden}.live-meter i{display:block;height:100%;background:var(--cyan);transition:width 80ms linear}.live-match{display:inline-flex;align-items:center;gap:4px;flex:none;font:600 16px / 1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}.live-match svg{width:16px;height:16px}.live-match[data-match=false]{color:var(--amber)}.canvas-fallback{position:absolute;top:8%;right:10%;bottom:12%;left:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--panel);font-size:14px;text-align:center}.canvas-fallback svg{width:100%;max-height:80%}.chord-diagram-fallback{font:12px / 1.4 var(--body);color:var(--ink)}.landscape-hint{display:none}@media(min-width:901px)and (max-height:760px){.practice-shell{min-height:570px}.lyrics-layer{top:13%}.score-hud{top:14%;padding-block:12px}.score-multiplier{font-size:68px}.coach-drawer{top:24%;width:26%}.hand-coach-monitor{padding:20px 26px}.hand-coach-chord{font-size:36px}.hand-coach-monitor .chord-diagram{max-width:260px;margin-inline:auto}.hand-coach-legend{margin:0 0 10px}.hand-coach-correction{font-size:20px}.hand-coach-camera{width:80%}.hand-coach-camera img{max-height:17vh}.next-chord-panel{padding:16px}.next-chord-panel strong{font-size:52px}}@media(max-width:1100px){.performance-bar{gap:20px;padding-inline:18px}.song-waveform{display:none}.song-details,.performance-actions{gap:16px}.song-details p{padding-left:16px}.playback-progress{gap:12px}.hand-coach-monitor{padding-inline:24px}.next-chord-panel{padding-inline:16px}}@media(max-width:900px){.practice-shell{min-height:640px}.performance-bar{gap:16px;font-size:19px}.song-details{flex:1;gap:14px}.song-details p{padding-left:14px}.song-details p:last-child{display:none}.playback-progress{flex:.8}.playback-progress progress{display:none}.performance-actions{gap:12px}.layer-controls{top:14px;gap:12px}.layer-toggle{width:142px}.lyrics-layer{top:15%;left:22%;width:56%}.mode-switch{top:14px;left:18px}.mode-switch button{min-height:46px;padding-inline:10px;font-size:17px}.live-status{top:70px;left:18px;max-width:220px;font-size:13px}.current-lyric{font-size:32px}.next-lyric{font-size:28px}.score-hud{right:18px;top:76px;min-width:0;width:115px;padding:8px}.score-label,.score-streak{font-size:16px}.score-value{font-size:21px}.score-multiplier{font-size:44px}.note-highway{top:0;right:7%;bottom:70px;left:7%}.practice-feedback{top:66%;left:20%;width:60%}.next-chord-panel{right:18px;left:18px;bottom:66px;width:auto;display:grid;grid-template-columns:1fr 1fr;padding:10px 18px;transform:none}.next-chord-current,.next-chord-upcoming{padding:0 16px;grid-template-columns:40% 60%}.next-chord-current{border-bottom:0;border-right:1px solid #705334}.next-chord-panel .chord-diagram{max-width:160px;justify-self:end}.next-chord-panel p:not(.next-chord-confidence){font-size:20px}.next-chord-panel strong{font-size:44px}.next-chord-confidence{display:none}.coach-drawer{position:absolute;z-index:10;top:auto;bottom:0;left:0;width:100%;background:#08101bf5;border-top:1px solid #5e7b8f;box-shadow:0 -6px 26px #000a}.coach-drawer-toggle{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px;border:0;background:#101c29;color:var(--cyan);font:600 21px / 1 var(--display)}.coach-drawer-toggle svg{width:24px;height:24px}.coach-drawer[data-open=true] .coach-drawer-toggle svg:last-child{transform:rotate(180deg)}.coach-drawer:not([data-open=true]) .hand-coach{display:none}.hand-coach{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px;padding:16px 24px 24px;max-height:min(55dvh,430px);overflow-y:auto}.hand-coach-monitor{transform:none;padding:20px}.hand-coach-chord{font-size:36px}.hand-coach-legend{font-size:18px;margin:0 0 12px;gap:16px}.hand-coach-correction{font-size:22px}.hand-coach-camera{width:100%;transform:none;margin:0;padding:12px}.hand-coach-camera img{max-height:25vh}.hand-coach-camera figcaption{font-size:11px}.simulation-label{bottom:53px;font-size:11px}}@media(max-width:640px){.practice-shell{min-height:0;background-position:54% center}.performance-bar{padding:8px 12px;height:72px;gap:10px}.song-details{flex-direction:column;align-items:flex-start;gap:6px}.song-details h1{font-size:20px}.song-details p{border:0;padding:0;font-size:16px;color:#a8b5c7}.playback-progress{flex:0 0 auto;min-width:max-content}.playback-time{font-size:16px}.performance-actions{gap:8px}.performance-actions button{width:40px;height:42px;box-shadow:none}.performance-actions svg{width:23px;height:23px}.layer-controls{top:14px;width:calc(100% - 32px);gap:9px}.layer-toggle{width:auto;flex:1;height:46px;gap:7px;font-size:21px;letter-spacing:.03em}.layer-toggle svg{width:25px;height:25px}.layer-toggle .alert-dot{width:19px;height:19px}.lyrics-layer{top:160px;left:5%;width:90%}.lyric-chord{font-size:25px}.current-lyric{font-size:28px}.next-lyric{font-size:25px;margin-top:5px}.amp-panel{border:1px solid #4a6073;border-radius:2px;box-shadow:none;background:#08101aeb}.mode-switch{top:66px;left:16px}.mode-switch button{min-height:34px;font-size:16px}.live-status{top:66px;left:auto;right:16px;max-width:calc(100% - 232px);padding:4px 8px;font-size:12px}.live-meter{width:28px}.score-hud{top:106px;left:16px;right:auto;width:calc(100% - 32px);max-width:none;padding:8px 12px;opacity:1}.score-demo{flex-direction:row;justify-content:space-between;gap:8px;padding:0;background:none}.score-label{font-size:16px}.score-value{font-size:22px;letter-spacing:.04em}.score-streak{font-size:16px;margin:0;letter-spacing:.03em}.score-multiplier{font-size:32px;line-height:1}.note-highway{top:100px;bottom:100px;left:-8%;right:-8%}.practice-feedback{top:auto;bottom:225px;left:8%;width:84%;font-size:25px}.next-chord-panel{bottom:115px;left:12px;right:12px;padding:10px 4px}.next-chord-current,.next-chord-upcoming{padding-inline:8px;grid-template-columns:35% 65%}.next-chord-panel p:not(.next-chord-confidence){font-size:16px}.next-chord-panel strong{font-size:35px}.next-chord-panel .chord-diagram{min-width:84px}.landscape-hint{display:block;position:absolute;bottom:69px;left:20px;right:20px;text-align:center;font-size:11px;line-height:1.4;color:#c1cddd}.hand-coach{gap:14px;padding:12px;grid-template-columns:1fr}.hand-coach-monitor{padding:16px 24px}.hand-coach-monitor .chord-diagram{max-width:330px;margin-inline:auto}.hand-coach-legend{margin-bottom:12px}.hand-coach-camera{max-width:350px;justify-self:center}.hand-coach-camera img{max-height:180px}}@media(max-width:640px)and (max-height:480px){.mode-switch{top:62px}.mode-switch button{min-height:28px;font-size:14px}.score-hud{top:96px;padding-block:4px}.lyrics-layer{top:142px;left:3%;width:94%}.lyric-chord,.next-lyric{display:none}.current-lyric{overflow:hidden;font-size:20px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.practice-feedback,.simulation-label{display:none}.next-chord-panel{bottom:90px;padding:4px 8px}.next-chord-current,.next-chord-upcoming{grid-template-columns:1fr 1fr;grid-template-rows:auto;padding-inline:10px}.next-chord-panel strong{font-size:28px}.next-chord-panel .chord-diagram{display:none}.landscape-hint{bottom:60px}}@media(max-width:380px){.playback-progress{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.practice-shell[data-reduced-motion=true] *{transition:none;animation:none}