@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap");:root{--bg:#101111;--panel:#191b1b;--panel2:#202323;--line:#303333;--text:#f2f1eb;--muted:#9c9d95;--gold:#f5b84b;--green:#47d7a1;--blue:#4b8cff;--red:#f06767}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.7}.app-shell{min-height:100vh;background:radial-gradient(circle at 75% -10%,#28302c 0,transparent 34%),var(--bg)}.topbar{height:76px;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 clamp(20px,5vw,72px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:11px;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--gold);color:#141414;font-size:18px}.connection-pill{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#626563}.status-dot.online{background:var(--green);box-shadow:0 0 10px #47d7a1}.landing{max-width:1120px;margin:0 auto;padding:clamp(64px,11vw,138px) 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(50px,8vw,130px);align-items:center}.card-label,.eyebrow{font:500 11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin:0 0 24px}.hero-copy h1{font-size:clamp(48px,6.5vw,82px);line-height:.96;letter-spacing:-.07em;margin:0}.hero-copy h1 em{font-family:Playfair Display,serif;font-weight:600;color:var(--green);letter-spacing:-.05em}.hero-text{max-width:460px;color:var(--muted);font-size:17px;line-height:1.6;margin-top:30px}.setup-card{background:rgba(30,33,33,.9);border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 24px 70px #0004}.midi-connect{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px}.card-label{color:var(--muted);letter-spacing:.1em;margin:0 0 8px}.device-status{margin:0;font-size:15px}.button{border:0;border-radius:8px;padding:11px 17px;font-weight:600}.button.secondary{background:#e9e9e2;color:#161717}.divider{text-align:center;border-top:1px solid var(--line);height:23px;margin:0 0 5px}.divider span{position:relative;top:-9px;background:var(--panel);padding:0 10px;color:#72756f;font:11px DM Mono,monospace}.upload-zone{width:100%;display:flex;align-items:center;gap:14px;background:var(--panel2);border:1px solid #383d3b;border-radius:11px;padding:16px;margin-top:10px;text-align:left;transition:.2s}.upload-zone:hover{border-color:var(--gold);transform:translateY(-1px)}.upload-icon{font-size:24px;color:var(--gold);width:28px;text-align:center}.upload-zone small,.upload-zone strong{display:block}.upload-zone small{font-size:12px;color:var(--muted);margin-top:3px}.arrow{margin-left:auto;color:var(--gold);font-size:20px}.fine-print{font-size:11px;color:#70736e;line-height:1.5;margin:18px 3px 0}.error-message{color:var(--red);font-size:13px;line-height:1.5}.practice{padding:0 clamp(16px,4vw,56px) 48px}.practice-top{min-height:93px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);gap:20px}.text-button{background:none;border:0;color:var(--muted);font-size:13px;text-align:left}.piece-heading{text-align:center;font-weight:600}.piece-heading small{display:block;margin-top:6px}.legend,.piece-heading small{color:var(--muted);font:11px DM Mono,monospace}.legend{justify-self:end;display:flex;gap:18px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:8px;height:8px;border-radius:50%}.legend-left{background:var(--green)}.legend-right{background:var(--blue)}.score-panel{max-width:1300px;margin:28px auto 0;background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0005}.score-viewer{height:245px;padding:20px 25px;overflow:hidden;color:#161818}.score-viewer svg{height:100%}.score-status{text-align:center;background:#ffffff;color:#55574f;padding:10px;font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.keyboard-panel{max-width:1300px;margin:28px auto 0;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px 26px 20px}.keyboard-shell{position:relative;padding-bottom:22px}.keyboard{height:190px;position:relative;overflow:hidden;border-radius:7px;background:#0d0e0e;box-shadow:0 6px 16px #0008}.white-keys{display:flex;height:100%;width:100%}.piano-key{position:relative;transition:background .08s,box-shadow .08s}.white-key{height:100%;flex:1 1;background:#f0f0eb;border-right:1px solid #b4b4ae;border-bottom:4px solid #c7c7c0;z-index:1}.white-key span{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);color:#777a72;font:9px DM Mono,monospace}.white-key.target{background:#a6c5ff}.white-key.correct{background:var(--blue);box-shadow:inset 0 -18px 0 #2f68d5}.white-key.wrong{background:var(--red)}.white-key.played{background:#c9cdc6}.black-key{position:absolute;top:0;width:1.45%;height:61%;transform:translateX(-50%);background:#1a1c1c;border:1px solid #090a0a;border-radius:0 0 4px 4px;z-index:3}.black-key span{display:none}.black-key.target{background:#7caeff}.black-key.correct{background:var(--blue);box-shadow:0 4px 10px #4b8cff99}.black-key.wrong{background:var(--red);box-shadow:0 4px 10px #f0676788}.black-key.played{background:#565a56}.keyboard-range{display:flex;justify-content:space-between;color:#70736e;font:10px DM Mono,monospace;margin-top:7px}.keyboard-help{text-align:center;color:var(--muted);font:11px DM Mono,monospace}.midi-connect+.divider{margin-top:0}@media(max-width:800px){.landing{grid-template-columns:1fr;padding-top:65px}.hero-copy h1{font-size:58px}.practice-top{grid-template-columns:1fr auto}.legend{display:none}.piece-heading{text-align:right}.score-viewer{height:190px;padding:10px}.keyboard-panel{padding:15px}.keyboard{height:130px}.white-key span{font-size:7px}.topbar{padding:0 20px}}.restore-screen{text-align:center;padding:35vh 20px;color:var(--muted);font:12px DM Mono,monospace}.clear-local{display:block;margin:14px 3px 0;padding:0;color:var(--muted);font-size:11px;text-decoration:underline}.score-file-picker{width:100%}.score-upload-error{margin:9px 3px 0;color:var(--red);font-size:12px;line-height:1.45}.practice-complete{max-width:1300px;margin:20px auto 0;padding:15px 18px;border:1px solid #3c6657;border-radius:13px;background:#1c2b26;display:flex;align-items:center;justify-content:space-between;gap:18px}.practice-complete>div{display:flex;align-items:center;gap:13px}.practice-complete>div>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#0f1b17;font-weight:800}.practice-complete small,.practice-complete strong{display:block}.practice-complete small{color:var(--muted);margin-top:3px;font-size:12px}.pwa-readiness{position:fixed;left:18px;bottom:18px;z-index:1000;padding:9px 12px;border:1px solid #3c6657;border-radius:999px;background:#17231f;color:#dff7ed;box-shadow:0 8px 24px #0005;font:10px DM Mono,monospace;display:flex;align-items:center;gap:8px}.pwa-readiness span{width:7px;height:7px;border-radius:50%;background:var(--green)}.pwa-readiness.offline{border-color:#6e5b35;background:#292317;color:#f6dfad}.pwa-readiness.offline span{background:var(--gold)}.app-shell{overflow-x:hidden}.train-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100vh - 76px)}.train-layout.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 58px}.practice-column{min-width:0;border-right:1px solid var(--line)}.training-sidebar{background:rgba(25,27,27,.94);padding:30px 22px 28px;min-height:calc(100vh - 76px);position:sticky;top:0;align-self:start}.training-sidebar.collapsed{padding:0;min-height:calc(100vh - 76px);display:flex;justify-content:center;border-left:1px solid var(--line)}.sidebar-toggle{position:absolute;top:22px;left:-13px;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:var(--gold);font-size:20px;line-height:20px;padding:0;z-index:2}.sidebar-toggle:hover{border-color:var(--gold);background:#2a2d2c}.collapsed-sidebar-mark{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:72px;color:var(--gold)}.collapsed-sidebar-mark span{font-size:23px}.collapsed-sidebar-mark small{writing-mode:vertical-rl;transform:rotate(180deg);color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.15em}.sidebar-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.sidebar-heading .eyebrow{margin-bottom:13px;font-size:10px}.sidebar-heading h2{font-size:25px;line-height:1.02;letter-spacing:-.06em;margin:0}.sidebar-copy h3 em,.sidebar-heading h2 em{font-family:Playfair Display,serif;font-weight:600;color:var(--green)}.sidebar-count{font:11px DM Mono,monospace;color:var(--gold);border:1px solid #4a3b22;border-radius:99px;padding:6px 8px}.sidebar-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:34px 0 25px;border-bottom:1px solid var(--line)}.sidebar-tabs button{border:0;background:none;padding:0 0 12px;color:var(--muted);font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;position:relative}.sidebar-tabs button.active{color:var(--text)}.sidebar-tabs button.active:after{content:"";height:2px;background:var(--gold);position:absolute;left:10px;right:10px;bottom:-1px}.sidebar-section-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-bottom:12px}.library-hint{color:#70736e;font:10px DM Mono,monospace;font-weight:400}.sidebar-upload .upload-zone{margin:0;padding:12px 13px;background:#202323}.sidebar-upload .upload-icon{font-size:20px}.sidebar-upload .upload-zone strong{font-size:12px}.sidebar-upload .upload-zone small{font-size:10px}.score-list{margin-top:16px;display:grid;gap:7px}.library-item{display:flex;align-items:stretch;border:1px solid transparent;border-radius:10px;transition:.2s;background:#202323}.library-item.selected{border-color:#4e6b5f;background:#24332e}.library-item:hover{border-color:#4b514e}.library-select{display:flex;align-items:center;gap:10px;flex:1 1;padding:12px 8px 12px 12px;border:0;background:none;text-align:left}.library-note{color:var(--gold);font-size:17px;width:18px;text-align:center}.library-name{display:block}.library-name small,.library-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-name strong{font-size:12px;font-weight:600}.library-name small{color:var(--muted);font:10px DM Mono,monospace;margin-top:4px}.library-arrow{margin-left:auto;color:var(--green);font-size:11px;padding-left:5px}.library-item:not(.selected) .library-arrow{color:#70736e}.library-delete{width:34px;background:none;border:0;color:#6c706b;font-size:18px;padding:0 8px}.library-delete:hover{color:var(--red)}.empty-library{color:var(--muted);font:11px DM Mono,monospace;line-height:1.6;margin:12px 3px}.sidebar-copy .eyebrow{margin:0 0 16px;font-size:10px}.sidebar-copy h3{font-size:27px;line-height:1.04;letter-spacing:-.06em;margin:0 0 19px}.sidebar-copy>p:not(.eyebrow):not(.sidebar-tip){color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 25px}.plan-card{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.plan-card>span{color:var(--gold);font:11px DM Mono,monospace}.plan-card small,.plan-card strong{display:block}.plan-card strong{font-size:12px}.plan-card small{color:var(--muted);font-size:11px;line-height:1.4;margin-top:4px}.training-key{display:flex;align-items:center;gap:9px;color:var(--muted);font:11px DM Mono,monospace;padding:12px 0;border-top:1px solid var(--line)}.key-dot{width:8px;height:8px;border-radius:50%}.key-dot.green{background:var(--green)}.key-dot.blue{background:var(--blue)}.sidebar-tip{border-top:1px solid var(--line);padding-top:18px;color:var(--gold);font:10px DM Mono,monospace;line-height:1.6}.library-link{color:var(--muted);font:11px DM Mono,monospace;margin:17px 3px 0}.library-link .text-button{color:var(--gold);font:inherit;padding:0}.clear-local{display:none}.score-viewer svg{width:100%;height:auto;display:block}.score-viewer{height:360px;overflow-y:auto;scrollbar-width:none;display:flex;align-items:center;justify-content:center}.score-progress-nav{border-top:1px solid #e3e6e8;background:#ffffff;padding:9px 14px 11px;color:#5f6059}.score-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.score-progress-heading span{color:#3f423c}.score-progress-heading small{color:#777970;font:inherit;text-transform:none;letter-spacing:0}.score-progress-track{display:flex;gap:3px;width:100%;overflow-x:auto;padding:2px 0 3px;scrollbar-width:none}.score-progress-track::-webkit-scrollbar{display:none}.score-progress-row{position:relative;flex:1 1;min-width:8px;height:9px;border:0;border-radius:99px;background:#dce1e4;padding:0;transition:background .15s,transform .15s,box-shadow .15s}.score-progress-row span{display:block;width:100%;height:100%;border-radius:inherit}.score-progress-row:hover{background:#bfc8ce;transform:translateY(-1px)}.score-progress-row.complete{background:#a5c7b7}.score-progress-row.active{background:#c38e3e;box-shadow:0 0 0 2px #c38e3e33,0 0 8px #c38e3e66}@media(max-width:800px){.score-progress-nav{padding:8px 9px 10px}.score-progress-heading,.score-progress-heading small{font-size:9px}.score-progress-track{gap:2px}.score-progress-row{min-width:10px;height:8px}}.score-viewer::-webkit-scrollbar{display:none}.score-progress{height:8px;background:#e3e6e8;position:relative;box-shadow:inset 0 1px 2px #0002}.score-progress span{display:block;height:100%;background:#c38e3e;box-shadow:0 0 8px #c38e3e99;transition:width .18s ease}.white-key.target.left{background:#78a58e}.black-key.target.left{background:#5f8b75}.white-key.target.right{background:#849fc1}.black-key.target.right{background:#6686ad}.white-key.correct.left{background:#3b9b7b;box-shadow:inset 0 -18px 0 #2b765e,0 0 12px #3b9b7b88}.black-key.correct.left{background:#3b9b7b;box-shadow:0 0 12px #3b9b7b88}.white-key.correct.right{background:#507bb5;box-shadow:inset 0 -18px 0 #3c608e,0 0 12px #507bb588}.black-key.correct.right{background:#507bb5;box-shadow:0 0 12px #507bb588}:root{--green:#3b9b7b;--blue:#507bb5}.status-dot.online{box-shadow:0 0 10px #3b9b7b}.hand-toggle{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;color:var(--muted);font:11px DM Mono,monospace;transition:color .15s,opacity .15s}.hand-toggle.active{color:var(--text)}.hand-toggle.inactive{opacity:.38}.hand-toggle i{width:8px;height:8px;border-radius:50%;transition:opacity .15s}.hand-toggle.inactive i{opacity:.35}.fingering-toggle,.preparation-toggle{display:grid;grid-template-columns:22px auto;grid-template-rows:13px 10px;align-items:center;column-gap:6px;border:1px solid #3b4540;border-radius:9px;background:#202824;color:var(--muted);padding:4px 8px 4px 5px;font:10px DM Mono,monospace;transition:border-color .15s,background .15s,color .15s,opacity .15s}.preparation-toggle{min-width:82px;height:31px}.voice-command-control{position:relative;align-self:center;display:grid;place-items:center;margin-right:-9px}.voice-command-toggle{position:relative;width:25px;height:25px;display:grid;place-items:center;padding:5px;border:1px solid #3b4540;border-radius:50%;background:#202824;color:#777e79;transition:border-color .15s,background .15s,color .15s,transform .15s}.voice-command-toggle:hover{border-color:#7a673c;color:var(--gold);transform:translateY(-1px)}.voice-command-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.voice-command-indicator{position:absolute!important;right:-1px;bottom:-1px;width:6px!important;height:6px!important;border:1px solid #171918;border-radius:50%;background:#626763}.voice-command-control.listening .voice-command-toggle,.voice-command-control.preparing .voice-command-toggle,.voice-command-control.result .voice-command-toggle{border-color:#477562;background:#20352d;color:#b7ead5}.voice-command-control.listening .voice-command-indicator{background:var(--green);box-shadow:0 0 7px #3b9b7b;animation:voice-listening-pulse 1.35s ease-in-out infinite}.voice-command-control.preparing .voice-command-indicator{background:var(--gold)}.voice-command-control.error .voice-command-indicator,.voice-command-control.unavailable .voice-command-indicator{background:var(--red)}.voice-command-chip{position:absolute;right:0;top:calc(100% + 9px);z-index:45;width:max-content;max-width:310px;padding:7px 9px;border:1px solid #405149;border-radius:8px;background:#1d2421;color:#c9ddd4;box-shadow:0 10px 28px #0009;font:9px/1.45 DM Mono,monospace;white-space:normal;pointer-events:none}.voice-command-control.error .voice-command-chip,.voice-command-control.unavailable .voice-command-chip{border-color:#704945;color:#ffd0ca;background:#2b201f}@keyframes voice-listening-pulse{50%{box-shadow:0 0 0 4px #3b9b7b24}}.voice-command-control.consent .voice-command-toggle{border-color:#876a35;background:#302a1e;color:var(--gold)}.voice-command-chip.consent{width:290px;pointer-events:auto}.voice-consent-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:7px}.voice-consent-actions button{border:1px solid #53675d;border-radius:5px;background:#26342d;color:#d9eee4;padding:4px 7px;font:9px DM Mono,monospace}.voice-consent-actions button:last-child{border-color:#464d49;background:#222725;color:#aeb8b3}.piano-key.voice-highlighted{animation:voice-key-pulse .72s ease-in-out infinite alternate}.white-key.voice-highlighted{background:#f0bd57!important;box-shadow:inset 0 -18px 0 #a87323,0 0 18px #f0bd57cc!important}.black-key.voice-highlighted{z-index:7;background:#e5a93e!important;box-shadow:0 0 18px #f0bd57dd!important}.piano-key .voice-key-label{position:absolute;z-index:8;left:50%;bottom:36px;transform:translateX(-50%);padding:3px 4px;border-radius:4px;background:#18201c;color:#fff5d9;font:700 9px DM Mono,monospace;white-space:nowrap;pointer-events:none}.black-key .voice-key-label{display:block;top:auto;bottom:10px;color:#fff5d9}.white-key .voice-key-label{color:#fff5d9}@keyframes voice-key-pulse{to{filter:brightness(1.18)}}.preparation-toggle:hover{border-color:#7a673c;color:var(--gold);background:#292820}.preparation-toggle.active{border-color:#876a35;background:#302a1e;color:var(--gold)}.preparation-toggle.inactive{opacity:.48}.preparation-toggle svg{grid-row:1/3;width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45}.preparation-toggle span{align-self:end;text-align:left}.preparation-toggle small{align-self:start;color:var(--gold);font:8px DM Mono,monospace;text-align:left;text-transform:uppercase;letter-spacing:.08em}.fingering-toggle:hover{border-color:#7a673c;color:var(--gold);background:#292820}.fingering-toggle.active{border-color:#4c806c;background:#21362e;color:#e2f6ed}.fingering-toggle.inactive{opacity:.48}.key-help-toggle{min-width:94px}.key-help-toggle.active{border-color:#4d7091;background:#202f3b;color:#e1f1ff}.key-help-toggle.active small{color:#91c9ef}.keyboard-work-area{max-width:none;width:100%;margin:14px auto 0;min-width:0}.keyboard-main-area{min-width:0;min-height:0}.keyboard-work-area.with-key-help{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);gap:12px;align-items:stretch;max-width:none;width:100%;min-width:0}.keyboard-work-area.with-key-help .keyboard-panel{margin:0;max-width:none}.keyboard-work-area.with-key-help .keyboard-main-area{min-width:0;min-height:0;overflow:hidden}.keyboard-work-area.with-key-help .key-help-column,.keyboard-work-area.with-key-help .keyboard-main-area,.keyboard-work-area.with-key-help .keyboard-panel{height:100%}.keyboard-work-area.with-key-help .keyboard-panel{overflow:hidden}.key-help-column{min-width:0;display:flex;flex-direction:column;min-height:0;align-self:stretch;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:0 14px 14px;overflow:hidden}.key-help-column>.key-help-panel{display:flex;flex:1 1;flex-direction:column;min-height:0}.key-help-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}.key-help-tabs button{display:flex;justify-content:center;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:5px 4px 7px;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.key-help-tabs button.active{border-bottom-color:var(--gold);color:var(--text)}.key-help-tabs i{width:7px;height:7px;border-radius:50%}.key-help-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.key-help-heading .popover-kicker{margin-bottom:5px}.key-help-heading h2{font-size:20px;letter-spacing:-.05em;margin:0}.key-help-heading h2 span{color:var(--muted);font:9px DM Mono,monospace;letter-spacing:0;margin-left:5px}.key-help-heading>small{color:var(--gold);font:10px DM Mono,monospace;padding-top:4px}.key-help-copy{color:var(--muted);font:10px DM Mono,monospace;line-height:1.45;margin:7px 0 13px}.key-help-sequence{display:flex;flex:1 1;min-height:0;flex-direction:column;align-items:stretch;gap:8px;overflow:auto;padding:2px 3px 4px 0}.key-help-step{display:block;opacity:.66;transition:opacity .15s}.key-help-step.active{opacity:1}.key-help-keyboard{position:relative;height:58px;overflow:hidden;border-radius:4px;background:#0d0e0e;box-shadow:0 3px 8px #0007}.key-help-panel.left{--help-color:#5bbd91}.key-help-panel.right{--help-color:#78a9eb}.key-help-white-keys{display:flex;height:100%;width:100%}.key-help-key{position:relative;display:block}.key-help-key.white{height:100%;flex:1 1;background:#e8e8e2;border-right:1px solid #aaa9a3;border-bottom:2px solid #bdbcaf;z-index:1}.key-help-key.black{position:absolute;top:0;width:1.45%;height:61%;transform:translateX(-50%);background:#181b1a;border:1px solid #080909;border-radius:0 0 2px 2px;z-index:2}.key-help-key.highlighted.white{background:var(--help-color,#8bb7ff);box-shadow:inset 0 -8px 0 #4b8cff66}.key-help-key.highlighted.black{background:var(--help-color,#6e9fe8);box-shadow:0 2px 5px #4b8cff99}.key-help-key span{position:absolute;z-index:3;left:50%;top:6px;transform:translateX(-50%);color:#f4f8ff;font:700 8px DM Mono,monospace;text-shadow:0 1px 2px #0009}.key-help-key.white span{top:auto;bottom:4px;color:#17365f;text-shadow:none}.key-help-notes{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.key-help-notes span{color:var(--muted);font:14px DM Mono,monospace}.key-help-notes span+span:before{content:"-";color:#626963;margin-right:4px}.key-help-notes b{color:var(--gold);font-size:14px;font-weight:500;margin-right:2px}.key-help-notes em{color:var(--gold);font-size:10px;font-style:normal;margin-left:7px;letter-spacing:.04em}.key-help-empty{display:grid;place-items:center;min-height:120px;border:1px dashed #3a403c;border-radius:10px;color:var(--muted);font:10px DM Mono,monospace;text-align:center}@media(max-width:1050px){.keyboard-work-area.with-key-help{grid-template-columns:minmax(0,1fr) minmax(220px,42%)}.key-help-column{padding:0 10px 10px}}@media(min-width:801px){body:has(.keyboard-work-area.with-key-help){overflow:hidden}.app-shell:has(.keyboard-work-area.with-key-help){min-height:100vh;overflow:hidden}.app-shell:has(.keyboard-work-area.with-key-help) .train-layout{min-height:calc(100vh - 76px);overflow:hidden}.app-shell:has(.keyboard-work-area.with-key-help) .practice-column{min-height:0;overflow:hidden}.practice:has(.keyboard-work-area.with-key-help){min-height:0;overflow:hidden}.practice:has(.keyboard-work-area.with-key-help) .keyboard-work-area{min-height:0;overflow:hidden}}@media(max-width:800px){.keyboard-work-area,.keyboard-work-area.with-key-help{display:block;margin-top:14px}.key-help-column,.keyboard-work-area.with-key-help,.keyboard-work-area.with-key-help .keyboard-main-area,.keyboard-work-area.with-key-help .keyboard-panel{height:auto!important}.key-help-column{margin-top:14px;max-height:560px}.key-help-sequence{max-height:430px}.key-help-toggle{min-width:0}.key-help-toggle small,.key-help-toggle span,.preparation-toggle small,.preparation-toggle span{display:none}.key-help-toggle,.preparation-toggle{display:grid;grid-template-columns:22px;justify-items:center;padding:4px 5px}.key-help-toggle svg,.preparation-toggle svg{grid-row:1/3}}.fingering-toggle svg{grid-row:1/3;width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45}.fingering-toggle span{align-self:end;text-align:left}.fingering-toggle small{align-self:start;color:var(--gold);font:8px DM Mono,monospace;text-align:left;text-transform:uppercase;letter-spacing:.08em}.key-fingering{position:absolute;z-index:5;left:50%;top:8px;transform:translateX(-50%);min-width:17px;height:17px;display:grid;place-items:center;border:1px solid #2a5d4b;border-radius:50%;background:#e7f8ef;color:#215541;font:700 10px DM Mono,monospace;line-height:1;box-shadow:0 2px 7px #0005}.black-key .key-fingering{top:7px;border-color:#86c4a9;background:#183c31;color:#d8f5e7}.key-fingering.upcoming-fingering{top:auto;bottom:29px;min-width:14px;height:14px;border-color:#8d7041;background:#f5e6c6;color:#624916;font-size:8px;opacity:.25}.black-key .key-fingering.upcoming-fingering{bottom:16px;border-color:#c4a765;background:#4a3a20;color:#f7e4b4}.white-key.target{background:#9aafc8}.black-key.target{background:#718eaf}.keyboard-panel{padding:26px}.keyboard-shell{padding-bottom:0}.keyboard{height:235px}.pedal-console{--pedal-level:0%;display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 2px;min-height:40px;color:#747873}.pedal-deck{display:flex;align-items:flex-end;gap:6px;padding:5px 7px;border:1px solid #353a37;border-radius:12px;background:#171918;box-shadow:inset 0 1px #ffffff08}.piano-pedal{display:grid;place-items:center;width:29px;height:31px;border:1px solid #363b38;border-radius:8px;background:#202422;color:#727873;transition:border-color .16s,background .16s,box-shadow .16s,color .16s}.piano-pedal svg{width:18px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.piano-pedal.damper{position:relative;overflow:hidden}.piano-pedal.damper:before{content:"";position:absolute;inset:auto 0 0;height:var(--pedal-level);background:linear-gradient(180deg,#ffd47d,#d57f2a);opacity:0;transition:height .12s,opacity .12s}.piano-pedal.damper svg{position:relative;z-index:1}.pedal-console.score-down .piano-pedal.damper{border-color:#49b883;color:#83d5ad;box-shadow:0 0 0 1px #49b88335}.pedal-console.score-up .piano-pedal.damper{border-color:#da6b62;color:#edaaa1;box-shadow:0 0 0 1px #da6b6235}.pedal-console.engaged .piano-pedal.damper{color:#fff1d0;box-shadow:inset 0 0 0 1px #ffe1a555}.pedal-console.engaged .piano-pedal.damper:before{opacity:.92}.auto-pedal-toggle{height:38px;display:flex;align-items:center;gap:5px;border:1px solid #353a37;border-radius:10px;background:#1b1e1d;color:#858a84;padding:0 9px 0 8px;font:10px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;transition:border-color .16s,background .16s,color .16s,box-shadow .16s}.auto-pedal-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auto-pedal-toggle:hover{border-color:#9f7c3e;color:#f3c76d}.auto-pedal-toggle.active{border-color:#c9943f;background:#2d291e;color:#f5c566;box-shadow:0 0 0 1px #dca64b2e,0 0 14px #dca64b22}.pedal-console.automatic .piano-pedal.damper{animation:auto-pedal-breathe 1.8s ease-in-out infinite}@keyframes auto-pedal-breathe{50%{box-shadow:0 0 10px #e6a54b70,inset 0 0 0 1px #ffe1a555}}.white-key.held.left{background:#78a58e;box-shadow:none}.black-key.held.left{background:#5f8b75}.white-key.held.right{background:#849fc1;box-shadow:none}.black-key.held.right{background:#6686ad}.black-key.held.both,.white-key.held.both{background:linear-gradient(90deg,#78a58e 0 50%,#849fc1 50% 100%);box-shadow:none}.practice-top{min-height:58px}.topbar-key{position:absolute;left:50%;transform:translateX(-50%);font-weight:600;font-size:14px;color:var(--text)}.keyboard-panel,.score-panel{max-width:none;width:100%}.score-viewer{height:clamp(260px,35vh,520px);padding:clamp(12px,1.8vw,28px)}.keyboard-panel{padding:16px}.keyboard{height:clamp(210px,27vh,360px)}.keyboard-panel{display:block}.keyboard-content{min-width:0}.keyboard-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 0 16px}.keyboard-controls{grid-column:2;display:flex;justify-content:center;align-items:center;gap:7px;margin:0}.score-player-control{grid-column:3;justify-self:end;display:flex;position:relative}.score-player-settings-trigger,.score-player-trigger{border:1px solid #353a37;background:rgba(28,31,30,.9);transition:border-color .18s,background .18s,transform .18s}.score-player-settings-trigger:hover,.score-player-trigger:hover{border-color:#76613a;background:#252927;transform:translateY(-1px)}.score-player-trigger{height:45px;min-width:101px;border-radius:11px 0 0 11px;border-right:0;padding:6px 9px;display:flex;align-items:center;gap:7px;text-align:left}.score-player-trigger.playing{border-color:#80544a;background:#2e2523}.score-player-icon{width:28px;height:29px;display:grid;place-items:center;border-radius:8px;color:#c9ad72;background:#292820}.score-player-trigger.playing .score-player-icon{color:#ffd3c5;background:#513126;animation:metronome-pulse .8s ease-in-out infinite}.score-player-icon svg{width:17px;height:17px;fill:currentColor;stroke:none}.score-player-trigger>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.score-player-trigger small{color:var(--muted);font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.score-player-trigger strong{font-size:12px}.score-player-settings-trigger{width:26px;border-radius:0 11px 11px 0;display:grid;place-items:center;padding:0}.score-player-settings-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;color:var(--muted)}.score-player-popover{width:min(330px,calc(100vw - 28px));top:calc(100% + 10px)}.score-player-section{border-top:1px solid #393e3b;padding:15px 0}.score-player-heading{margin-bottom:10px}.score-player-destination>div:first-child>span,.score-player-heading span{display:block;color:var(--text);font-size:12px}.score-player-destination small,.score-player-heading small{display:block;color:var(--muted);font:10px DM Mono,monospace;line-height:1.45;margin-top:4px}.score-player-section select{width:100%;border:1px solid #414744;border-radius:8px;background:#1b1e1d;color:var(--text);padding:10px;font:12px DM Sans,sans-serif}.score-player-destination{display:flex;align-items:center;justify-content:space-between;gap:12px}.score-player-destination .destination-buttons{margin:0;min-width:118px}.score-player-footnote{border-top:1px solid #393e3b;margin:0;color:var(--muted);font:9px DM Mono,monospace;line-height:1.5;padding-top:13px;text-align:center}.score-player-footnote.error{color:var(--red)}.keyboard-control{display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--muted);transition:color .15s,border-color .15s,background .15s,transform .15s}.keyboard-control:hover:not(:disabled){border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.keyboard-control.active{border-color:#6b5630;background:#2a2921;color:var(--gold)}.keyboard-control:disabled{cursor:not-allowed;opacity:.28}.keyboard-control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;transform:rotate(180deg)}.keyboard-control svg path:nth-child(2){fill:currentColor;stroke:none}.keyboard-content>.pedal-indicator{margin:9px 0 0;line-height:1.15}.style-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.style-choice-grid button{min-height:57px;border:1px solid #3c423f;border-radius:8px;background:#202422;color:var(--text);padding:7px 8px;text-align:left;transition:border-color .15s,background .15s}.style-choice-grid button:hover:not(:disabled){border-color:#7a673c}.style-choice-grid button.selected{border-color:#4c806c;background:#21362e;color:#e2f6ed}.style-choice-grid button:disabled{cursor:not-allowed;opacity:.5}.style-choice-grid small,.style-choice-grid strong{display:block}.style-choice-grid strong{font-size:11px}.style-choice-grid small{color:var(--muted);font:9px DM Mono,monospace;line-height:1.3;margin-top:4px}.style-choice-grid button.selected small{color:#9ccbb8}.score-player-trigger.counting{border-color:#8a6d33;background:#2c291f;animation:player-countdown .92s ease-in-out infinite}.score-player-trigger.counting .score-player-icon{color:var(--gold);background:#403719;animation:metronome-pulse .92s ease-in-out infinite}@keyframes player-countdown{50%{box-shadow:0 0 0 4px #f5b84b1f}}@media(max-width:800px){.score-viewer{height:clamp(210px,42vw,300px)}.keyboard{height:clamp(170px,38vw,250px)}.keyboard-panel{padding:12px}.keyboard-toolbar{grid-template-columns:1fr;gap:10px}.keyboard-controls{grid-column:1;grid-row:1}.score-player-control{grid-column:1;grid-row:2;justify-self:center}.score-player-popover{position:fixed;top:auto;bottom:14px;right:14px}}.training-sidebar{position:relative}@media(max-width:1050px){.train-layout{grid-template-columns:minmax(0,1fr) 300px}.training-sidebar{padding-left:17px;padding-right:17px}}@media(max-width:800px){.train-layout,.train-layout.sidebar-collapsed{display:flex;flex-direction:column}.practice-column{border-right:0}.training-sidebar{min-height:0;position:static;border-top:1px solid var(--line);padding:27px 20px 34px}.training-sidebar.collapsed{min-height:54px;height:54px;padding:0;display:block}.training-sidebar.collapsed .collapsed-sidebar-mark{display:none}.training-sidebar.collapsed .sidebar-toggle{top:14px;left:auto;right:15px}.sidebar-heading h2{font-size:23px}.sidebar-tabs{margin-top:25px}.score-list{max-height:320px;overflow:auto}}.keyboard-content>.pedal-console{margin:6px 0 0}.pedal-console.automatic:not(.engaged) .piano-pedal.damper{animation:none}.pedal-console .piano-pedal.damper.repedal-cue{animation:repedal-cue 1s ease-in-out infinite}@keyframes repedal-cue{0%,to{filter:brightness(1);box-shadow:inset 0 0 0 1px #ffe1a555}35%{filter:brightness(1.6);box-shadow:0 0 18px #fff3b9,0 0 8px #f5b84b,inset 0 0 0 1px #fff5ce}62%{filter:brightness(1);box-shadow:inset 0 0 0 1px #ffe1a555}}.piano-pedal{width:25px;height:28px}.piano-pedal svg{width:16px;height:19px}.practice{padding-bottom:16px}.keyboard-panel{margin-top:14px;padding:9px 12px 8px}.keyboard-toolbar{margin-bottom:8px}.keyboard{height:clamp(120px,min(22vh,calc(100vh - 590px)),285px)}.black-key.target.both,.white-key.target.both{background:linear-gradient(90deg,#78a58e 0 50%,#849fc1 50% 100%)}.black-key.correct.both,.white-key.correct.both{background:linear-gradient(90deg,#3b9b7b 0 50%,#507bb5 50% 100%)}.piano-key.velocity-active:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(43,126,80,var(--velocity-opacity)) 0,transparent 42%);mix-blend-mode:screen;z-index:4}.velocity-rail{z-index:5;right:5px;top:7px;bottom:8px;width:4px;background:transparent;overflow:hidden;pointer-events:none;opacity:.3;box-shadow:none}.velocity-rail,.velocity-rail i{position:absolute;border-radius:99px}.velocity-rail i{display:block;width:100%;transition:height .08s ease}.attack-velocity{bottom:0;background:linear-gradient(0deg,#164b31,#4f9569);box-shadow:0 0 7px #387653}.release-velocity{top:0;background:linear-gradient(180deg,#a7d4b1,#34734e);box-shadow:0 0 7px #5c986d}.black-key .velocity-rail{left:50%;right:auto;transform:translateX(-50%);top:5px;bottom:6px;width:3px;display:block}.black-key.velocity-active:after{display:none}.piano-key.upcoming:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.25}.piano-key.upcoming.left:before{background:#3b9b7b}.piano-key.upcoming.right:before{background:#507bb5}.piano-key.upcoming.both:before{background:linear-gradient(90deg,#3b9b7b 0 50%,#507bb5 50% 100%)}.black-key.upcoming:before{border-radius:0 0 4px 4px}.key-action-cue{position:absolute;z-index:6;left:50%;bottom:52px;transform:translateX(-50%);display:block!important;font:900 30px/.7 Arial,sans-serif!important;color:#f2f1eb!important;pointer-events:none;white-space:nowrap}.white-key .key-action-cue{bottom:52px;font-size:30px!important}.black-key .key-action-cue{bottom:28px;font-size:30px!important;display:block!important}.black-key .repress-cue{font-size:25px!important}.black-key .hold-cue,.black-key .repress-cue,.hold-cue,.repress-cue,.white-key .hold-cue,.white-key .repress-cue{color:#f2f1eb!important}.white-key.grace-target.target.left{background:color-mix(in srgb,#78a58e 75%,#f0f0eb)}.white-key.grace-target.target.right{background:color-mix(in srgb,#849fc1 75%,#f0f0eb)}.white-key.grace-target.target.both{background:linear-gradient(90deg,color-mix(in srgb,#78a58e 75%,#f0f0eb) 0 50%,color-mix(in srgb,#849fc1 75%,#f0f0eb) 50% 100%)}.black-key.grace-target.target.left{background:color-mix(in srgb,#5f8b75 75%,#1a1c1c)}.black-key.grace-target.target.right{background:color-mix(in srgb,#6686ad 75%,#1a1c1c)}.piano-key .key-action-cue.grace-cue{font-size:20px!important}.repress-cue-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round}.black-key .repress-cue-icon{width:16px;height:16px}.key-led.early,.white-leds .white-led-slot .key-led.early{background:#5ca7ef;box-shadow:0 0 0 2px #5ca7ef24,0 0 8px #5ca7ef99}.key-led-board .key-led.cue,.key-led-board .white-leds .white-led-slot .key-led.cue{background:#f5f1e5;box-shadow:0 0 0 2px #f5f1e522,0 0 10px #fff9e9dd}.key-led-board{position:relative;height:17px;margin:0 0 7px}.white-leds{height:100%;display:flex}.key-led{display:block;width:5px;height:5px;margin:auto;border-radius:50%;background:#454a47;box-shadow:0 0 0 1px #090a0a;transition:background .15s,box-shadow .15s,transform .15s}.white-leds .key-led{flex:1 1;max-width:none}.key-led.black-led{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.key-led.cue{background:#67d98b;box-shadow:0 0 0 2px #67d98b24,0 0 9px #67d98bcc;animation:key-led-cue .62s ease-in-out infinite}.key-led.on-time{background:#62ce83;box-shadow:0 0 0 2px #62ce8324,0 0 8px #62ce8399}.key-led.missed{background:#e16868;box-shadow:0 0 0 2px #e1686826,0 0 8px #e1686899}.key-led.black-led.cue{transform:translate(-50%,-50%);animation:key-led-cue-black .62s ease-in-out infinite}@keyframes key-led-cue{50%{transform:scale(1.55)}}@keyframes key-led-cue-black{50%{transform:translate(-50%,-50%) scale(1.55)}}.white-leds .key-led{height:100%;margin:0;background:transparent;box-shadow:none}.white-leds .key-led:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#454a47;box-shadow:0 0 0 1px #090a0a;transform:translate(-50%,-50%);transition:background .15s,box-shadow .15s,transform .15s}.white-leds .key-led.cue:after{background:#67d98b;box-shadow:0 0 0 2px #67d98b24,0 0 9px #67d98bcc;animation:key-led-cue-white .62s ease-in-out infinite}.white-leds .key-led.on-time:after{background:#62ce83;box-shadow:0 0 0 2px #62ce8324,0 0 8px #62ce8399}.white-leds .key-led.missed:after{background:#e16868;box-shadow:0 0 0 2px #e1686826,0 0 8px #e1686899}@keyframes key-led-cue-white{50%{transform:translate(-50%,-50%) scale(1.55)}}.white-led-slot{position:relative;flex:1 1;height:100%}.white-leds .white-led-slot .key-led{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:0;background:#454a47;box-shadow:0 0 0 1px #090a0a;transform:translate(-50%,-50%)}.white-leds .white-led-slot .key-led:after{display:none}.white-leds .white-led-slot .key-led.cue{background:#67d98b;box-shadow:0 0 0 2px #67d98b24,0 0 9px #67d98bcc;animation:key-led-cue-white .62s ease-in-out infinite}.white-leds .white-led-slot .key-led.on-time{background:#62ce83;box-shadow:0 0 0 2px #62ce8324,0 0 8px #62ce8399}.white-leds .white-led-slot .key-led.missed{background:#e16868;box-shadow:0 0 0 2px #e1686826,0 0 8px #e1686899}.training-intro{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 16px}.training-routine-list{display:grid;gap:6px;max-height:calc(100vh - 336px);overflow-y:auto;padding-right:3px}.training-routine{display:flex;align-items:center;gap:8px;width:100%;border:1px solid transparent;border-radius:9px;background:#202323;padding:11px 10px 11px 12px;text-align:left;transition:border-color .15s,background .15s}.training-routine:hover{border-color:#4b514e}.training-routine.current-key{border-color:#61502e;background:#2a2921}.training-routine.selected{border-color:#4e6b5f;background:#24332e}.training-routine-name{display:block;min-width:0}.training-routine-name small,.training-routine-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-routine-name strong{font-size:12px;font-weight:600}.training-routine-name small{color:var(--muted);font:10px DM Mono,monospace;margin-top:4px}.training-routine.current-key small{color:var(--gold)}.training-routine-arrow{margin-left:auto;color:#70736e;font-size:11px}.training-routine.selected .training-routine-arrow{color:var(--green)}@media(max-width:800px){.training-routine-list{max-height:320px}}.topbar{position:relative;z-index:20}.topbar-score{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;max-width:34vw;white-space:nowrap}.topbar-score,.topbar-score strong{overflow:hidden;text-overflow:ellipsis}.topbar-score strong{max-width:100%;font-size:13px;letter-spacing:-.02em}.topbar-score span{color:var(--muted);font:10px DM Mono,monospace}.header-controls{margin-left:auto;display:flex;align-items:stretch;gap:9px}.header-control{position:relative}.connection-trigger,.metronome-settings-trigger,.metronome-trigger{border:1px solid #353a37;background:rgba(28,31,30,.9);transition:border-color .18s,background .18s,transform .18s}.connection-trigger:hover,.metronome-settings-trigger:hover,.metronome-trigger:hover{border-color:#76613a;background:#252927;transform:translateY(-1px)}.connection-trigger{height:45px;min-width:177px;border-radius:11px;padding:6px 10px 6px 8px;display:flex;align-items:center;gap:8px;text-align:left}.connection-trigger.connected{border-color:#426a5b;background:#1c2924}.connection-trigger>svg,.metronome-settings-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;color:var(--muted)}.connection-icon,.metronome-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#2a2d2b;color:#a3a89e}.connection-trigger.connected .connection-icon{color:var(--green);background:#203a30}.connection-icon svg,.metronome-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.connection-copy,.metronome-trigger>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.connection-copy small,.metronome-trigger small{color:var(--muted);font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.connection-copy strong{max-width:109px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.header-popover{position:absolute;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 28px));border:1px solid #424844;border-radius:16px;background:linear-gradient(145deg,#272b28,#1d201f 72%);box-shadow:0 24px 70px #000b;padding:18px;z-index:40;animation:popover-in .17s ease-out}.metronome-popover{right:0;width:min(370px,calc(100vw - 28px))}@keyframes popover-in{0%{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:15px}.popover-kicker{color:var(--gold);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;margin:0 0 7px}.popover-head h2{font-size:19px;letter-spacing:-.045em;margin:0}.popover-head h2 span{font:10px DM Mono,monospace;color:var(--muted);letter-spacing:0}.tier-badge{border:1px solid #4b514d;border-radius:99px;padding:5px 7px;color:var(--muted);font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tier-badge.deep-integration{border-color:#496d60;color:var(--green);background:#1c312a}.tier-badge.enhanced-support{border-color:#665633;color:var(--gold);background:#302a1e}.empty-connection{display:grid;justify-items:center;text-align:center;border-top:1px solid var(--line);padding:24px 12px 8px}.empty-connection-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #484e49;border-radius:13px;color:var(--gold);background:#292820}.empty-connection-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.empty-connection p{max-width:280px;color:var(--muted);font-size:12px;line-height:1.55;margin:15px 0}.primary-action,.small-play{border:0;border-radius:9px;background:var(--gold);color:#1a1a18;font-size:12px;font-weight:700;padding:10px 13px}.empty-connection small{margin-top:12px;color:var(--muted);font:10px DM Mono,monospace}.device-card{display:flex;align-items:center;gap:9px;border:1px solid #3c5048;border-radius:10px;background:#202b26;padding:10px 9px 10px 11px}.status-orb{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 11px #3b9b7b}.device-card div{min-width:0;flex:1 1}.device-card small,.device-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-card strong{font-size:12px}.device-card small{color:var(--muted);font:10px DM Mono,monospace;margin-top:4px}.quiet-action{border:0;background:none;color:var(--gold);font:10px DM Mono,monospace;padding:6px}.profile-field{display:grid;gap:6px;margin:16px 0}.profile-field>span,.section-label,.tempo-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}.profile-field select{appearance:none;width:100%;border:1px solid #414744;border-radius:8px;background:#1b1e1d;color:var(--text);padding:10px;font:12px DM Sans,sans-serif}.control-section{border-top:1px solid #393e3b;padding:15px 0}.section-label span{color:var(--text)}.section-label small{color:var(--gold);font-size:9px;text-transform:none;letter-spacing:0}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;max-height:222px;overflow:auto;padding-right:2px}.voice-option{min-height:46px;border:1px solid #3c423f;border-radius:8px;background:#202422;color:var(--text);padding:7px 8px;text-align:left;font-size:11px;line-height:1.25;transition:border-color .15s,background .15s}.voice-option:hover{border-color:#7a673c}.voice-option.selected{border-color:#4c806c;background:#21362e;color:#e2f6ed}.voice-option span{display:block;color:var(--muted);font:9px DM Mono,monospace;margin-bottom:3px}.voice-option.selected span{color:#9ccbb8}.compact-controls{display:grid;gap:15px}.compact-controls label{display:grid;grid-template-columns:1fr auto;gap:8px}.compact-controls label span,.toggle-row span{font-size:12px}.compact-controls output,.tempo-heading output{color:var(--gold);font:10px DM Mono,monospace}.compact-controls input,.tempo-slider{grid-column:1/-1;width:100%;accent-color:var(--gold)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.metronome-options small,.toggle-row small{display:block;color:var(--muted);font:10px DM Mono,monospace;margin-top:4px}.switch{width:34px;height:20px;border:1px solid #4a504c;border-radius:99px;background:#252927;padding:2px;transition:background .15s,border-color .15s}.switch span{display:block;width:14px;height:14px;border-radius:50%;background:#858b84;transition:transform .15s,background .15s}.switch.on{background:#28533f;border-color:#4d9474}.switch.on span{transform:translateX(14px);background:#ddf1e7}.capabilities{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.capabilities span{border:1px solid #3c4640;border-radius:99px;color:#aab5ae;background:#202824;padding:5px 7px;font:9px DM Mono,monospace}.piano-footnote{border-top:1px solid #393e3b;color:var(--muted);font:10px DM Mono,monospace;line-height:1.5;padding-top:13px}.piano-footnote strong{color:var(--green);font-weight:500;margin-left:4px}.metronome-control{display:flex}.metronome-trigger{height:45px;min-width:98px;border-radius:11px 0 0 11px;border-right:0;padding:6px 9px;display:flex;align-items:center;gap:7px;text-align:left}.metronome-trigger.playing{border-color:#876a35;background:#2c291f}.metronome-icon{width:28px;height:29px;color:#c9ad72;background:#292820}.metronome-trigger.playing .metronome-icon{color:var(--gold);background:#403719;animation:metronome-pulse .8s ease-in-out infinite}@keyframes metronome-pulse{50%{box-shadow:0 0 0 5px #f5b84b16}}.metronome-trigger strong{font-size:12px}.metronome-trigger em{font-style:normal;color:var(--muted);font:9px DM Mono,monospace}.metronome-settings-trigger{width:26px;border-radius:0 11px 11px 0;display:grid;place-items:center;padding:0}.small-play{padding:8px 11px;background:#353a37;color:var(--text)}.small-play.active{background:#754a38;color:#ffeae2}.beat-track{display:grid;grid-template-columns:repeat(var(--beats,4),1fr);gap:6px;border-top:1px solid #393e3b;padding:15px 0}.beat-track span{height:25px;display:grid;place-items:center;border-radius:7px;background:#252927;color:var(--muted);font:10px DM Mono,monospace}.beat-track span.accent{color:var(--gold);background:#302b20}.beat-track span.current{color:#171916;background:var(--gold);box-shadow:0 0 16px #f5b84b66}.metronome-section{border-top:1px solid #393e3b;padding:15px 0}.tempo-heading{margin-bottom:10px}.tempo-heading span{color:var(--text);font-size:12px;text-transform:none;letter-spacing:0}.tempo-presets{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:6px;margin-top:9px}.tempo-presets button{border:1px solid #3c423f;border-radius:7px;background:#242725;color:var(--muted);padding:7px;font:10px DM Mono,monospace}.tempo-presets button:nth-child(2){color:var(--gold)}.metronome-options{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.metronome-footnote{margin:0;color:var(--muted);font:9px DM Mono,monospace;text-align:center}.metronome-popover .switch{justify-self:end}@media(max-width:800px){.topbar{height:68px;padding:0 16px}.topbar-score{display:none}.brand{font-size:14px}.header-controls{gap:5px}.connection-trigger{min-width:42px;width:42px;padding:6px;justify-content:center}.connection-trigger .connection-copy,.connection-trigger>svg{display:none}.metronome-trigger{min-width:83px}.metronome-icon{width:25px}.header-popover{position:fixed;top:76px;right:14px}.voice-grid{max-height:180px}}.model-setup-card{border:1px solid #3f574d;border-radius:10px;background:linear-gradient(135deg,#1e2d27,#202523);padding:13px;margin:4px 0 0}.model-setup-card strong{color:var(--green);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.model-setup-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:7px 0 0}.show-more-sounds{display:block;width:100%;border:1px dashed #4a514d;border-radius:8px;background:transparent;color:var(--gold);font:10px DM Mono,monospace;padding:9px;margin-top:8px}.output-mode{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #3b4540;border-radius:9px;background:#1d2421;padding:10px;margin-top:10px}.output-mode span{font-size:11px}.output-mode small{display:block;color:var(--muted);font:9px DM Mono,monospace;line-height:1.4;margin-top:4px}.piano-footnote em{display:block;color:#c8ab76;font-style:normal;margin-top:7px}.metronome-footnote.error{color:var(--red);line-height:1.5}.click-destination{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.click-destination>div:first-child>span{display:block;font-size:12px}.click-destination small{display:block;color:var(--muted);font:10px DM Mono,monospace;margin-top:4px}.destination-buttons{display:flex;border:1px solid #454b47;border-radius:8px;overflow:hidden}.destination-buttons button{border:0;border-left:1px solid #454b47;background:#242826;color:var(--muted);font:10px DM Mono,monospace;padding:7px 9px}.destination-buttons button:first-child{border-left:0}.destination-buttons button.active{background:#294939;color:#e3f4e9}.destination-buttons button:disabled{cursor:not-allowed;color:#6e746f;background:#1e211f}.click-destination p{grid-column:1/-1;color:#c9ad72;font:10px DM Mono,monospace;line-height:1.45;margin:0}.inline-setup-action{border:0;background:none;color:var(--green);font:inherit;padding:0 0 0 5px;text-decoration:underline}.browser-piano-control{display:flex}.browser-piano-settings-trigger,.browser-piano-trigger{border:1px solid #353a37;background:rgba(28,31,30,.9);transition:border-color .18s,background .18s,transform .18s}.browser-piano-settings-trigger:hover,.browser-piano-trigger:hover{border-color:#54758d;background:#202b31;transform:translateY(-1px)}.browser-piano-trigger{height:45px;min-width:112px;border-radius:11px 0 0 11px;border-right:0;padding:6px 9px;display:flex;align-items:center;gap:7px;text-align:left}.browser-piano-trigger>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.browser-piano-trigger small{color:var(--muted);font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.browser-piano-trigger strong{font-size:12px}.browser-piano-icon{width:28px;height:29px;display:grid;place-items:center;border-radius:8px;color:#92c7ea;background:#1f3440}.browser-piano-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.browser-piano-trigger.playing{border-color:#497893;background:#1a2b32}.browser-piano-trigger.playing .browser-piano-icon{color:#c5efff;background:#23516a;animation:browser-piano-pulse 1.5s ease-in-out infinite}@keyframes browser-piano-pulse{50%{box-shadow:0 0 0 5px #6fd1ff16}}.browser-piano-settings-trigger{width:26px;border-radius:0 11px 11px 0;display:grid;place-items:center;padding:0}.browser-piano-settings-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;color:var(--muted)}.browser-piano-popover{width:min(382px,calc(100vw - 28px))}.piano-engine-status{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.piano-engine-status>div>span{display:block;font-size:12px}.piano-engine-note,.piano-engine-status small{display:block;color:var(--muted);font:10px DM Mono,monospace;line-height:1.45;margin-top:4px}.status-orb.offline{background:#6a706c;box-shadow:none}@media(max-width:800px){.browser-piano-trigger{min-width:42px;width:42px;padding:6px;justify-content:center}.browser-piano-trigger>span:last-child{display:none}}.interactive-key{cursor:pointer;touch-action:none}.interactive-key:focus-visible{outline:2px solid var(--gold);outline-offset:-3px;z-index:6}.engine-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.engine-choice-grid button{border:1px solid #3c4640;border-radius:8px;background:#242826;color:var(--muted);font:10px DM Mono,monospace;padding:8px 5px;text-transform:capitalize}.engine-choice-grid button.active{border-color:#4a829c;background:#203945;color:#d8f2ff}.engine-choice-grid.four{grid-template-columns:repeat(4,1fr)}.engine-choice-grid.two{grid-template-columns:repeat(2,1fr)}.native-piano-popover{display:flex;flex-direction:column;max-height:calc(100dvh - 92px);padding-bottom:0;overflow:hidden}.native-piano-popover>.popover-head{flex:0 0 auto}.native-piano-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555d58 transparent;padding:0 5px 18px 0}.native-piano-scroll::-webkit-scrollbar{width:6px}.native-piano-scroll::-webkit-scrollbar-track{background:transparent}.native-piano-scroll::-webkit-scrollbar-thumb{background:#555d58;border-radius:99px}.native-ready-card{display:flex;align-items:center;gap:11px;border:1px solid #3c5048;border-radius:11px;background:#202b26;padding:11px 12px;margin-bottom:15px}.native-ready-card>div{min-width:0}.native-ready-card small,.native-ready-card strong{display:block}.native-ready-card strong{font-size:12px}.native-ready-card small{color:var(--muted);font-size:10px;line-height:1.4;margin-top:3px}.native-volume-control{border-top:1px solid #393e3b;padding:15px 0}.native-volume-control .tempo-heading{margin-bottom:8px}.native-preset-section{border-top:1px solid #393e3b;padding:16px 0}.native-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}.native-section-heading>div{min-width:0}.native-section-heading small,.native-section-heading strong{display:block}.native-section-heading strong{font-size:13px}.native-section-heading small{color:var(--muted);font-size:10px;line-height:1.45;margin-top:4px}.native-section-heading>span{flex:0 0 auto;border:1px solid #486778;border-radius:99px;background:#20343e;color:#ccecff;padding:5px 7px;font:9px DM Mono,monospace}.native-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.native-preset-grid button{position:relative;min-height:118px;border:1px solid #3c423f;border-radius:11px;background:#202422;color:var(--text);padding:12px;text-align:left;transition:border-color .15s,background .15s,transform .15s}.native-preset-grid button:hover{border-color:#617480;transform:translateY(-1px)}.native-preset-grid button.active{border-color:#4a829c;background:#20343e;box-shadow:inset 0 0 0 1px #4a829c33}.native-preset-grid em,.native-preset-grid small,.native-preset-grid strong{display:block}.native-preset-grid strong{font-size:12px;margin-top:10px}.native-preset-grid em{color:#9fc9de;font:9px DM Mono,monospace;font-style:normal;margin-top:3px}.native-preset-grid small{color:var(--muted);font-size:10px;line-height:1.35;margin-top:7px}.native-preset-mark{display:block;width:30px;height:12px;border:1px solid #77909d;border-radius:50%;background:linear-gradient(90deg,#334b57,#7594a3);box-shadow:0 5px 12px #0005}.native-preset-mark.mellow{border-color:#8b7450;background:linear-gradient(90deg,#493923,#96794a)}.native-preset-mark.bright{border-color:#8099a5;background:linear-gradient(90deg,#58788a,#bad4dd)}.native-preset-mark.concert{width:38px;border-color:#725c83;background:linear-gradient(90deg,#3d3249,#886ca0)}.native-advanced{border-top:1px solid #393e3b}.native-advanced>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 2px;cursor:pointer}.native-advanced>summary::-webkit-details-marker{display:none}.native-advanced>summary span{min-width:0}.native-advanced>summary small,.native-advanced>summary strong{display:block}.native-advanced>summary strong{font-size:12px}.native-advanced>summary small{color:var(--muted);font-size:10px;margin-top:4px}.native-advanced>summary i{width:9px;height:9px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .15s;margin:0 5px 5px 0}.native-advanced[open]>summary i{transform:rotate(225deg);margin:5px 5px 0 0}.native-advanced-content{display:grid;gap:10px;padding-bottom:4px}.native-adjustment-group{border:1px solid #363c39;border-radius:11px;background:#1b1f1d;padding:13px}.native-group-heading{padding-bottom:3px}.native-group-heading small,.native-group-heading strong{display:block}.native-group-heading strong{font-size:12px;color:var(--gold)}.native-group-heading small{color:var(--muted);font-size:10px;line-height:1.4;margin-top:3px}.native-fine-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border-top:1px solid #303633;padding:13px 0 2px;margin-top:10px}.native-fine-control span small,.native-fine-control span strong{display:block}.native-fine-control span strong{font-size:11px}.native-fine-control span small{color:var(--muted);font-size:9px;line-height:1.35;margin-top:3px}.native-fine-control output{color:#9fc9de;font:9px DM Mono,monospace}.native-fine-control input{grid-column:1/-1;width:100%}.native-choice{border-top:1px solid #303633;padding-top:12px;margin-top:12px}.native-choice>span small,.native-choice>span strong{display:block}.native-choice>span strong{font-size:11px}.native-choice>span small{color:var(--muted);font-size:9px;line-height:1.35;margin-top:3px}.native-choice .engine-choice-grid button{font-size:9px;line-height:1.15;padding:8px 3px}.native-choice .engine-choice-grid.two button{text-transform:none}@media(max-width:800px){.native-piano-popover{max-height:calc(100dvh - 90px)}.native-preset-grid{grid-template-columns:1fr}.native-preset-grid button{min-height:0}}.acoustic-download{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.acoustic-download>div>span{display:block;font-size:12px}.acoustic-download small{display:block;color:var(--muted);font:10px DM Mono,monospace;line-height:1.45;margin-top:4px}.acoustic-download i{display:block;overflow:hidden;height:4px;background:#303b40;border-radius:99px;margin-top:9px}.acoustic-download b{display:block;height:100%;background:linear-gradient(90deg,#5fa4c4,#b8eaff);border-radius:inherit;transition:width .2s ease}.download-library{border:1px solid #426675;border-radius:8px;background:#203b46;color:#d5f1fb;font:10px DM Mono,monospace;padding:8px 9px}.download-library:disabled{cursor:wait}.library-item,.score-list,.training-sidebar{min-width:0}.library-item{max-width:100%;overflow:hidden}.library-select{width:0;min-width:0}.library-name{flex:1 1;min-width:0;overflow:hidden}.library-arrow,.library-delete,.library-note{flex:0 0 auto}.library-delete{flex-basis:34px}.brand-mark{position:relative;border-radius:8px;font-size:0;overflow:visible}.brand-mark>svg:first-child{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.brand-mark .brand-mark-note{position:absolute;top:-15px;right:-14px;width:47.5px;height:47.5px;fill:var(--blue);stroke:none;z-index:1}.midi-connect{gap:16px}.midi-connect-copy{min-width:0}.midi-connect-copy select{display:block;max-width:100%;margin-top:10px;border:1px solid #414744;border-radius:8px;background:#1b1e1d;color:var(--text);padding:9px 10px;font:12px DM Sans,sans-serif}.recording-controls{grid-column:1;justify-self:start;display:flex;align-items:center;gap:7px;min-width:0}.latest-recording-button,.recording-button{height:36px;border:1px solid #4a514d;border-radius:8px;background:#202422;color:var(--text);padding:0 10px;display:flex;align-items:center;gap:7px;font:10px DM Mono,monospace;white-space:nowrap;transition:border-color .15s,background .15s,color .15s,transform .15s}.latest-recording-button:hover:not(:disabled),.recording-button:hover{border-color:var(--gold);transform:translateY(-1px)}.recording-button svg{width:15px;height:15px;fill:currentColor;stroke:currentColor;stroke-width:1.8}.recording-button:not(.active) svg{fill:#d87368}.recording-button.active{border-color:#9a5a4b;background:#3a2724;color:#ffe1da}.recording-button.active svg{fill:#ffd3c5}.latest-recording-button{color:var(--muted);border-color:#3b423e}.latest-recording-button:disabled{cursor:not-allowed;opacity:.7}@media(max-width:800px){.recording-controls{grid-column:1;grid-row:1;justify-self:center}.keyboard-controls{grid-column:1;grid-row:2}.score-player-control{grid-column:1;grid-row:3;justify-self:center}}.account-trigger{min-width:158px}.account-trigger .connection-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.account-popover{width:min(370px,calc(100vw - 28px))}.account-form{display:grid;gap:13px;border-top:1px solid #393e3b;padding-top:16px}.account-form label{display:grid;gap:6px;color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.account-form label em{font-style:normal;color:#727872;text-transform:none;letter-spacing:0}.account-form input{width:100%;border:1px solid #414744;border-radius:8px;background:#171a19;color:var(--text);padding:10px 11px;font:13px DM Sans,sans-serif;outline:none}.account-form input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #f5b84b20}.account-form label small{color:#737873;font:9px DM Mono,monospace;text-transform:none;letter-spacing:0}.account-form .primary-action{width:100%;margin-top:2px}.account-actions,.account-links{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-links button{border:0;background:none;color:var(--gold);padding:3px 0;font:10px DM Mono,monospace}.account-actions{border-top:1px solid #393e3b;margin-top:15px;padding-top:15px}.account-actions .button{font-size:11px;padding:9px 12px}.account-message{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.account-message.error-message{color:var(--red)}@media(max-width:1100px){.account-trigger{min-width:42px;width:42px;padding:6px;justify-content:center}.account-trigger .connection-copy,.account-trigger>svg{display:none}}@media(max-width:800px){.topbar>.header-controls>.connection-pill{display:none}.account-popover{position:fixed;top:76px;right:14px;max-height:calc(100dvh - 90px);overflow:auto}}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(12px,2vw,32px)}.topbar>.brand{min-width:max-content}.topbar-score{position:static;left:auto;transform:none;justify-self:center;width:100%;min-width:0;max-width:none}.topbar-score span,.topbar-score strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-controls{margin-left:0;justify-self:end}button .output-latency-notice{margin:10px 0 0;padding:10px 12px;border-radius:10px;border:1px solid #6b5a34;background:#241f14;color:#f0d79a;font-size:12px;line-height:1.5}.output-latency-notice.unplayable{border-color:#704945;background:#291a18;color:#f3a49b}.restore-screen[role=alert]{padding:28vh 20px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text)}.restore-screen[role=alert] strong{display:block;font-size:17px;margin-bottom:12px}.restore-screen[role=alert] p{margin:0 auto 10px;max-width:38rem;color:var(--muted)}.error-actions{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:22px}.error-actions .text-button{text-align:center}*{scrollbar-width:none!important}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.marketing-home{max-width:1280px;padding:0 28px 80px}.reveal-section{position:relative}.section-kicker{color:var(--gold);font:500 10px DM Mono,monospace;letter-spacing:.16em;text-transform:uppercase}.story-intro{max-width:820px;margin:0 auto;padding:150px 0 118px}.closing-cta h2,.how-strip h2,.pricing-preview h2,.story-intro h2{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.07em;margin:22px 0 28px}.closing-cta h2 em,.how-strip h2 em,.platform-panel h2 em,.pricing-preview h2 em,.public-hero h1 em,.showcase-copy h2 em,.story-intro h2 em{font-family:Playfair Display,serif;color:var(--green);font-weight:600;letter-spacing:-.05em}.section-lead{max-width:540px;color:var(--muted);font-size:18px;line-height:1.65;margin:0}.feature-stack{display:grid;gap:12px}.feature-stack-heading{display:flex;justify-content:space-between;align-items:center;padding:0 6px 14px;color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.feature-stack-heading span{color:var(--text)}.feature-card{min-height:370px;border:1px solid var(--line);border-radius:20px;padding:42px clamp(24px,5vw,72px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;overflow:hidden;position:relative}.feature-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff04 65%,transparent 80%)}.feature-card.gold{background:linear-gradient(120deg,#1b1d1c,#282319)}.feature-card.green{background:linear-gradient(120deg,#17231f,#1d2b26)}.feature-card.blue{background:linear-gradient(120deg,#191f23,#202936)}.feature-card-copy{max-width:430px}.feature-card-art strong,.feature-index{color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.15em}.feature-card h3{font-size:clamp(30px,4vw,58px);line-height:.98;letter-spacing:-.065em;margin:22px 0 18px}.feature-card p{max-width:400px;color:var(--muted);font-size:15px;line-height:1.6;margin:0}.feature-card-art{height:220px;position:relative;border:1px solid #ffffff16;border-radius:17px;background:#12161599;box-shadow:inset 0 0 40px #0004,0 30px 70px #0004;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;overflow:hidden}.feature-card-art span{color:var(--muted);font:11px DM Mono,monospace;margin-top:8px}.art-orbit{position:absolute;width:230px;height:230px;border:1px solid #f5b84b66;border-radius:50%;top:-80px;right:-35px}.green .art-orbit{border-color:#3b9b7b77}.blue .art-orbit{border-color:#507bb577}.art-line{position:absolute;left:18%;right:8%;top:48%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:rotate(-12deg);box-shadow:0 0 14px var(--gold)}.green .art-line{background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 14px var(--green)}.blue .art-line{background:linear-gradient(90deg,transparent,var(--blue),transparent);box-shadow:0 0 14px var(--blue)}.product-showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(35px,7vw,110px);align-items:center;padding:180px 0}.showcase-copy h2{font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-.07em;margin:22px 0 25px}.showcase-copy>p{max-width:410px;color:var(--muted);font-size:15px;line-height:1.65}.showcase-points{display:grid;gap:12px;margin-top:28px;border-top:1px solid var(--line);padding-top:17px}.showcase-points span{font:11px DM Mono,monospace;color:var(--muted)}.showcase-points i{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #4d695c;border-radius:50%;font-style:normal;color:var(--green);margin-right:10px}.screen-frame{border:1px solid #3a403d;border-radius:16px;background:#161918;padding:8px;box-shadow:0 28px 80px #0008;overflow:hidden}.screen-frame img{width:100%;display:block;border-radius:9px}.screen-bar{height:28px;display:flex;align-items:center;gap:5px;padding:0 8px;color:#717871}.screen-bar span{width:6px;height:6px;border-radius:50%;background:#4a514d}.screen-bar span:first-child{background:#9a5a4b}.screen-bar small{margin-left:9px;font:9px DM Mono,monospace}.how-strip{padding:60px 0 170px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.step-card{min-height:230px;border:1px solid var(--line);border-radius:16px;padding:24px;background:#171a19;transition:transform .2s,border-color .2s}.step-card:hover{transform:translateY(-5px);border-color:#58685d}.step-card>span{color:var(--gold);font:11px DM Mono,monospace}.step-card h3{font-size:22px;letter-spacing:-.04em;margin:48px 0 10px}.step-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.platform-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px}.platform-panel h2{font-size:clamp(34px,4.4vw,62px);line-height:1;letter-spacing:-.065em;margin:22px 0 0}.platform-copy{align-self:end;max-width:450px}.platform-copy p{color:var(--muted);line-height:1.65;font-size:15px}.platform-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.platform-tags span{border:1px solid #3a4941;border-radius:99px;padding:8px 10px;color:#a9cbb9;background:#1a2520;font:9px DM Mono,monospace}.pricing-preview{padding:170px 0}.pricing-preview-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.pricing-preview-head h2{margin-bottom:0}.text-link{color:var(--gold);font:11px DM Mono,monospace;text-decoration:none;border-bottom:1px solid #6d542e;padding-bottom:5px}.mini-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}.mini-pricing-grid>div{min-height:210px;border:1px solid var(--line);border-radius:15px;background:#171a19;padding:22px}.mini-pricing-grid>div.highlight{border-color:#7a6337;background:linear-gradient(135deg,#242017,#1b1e1c)}.mini-pricing-grid span{display:block;color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.mini-pricing-grid strong{display:block;font-size:37px;letter-spacing:-.07em;margin:35px 0 12px}.mini-pricing-grid strong span{display:inline;color:var(--muted);font-size:11px;letter-spacing:0;text-transform:none;margin-left:5px}.mini-pricing-grid p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.closing-cta{border:1px solid #4b6659;border-radius:20px;padding:42px clamp(24px,5vw,70px);background:radial-gradient(circle at 80% 15%,#28483a,transparent 43%),#17221e;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.closing-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#151716;font-size:28px}.closing-cta h2{font-size:clamp(32px,4vw,55px);margin:13px 0 0}.cta-button{white-space:nowrap;text-decoration:none}.public-header{height:76px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:0 clamp(20px,5vw,72px);background:#101111f2}.public-header.compact{position:relative}.public-header>a:first-child{text-decoration:none}.public-nav{display:flex;justify-content:center;gap:28px}.public-nav a,.public-nav-cta{color:var(--muted);font:10px DM Mono,monospace;text-decoration:none}.public-nav a:hover,.public-nav-cta:hover{color:var(--text)}.public-nav-cta{border:1px solid #4c5e54;border-radius:99px;padding:10px 13px;color:#d2e9dd}.public-nav-cta span{color:var(--gold);margin-left:8px}.public-footer{border-top:1px solid var(--line);margin:80px clamp(20px,5vw,72px) 0;padding:34px 0 45px;display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:end}.public-footer p{color:var(--muted);font-size:12px;margin:14px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end}.footer-links a,.public-footer small{color:var(--muted);font:10px DM Mono,monospace;text-decoration:none}.public-footer small{color:#656b65}.public-page{min-height:100vh}.public-hero{max-width:950px;padding:130px 28px 90px;margin:0 auto}.public-hero h1{font-size:clamp(52px,8vw,105px);line-height:.92;letter-spacing:-.08em;margin:24px 0 28px}.public-hero>p{max-width:580px;color:var(--muted);font-size:18px;line-height:1.6;margin:0}.public-content{max-width:1120px;padding:0 28px;margin:0 auto}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,8vw,110px);align-items:center;padding:50px 0 120px}.legal-copy h2,.pricing-note h2,.process-list h2,.story-grid h2{font-size:clamp(28px,4vw,48px);line-height:1;letter-spacing:-.06em;margin:0 0 20px}.legal-copy p,.pricing-note p,.process-list p,.story-grid p{color:var(--muted);font-size:15px;line-height:1.7}.story-grid .editorial-screenshot{margin:0}.editorial-screenshot figcaption{color:#727a73;font:10px DM Mono,monospace;margin-top:12px}.pricing-note,.quote-panel{border:1px solid #4a6658;border-radius:18px;background:#17221e;padding:35px 40px;margin:0 0 100px}.pricing-note>span,.quote-panel span{color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.14em}.quote-panel p{font-family:Playfair Display,serif;color:#dbf1e4;font-size:clamp(28px,4vw,50px);margin:30px 0 0}.process-list{display:grid;gap:0;padding:25px 0 75px}.process-list article{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:28px 0;border-top:1px solid var(--line)}.process-list article>span{color:var(--gold);font:11px DM Mono,monospace;padding-top:7px}.process-list h2{margin:0 0 11px}.process-list p{max-width:650px;margin:0}.public-content>.editorial-screenshot{max-width:930px;margin:0 auto 100px}.pricing-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0 80px}.pricing-page-grid article{min-height:330px;border:1px solid var(--line);border-radius:16px;background:#171a19;padding:25px;display:flex;flex-direction:column}.pricing-page-grid article.featured{border-color:#816a3a;background:linear-gradient(145deg,#262016,#1b201d)}.pricing-page-grid article>span{color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.14em}.pricing-page-grid strong{font-size:48px;letter-spacing:-.08em;margin:40px 0 12px}.pricing-page-grid strong em{font:11px DM Mono,monospace;color:var(--muted);letter-spacing:0;margin-left:6px}.pricing-page-grid h2{font-size:20px;letter-spacing:-.04em;margin:0 0 12px}.pricing-page-grid p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.pricing-page-grid small{color:#778077;font:9px DM Mono,monospace;margin-top:auto}.pricing-note{margin-bottom:30px}.pricing-note p{max-width:730px;margin-bottom:0}.faq-list{padding:15px 0 110px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:20px;letter-spacing:-.035em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--gold);font:20px DM Mono,monospace}.faq-list details p{max-width:720px;color:var(--muted);line-height:1.65;font-size:14px;margin:17px 30px 0 0}.legal-copy{max-width:740px;padding:25px 0 110px}.legal-copy h2{margin-top:42px}.legal-copy h2:first-child{margin-top:0}.legal-placeholder{border-top:1px solid #6c5934;padding-top:20px;color:#c9ad72!important;font:11px DM Mono,monospace!important}@media(max-width:800px){.marketing-home{padding:0 16px 45px}.story-intro{padding:100px 0 85px}.closing-cta h2,.how-strip h2,.pricing-preview h2,.story-intro h2{font-size:48px}.feature-card{grid-template-columns:1fr;min-height:420px;padding:28px 23px;gap:24px}.feature-card-art{height:165px}.product-showcase{grid-template-columns:1fr;padding:110px 0}.how-strip{padding-bottom:100px}.mini-pricing-grid,.pricing-page-grid,.step-grid{grid-template-columns:1fr}.step-card{min-height:190px}.step-card h3{margin-top:28px}.platform-panel{grid-template-columns:1fr;padding:58px 0;gap:18px}.pricing-preview{padding:110px 0}.pricing-preview-head{display:block}.pricing-preview-head .text-link{display:inline-block;margin-top:24px}.closing-cta{grid-template-columns:auto 1fr;padding:28px 22px}.cta-button{grid-column:1/-1;justify-self:start}.public-header{height:68px;padding:0 16px;gap:12px}.public-nav{gap:10px}.public-nav a{font-size:9px}.public-nav-cta{padding:8px 9px;font-size:9px}.public-nav-cta span{display:none}.public-header .brand{font-size:13px}.public-hero{padding:95px 20px 65px}.public-hero h1{font-size:58px}.public-content{padding:0 20px}.story-grid{grid-template-columns:1fr;padding-top:20px}.pricing-note,.quote-panel{padding:25px 22px;margin-bottom:60px}.process-list article{grid-template-columns:45px 1fr;gap:12px}.public-footer{margin:60px 20px 0;grid-template-columns:1fr;gap:23px}.footer-links{justify-content:flex-start}}.public-header>a:first-child{color:var(--text)!important}.real-screen{margin:0}.real-screen figcaption{color:#737a73;font:10px DM Mono,monospace;margin:10px 3px 2px}.story-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px}.back-link,.feature-story-copy>a,.story-links a{color:var(--gold);font:10px DM Mono,monospace;text-decoration:none;border-bottom:1px solid #6d542e;padding-bottom:5px}.product-proof{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(35px,7vw,110px);align-items:center;padding:30px 0 170px}.product-proof-copy h2{font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-.07em;margin:22px 0 25px}.product-proof-copy h2 em{font-family:Playfair Display,serif;color:var(--green);font-weight:600;letter-spacing:-.05em}.product-proof-copy>p{max-width:420px;color:var(--muted);font-size:15px;line-height:1.65}.proof-list{display:grid;gap:12px;margin-top:30px;border-top:1px solid var(--line);padding-top:16px}.proof-list span{color:var(--muted);font:11px DM Mono,monospace}.proof-list b{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #4d695c;border-radius:50%;color:var(--green);font-weight:400;margin-right:10px}.real-screen{border:1px solid #3a403d;border-radius:16px;background:#161918;padding:8px;box-shadow:0 28px 80px #0008;overflow:hidden}.real-screen img{width:100%;display:block;border-radius:9px}.feature-stories{display:grid;gap:16px}.feature-stories-heading{display:flex;justify-content:space-between;padding:0 6px 14px;color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.feature-stories-heading span{color:var(--text)}.feature-story{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(30px,6vw,90px);align-items:center;border:1px solid var(--line);border-radius:20px;padding:32px clamp(22px,5vw,65px);background:linear-gradient(120deg,#181b1a,#1c2521)}.feature-story:nth-child(odd){background:linear-gradient(120deg,#1b1d1c,#282319)}.feature-story-copy{max-width:430px}.feature-index{color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.15em}.feature-story h3{font-size:clamp(30px,4vw,55px);line-height:.98;letter-spacing:-.065em;margin:22px 0 18px}.feature-story p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 24px}.feature-story-copy>a{display:inline-block}.feature-story .real-screen{box-shadow:0 20px 50px #0007}.score-crop img{object-position:center 18%}.score-focus img{object-position:center 42%}.keyboard-crop img{object-position:center bottom}.practice-rail{padding:180px 0}.practice-rail h2{font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-.07em;margin:22px 0 48px}.practice-rail h2 em{font-family:Playfair Display,serif;color:var(--green);font-weight:600;letter-spacing:-.05em}.rail-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rail-grid>div{min-height:205px;padding:20px;border-right:1px solid var(--line)}.rail-grid>div:last-child{border-right:0}.matrix-grid span,.rail-grid span{color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.12em}.rail-grid strong{display:block;font-size:24px;letter-spacing:-.04em;margin:48px 0 12px}.rail-grid p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.platform-block{border-top:1px solid var(--line);padding:20px 0}.platform-block:first-child{border-top:0}.matrix-grid>div>span,.platform-block>span{color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.12em}.platform-block h3{font-size:23px;letter-spacing:-.04em;margin:13px 0 8px}.platform-block p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.platform-block.native>span{color:#9fc9de}.feature-matrix{padding:0 0 170px}.matrix-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:35px}.matrix-grid>div{padding:24px 20px;min-height:260px;border-right:1px solid var(--line)}.matrix-grid>div:last-child{border-right:0}.matrix-grid h3{font-size:21px;line-height:1.05;letter-spacing:-.045em;margin:40px 0 12px}.matrix-grid p{color:var(--muted);font-size:12px;line-height:1.55;margin:0}.notes-teaser{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;border-top:1px solid var(--line);padding:110px 0}.notes-teaser h2{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.07em;margin:22px 0 0}.notes-teaser h2 em{font-family:Playfair Display,serif;color:var(--green);font-weight:600}.notes-teaser p{max-width:330px;color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 25px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-bottom:110px}.blog-card{min-height:300px;border:1px solid var(--line);border-radius:17px;background:#171a19;padding:25px;display:flex;flex-direction:column}.blog-card.featured{grid-column:span 2;min-height:350px;background:linear-gradient(135deg,#1c2d26,#1d211e);border-color:#4d6c5c}.blog-card-meta{display:flex;justify-content:space-between;color:var(--gold);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.blog-card-meta time{color:var(--muted)}.blog-card h2{max-width:690px;font-size:clamp(28px,4vw,54px);line-height:1;letter-spacing:-.06em;margin:54px 0 15px}.blog-card h2 a{color:var(--text);text-decoration:none}.blog-card p{max-width:620px;color:var(--muted);font-size:14px;line-height:1.6;margin:0}.blog-card .text-link{margin-top:auto;align-self:flex-start}.blog-empty{grid-column:1/-1;border:1px solid #4d6c5c;border-radius:18px;padding:60px 35px;background:#17221e}.blog-empty h2{font-size:clamp(30px,4vw,54px);letter-spacing:-.06em;margin:22px 0 12px}.blog-empty p{max-width:550px;color:var(--muted);line-height:1.6}.blog-article{max-width:850px;padding:120px 28px 100px;margin:0 auto}.blog-article .back-link{display:inline-block;margin-bottom:80px}.blog-article h1{font-size:clamp(46px,7vw,88px);line-height:.95;letter-spacing:-.08em;margin:23px 0}.blog-article-intro{max-width:650px;color:var(--muted);font-size:18px;line-height:1.6;margin:0 0 15px}.blog-article>time{color:#778077;font:10px DM Mono,monospace}.blog-body{max-width:680px;border-top:1px solid var(--line);margin-top:70px;padding-top:42px}.blog-body h2{font-size:32px;letter-spacing:-.05em;margin:42px 0 13px}.blog-body li,.blog-body p{color:#b8beb7;font-size:16px;line-height:1.75}.blog-body ul{padding-left:22px}.blog-body li{margin:7px 0}@media(max-width:800px){.feature-story,.product-proof{grid-template-columns:1fr;padding:100px 0}.feature-story{padding:27px 21px}.practice-rail{padding:110px 0}.matrix-grid,.rail-grid{grid-template-columns:1fr 1fr}.rail-grid>div:nth-child(2){border-right:0}.rail-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.matrix-grid>div:nth-child(2){border-right:0}.matrix-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature-matrix{padding-bottom:100px}.notes-teaser{padding:80px 0;gap:25px}.blog-grid,.notes-teaser{grid-template-columns:1fr}.blog-grid{padding-bottom:70px}.blog-card.featured{grid-column:auto}.blog-card h2{margin-top:38px}.blog-article{padding:85px 20px 70px}.blog-article .back-link{margin-bottom:60px}.public-nav a:nth-child(3){display:none}}.marketing-home{max-width:1120px;margin:0 auto;padding:0 28px 96px}.marketing-home h2{font-size:clamp(32px,4.4vw,56px);line-height:1;letter-spacing:-.06em;margin:16px 0 0}.marketing-home h2 em{font-family:Playfair Display,serif;color:var(--green);font-weight:600;letter-spacing:-.04em}.mk-platform-head,.mk-section-head,.mk-showcase-head{max-width:640px}.mk-showcase{padding:104px 0 0;text-align:center}.mk-showcase-head{margin:0 auto}.mk-showcase-head p{max-width:560px;margin:22px auto 0;color:var(--muted);font-size:17px;line-height:1.6}.mk-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:26px 0 0}.mk-proof span{display:flex;align-items:center;color:var(--muted);font:11px DM Mono,monospace}.mk-proof b{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #4d695c;border-radius:50%;color:var(--green);font-weight:400;margin-right:9px}.mk-shot{margin:48px auto 0;max-width:1120px;border:1px solid #383f3c;border-radius:14px;background:#141716;box-shadow:0 44px 100px #000a;overflow:hidden}.mk-shot-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid #262b29;background:#181b1a}.mk-shot-bar i{width:9px;height:9px;border-radius:50%;background:#3a413d}.mk-shot-bar i:first-child{background:#c0685a}.mk-shot-bar i:nth-child(2){background:#c8a54e}.mk-shot-bar i:nth-child(3){background:#5aa27a}.mk-shot-bar small{margin-left:12px;color:#6f766f;font:10px DM Mono,monospace;letter-spacing:.04em}.mk-shot img{width:100%;height:auto;display:block}.mk-features,.mk-platform,.mk-pricing,.mk-steps{padding:120px 0 0}.mk-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:44px 0 0}.mk-feature{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#161918;transition:transform .2s,border-color .2s}.mk-feature:hover{transform:translateY(-4px);border-color:#4d5a52}.mk-feature-media{position:relative;height:196px;background:#0f1211;border-bottom:1px solid var(--line)}.mk-feature-copy{padding:22px}.mk-feature-copy span{color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.14em}.mk-feature-copy h3{font-size:21px;line-height:1.05;letter-spacing:-.04em;margin:14px 0 10px}.mk-feature-copy p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.mk-step-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:44px 0 0}.mk-step-grid>div{padding:26px 22px;min-height:184px;border-right:1px solid var(--line)}.mk-step-grid>div:last-child{border-right:0}.mk-step-grid span{color:var(--gold);font:11px DM Mono,monospace}.mk-step-grid strong{display:block;font-size:23px;letter-spacing:-.04em;margin:42px 0 10px}.mk-step-grid p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.mk-platform-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:44px 0 0}.mk-platform-card{border:1px solid var(--line);border-radius:16px;background:#161918;padding:28px}.mk-platform-card.native{border-color:#3a5064;background:linear-gradient(135deg,#161d22,#171a1c)}.mk-platform-card span{color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.14em}.mk-platform-card.native span{color:#9fc9de}.mk-platform-card h3{font-size:24px;letter-spacing:-.04em;margin:14px 0 10px}.mk-platform-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.mk-platform-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.mk-platform-tags span{border:1px solid #3a4941;border-radius:99px;padding:8px 12px;color:#a9cbb9;background:#1a2520;font:9px DM Mono,monospace}.mk-pricing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.mk-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:44px 0 0}.mk-pricing-grid>div{border:1px solid var(--line);border-radius:16px;background:#161918;padding:26px;min-height:196px}.mk-pricing-grid>div.highlight{border-color:#7a6337;background:linear-gradient(135deg,#242017,#1b1e1c)}.mk-pricing-grid span{display:block;color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.mk-pricing-grid strong{display:block;font-size:36px;letter-spacing:-.06em;margin:28px 0 14px}.mk-pricing-grid strong em{font-style:normal;color:var(--muted);font-size:12px;letter-spacing:0;margin-left:5px}.mk-pricing-grid p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.mk-cta{margin:120px 0 0;border:1px solid #4b6659;border-radius:20px;padding:38px clamp(24px,5vw,56px);background:radial-gradient(circle at 82% 12%,#28483a,transparent 46%),#16211d;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.mk-cta-mark{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#151716;font-size:26px}.mk-cta-copy{flex:1 1;min-width:240px}.mk-cta-copy h2{margin-top:12px;font-size:clamp(28px,3.4vw,44px)}.mk-cta-button{white-space:nowrap;text-decoration:none;padding:13px 20px;border-radius:9px}.mk-cta-button span{margin-left:6px}@media(max-width:900px){.mk-showcase{padding-top:64px}.mk-features,.mk-platform,.mk-pricing,.mk-steps{padding-top:82px}.mk-feature-grid,.mk-platform-cards,.mk-pricing-grid{grid-template-columns:1fr}.mk-step-grid{grid-template-columns:1fr 1fr}.mk-step-grid>div:nth-child(2){border-right:0}.mk-step-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.mk-feature-media{height:210px}.mk-pricing-head{flex-direction:column;align-items:flex-start;gap:14px}.mk-cta{margin-top:82px}}.site-header{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;gap:22px;padding:0 clamp(18px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(16,17,17,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header-brand,.site-header-brand:visited{text-decoration:none;display:flex;align-items:center;flex:none;color:var(--text)}.site-nav{display:flex;gap:22px;margin-left:8px}.site-nav a{color:var(--muted);font:11px DM Mono,monospace;text-decoration:none;white-space:nowrap;transition:color .15s}.site-nav a:hover{color:var(--text)}.site-header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.site-cta{display:inline-block;color:#d2e9dd;border:1px solid #4c5e54;border-radius:99px;padding:9px 14px;font:10px DM Mono,monospace;text-decoration:none;white-space:nowrap}.site-cta span{color:var(--gold);margin-left:6px}.site-cta:hover{border-color:#6a8074}.site-menu-toggle{display:none;margin-left:auto;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:1px solid var(--line);border-radius:10px;padding:0}.site-menu-toggle span{display:block;width:18px;height:1.6px;background:var(--text);border-radius:2px}.site-menu{position:absolute;top:72px;left:0;right:0;display:flex;flex-direction:column;padding:8px clamp(18px,5vw,72px) 18px;background:#141716;border-bottom:1px solid var(--line);box-shadow:0 26px 50px #0009}.site-menu a{color:var(--text);font-size:14px;text-decoration:none;padding:13px 2px;border-bottom:1px solid #23272500}.site-menu a+a{border-top:1px solid #232725}.site-menu-cta{color:var(--gold)!important;margin-top:6px}@media(max-width:860px){.site-cta,.site-nav{display:none}.site-menu-toggle{display:flex}.site-header{gap:12px}}.mk-ph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;width:100%;padding:24px;border:1px dashed #40473f;border-radius:14px;background:radial-gradient(circle at 50% 38%,#1c201e,#141716);color:#727972}.mk-ph-icon{color:#5c665f;line-height:0}.mk-ph strong{color:#c9cdc5;font-size:15px;font-weight:600;letter-spacing:-.01em;max-width:90%}.mk-ph-note{font:9px DM Mono,monospace;letter-spacing:.09em;text-transform:uppercase;color:#6a716a}.mk-ph.bare{border:0;border-radius:0;background:radial-gradient(circle at 50% 34%,#1c201e,#131615)}.mk-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(35px,7vw,88px);align-items:center;padding:104px 0 0}.mk-split.reverse{grid-template-columns:1.08fr .92fr}.mk-split.reverse .mk-media{order:-1}.mk-copy>.section-kicker{display:block}.mk-copy p{color:var(--muted);font-size:16px;line-height:1.65;margin:20px 0 0;max-width:490px}.mk-copy>.text-link{display:inline-block;margin-top:26px}.mk-features-more{display:inline-block;margin-top:30px}.mk-start{text-align:center}.mk-start .mk-cta-mark{margin:0 auto}.mk-start h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.055em;margin:18px 0 0}.mk-start .setup-card{max-width:470px;margin:32px auto 0;text-align:left}.mk-fineprint{color:#7c837c!important;font-size:13px!important;font-style:italic;margin-top:14px!important}.mk-media{width:100%}.mk-panel-shot{margin:0 auto;max-width:332px;border:1px solid #383f3c;border-radius:16px;box-shadow:0 30px 70px #0009;overflow:hidden;background:#141716}.mk-panel-shot img{width:100%;height:auto;display:block}.mk-panel-wide{max-width:381px}.mk-panel-prep{max-width:288px}.mk-panel-mac{max-width:322px}.mk-frame{width:100%;border:1px solid #383f3c;border-radius:14px;box-shadow:0 30px 70px #0009;overflow:hidden;background:#141716}.mk-frame img{width:100%;height:auto;display:block}.mk-proof{justify-content:flex-start}.mk-proof.center{justify-content:center}.mk-copy .mk-proof{flex-direction:column;align-items:flex-start;gap:11px;margin-top:26px}.mk-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;margin:104px 0 0;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,#161918,#191d1b);padding:32px clamp(24px,4vw,46px)}.mk-band>div:first-child{flex:1 1;min-width:290px}.mk-band h3{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.045em;margin:14px 0 12px}.mk-band p{max-width:640px;color:var(--muted);font-size:14px;line-height:1.65;margin:0}.mk-band-tags{display:flex;flex-wrap:wrap;gap:8px}.mk-band-tags span{border:1px solid #3a4941;border-radius:99px;padding:9px 13px;color:#a9cbb9;background:#1a2520;font:9px DM Mono,monospace;white-space:nowrap}.mk-audience{padding:104px 0 0}.mk-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px 0 0}.mk-audience-card{border:1px solid var(--line);border-radius:16px;padding:28px 30px;background:#161918}.mk-audience-card.for{border-color:#3f5a4d;background:linear-gradient(135deg,#16211d,#171a19)}.mk-audience-card>span{display:block;font:10px DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}.mk-audience-card.for>span{color:var(--green)}.mk-audience-card.not>span{color:#9c9d95}.mk-audience-card ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.mk-audience-card li{position:relative;padding-left:26px;color:var(--muted);font-size:15px;line-height:1.4}.mk-audience-card.for li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:600}.mk-audience-card.not li:before{content:"—";position:absolute;left:0;color:#6a716a}.mk-feature-copy{padding:28px}.hero-note{max-width:460px;margin-top:20px;color:#7b827b;font:11px DM Mono,monospace;line-height:1.7;letter-spacing:.02em}.story-media{width:100%}.story-grid.reverse>:first-child{order:2}.story-media .editorial-screenshot,.story-media .screen-frame{margin:0}.back-link-row{margin:56px 0 0}@media(max-width:900px){.mk-split{gap:26px;padding-top:76px}.mk-split,.mk-split.reverse{grid-template-columns:1fr}.mk-split.reverse .mk-media{order:0}.mk-band{margin-top:76px;padding:26px 22px}.mk-audience{padding-top:76px}.mk-audience-grid{grid-template-columns:1fr}.mk-copy p{max-width:none}.story-grid.reverse>:first-child{order:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mk-pricing-grid.four,.pricing-page-grid.four{grid-template-columns:repeat(4,1fr)}.pricing-page-grid.four article{min-height:0;padding:24px}.pricing-page-grid.four strong{font-size:38px;margin:18px 0 6px}.pricing-page-grid.four h2{font-size:16px;letter-spacing:-.03em;margin:0}.tier-points{list-style:none;margin:16px 0 20px;padding:0;display:grid;gap:9px}.tier-points li{position:relative;padding-left:20px;color:var(--muted);font-size:12.5px;line-height:1.45}.tier-points li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-size:11px}.pricing-page-grid.four article.featured .tier-points li:before{color:var(--gold)}.compare{margin:74px 0 0}.compare-title{font-size:clamp(28px,4vw,44px);letter-spacing:-.05em;margin:14px 0 26px}.compare-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#141716}.compare-table{width:100%;border-collapse:collapse;min-width:660px}.compare-table th[scope=col]{font:10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:18px 16px;text-align:center;border-bottom:1px solid var(--line)}.compare-table td.hl,.compare-table th[scope=col].hl{background:#191e1c}.compare-table th[scope=col].hl{color:var(--gold)}.compare-table th[scope=row]{text-align:left;font-weight:400;color:var(--text);font-size:13.5px;max-width:320px}.compare-table td,.compare-table th[scope=row]{padding:14px 16px;border-bottom:1px solid #202422}.compare-table td{text-align:center;font-size:13px;color:var(--muted)}.compare-table tbody tr:last-child td,.compare-table tbody tr:last-child th{border-bottom:0}.cell-yes{color:var(--green);font-size:15px}.cell-no{color:#5b625b}.cell-text{color:var(--text);font-size:12px}@media(max-width:960px){.mk-pricing-grid.four,.pricing-page-grid.four{grid-template-columns:1fr 1fr}}@media(max-width:560px){.mk-pricing-grid.four,.pricing-page-grid.four{grid-template-columns:1fr}}.landing,.marketing-home{padding-bottom:0}.marketing-home>section{margin-top:clamp(66px,8vw,96px)}.mk-audience,.mk-features,.mk-platform,.mk-pricing,.mk-showcase,.mk-split,.mk-steps{padding-top:0}.pricing-page-grid{padding-top:0;padding-bottom:0}.pricing-fineprint{max-width:760px;margin:22px 0 0;color:#7c837c;font-size:13px;line-height:1.65}.compare,.pricing-close{margin-top:clamp(66px,8vw,100px)}.public-content a,.public-content a:visited{color:var(--gold)}.public-content a:hover{color:#ffcf7d}.public-content p a{border-bottom:1px solid #6d542e;text-decoration:none;padding-bottom:1px}.public-content p a:hover{border-color:var(--gold)}.hiw-steps{margin-top:96px}.hiw-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.hiw-step{border:1px solid var(--line);border-radius:16px;background:#161918;padding:28px}.hiw-step>span{color:var(--gold);font:11px DM Mono,monospace;letter-spacing:.12em}.hiw-step h2{font-size:22px;letter-spacing:-.04em;margin:34px 0 10px;line-height:1.05}.hiw-step p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.hiw-block{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(35px,7vw,88px);align-items:center;margin-top:clamp(64px,8vw,92px)}.hiw-block.reverse>:first-child{order:2}.hiw-block h2{font-size:clamp(26px,3.4vw,42px);line-height:1.04;letter-spacing:-.05em;margin:0 0 18px}.hiw-block p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 20px}.hiw-block .story-media{width:100%}.hiw-block .text-link{display:inline-block}.hiw-know{margin-top:clamp(64px,8vw,92px)}.hiw-know h2{font-size:clamp(26px,3.6vw,42px);letter-spacing:-.05em;margin:14px 0 28px}.hiw-know-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hiw-know-grid>div{border:1px solid var(--line);border-radius:14px;background:#161918;padding:22px 24px}.hiw-know-grid span{display:block;color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.hiw-know-grid p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.hiw-quote{margin:clamp(64px,8vw,92px) 0 0}.hiw-start{margin:clamp(64px,8vw,92px) 0 96px;text-align:center}.hiw-start h2{font-size:clamp(26px,3.6vw,42px);letter-spacing:-.05em;margin:12px 0 0}.hiw-start .setup-card{max-width:470px;margin:30px auto 0;text-align:left}.public-content>.editorial-screenshot{margin-bottom:0}.prep-showcase{margin-top:clamp(64px,8vw,92px)}.prep-showcase h2{font-size:clamp(26px,3.6vw,42px);letter-spacing:-.05em;margin:14px 0 30px}.prep-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.prep-col{border:1px solid var(--line);border-radius:16px;background:#161918;padding:26px 28px}.prep-col h3{color:var(--gold);font:11px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}.prep-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.prep-list li{display:grid;gap:4px}.prep-list b{font-size:15px;letter-spacing:-.02em;color:var(--text)}.prep-list span{color:var(--muted);font-size:13px;line-height:1.5}.prep-list.plain{gap:12px}.prep-list.plain li{position:relative;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.45}.prep-list.plain li:before{content:"♪";position:absolute;left:0;color:var(--green);font-size:12px}@media(max-width:800px){.hiw-block,.hiw-steps-grid{grid-template-columns:1fr}.hiw-block{gap:24px}.hiw-block.reverse>:first-child{order:0}.hiw-know-grid,.prep-columns{grid-template-columns:1fr}}.tone-showcase h2{font-size:clamp(26px,3.6vw,42px);letter-spacing:-.05em;margin:14px 0}.tone-lead{max-width:560px;color:var(--muted);font-size:15px;line-height:1.65;margin:0 0 30px}.tone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tone-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#1a1d1c,#161918);padding:24px}.tone-card>span{color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.tone-card h3{font-size:19px;letter-spacing:-.035em;margin:16px 0 10px}.tone-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.style-showcase h2{font-size:clamp(26px,3.6vw,42px);letter-spacing:-.05em;margin:14px 0 26px}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.style-card{border:1px solid var(--line);border-radius:16px;background:#161918;padding:24px;position:relative;overflow:hidden}.style-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--green),transparent)}.style-card h3{font-size:19px;letter-spacing:-.035em;margin:0 0 10px}.style-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.model-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#161918;padding:24px}.model-card>span{color:var(--gold);font:10px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.model-card strong{font-size:16px;letter-spacing:-.02em;line-height:1.3;margin:14px 0 auto}.model-card em{font-style:normal;color:var(--green);font:10px DM Mono,monospace;letter-spacing:.06em;margin-top:14px}.model-card.other{background:#141615;border-style:dashed}.model-card.other em{color:var(--muted)}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:16px}.voice-card{border:1px solid var(--line);border-radius:16px;background:#161918;padding:22px 24px}.voice-card>span{display:block;color:var(--green);font:13px DM Mono,monospace;letter-spacing:-.01em;line-height:1.4}.voice-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:10px 0 0}@media(max-width:820px){.voice-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.voice-grid{grid-template-columns:1fr}}.mac-download{display:inline-flex;align-items:center;gap:13px;border:0;border-radius:12px;background:#ebeae3;color:#161717;padding:12px 20px 12px 17px;cursor:pointer;text-decoration:none;transition:transform .15s,background .15s;box-shadow:0 10px 26px #0005}.mac-download:hover{transform:translateY(-2px);background:#fff}.mac-download-icon{display:grid;place-items:center;width:26px;height:26px;flex:none}.mac-download-icon svg{width:22px;height:22px}.mac-download-text{display:flex;flex-direction:column;line-height:1.15;text-align:left}.mac-download-text strong{font-size:15px;letter-spacing:-.02em}.mac-download-text small{font-size:10px;color:#5c5f58;font-family:DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.hero-action{margin-top:32px}.mac-download-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}.public-content.flow>*{margin-top:clamp(66px,8vw,96px);margin-bottom:0}.public-content.flow>:first-child{margin-top:0}@media(max-width:900px){.tone-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.tone-grid{grid-template-columns:1fr}}.voice-input-meter{height:4px;overflow:hidden;margin:7px 0;border-radius:2px;background:#101a15}.voice-input-meter i{display:block;width:100%;height:100%;background:var(--green);transform-origin:left;transition:transform .1s linear}.voice-command-chip small{display:block;color:#aabbb2;font-size:9px;line-height:1.5}.recording-controls{flex-wrap:wrap}.recording-save-status{max-width:240px;color:var(--muted);font:10px/1.5 DM Mono,monospace;overflow-wrap:anywhere}.recording-button:disabled{opacity:.65;cursor:wait}.recordings-intro,.recordings-loading{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 18px}.recordings-error button,.recordings-refresh{border:0;background:none;color:var(--gold);font:10px DM Mono,monospace;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.recordings-refresh:disabled{opacity:.5;cursor:wait}.recordings-empty{border-top:1px solid var(--line);padding:25px 0}.recordings-empty-mark{color:var(--red);font-size:17px}.recordings-empty h3{font-size:21px;line-height:1.2;letter-spacing:-.04em;margin:16px 0 12px}.recordings-empty p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 13px}.recordings-empty strong{color:var(--text);font-weight:600}.recordings-list{list-style:none;display:grid;gap:10px;padding:0;margin:0}.recording-list-item{min-width:0;border:1px solid var(--line);border-radius:10px;background:#202422;padding:13px;scroll-margin:20px}.recording-list-item.selected{border-color:var(--green);background:#24332e}.recording-list-item:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.recording-item-heading{display:flex;align-items:baseline;gap:10px;justify-content:space-between}.recording-item-heading strong{min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.4}.recording-duration{flex:none;color:var(--gold);font:12px DM Mono,monospace}.recording-list-item time{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px}.recording-item-details,.recording-item-footer{display:flex;flex-wrap:wrap;gap:5px 12px;color:var(--muted);font:10px/1.6 DM Mono,monospace;margin-top:10px}.recording-item-footer{padding-top:9px;border-top:1px solid var(--line)}.recording-storage.local,.recording-storage.synced{color:var(--green)}.recording-storage.pending{color:var(--gold)}.recordings-error{color:var(--gold);font-size:12px;line-height:1.6;margin:0 0 16px}.recordings-more{width:100%;margin-top:16px;font-size:12px}@media(max-width:800px){.training-sidebar{position:relative;align-self:stretch;width:100%}}.recording-list-item:has(.recording-open){padding:0}.recording-open{display:block;width:100%;padding:15px;text-align:left;color:inherit;background:none;border:0;border-radius:inherit;cursor:pointer}.recording-open:hover{background:rgba(71,215,161,.06)}.recording-open:focus-visible,.recording-review button:focus-visible,.recording-review select:focus-visible{outline:2px solid var(--accent,#47d7a1);outline-offset:3px}.recording-review{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding:24px}.review-overview{padding:4px 0}.review-back{background:none;border:0;padding:8px 0;color:#bfc7c2;font:inherit;cursor:pointer;text-underline-offset:4px}.review-back:hover{color:#f2f1eb;text-decoration:underline}.review-overview h1{margin:25px 0 12px;font-size:clamp(28px,3vw,44px);letter-spacing:-.035em;line-height:1.08;outline:none}.review-date{color:#aab4ae;font-size:12px;line-height:1.6}.review-range{color:#b6c5bd;font-size:14px}.review-metrics{margin:20px 0;font-size:14px}.review-metrics>div{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #303632}.review-metrics dt{color:#b5beb8}.review-metrics dd{margin:0;color:#f2f1eb;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.review-chart{display:flex;flex-direction:column;height:60dvh;min-height:300px;min-width:0;border:1px solid #343b36;border-radius:14px;overflow:clip}.review-chart-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#1a201c}.review-chart-header>p{flex-basis:100%;margin:0}.review-data-status{color:#e5cfa9;font-size:12px}.review-chart-controls{display:flex;gap:8px;align-items:center;margin-left:auto}.review-chart-controls select{background:#262e28;color:#f2f1eb;border:1px solid #46554a;border-radius:7px;padding:10px 28px 10px 10px;font:inherit;font-size:13px;cursor:pointer}.review-play{min-width:72px;min-height:38px;background:#47d7a1;color:#10251d;border:0}.review-playback-clock{color:#b5c5bc;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.review-paper-container{background:#ffffff;flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px;scrollbar-gutter:stable;overscroll-behavior:contain}.review-paper{padding:0}.review-bar-line{stroke:#969c91;stroke-width:1}.review-staff{display:block;width:100%;height:auto;border-bottom:1px solid #e3e6e8;margin-bottom:20px}.review-staff:last-child{border-bottom:0;margin-bottom:0}.review-staff-line{stroke:#969c91;stroke-width:.8}.review-second-line{stroke:#d7d8cc;stroke-width:.7;stroke-dasharray:2 4}.review-staff-time{fill:#5d655c;font:10px var(--font-mono,monospace)}.review-measure-label{fill:#465346;font:11px var(--font-mono,monospace)}.review-clef{fill:#626e62;font-family:serif;font-size:36px}.review-reference-note{fill:#08794d;stroke:#08794d}.review-played-note{fill:#dd6814;stroke:#dd6814}.review-playhead{stroke:#242c27;stroke-width:1.5}.review-no-notes{color:#465346;padding:40px 25px}.review-loading{padding:30px;min-height:400px}@media (max-width:900px){.recording-review{grid-template-columns:minmax(0,1fr);gap:24px;padding:10px 12px 24px}.review-overview h1{font-size:32px;margin-top:18px}.review-overview h2{margin-top:26px}.review-chart-header{padding:12px}.review-overview{padding:0 4px}.review-chart{height:60dvh}}.review-engraved-row{margin-bottom:28px}.review-engraved-row:last-child{margin-bottom:0}.review-engraved-row svg{width:100%;height:auto;min-height:150px;display:block}.teacher-feedback{max-width:860px;color:#dce2dd;font-size:16px;line-height:1.7;padding-bottom:20px}.teacher-feedback p{margin:8px 0}.teacher-loading{color:var(--muted)}.teacher-point{padding:18px 0;border-bottom:1px solid var(--line)}.teacher-priority{border-left:2px solid #a9def5;padding-left:20px;margin-top:20px}.teacher-passage{background:none;border:0;padding:2px 0;color:#a9def5;font:500 12px DM Mono,monospace;cursor:pointer;text-underline-offset:5px}.teacher-passage:hover{text-decoration:underline}.teacher-exercise{color:#aebbb2}.teacher-encouragement{color:#9fceba}.teacher-next{padding-top:18px}.teacher-note-highlight{filter:drop-shadow(0 0 3px #8cd7f5)}@media (max-width:600px){.teacher-feedback{font-size:15px}.teacher-priority{padding-left:14px}}.app-shell:has(.recording-review){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-shell:has(.recording-review)>.topbar{flex-shrink:0}.train-layout:has(.recording-review){flex:1 1;min-height:0;overflow:hidden}.practice-column:has(.recording-review){min-height:0;overflow:hidden}.train-layout:has(.recording-review)>.training-sidebar{height:100%;min-height:0}.train-layout:has(.recording-review)>.training-sidebar:not(.collapsed){display:flex;flex-direction:column}.train-layout:has(.recording-review) .sidebar-heading,.train-layout:has(.recording-review) .sidebar-tabs{flex-shrink:0}.train-layout:has(.recording-review) .sidebar-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}.recording-review{grid-template-rows:minmax(0,3fr) minmax(0,2fr);align-items:stretch;overflow:hidden}.recording-review,.recording-review .review-chart{height:100%;min-height:0}.review-overview{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:12px}.review-overview h1{margin-top:4px}@media (max-width:800px){.train-layout:has(.recording-review){position:relative;display:grid;grid-template-columns:minmax(0,1fr) 58px}.train-layout:has(.recording-review)>.training-sidebar:not(.collapsed){position:absolute;right:0;top:0;bottom:0;width:min(340px,100%);z-index:10;background:var(--panel)}.train-layout:has(.recording-review)>.training-sidebar.collapsed{align-self:stretch}}.teacher-point{padding:0}.teacher-priority{padding-left:0}.teacher-point-button{display:block;width:100%;padding:18px 0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;line-height:inherit;border-radius:4px}.teacher-priority .teacher-point-button{padding-left:20px}.teacher-point-button:hover{background:#a9def508}.teacher-point-button[aria-pressed=true]{background:#a9def518;box-shadow:inset 0 0 0 1px #a9def580}.teacher-point-button .teacher-exercise,.teacher-point-button .teacher-observation{display:block;margin:8px 0}.teacher-passage-highlight{fill:#88d5f540;stroke:#429bc4;stroke-width:2;pointer-events:none}@media (max-width:600px){.teacher-priority .teacher-point-button{padding-left:14px}}