:root{color:#eee8dc;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0b0b0a;--panel:#11110f;--panel-2:#171714;--paper:#e9e1d2;--ink:#20201c;--muted:#8f8b83;--line:#2d2c27;--brass:#d4a95f;--brass-dark:#8a6736;--green:#7fc195;--red:#da796d;background:#0b0b0a;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.app-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#0d0d0c;grid-template-columns:minmax(340px,1fr) minmax(260px,480px) minmax(260px,1fr);align-items:center;gap:24px;height:74px;padding:0 34px;display:grid;position:relative}.brand-zone{align-items:center;gap:22px;min-width:0;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border:1px solid var(--brass-dark);width:36px;height:36px;color:var(--brass);place-items:center;display:grid;transform:rotate(-3deg)}.brand div{flex-direction:column;gap:1px;display:flex}.brand b{letter-spacing:.16em;font-family:Georgia,Times New Roman,serif;font-size:17px}.brand small{color:var(--muted);letter-spacing:.14em;font-size:10px}.instrument-mode-switch{background:#151513;border:1px solid #2d2c27;align-items:center;height:31px;padding:2px;display:flex}.instrument-mode-switch button{color:#706d66;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;height:25px;padding:0 9px;font-size:9px;transition:color .18s,background .18s;display:flex}.instrument-mode-switch button.active{color:#eee6d8;background:#312b21}.instrument-mode-switch button:hover{color:var(--brass)}.track-select-wrap{justify-content:center;align-items:center;gap:12px;display:flex}.track-select-wrap label{color:var(--muted);white-space:nowrap;font-size:12px}.native-select{border-bottom:1px solid #4a4942;align-items:center;min-width:190px;height:38px;display:flex;position:relative}.native-select select{appearance:none;color:#eee8dc;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0 28px 0 4px;font-weight:600}.native-select select option{color:#eee8dc;background:#1b1b18}.native-select svg{color:var(--muted);pointer-events:none;position:absolute;right:4px}.top-actions{justify-content:flex-end;align-items:center;gap:18px;display:flex}.text-button{color:#c9c3b8;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-size:13px;display:flex}.text-button:hover,.top-actions .backing-button{color:var(--brass)}.instrument-select{min-width:142px}.instrument-select select{color:#b7b2a8;font-size:12px;font-weight:500}.piano-standard{color:#a9a399;white-space:nowrap;border-bottom:1px solid #4a4942;align-items:center;gap:7px;height:36px;padding:0 11px;font-size:10px;display:flex}.practice-layout{flex:1;grid-template-columns:minmax(0,1fr) 330px;min-height:calc(100vh - 108px);display:grid}.score-workspace{border-right:1px solid var(--line);flex-direction:column;min-width:0;padding:38px 42px 20px;display:flex;overflow:hidden}.piece-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:34px;display:flex}.eyebrow{color:#a09a90;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:flex}.eyebrow span{color:var(--brass);border-right:1px solid #555047;padding-right:10px}.piece-heading h1{letter-spacing:.03em;margin:9px 0 5px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(30px,3vw,48px);font-weight:500}.piece-heading p{color:var(--muted);margin:0;font-size:13px}.piece-meta{align-items:flex-end;padding-bottom:4px;display:flex}.piece-meta span{border-left:1px solid var(--line);min-width:92px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;flex-direction:column;gap:6px;padding:0 18px;font-size:10px;display:flex}.piece-meta b{color:#e4ddcf;letter-spacing:.02em;font-size:15px;font-weight:600}.score-stage{background:var(--paper);color:var(--ink);border-radius:2px;flex-direction:column;min-height:305px;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 70px #00000040}.stage-topline{color:#777064;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #d4cbbc;flex:none;justify-content:space-between;align-items:center;height:45px;padding:0 25px;font-size:10px;display:flex}.score-scroller{scrollbar-width:none;scroll-behavior:smooth;flex:1;align-items:stretch;display:flex;position:relative;overflow:auto hidden}.score-scroller::-webkit-scrollbar{display:none}.score-line{align-items:center;min-width:max-content;padding:54px max(46vw,420px);display:flex;position:relative}.playhead{z-index:2;pointer-events:none;background:#875c2442;flex:0 0 1px;width:1px;height:100%;position:sticky;left:50%}.playhead:before{content:"";background:var(--brass-dark);width:9px;height:9px;position:absolute;top:18px;left:-4px;transform:rotate(45deg)}.measure{z-index:1;align-items:center;height:135px;padding-left:18px;display:flex;position:relative}.measure-number{color:#aaa193;font:10px Georgia,serif;position:absolute;top:-10px;left:24px}.barline{background:#8a8377;width:1px;height:78px;margin:0 15px 0 10px}.score-note{--note-width:1;width:calc(58px * var(--note-width));color:#292721;cursor:pointer;background:0 0;border:0;place-items:center;min-width:50px;height:100px;padding:0 8px;transition:color .2s,opacity .25s,transform .25s;display:grid;position:relative}.score-note:hover{color:#8c642f;transform:translateY(-3px)}.score-note.past{opacity:.35}.score-note.current{color:#fffaf0;opacity:1;z-index:3;transform:translateY(-5px)scale(1.12)}.score-note.current:before{content:"";z-index:-1;background:#9a6f39;border-radius:2px;animation:1.25s ease-in-out infinite alternate currentPulse;position:absolute;inset:7px 3px;box-shadow:0 10px 28px #5b391240}.score-stage.tempo-mode .score-scroller{scroll-behavior:auto}.score-stage.tempo-mode .score-note.past{color:#5b4a34;opacity:1}.score-stage.tempo-mode .score-note.current{color:#4f371d;opacity:1;transform:none}.score-stage.tempo-mode .score-note.current:before{display:none}.score-note.matched:not(.current){color:#466e54;opacity:.6}.match-mark{color:#416b50;position:absolute;top:14px;right:7px}.glyph-wrap{justify-content:center;align-items:center;min-width:max-content;height:100%;display:flex}.glyph-core{place-items:center;height:45px;display:grid;position:relative}.grace-note{color:#7c5a2d;font:600 13px/1 Georgia,serif;position:absolute;top:-16px;left:-10px}.grace-note:after{content:"⌁";color:#947343;font-size:10px;position:absolute;top:7px;left:7px;transform:rotate(-12deg)}.degree{font:500 35px/1 Georgia,Times New Roman,serif}.accidental{margin-right:1px;font:17px Georgia,serif}.extension{margin-left:4px;font:22px Georgia,serif}.duration-dot{align-self:center;margin:4px 0 0 2px;font:22px Georgia,serif}.octave-dot{background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;left:50%;transform:translate(-50%)}.octave-dot.top{top:-4px}.octave-dot.bottom{bottom:-2px}.duration-line{background:currentColor;height:1px;position:absolute;bottom:0;left:3px;right:3px}.slur-overlay{z-index:2;pointer-events:none;color:#4a463e;position:absolute;inset:0;overflow:visible}.slur-overlay path{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;vector-effect:non-scaling-stroke}.slur-overlay path.tie{stroke-width:1.85px}.score-stage.tempo-mode .slur-overlay{color:#574a39}.note-sweep{transform-origin:0;background:#f2d9a4;height:2px;transition:transform 60ms linear;position:absolute;bottom:10px;left:12px;right:12px}.playback-coverage{z-index:0;pointer-events:none;background:linear-gradient(90deg,#b4824024,#b4824047);border-top:1px solid #8a67362e;border-bottom:1px solid #8a67362e;width:0;height:100px;transition:width 60ms linear;position:absolute;top:50%;transform:translateY(-50%)}.staff-score{min-height:325px}.staff-notation{padding-block:46px}.staff-measure{height:150px;padding-left:0}.staff-measure:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(#413b32a8 0 1px,#0000 1px 12px);height:49px;position:absolute;top:41px;left:0;right:0}.staff-measure>*{z-index:1;position:relative}.staff-measure .measure-number{position:absolute;top:4px;left:14px}.staff-measure .barline{background:#696156;height:49px;margin:0 12px 0 8px}.staff-note{width:calc(52px * var(--note-width));min-width:43px;height:110px;padding:0 4px}.staff-note:hover{transform:none}.staff-score.tempo-mode .staff-note.current{color:#62451f}.staff-score.coach-mode .staff-note.current:before{background:#9a6f39e6;inset:1px 2px}.staff-score .playback-coverage{background:linear-gradient(90deg,#b4824014,#b4824033);border-color:#8a67361f;height:78px}.staff-signature{color:#2d2a24;width:116px;min-width:116px;height:110px;display:block}.treble-clef{font:72px/1 Segoe UI Symbol,Noto Music,serif;position:absolute;top:10px;left:9px}.key-signature{letter-spacing:-4px;width:21px;font:19px/17px Georgia,serif;position:absolute;top:31px;left:55px}.time-signature{flex-direction:column;justify-content:center;height:47px;display:flex;position:absolute;top:31px;left:84px}.time-signature b{height:22px;font:600 20px/21px Georgia,serif}.staff-glyph{color:currentColor;width:100%;height:110px;position:relative}.staff-glyph small{color:#918779;white-space:nowrap;font:8px/1.2 Georgia,serif;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.note-head{z-index:2;left:50%;top:var(--staff-y);background:currentColor;border-radius:50%;width:16px;height:11px;position:absolute;transform:translate(-50%,-50%)rotate(-17deg)}.staff-glyph.hollow .note-head{background:var(--paper);border:2px solid}.note-stem{z-index:1;left:calc(50% + 6px);top:calc(var(--staff-y) - 37px);background:currentColor;width:1.5px;height:38px;position:absolute}.stem-down .note-stem{left:calc(50% - 7px);top:var(--staff-y)}.note-flag{left:calc(50% + 7px);top:calc(var(--staff-y) - 37px);transform-origin:0 0;border-top:3px solid;border-right:2px solid;border-radius:0 85% 0 0;width:11px;height:14px;position:absolute;transform:skewY(22deg)}.stem-down .note-flag{left:calc(50% - 18px);top:calc(var(--staff-y) + 24px);transform-origin:100% 100%;border-top:0;border-bottom:3px solid;border-left:2px solid;border-right:0;border-radius:0 0 0 85%;transform:skewY(22deg)}.staff-accidental{z-index:2;left:calc(50% - 24px);top:calc(var(--staff-y) - 13px);font:20px/1 Georgia,serif;position:absolute}.staff-duration-dot{z-index:2;left:calc(50% + 13px);top:calc(var(--staff-y) - 1px);background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute}.ledger-line{z-index:1;background:currentColor;width:28px;height:1px;position:absolute;left:50%;transform:translate(-50%,-50%)}.staff-rest{place-items:center;display:grid}.staff-rest span{margin-top:-4px;font:38px/1 Segoe UI Symbol,Noto Music,serif}.staff-rest small{bottom:0}.score-stage.coach-mode .playback-coverage{display:none}.progress-rail{background:#d0c6b5;height:4px}.progress-rail span{background:var(--brass-dark);transform-origin:0;height:100%;transition:transform .12s linear;display:block}.transport{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:118px;display:grid}.mode-switch{background:#161613;border:1px solid #2c2c27;width:max-content;padding:3px;display:flex}.mode-switch button{color:#77736b;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;height:33px;padding:0 13px;font-size:11px;display:flex}.mode-switch button.active{color:#ece4d5;background:#292823}.play-controls{align-items:center;gap:13px;display:flex}.round-button,.play-button,.icon-toggle{cursor:pointer;border-radius:50%;place-items:center;display:grid}.round-button{color:#9e9a91;background:0 0;border:1px solid #33332e;width:40px;height:40px}.round-button:hover{color:var(--brass);border-color:var(--brass-dark)}.play-button{background:var(--brass);color:#17140f;border:0;width:62px;height:62px;transition:transform .2s,background .2s;box-shadow:0 8px 25px #d4a95f29}.play-button:hover{background:#e1bb76;transform:scale(1.05)}.play-button svg{margin-left:2px}.sound-controls{justify-content:flex-end;align-items:center;gap:10px;display:flex}.tempo-control{align-items:center;gap:12px;margin-right:6px;display:flex}.tempo-control>span{color:#ddd6ca;min-width:62px;font-size:13px}.tempo-control small{color:#77736b;font-size:9px}.tempo-control input{width:94px;height:2px;accent-color:var(--brass);cursor:pointer}.tempo-reset{color:#585650;cursor:default;background:0 0;border:1px solid #34332e;align-items:center;gap:5px;height:32px;padding:0 8px;font-size:9px;transition:color .18s,border-color .18s,background .18s;display:flex}.tempo-reset.changed{color:#d5b77f;cursor:pointer;background:#d4a95f0f;border-color:#695839}.tempo-reset.changed:hover{color:#f0d29a;border-color:var(--brass)}.tempo-reset:disabled{opacity:.58}.icon-toggle{color:#6f6d66;background:0 0;border:1px solid #2f2f2a;width:36px;height:36px}.icon-toggle.active{color:var(--brass);background:#191712;border-color:#5a4931}.original-sound-toggle{white-space:nowrap;border-radius:18px;gap:6px;width:auto;min-width:72px;padding:0 10px;font-size:9px;display:flex}.original-sound-toggle:not(.active){color:#77736b;background:#151513}.expression-toggle{color:#c7a76d;white-space:nowrap;cursor:pointer;background:#be91460f;border:1px solid #554932;border-radius:18px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:9px;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.expression-toggle:hover{border-color:var(--brass);color:#e1bd7b;background:#be914621}.sample-mode{color:#5e5b55;letter-spacing:.12em;white-space:nowrap;align-items:center;gap:5px;font-size:7px;display:flex}.sample-mode i{background:#5e5b55;border-radius:50%;width:5px;height:5px}.sample-mode.ready{color:#8a806e}.sample-mode.ready i{background:var(--green);box-shadow:0 0 7px #7fc19580}.practice-strip{color:#6e6b64;justify-content:space-between;align-items:center;min-height:58px;font-size:11px;display:flex}.practice-strip>div,.practice-strip button{align-items:center;gap:9px;display:flex}.practice-strip button{color:#7f7b72;cursor:pointer;background:0 0;border:0}.practice-strip button:hover{color:#ddd5c7}kbd{color:#918b80;border:1px solid #383832;margin-right:3px;padding:2px 5px;font:9px inherit}.coach-panel{background:#0e0e0d;flex-direction:column;padding:28px 26px 20px;display:flex;overflow:hidden}.coach-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.coach-heading>div{flex-direction:column;gap:4px;display:flex}.coach-heading span{font-family:Georgia,Noto Serif SC,serif;font-size:18px}.coach-heading small{color:#66645e;font-size:10px}.mic-button{color:#77746d;cursor:pointer;background:0 0;border:1px solid #383731;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.mic-button.active{color:var(--green);background:#132017;border-color:#3a6548}.pitch-display{text-align:center;flex-direction:column;align-items:center;padding:28px 0 13px;display:flex}.pitch-label{color:#6e6b64;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.pitch-display strong{color:#d6cdbf;margin:3px 0;font:400 58px/1.1 Georgia,Times New Roman,serif;transition:color .2s}.pitch-display.correct strong{color:var(--green)}.frequency{color:#77736c;font:11px Georgia,serif}.tuner{border-bottom:1px solid var(--line);padding-bottom:24px}.tuner-labels{color:#64615b;justify-content:space-between;font-size:9px;display:flex}.tuner-labels b{color:var(--brass);font-weight:500}.tuner-scale{justify-content:space-between;align-items:flex-end;height:51px;padding:0 4px 15px;display:flex;position:relative;overflow:hidden}.tuner-scale:before{content:"";background:#3c3a34;height:1px;position:absolute;bottom:18px;left:0;right:0}.tuner-scale i{background:#55514a;width:1px;height:8px;position:relative}.tuner-scale i.major{background:var(--brass-dark);height:14px}.tuner-scale em{color:#4f4d48;font-size:8px;font-style:normal;position:absolute;top:15px;left:50%;transform:translate(-50%)}.tuner-needle{background:var(--red);transform-origin:bottom;width:2px;height:31px;transition:transform .12s,background .2s;position:absolute;bottom:17px;left:50%;box-shadow:0 0 10px #da796d59}.tuner-needle:before{content:"";background:inherit;border-radius:50%;width:7px;height:7px;position:absolute;top:-1px;left:-2.5px}.tuner-needle.correct{background:var(--green)}.tuner p{text-align:center;color:#9d968a;margin:11px 0 0;font-size:11px}.tuner p.correct{color:var(--green)}.mic-error{color:var(--red);background:#211310;gap:7px;margin-top:12px;padding:10px;font-size:10px;display:flex}.fingering-block{border-bottom:1px solid var(--line);padding:21px 0}.fingering-copy{justify-content:space-between;align-items:baseline;display:flex}.fingering-copy span{color:#706d65;font-size:10px}.fingering-copy strong{color:#b9b2a6;font-size:11px;font-weight:500}.sax-fingering{place-items:center;height:118px;margin-top:14px;display:grid;position:relative}.sax-tube{background:#745b36;width:7px;height:112px;position:absolute;left:50%;transform:translate(-50%)}.sax-tube:after{content:"";border:2px solid #745b36;border-top:0;width:25px;height:6px;position:absolute;bottom:-2px;left:-9px}.key-column{grid-template-rows:repeat(3,30px);grid-template-columns:repeat(2,28px);grid-auto-flow:column;gap:5px 24px;display:grid;position:relative}.sax-key{z-index:1;background:#11110f;border:1px solid #75684f;border-radius:50%;place-items:center;width:25px;height:25px;transition:background .22s,transform .22s;display:grid}.sax-key:nth-child(n+4){margin-top:7px}.sax-key.pressed{background:var(--brass);border-color:var(--brass);transform:scale(.9)}.sax-key i{color:#655f55;font-size:7px;font-style:normal}.sax-key.pressed i{color:#241c12}.octave-key{color:#5d594f;border:1px solid #514b40;place-items:center;width:35px;height:18px;font-size:7px;display:grid;position:absolute;top:2px;left:26px}.octave-key.pressed{background:var(--brass);color:#251d12;border-color:var(--brass)}.finger-legend{color:#605e58;justify-content:center;gap:18px;font-size:8px;display:flex}.finger-legend span{align-items:center;gap:5px;display:flex}.legend-dot{border:1px solid #75684f;border-radius:50%;width:7px;height:7px;display:inline-block}.legend-dot.pressed{background:var(--brass);border-color:var(--brass)}.piano-guide{border-bottom:1px solid var(--line);padding:21px 0 22px}.piano-guide-copy{justify-content:space-between;align-items:baseline;display:flex}.piano-guide-copy span{color:#706d65;font-size:10px}.piano-guide-copy strong{color:var(--brass);font:500 15px Georgia,serif}.mini-piano{background:#090908;border:1px solid #514c43;height:112px;margin-top:17px;display:flex;position:relative;overflow:hidden}.white-key{background:linear-gradient(#f3eee4,#cfc7b9);border-right:1px solid #6f695f;flex:1;height:100%;transition:background .12s,transform .12s;position:relative}.white-key:last-of-type{border-right:0}.white-key.active{background:linear-gradient(#f2cf8a,#b47b31);transform:translateY(3px);box-shadow:inset 0 -7px 13px #41280c42}.white-key em{color:#766f65;font:6px Georgia,serif;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.black-key{z-index:2;background:linear-gradient(90deg,#191918,#393631 55%,#0c0c0b);border:1px solid #080807;border-radius:0 0 2px 2px;width:7.7%;height:62%;transition:background .12s,height .12s;position:absolute;top:0;transform:translate(-50%);box-shadow:0 5px 7px #00000059}.black-key.active{background:linear-gradient(90deg,#704a1d,#d4a95f 55%,#6d471d);height:65%}.piano-legend{color:#66635d;justify-content:space-between;align-items:center;margin-top:9px;font-size:8px;display:flex}.piano-legend span{align-items:center;gap:6px;display:flex}.piano-legend span i{background:var(--brass);border-radius:50%;width:8px;height:8px}.piano-legend small{color:#504e49;font-size:8px}.session-stats{border-bottom:1px solid var(--line);padding:20px 0}.stats-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stats-title span{color:#8d887e;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.stats-title button{color:#615f59;cursor:pointer;background:0 0;border:0;font-size:9px}.stat-line{justify-content:space-between;align-items:center;padding:7px 0;display:flex}.stat-line div{color:#77736b;align-items:center;gap:8px;font-size:11px;display:flex}.stat-line strong{color:#d2cabc;font:400 17px Georgia,serif}.stat-line strong small{color:#5d5b55;font-size:10px}.session-stats p{color:#5f5d57;margin:10px 0 0;font-size:9px;line-height:1.6}.instrument-note{flex-direction:column;gap:4px;padding-top:16px;display:flex}.instrument-note span{color:#928c82;font-size:10px}.instrument-note small{color:#55534e;font-size:8px}.app-footer{color:#4b4944;letter-spacing:.04em;border-top:1px solid #1d1d1a;justify-content:space-between;align-items:center;min-height:34px;padding:0 34px;font-size:9px;display:flex}.modal-backdrop{z-index:20;background:#000000b8;place-items:center;padding:20px;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0}.composer-modal{background:#151513;border:1px solid #34322d;width:min(610px,100%);padding:28px;animation:.25s ease-out modalIn;box-shadow:0 30px 100px #0000008c}.backing-modal{background:#151513;border:1px solid #34322d;width:min(820px,100%);padding:26px;animation:.25s ease-out modalIn;box-shadow:0 30px 100px #0000008c}.library-modal{background:#131311;border:1px solid #34322d;flex-direction:column;width:min(980px,100%);max-height:min(820px,100vh - 40px);padding:28px 30px 22px;animation:.25s ease-out modalIn;display:flex;overflow:hidden;box-shadow:0 30px 100px #0000009e}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.modal-heading span{color:var(--brass);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.modal-heading h2{margin:5px 0 0;font:400 26px Georgia,Noto Serif SC,serif}.backing-heading{margin-bottom:18px}.backing-heading p{color:#69665f;letter-spacing:.05em;margin:7px 0 0;font-size:9px}.library-heading{margin-bottom:18px}.library-heading p{color:#69665f;letter-spacing:.05em;margin:7px 0 0;font-size:9px}.modal-heading button{color:#77736b;cursor:pointer;background:0 0;border:0}.library-toolbar{border-top:1px solid #292824;border-bottom:1px solid #292824;justify-content:space-between;align-items:center;gap:22px;padding:14px 0 17px;display:flex}.library-search{color:#77736b;border-bottom:1px solid #4b483f;align-items:center;gap:9px;width:min(270px,100%);height:36px;display:flex}.library-search input{color:#e5ded1;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.library-search input::placeholder{color:#5c5953}.library-filters{align-items:center;gap:3px;display:flex}.library-filters button{color:#6f6b64;cursor:pointer;letter-spacing:.04em;background:0 0;border:0;padding:7px 10px;font-size:9px;transition:color .18s,background .18s}.library-filters button:hover{color:#c8c0b3}.library-filters button.active{color:#19150f;background:var(--brass)}.library-legend{color:#4f4d47;text-transform:uppercase;letter-spacing:.12em;grid-template-columns:minmax(300px,1.6fr) .7fr .7fr 90px;gap:14px;padding:13px 14px 9px 48px;font-size:8px;display:grid}.library-list{scrollbar-color:#39362f transparent;min-height:0;overflow-y:auto}.library-row{border-top:1px solid #292824;grid-template-columns:34px minmax(250px,1.6fr) .7fr .7fr 90px;align-items:center;gap:14px;min-height:68px;padding:0 14px;transition:background .2s,padding-left .2s;display:grid}.library-row:hover{background:#181815;padding-left:18px}.library-row.featured{background:linear-gradient(90deg,#d4a95f17,#0000 58%);border-top-color:#5a4930}.library-index{color:#4b4944;font:11px Georgia,serif}.library-row.featured .library-index{color:var(--brass)}.library-title{flex-direction:column;gap:5px;min-width:0;display:flex}.library-title strong{color:#e8e0d3;white-space:nowrap;text-overflow:ellipsis;font:500 15px Georgia,Noto Serif SC,serif;overflow:hidden}.library-title small,.library-meta small{color:#67635c;font-size:9px}.library-style{color:#8e887e;font-size:9px}.library-meta{color:#b1a99b;flex-direction:column;gap:5px;font-size:9px;display:flex}.library-action{color:#aa9470;cursor:pointer;background:0 0;border:1px solid #4b453b;min-height:31px;font-size:9px;transition:color .18s,border-color .18s,background .18s}.library-action:hover{color:#dfbc7b;border-color:var(--brass-dark)}.library-action.ready{background:var(--brass);border-color:var(--brass);color:#18140e;font-weight:650}.library-action.licensed{color:#c9b07f;border-color:#625237;place-items:center;text-decoration:none;display:grid}.library-empty{color:#67635c;text-align:center;border-top:1px solid #292824;padding:70px 0;font-size:11px}.library-footnote{color:#625f58;border-top:1px solid #292824;justify-content:space-between;align-items:center;gap:20px;padding-top:14px;font-size:8px;display:flex}.library-footnote span{color:#8c867c;white-space:nowrap;align-items:center;gap:7px;display:flex}.library-footnote i{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #7fc1951a}.library-footnote p{text-align:right;margin:0;line-height:1.5}.composer-modal>label{color:#858078;flex-direction:column;gap:8px;margin-top:16px;font-size:10px;display:flex}.composer-modal input,.composer-modal textarea{color:#e7dfd1;resize:vertical;background:#0e0e0d;border:1px solid #35332e;width:100%;padding:12px}.composer-modal textarea{letter-spacing:.08em;font:18px/1.8 Georgia,serif}.composer-modal textarea.invalid{border-color:var(--red)}.notation-help{color:#66635d;border-bottom:1px solid #2d2c28;flex-wrap:wrap;gap:7px 14px;padding:12px 0;font-size:9px;display:flex}.notation-help span{white-space:nowrap}.notation-help b{color:#b59a6a;font:12px Georgia,serif}.source-callout{border-top:1px solid #2d2c28;border-bottom:1px solid #2d2c28;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:12px 0;display:flex}.source-callout div{flex-direction:column;gap:4px;display:flex}.source-callout strong{color:#c7b58f;font-size:11px;font-weight:600}.source-callout span{color:#67635c;font-size:9px;line-height:1.5}.source-callout button{color:var(--brass);cursor:pointer;background:0 0;border:1px solid #514832;flex:none;padding:7px 10px;font-size:9px}.form-error{color:var(--red);margin:10px 0 0;font-size:10px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal-actions button{cursor:pointer;background:0 0;border:1px solid #393731;padding:10px 18px;font-size:11px}.modal-actions button.primary{background:var(--brass);border-color:var(--brass);color:#18140e;font-weight:600}.backing-frame{aspect-ratio:16/9;background:#080807;border:1px solid #2d2c28;width:100%;overflow:hidden}.backing-frame iframe{border:0;width:100%;height:100%;display:block}.expression-modal{background:#11110f;border:1px solid #403b32;width:min(900px,100%);max-height:min(880px,100vh - 32px);padding:28px 30px 22px;animation:.25s ease-out modalIn;overflow:auto;box-shadow:0 32px 120px #000000b8}.expression-heading{border-bottom:1px solid #2c2a26;margin-bottom:18px;padding-bottom:17px}.expression-heading p{color:#747067;max-width:650px;margin:7px 0 0;font-size:10px;line-height:1.65}.expression-heading button:disabled{opacity:.28;cursor:not-allowed}.self-listen-hero{background:radial-gradient(circle at 10%,#be91461f,#0000 29%),linear-gradient(120deg,#181713,#0c0c0b);border:1px solid #312e28;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:19px;min-height:126px;padding:21px 23px;display:grid}.self-listen-orb{width:62px;height:62px;color:var(--brass);background:#11100e;border:1px solid #5c4d33;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 24px #be914614}.self-listen-orb i{opacity:0;border:1px solid #be914633;border-radius:50%;position:absolute;inset:-7px}.self-listen-hero.baseline .self-listen-orb i,.self-listen-hero.adjusted .self-listen-orb i{animation:1.45s ease-out infinite selfListenRing}.self-listen-hero.adjusted .self-listen-orb{color:#80b996;border-color:#4a7659;box-shadow:inset 0 0 24px #75b08a1a}.self-listen-hero.done .self-listen-orb{color:#8ac09d;background:#75b08a14;border-color:#51745d}.self-listen-copy small{color:#746f66;letter-spacing:.11em;text-transform:uppercase;font-size:8px}.self-listen-copy h3{color:#ebe3d6;margin:7px 0 5px;font:400 20px Georgia,Noto Serif SC,serif}.self-listen-copy p{color:#77736b;max-width:590px;margin:0;font-size:9px;line-height:1.6}.self-listen-hero>strong{color:#d9c59f;text-align:right;min-width:60px;font:400 28px Georgia,serif}.self-listen-hero>strong small{color:#6f675a;margin-left:2px;font-size:10px}.self-listen-progress{background:#090908;border:1px solid #302d27;border-top:0;height:25px;position:relative;overflow:hidden}.self-listen-progress i{background:linear-gradient(90deg,#be91462e,#75b08a33);transition:width .18s ease-out;position:absolute;inset:0 auto 0 0}.self-listen-progress span{color:#777269;letter-spacing:.08em;place-items:center;height:100%;font-size:8px;display:grid;position:relative}.self-listen-results{grid-template-columns:minmax(130px,1.1fr) 120px 28px 120px 130px;align-items:stretch;gap:8px;margin-top:14px;display:grid}.result-label,.result-score,.result-delta{background:#0b0b0a;border:1px solid #302e29;min-width:0;padding:12px 14px}.result-label{flex-direction:column;justify-content:center;gap:5px;display:flex}.result-label span{color:#a49d91;font-size:10px}.result-label small,.result-score small,.result-delta small{color:#625e56;letter-spacing:.06em;font-size:8px}.result-score,.result-delta{flex-direction:column;justify-content:center;gap:3px;display:flex}.result-score strong,.result-delta strong{color:#d3cabd;font:400 23px Georgia,serif}.result-score span,.result-delta span{color:#666159;font-size:8px}.result-score.after{background:#75b08a0e;border-color:#75b08a61}.result-score.after strong,.result-delta.positive strong{color:#8ebc9c}.result-arrow{color:#746b5d;place-items:center;font:17px Georgia,serif;display:grid}.self-listen-start{border:1px solid var(--brass);color:#d8b77a;letter-spacing:.03em;cursor:pointer;background:#be914617;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:14px;font-size:10px;transition:background .18s,color .18s;display:flex}.self-listen-start:hover:not(:disabled){background:var(--brass);color:#17130d}.self-listen-start:disabled{color:#897657;cursor:wait;border-color:#4b4335}.self-listen-note{color:#5f5b54;text-align:center;margin:9px 0 0;font-size:8px;line-height:1.5}.expression-error{text-align:center}.expression-divider{color:#858078;letter-spacing:.08em;align-items:center;gap:14px;margin:19px 0 13px;font-size:9px;display:flex}.expression-divider i{background:#2c2a26;flex:1;height:1px}.expression-controls{grid-template-columns:1fr 1fr;gap:12px 26px;display:grid}.expression-controls label{border-bottom:1px solid #292722;min-width:0;padding:11px 0 8px;display:block}.expression-controls label>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.expression-controls b{color:#b9b1a4;font-size:10px;font-weight:550}.expression-controls output{color:var(--brass);font:400 12px Georgia,serif}.expression-controls input{width:100%;accent-color:var(--brass);margin:10px 0 5px}.expression-controls input:disabled{opacity:.42}.expression-controls small{color:#5e5a53;font-size:8px;line-height:1.45;display:block}.expression-foot{border-top:1px solid #2c2a26;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:17px;display:flex}.expression-foot p{color:#66625b;max-width:520px;margin:0;font-size:9px;line-height:1.5}.expression-foot>div{gap:8px;display:flex}.expression-foot button{color:#9d978d;cursor:pointer;background:0 0;border:1px solid #3a3731;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:9px;display:inline-flex}.expression-foot button.primary{border-color:var(--brass);background:var(--brass);color:#17130d}.expression-foot button:disabled{opacity:.35;cursor:not-allowed}.calibration-modal{background:#121210;border:1px solid #3c3931;width:min(960px,100%);max-height:min(860px,100vh - 32px);padding:28px 30px 22px;animation:.25s ease-out modalIn;overflow:auto;box-shadow:0 32px 110px #000000ad}.calibration-heading{border-bottom:1px solid #2c2a26;margin-bottom:18px;padding-bottom:17px}.calibration-heading p{color:#747067;max-width:580px;margin:7px 0 0;font-size:10px;line-height:1.65}.calibration-summary{background:#0c0c0b;border:1px solid #302e29;grid-template-columns:repeat(3,1fr);margin-bottom:18px;display:grid}.calibration-summary>div{border-right:1px solid #302e29;min-width:0;padding:13px 16px}.calibration-summary>div:last-child{border-right:0}.calibration-summary small,.reference-pitch small,.calibration-result small{color:#6f6b63;letter-spacing:.08em;text-transform:uppercase;font-size:8px;display:block}.calibration-summary strong{color:#d8d0c2;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font:500 13px/1.2 Georgia,serif;display:block;overflow:hidden}.calibration-summary .adjusted strong{color:var(--brass)}.calibration-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.calibration-section{background:linear-gradient(145deg,#161613,#10100e);border:1px solid #302e29;min-width:0;padding:19px}.calibration-section-heading{align-items:flex-start;gap:12px;min-height:48px;display:flex}.calibration-section-heading>b{color:var(--brass);opacity:.75;font:400 22px/1 Georgia,serif}.calibration-section-heading h3{color:#e2dacd;margin:0;font:400 17px Georgia,serif}.calibration-section-heading p{color:#6f6b63;margin:5px 0 0;font-size:9px;line-height:1.55}.calibration-range{margin-top:17px;display:block}.calibration-range>span{color:#8b867d;justify-content:space-between;font-size:10px;display:flex}.calibration-range output{color:var(--brass);font:400 13px Georgia,serif}.calibration-range input{width:100%;accent-color:var(--brass);margin:12px 0 4px}.calibration-range>small{color:#5d5a54;justify-content:space-between;font-size:8px;display:flex}.calibration-range i{font-style:normal}.calibration-note-select{color:#858078;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:10px;display:flex}.calibration-note-select select{color:#d8d0c2;background:#0a0a09;border:1px solid #3a3731;min-width:104px;padding:8px 28px 8px 10px}.reference-pitch{text-align:center;background:#0b0b0a;border:1px solid #292722;grid-template-columns:1fr auto 1fr;align-items:center;gap:11px;margin-top:16px;padding:14px;display:grid}.reference-pitch>span{color:var(--brass)}.reference-pitch strong{color:#eee6d8;margin-top:4px;font:400 22px Georgia,serif;display:block}.reference-actions,.capture-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.reference-actions button,.capture-actions button,.calibration-foot button{color:#a29c91;cursor:pointer;background:0 0;border:1px solid #3a3731;justify-content:center;align-items:center;gap:7px;min-height:36px;font-size:9px;display:inline-flex}.reference-actions button:hover,.reference-actions button.active,.capture-actions .capture-primary{border-color:var(--brass);color:var(--brass);background:#be914614}.reference-actions button:disabled,.capture-actions button:disabled{opacity:.38;cursor:default}.calibration-hint{color:#625f58;margin:11px 0 0;font-size:8px;line-height:1.5}.calibration-listener{background:radial-gradient(circle at 50% 45%,#be914614,#0000 58%),#0a0a09;border:1px solid #2b2925;flex-direction:column;justify-content:center;align-items:center;min-height:116px;margin-top:17px;display:flex}.calibration-listener>strong{color:#eee6d8;margin:5px 0;font:400 30px Georgia,serif}.calibration-listener>span{color:#6f6b63;font-size:9px}.listener-state{color:#777269;align-items:center;gap:6px;font-size:9px;display:flex}.listener-pulse{background:#5f5b54;border-radius:50%;width:6px;height:6px}.calibration-listener.listening .listener-pulse{background:var(--brass);animation:1.2s infinite calibrationPulse;box-shadow:0 0 #be914673}.calibration-meter{margin-top:15px}.meter-labels{color:#5e5a53;justify-content:space-between;font-size:8px;display:flex}.meter-track{background:linear-gradient(90deg,#724d45,#4f725c 50%,#724d45);height:3px;margin:11px 5px 9px;position:relative}.meter-center{background:#d7cfbf;width:1px;height:11px;position:absolute;top:-4px;left:50%}.meter-needle{background:#cf7063;width:2px;height:17px;transition:left .12s ease-out;position:absolute;top:-7px;transform:translate(-1px)}.meter-needle.accurate{background:#75b08a;box-shadow:0 0 9px #75b08a99}.calibration-meter output{color:#9d978d;text-align:center;font:400 12px Georgia,serif;display:block}.capture-progress{background:#0a0a09;border:1px solid #2c2a26;height:22px;margin-top:13px;position:relative;overflow:hidden}.capture-progress i{background:#be914638;transition:width .12s ease-out;position:absolute;inset:0 auto 0 0}.capture-progress span{color:#777269;place-items:center;height:100%;font-size:8px;display:grid;position:relative}.calibration-result{color:#75b08a;background:#75b08a12;border:1px solid #75b08a59;align-items:center;gap:10px;margin-top:12px;padding:11px 13px;display:flex}.calibration-result strong{color:#b8d8c3;font:400 15px Georgia,serif;display:block}.calibration-result p{color:#6e8977;margin:2px 0 0;font-size:8px}.calibration-foot{border-top:1px solid #2c2a26;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:17px;display:flex}.calibration-foot p{color:#66625b;max-width:570px;margin:0;font-size:9px;line-height:1.5}.calibration-foot>div{gap:8px;display:flex}.calibration-foot button{min-height:34px;padding:0 13px}.calibration-foot button.primary{border-color:var(--brass);background:var(--brass);color:#17130d}@keyframes calibrationPulse{70%{box-shadow:0 0 0 7px #be914600}to{box-shadow:0 0 #be914600}}@keyframes selfListenRing{0%{opacity:.7;transform:scale(.88)}80%,to{opacity:0;transform:scale(1.22)}}.backing-steps{border-bottom:1px solid #2d2c28;grid-template-columns:repeat(3,1fr);display:grid}.backing-steps span{color:#817c73;border-right:1px solid #2d2c28;align-items:center;gap:9px;min-height:58px;padding:0 14px;font-size:10px;display:flex}.backing-steps span:last-child{border-right:0}.backing-steps b{color:var(--brass);font:13px Georgia,serif}.backing-note{color:#66635d;align-items:center;gap:10px;padding-top:14px;display:flex}.backing-note>svg{color:var(--brass-dark);flex:none}.backing-note p{flex:1;margin:0;font-size:9px;line-height:1.5}.backing-note a{color:#9f8a64;white-space:nowrap;align-items:center;gap:5px;font-size:9px;text-decoration:none;display:flex}@keyframes currentPulse{0%{box-shadow:0 9px 25px #5b391233}to{box-shadow:0 13px 35px #5b391266}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1120px){.topbar{grid-template-columns:auto 1fr auto;padding:0 22px}.brand-zone{gap:14px}.instrument-mode-switch button{padding-inline:7px}.track-select-wrap label,.text-button{display:none}.top-actions .library-button,.top-actions .backing-button{display:flex}.score-workspace{padding:30px 28px 16px}.piece-meta span:last-child{display:none}.practice-layout{grid-template-columns:minmax(0,1fr) 300px}.coach-panel{padding-inline:22px}.tempo-control input{width:68px}.expression-toggle span{display:none}.expression-toggle{justify-content:center;width:32px;padding:0}}@media (width<=860px){.topbar{grid-template-columns:auto 1fr;height:auto;min-height:68px;padding:12px 18px}.brand small{display:none}.brand-zone{min-width:max-content}.track-select-wrap{justify-content:flex-end}.top-actions{border-top:1px solid #24241f;grid-column:1/-1;justify-content:space-between;padding-top:8px;display:flex}.text-button{display:flex}.instrument-select{margin-left:auto}.practice-layout{display:block}.score-workspace{border-right:0;padding:28px 18px 12px}.piece-heading{align-items:flex-start;margin-bottom:24px}.piece-meta{display:none}.score-stage{min-height:285px}.score-line{padding-inline:max(45vw,260px)}.transport{grid-template-columns:1fr auto;padding:12px 0}.play-controls{grid-area:1/1/auto/-1;justify-content:center}.mode-switch,.sound-controls{grid-row:2}.coach-panel{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 28px;padding:25px 24px;display:grid}.coach-heading,.instrument-note{grid-column:1/-1}.pitch-display,.tuner{grid-column:1}.fingering-block,.piano-guide{grid-area:2/2/span 2}.session-stats{grid-column:1/-1}.calibration-modal{max-height:calc(100vh - 20px);padding:22px 18px 18px}.calibration-grid{grid-template-columns:1fr}.expression-modal{max-height:calc(100vh - 20px);padding:22px 18px 18px}.self-listen-results{grid-template-columns:minmax(120px,1fr) 110px 24px 110px}.result-delta{flex-direction:row;grid-column:1/-1;justify-content:center;align-items:baseline;gap:9px}}@media (width<=560px){.topbar{grid-template-columns:1fr}.brand-zone{justify-content:space-between}.brand{justify-content:center}.track-select-wrap{justify-content:stretch}.track-select-wrap .native-select{width:100%}.piece-heading h1{font-size:32px}.score-workspace{padding-inline:12px}.score-stage{min-height:260px}.score-line{padding-block:42px}.staff-signature{width:102px;min-width:102px}.treble-clef{left:3px}.key-signature{left:48px}.time-signature{left:75px}.transport{flex-wrap:wrap;justify-content:center;padding:16px 0;display:flex}.play-controls{flex-basis:100%;order:1}.mode-switch{order:2}.sound-controls{order:3}.tempo-control input,.sample-mode,.practice-strip>div{display:none}.practice-strip{justify-content:center}.coach-panel{padding-inline:20px;display:flex}.app-footer{text-align:center;justify-content:center;padding:10px 18px}.app-footer span:last-child{display:none}.composer-modal{padding:22px 18px}.backing-modal{padding:20px 14px}.library-modal{max-height:calc(100vh - 20px);padding:22px 16px 16px}.library-toolbar{flex-direction:column;align-items:stretch;gap:12px}.library-search{width:100%}.library-filters{overflow-x:auto}.library-filters button{white-space:nowrap}.library-legend{display:none}.library-row{grid-template-columns:24px minmax(0,1fr) 82px;gap:9px;padding:9px 4px}.library-row:hover{padding-left:7px}.library-style,.library-meta{display:none}.library-title strong{font-size:13px}.library-footnote p{display:none}.backing-steps{grid-template-columns:1fr}.backing-steps span{border-bottom:1px solid #2d2c28;border-right:0;min-height:38px}.backing-steps span:last-child{border-bottom:0}.backing-note{flex-wrap:wrap;align-items:flex-start}.calibration-summary{grid-template-columns:1fr}.calibration-summary>div{border-bottom:1px solid #302e29;border-right:0}.calibration-summary>div:last-child{border-bottom:0}.calibration-foot{flex-direction:column;align-items:stretch}.calibration-foot>div{grid-template-columns:1fr 1fr;display:grid}.self-listen-hero{grid-template-columns:58px 1fr;gap:13px;padding:17px 14px}.self-listen-orb{width:50px;height:50px}.self-listen-hero>strong{text-align:left;grid-column:1/-1;font-size:18px}.self-listen-results{grid-template-columns:1fr 20px 1fr}.result-label{display:none}.result-score{padding-inline:10px}.result-delta{grid-column:1/-1}.expression-controls{grid-template-columns:1fr;gap:4px}.expression-foot{flex-direction:column;align-items:stretch}.expression-foot>div{grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}