:root{--font-display: "Spectral", Georgia, serif;--font-ui: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);background:#ece2cf}.srt{width:100%;height:100vh;height:100dvh;display:flex;overflow:hidden;font-family:var(--font-ui);color:var(--ink)}.srt .audio-loading{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;overflow:hidden;background:var(--track-bg, rgba(0, 0, 0, .08));pointer-events:none}.srt .audio-loading .bar{position:absolute;top:0;bottom:0;width:35%;border-radius:999px;background:var(--accent)}@media(prefers-reduced-motion:no-preference){.srt .audio-loading .bar{animation:audioLoadingSlide 1.05s ease-in-out infinite}}@keyframes audioLoadingSlide{0%{left:-35%}to{left:100%}}.view-room{--paper: #f3ecdf;--paper-2: #efe6d5;--card: #fbf8f1;--ink: #2c2620;--ink-soft: #6c6357;--ink-faint: #a59c8c;--line: #e4dccb;--accent: #45587a;--chip-on-bg: #e9edf4;--on-fg: #ffffff;--amber: #c08a3e;--cursor: #c08a3e;--seg-bg: var(--paper-2);--seg-on-bg: var(--card);--chip-bg: var(--card);--track-bg: var(--paper-2);--toggle-bg: var(--line);--thumb: #ffffff;--btn-bg: var(--ink);--btn-fg: var(--paper);--sheet-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 8px 24px -16px rgba(60, 50, 35, .35);--kb-h: 132px;--key-radius: 4px;--key-white: #fcfaf4;--key-black: #2c2620;--key-label: var(--ink-faint);--key-hint: #e3e9f3;--key-active: #d4ddec;--key-white-edge: rgba(60, 50, 35, .1);--key-sep: rgba(45, 33, 20, .18);--miss: #b0613f;--midi-on: #5a9e6f;--piano-shadow: 0 16px 30px rgba(70, 55, 35, .18);background:radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.5),transparent 60%),var(--paper)}.view-room.dusk{--paper: #241a12;--paper-2: #2e2218;--card: #2b2017;--ink: #f3e9da;--ink-soft: #c0af9c;--ink-faint: #8b7c6a;--line: #3c2e21;--accent: #e7b873;--chip-on-bg: rgba(231, 184, 115, .16);--on-fg: #2a1f15;--amber: #eaa64e;--cursor: #f0b65c;--thumb: #e9dcc6;--sheet-shadow: 0 1px 0 rgba(255, 235, 200, .06) inset, 0 12px 32px -18px rgba(0, 0, 0, .6);--key-white: #e9dcc6;--key-black: #211711;--key-label: #9a8a76;--key-hint: #6b573e;--key-active: #d8a566;--key-white-edge: rgba(0, 0, 0, .18);--key-sep: rgba(0, 0, 0, .4);--miss: #d98a63;--midi-on: #8bbf9c;--piano-shadow: 0 18px 34px rgba(0, 0, 0, .5);background:radial-gradient(120% 80% at 50% -12%,rgba(150,110,65,.28),transparent 60%),var(--paper)}.view-focus{position:relative;--ink: #2c2620;--ink-soft: #6c6357;--ink-faint: #a0978a;--accent: #45587a;--amber: #c08a3e;--on-fg: #ffffff;--chip-on-bg: #e9edf4;--cursor: #c08a3e;--line: rgba(60, 50, 35, .12);--glass: rgba(255, 253, 248, .55);--glass-strong: rgba(252, 248, 240, .78);--glass-edge: rgba(255, 255, 255, .7);--glass-shadow: 0 18px 44px -34px rgba(70, 55, 35, .3);--sheet-top-edge: rgba(255, 255, 255, .5);--seg-bg: rgba(120, 100, 70, .08);--seg-on-bg: var(--glass-edge);--chip-bg: transparent;--track-bg: rgba(120, 100, 70, .16);--toggle-bg: rgba(120, 100, 70, .22);--thumb: #ffffff;--btn-bg: #2c2620;--btn-fg: #f4ecdd;--kb-h: 150px;--key-radius: 6px;--key-white: #fffdf8;--key-black: #2c2620;--key-label: var(--ink-faint);--key-hint: #e3e9f3;--key-active: #d4ddec;--key-white-edge: rgba(60, 50, 35, .1);--key-sep: rgba(45, 33, 20, .18);--piano-shadow: 0 16px 30px rgba(70, 55, 35, .22);background:radial-gradient(120% 90% at 50% -25%,#fffaf0,#fffaf000 55%),radial-gradient(90% 70% at 82% 8%,#fbeede,#fbeede00 60%),linear-gradient(176deg,#f7f0e4,#efe6d4 46%,#ece2cf)}.view-focus.dusk{--ink: #f3e9da;--ink-soft: #c3b3a0;--ink-faint: #8c7d6c;--accent: #e7b873;--amber: #eaa64e;--on-fg: #2a1f15;--chip-on-bg: rgba(231, 184, 115, .16);--cursor: #f0b65c;--line: rgba(255, 235, 200, .14);--glass: rgba(60, 46, 34, .42);--glass-strong: rgba(46, 34, 24, .74);--glass-edge: rgba(255, 235, 200, .14);--glass-shadow: 0 36px 80px -38px rgba(0, 0, 0, .7);--sheet-top-edge: rgba(255, 235, 200, .05);--seg-bg: rgba(0, 0, 0, .22);--track-bg: rgba(0, 0, 0, .3);--toggle-bg: rgba(0, 0, 0, .34);--thumb: #e9dcc6;--btn-bg: #f0d49a;--btn-fg: #2a1f15;--key-white: #e9dcc6;--key-black: #211711;--key-label: #9a8a76;--key-hint: #6b573e;--key-active: #d8a566;--key-white-edge: rgba(0, 0, 0, .2);--key-sep: rgba(0, 0, 0, .42);--piano-shadow: 0 18px 34px rgba(0, 0, 0, .5);background:radial-gradient(110% 70% at 50% -28%,#5f463473,#5f463400 50%),radial-gradient(80% 60% at 80% 14%,#6e4f3366,#6e4f3300 58%),linear-gradient(178deg,#322417,#281d14 54%,#20140d)}.srt .settings{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.srt .tpl{display:flex;flex-direction:column;padding-bottom:14px;border-bottom:1px solid var(--line)}.srt .tpl-btn{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--seg-bg);padding:10px 12px}.srt .tpl-btn:hover{border-color:var(--accent)}.srt .tpl-name{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--accent)}.srt .tpl-name.custom{color:var(--ink-soft);font-style:italic}.srt .tpl-cta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.srt .pm-scrim{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#14100a6b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.srt .pm-card{width:min(640px,100%);max-height:min(82vh,760px);overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #00000052;padding:22px 22px 20px}.srt .pm-head{display:flex;align-items:center;justify-content:space-between}.srt .pm-head h2{margin:0;font-family:var(--font-display);font-size:22px;color:var(--ink)}.srt .pm-close{border:none;background:transparent;cursor:pointer;font-size:22px;line-height:1;color:var(--ink-faint);padding:2px 6px}.srt .pm-close:hover{color:var(--ink)}.srt .pm-sub{margin:4px 0 16px;font-size:12.5px;color:var(--ink-soft)}.srt .pm-section-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:14px 0 8px}.srt .pm-track{margin-top:16px}.srt .pm-track-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;flex-wrap:wrap}.srt .pm-track-name{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink)}.srt .pm-track-blurb{font-size:11.5px;color:var(--ink-soft)}.srt .pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.srt .pm-item{display:flex;flex-direction:column;gap:3px;text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--seg-bg);padding:10px 12px}.srt .pm-item:hover{border-color:var(--accent)}.srt .pm-item.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.srt .pm-item-name{display:flex;align-items:baseline;gap:7px;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink)}.srt .pm-item-blurb{font-size:11.5px;line-height:1.35;color:var(--ink-soft)}.srt .pm-item.custom{flex-direction:row;align-items:center;justify-content:space-between;gap:6px;padding:0}.srt .pm-item-apply{flex:1;border:none;background:transparent;cursor:pointer;text-align:left;padding:11px 12px}.srt .pm-item-del{border:none;background:transparent;cursor:pointer;font-size:17px;line-height:1;color:var(--ink-faint);padding:6px 10px}.srt .pm-item-del:hover{color:var(--accent)}.srt .pm-empty{margin:0;font-size:12px;color:var(--ink-faint)}.srt .pm-save{display:flex;gap:8px;margin-top:16px}.srt .pm-save input{flex:1;border:1px solid var(--line);border-radius:8px;background:var(--seg-bg);color:var(--ink);padding:9px 11px;font-family:var(--font-ui);font-size:13px}.srt .pm-save-btn{margin-top:16px;width:100%}.srt .section{display:flex;flex-direction:column}.srt .section-head{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;cursor:pointer;padding:9px 2px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line)}.srt .section-head:hover{color:var(--ink)}.srt .section-head .chev{font-size:10px;color:var(--ink-faint)}.srt .section-body{display:flex;flex-direction:column;gap:14px;padding:14px 0 6px}.srt .grp{display:flex;flex-direction:column}.srt .grp-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px}.srt .seg{display:flex;gap:4px;background:var(--seg-bg);padding:3px;border-radius:9px}.srt .seg.grid2{display:grid;grid-template-columns:repeat(2,1fr)}.srt .seg.grid3{display:grid;grid-template-columns:repeat(3,1fr)}.srt .seg button{flex:1;border:none;background:transparent;color:var(--ink-soft);font:600 13px var(--font-ui);padding:7px 4px;border-radius:7px;cursor:pointer}.srt .seg button.on{background:var(--seg-on-bg);color:var(--ink);box-shadow:0 1px 2px #00000014}.srt .seg.appear button.on{background:var(--accent);color:var(--on-fg);box-shadow:none}.srt .chips{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.srt .chip{border:1px solid var(--line);background:var(--chip-bg);color:var(--ink-soft);border-radius:8px;padding:8px;font:600 13px var(--font-ui);cursor:pointer}.srt .chip.on{border-color:var(--accent);background:var(--chip-on-bg);color:var(--accent)}.srt .slider{margin:2px 0}.srt .slider .row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-soft);margin-bottom:6px;white-space:nowrap}.srt .slider .row b{color:var(--ink);font-variant-numeric:tabular-nums}.srt input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:pointer}.srt input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:var(--track-bg)}.srt input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:var(--track-bg)}.srt input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:var(--thumb);border:2px solid var(--accent)}.srt input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--thumb);border:2px solid var(--accent)}.srt .rng-track{position:relative;height:22px;display:flex;align-items:center;margin:2px 0;cursor:pointer;touch-action:none}.srt .rng-rail{position:absolute;left:0;right:0;height:5px;border-radius:999px;background:var(--track-bg)}.srt .rng-fill{position:absolute;height:5px;border-radius:999px;background:var(--accent)}.srt .rng-thumb{position:absolute;width:13px;height:19px;background:var(--thumb);border:2px solid var(--accent);box-sizing:border-box;transform:translate(-50%);box-shadow:0 1px 2px #00000040;cursor:grab;touch-action:none}.srt .rng-thumb:after{content:"";position:absolute;top:3px;bottom:3px;left:50%;width:1.5px;transform:translate(-50%);border-radius:1px;background:var(--accent);opacity:.55}.srt .rng-thumb.low{border-radius:8px 3px 3px 8px}.srt .rng-thumb.high{border-radius:3px 8px 8px 3px}.srt .rng-thumb:active{cursor:grabbing}.srt .rng-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.srt .keys{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.srt .keys .k{border:1px solid var(--line);background:var(--chip-bg);border-radius:7px;padding:7px 0;text-align:center;font:600 12.5px var(--font-ui);color:var(--ink-soft);cursor:pointer}.srt .keys .k.on{background:var(--accent);border-color:var(--accent);color:var(--on-fg)}.srt .toggle{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;border:none;background:none;width:100%;text-align:left}.srt .toggle .sw{width:34px;height:20px;border-radius:999px;background:var(--toggle-bg);position:relative;flex:none;transition:background .15s}.srt .toggle .sw:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--thumb);box-shadow:0 1px 2px #0003;transition:left .15s}.srt .toggle.on .sw{background:var(--accent)}.srt .toggle.on .sw:after{left:16px}.srt .toggle>span:last-child{font-size:13px;color:var(--ink);line-height:1.3}.srt .range-row{display:flex;gap:10px}.srt .select-wrap{flex:1;display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.srt .select-wrap select{width:100%;padding:7px 8px;border-radius:8px;border:1px solid var(--line);background:var(--chip-bg);color:var(--ink);font:500 13px var(--font-ui);cursor:pointer}.srt .field-note{font-size:11px;color:var(--ink-faint);margin:6px 0 0;line-height:1.4}.srt .btn-primary{margin-top:auto;border:none;background:var(--btn-bg);color:var(--btn-fg);font:600 14px var(--font-ui);padding:13px;border-radius:10px;cursor:pointer;letter-spacing:.01em}.srt .seg.grid4{display:grid;grid-template-columns:repeat(4,1fr)}.srt .btn-ghost{width:100%;border:1px solid var(--line);background:var(--chip-bg);color:var(--ink);font:600 13px var(--font-ui);padding:10px;border-radius:9px;cursor:pointer}.srt .btn-ghost:hover{border-color:var(--accent)}.srt .preset-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.srt .preset-chip{display:inline-flex;align-items:stretch;border:1px solid var(--line);background:var(--chip-bg);border-radius:8px;overflow:hidden}.srt .preset-apply{border:none;background:transparent;color:var(--ink-soft);font:600 12.5px var(--font-ui);padding:7px 9px;cursor:pointer}.srt .preset-apply:hover{color:var(--accent)}.srt .preset-del{border:none;border-left:1px solid var(--line);background:transparent;color:var(--ink-faint);font-size:14px;line-height:1;padding:0 8px;cursor:pointer}.srt .preset-del:hover{color:var(--accent)}.srt .preset-add{display:flex;gap:6px}.srt .preset-add input{flex:1;min-width:0;border:1px solid var(--line);background:var(--chip-bg);color:var(--ink);border-radius:8px;padding:8px 10px;font:500 13px var(--font-ui)}.srt .btn-mini{border:none;background:var(--btn-bg);color:var(--btn-fg);font:600 13px var(--font-ui);padding:8px 12px;border-radius:8px;cursor:pointer}.view-room .rail{width:312px;flex:none;background:var(--card);border-right:1px solid var(--line);padding:24px 24px 22px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.view-room .rail.collapsed{width:44px;padding:10px 0;overflow:hidden}.view-room .rail-toggle{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;border:none;background:none;cursor:pointer;color:var(--ink-soft);padding:8px 0}.view-room .rail-toggle:hover{color:var(--ink)}.view-room .rail-toggle .chev{font-size:18px;font-weight:700}.view-room .rail-toggle .rail-label{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--ink-faint)}.view-room .rail-top{display:flex;align-items:center;justify-content:space-between}.view-room .rail-top-actions{display:flex;align-items:center;gap:8px}.srt .theme{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;font-size:14px;display:grid;place-items:center}.view-room .rail-top h2{font-family:var(--font-display);font-size:22px;font-weight:600;margin:0;letter-spacing:-.01em}.view-room .collapse{width:28px;height:28px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer}.view-room .stage{position:relative;flex:1;min-width:0;padding:22px 32px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.view-room .head{display:flex;align-items:center;justify-content:space-between;gap:16px}.view-room .head-title{display:flex;flex-direction:column}.view-room .head h1{font-family:var(--font-display);font-weight:600;font-size:26px;margin:0;letter-spacing:-.015em;white-space:nowrap}.view-room .head .sub{font-size:12.5px;color:var(--ink-soft);margin-top:2px}.view-room .head-right{display:flex;align-items:center;gap:22px}.app-ver{font-family:var(--mono, monospace);font-size:.72rem;color:var(--ink-soft);opacity:.6;letter-spacing:.02em}.view-room .focus-btn{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font:600 13px var(--font-ui);color:var(--ink);cursor:pointer}.view-room .focus-btn .ico{color:var(--accent);flex:none}.view-room .focus-btn:hover{border-color:var(--accent)}.view-room .stats{display:flex;gap:20px}.view-room .stat{text-align:right}.view-room .stat .n{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.view-room .stat .l{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px}.view-room .stat.hit .n{color:var(--accent)}.view-room .stat.miss .n{color:var(--miss)}.view-room .sheet{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 32px;flex:1 1 auto;box-shadow:var(--sheet-shadow);display:flex;flex-direction:column;justify-content:center;gap:12px}.view-room .kbwrap{display:flex;flex-direction:column;gap:10px}.view-room .kbbar{display:flex;align-items:center;gap:14px;color:var(--ink-soft);font-size:12.5px}.view-room .kbbar .label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.view-room .kbbar .mini{display:flex;gap:4px}.view-room .kbbar .mini button{height:30px;min-width:30px;padding:0 9px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:14px;cursor:pointer}.view-room .kbbar .mini button.on{background:var(--accent);color:var(--on-fg);border-color:var(--accent)}.view-room .kbbar .mini button:disabled{opacity:.4;cursor:default}.view-room .kbbar .spacer{flex:1}.view-room .kbbar .midi{display:flex;align-items:center;gap:7px}.view-room .kbbar .midi .d{width:7px;height:7px;border-radius:50%;background:var(--ink-faint)}.view-room .kbbar .midi .d.on{background:var(--midi-on)}.view-focus .ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.view-focus .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.view-focus .blob.b1{width:560px;height:560px;left:-120px;top:-140px;background:radial-gradient(circle,rgba(120,140,185,.45),transparent 70%)}.view-focus .blob.b2{width:620px;height:620px;right:-160px;bottom:-200px;background:radial-gradient(circle,rgba(214,168,96,.5),transparent 70%)}.view-focus .blob.b3{width:460px;height:460px;right:24%;top:-180px;background:radial-gradient(circle,rgba(196,176,210,.34),transparent 70%)}.view-focus .grain{position:absolute;inset:0;opacity:.5;mix-blend-mode:soft-light;background-image:radial-gradient(rgba(80,60,40,.5) .5px,transparent .6px);background-size:4px 4px}@media(prefers-reduced-motion:no-preference){.view-focus .blob.b1{animation:focusBreath 13s ease-in-out infinite}.view-focus .blob.b2{animation:focusBreath 17s ease-in-out infinite reverse}.view-focus .blob.b3{animation:focusDrift 21s ease-in-out infinite}}@keyframes focusBreath{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.14);opacity:.68}}@keyframes focusDrift{0%,to{transform:translate(0);opacity:.3}50%{transform:translate(-30px,40px);opacity:.5}}.view-focus.dusk .blob.b1{background:radial-gradient(circle,rgba(233,170,80,.4),transparent 70%)}.view-focus.dusk .blob.b2{background:radial-gradient(circle,rgba(200,90,60,.34),transparent 70%)}.view-focus.dusk .blob.b3{background:radial-gradient(circle,rgba(120,90,150,.3),transparent 70%)}.view-focus.dusk .grain{mix-blend-mode:overlay;opacity:.35}.view-focus .layer{position:relative;z-index:1;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:60px}.view-focus .fhead{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding:16px 30px 0}.view-focus .hud{display:flex;align-items:center;gap:10px}.view-focus .hud .stat{display:flex;align-items:baseline;gap:7px;background:var(--glass);border:1px solid var(--glass-edge);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:8px 15px;box-shadow:0 8px 24px -16px #46372380}.view-focus .hud .stat .n{font-family:var(--font-display);font-weight:600;font-size:17px;font-variant-numeric:tabular-nums;line-height:1}.view-focus .hud .stat .l{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.view-focus .hud .stat.acc .n{color:var(--accent)}.view-focus .hud .stat.streak .n{color:var(--amber)}.view-focus .exit{display:flex;align-items:center;gap:8px;background:var(--btn-bg);color:var(--btn-fg);border:none;border-radius:999px;padding:11px 17px;font:600 13px var(--font-ui);cursor:pointer;box-shadow:0 10px 26px -14px #281e14cc;white-space:nowrap}.view-focus .exit .ico{font-size:14px;line-height:1}.view-focus .center{flex:0 1 auto;display:flex;align-items:safe center;justify-content:center;padding:0 44px 6px;min-height:0;overflow:auto}.view-focus .sheet{width:100%;max-width:1180px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:26px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--sheet-top-edge);padding:28px 44px;display:flex;flex-direction:column;justify-content:center;gap:12px}.view-focus .dock{position:relative;padding:0 28px;display:flex;flex-direction:column;align-items:center}.view-focus .keyboard-wrap{width:100%;max-width:none}.view-focus .kb-controls{position:relative;width:100%;max-width:none;display:flex;justify-content:flex-end;margin-bottom:6px}.view-focus .kb-gear{width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-faint);font-size:15px;cursor:pointer;display:grid;place-items:center;opacity:.55;transition:opacity .15s,color .15s,background .15s}.view-focus .kb-gear:hover,.view-focus .kb-gear[aria-expanded=true]{opacity:1;color:var(--ink);background:var(--glass);border-color:var(--glass-edge)}.view-focus .kb-menu{position:absolute;right:0;bottom:calc(100% + 8px);display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:var(--glass-strong);border:1px solid var(--glass-edge);border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 40px -24px #281e0f99;z-index:6;white-space:nowrap}.view-focus .kb-menu-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.view-focus .kb-menu .mini{display:flex;gap:4px}.view-focus .kb-menu .mini button{height:30px;min-width:34px;padding:0 10px;border-radius:8px;border:1px solid var(--glass-edge);background:var(--glass);color:var(--ink);font-size:14px;cursor:pointer}.view-focus .kb-menu .mini button.on{background:var(--accent);color:var(--on-fg);border-color:var(--accent)}.view-focus .kb-menu .mini button:disabled{opacity:.4;cursor:default}.view-focus .kb-menu .kb-vol{display:flex;flex-direction:column;gap:4px}.view-focus .kb-menu .kb-vol input[type=range]{width:150px}.view-focus .kb-menu .midi{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-soft)}.view-focus .kb-menu .midi .d{width:7px;height:7px;border-radius:50%;background:var(--ink-faint)}.view-focus .kb-menu .midi .d.on{background:#8bbf9c}.view-focus .hint{margin-top:14px;justify-content:center;text-align:center;opacity:.85}.srt .piano-zone{width:100%}.srt .piano-container{display:flex;align-items:stretch;width:100%;margin:0 auto}.srt .piano{position:relative;flex:1 1 auto;min-width:0;height:var(--kb-h, 132px);overflow-x:auto;overflow-y:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:0 0 9px 9px;box-shadow:var(--piano-shadow)}.srt .piano.fill{overflow:hidden}.srt .piano.fill.floored{overflow-x:auto;overflow-y:hidden}.srt .piano.tall{height:210px}.srt .piano-track{position:relative;height:100%;margin:0 auto}.srt .piano-felt{position:absolute;top:0;left:0;right:0;height:9px;z-index:3;pointer-events:none;background:linear-gradient(to bottom,#1c11084d,#1c110800)}.srt .piano-cap{position:absolute;top:0;height:100%;width:7px;z-index:4;pointer-events:none}.srt .piano-cap.left{left:0;background:linear-gradient(to right,#1c110847,#1c110800)}.srt .piano-cap.right{transform:translate(-7px);background:linear-gradient(to left,#1c110847,#1c110800)}.srt .piano-key{position:absolute;top:0;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.srt .piano-key.white{height:100%;background:var(--key-white);border-right:1px solid var(--key-sep);border-radius:0 0 var(--key-radius, 5px) var(--key-radius, 5px);box-shadow:inset 0 -10px 0 -2px var(--key-white-edge),0 2px 3px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding-bottom:8px}.srt .piano-key.black{height:62%;background:var(--key-black);border-radius:0 0 4px 4px;z-index:2;box-shadow:0 3px 4px #00000059;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px}.srt .key-letter{font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1;text-transform:uppercase;color:var(--ink-soft);pointer-events:none}.srt .key-letter.on-black{color:#ffffffd1}.srt .piano-key{transition:transform .04s ease-out}.srt .piano-key:active{filter:brightness(.94);transform:translateY(2px)}.srt .key-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--key-label);pointer-events:none}.srt .key-label.middle-c{color:var(--accent);font-weight:700}.srt .piano-key.white.target{background:var(--key-hint)}.srt .piano-key.white.held{background:var(--key-active);transform:translateY(2px);box-shadow:inset 0 -4px 0 -2px var(--key-white-edge),0 1px 2px #0000001f}.srt .piano-key.black.target{background:var(--key-hint)}.srt .piano-key.black.held{background:var(--key-active);transform:translateY(2px);box-shadow:0 1px 2px #0000004d}.srt .ios-midi{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:13px;color:var(--ink-soft)}.srt .ios-midi-emoji{font-size:18px;line-height:1}.srt .ios-midi-text{flex:1;line-height:1.4}.srt .ios-midi-text b{color:var(--ink)}.srt .ios-midi-text a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.srt .ios-midi-x{flex:none;border:none;background:transparent;cursor:pointer;font-size:18px;line-height:1;color:var(--ink-faint);padding:2px 6px}.srt .ios-midi-x:hover{color:var(--ink)}.srt .scroll-staff,.srt .page-staff{position:relative;width:100%;flex:none;overflow:hidden;contain:paint;background:transparent}.srt .scroll-staff svg,.srt .page-staff svg{display:block}.srt .ss-bg{position:absolute;top:0;left:0;z-index:1}.srt .ss-notes-clip{position:absolute;inset:0;overflow:hidden;z-index:2}.srt .ss-notes-window,.srt .ss-notes-scroll{position:absolute;top:0;left:0;will-change:transform}.srt .ss-notes-scroll.smooth{transition:transform .22s ease-out}.srt .ss-clef{position:absolute;top:0;left:0;z-index:3}.srt .ss-playhead-label{position:absolute;top:4px;left:188px;z-index:4;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cursor);pointer-events:none}.srt .ps-window{position:absolute;top:0;left:0;width:100%;will-change:transform}.srt .ps-scroll{position:absolute;top:0;left:0;width:100%;will-change:transform;transition:transform .32s ease-out}.srt .ps-cursor{position:absolute;left:0;width:2px;background:var(--cursor);border-radius:1px;box-shadow:0 0 8px var(--cursor);pointer-events:none;transition:transform .18s ease-out,opacity .15s;z-index:2}.srt .hint{font-size:12px;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.srt .hint kbd{font-family:var(--font-mono);font-size:11px;background:var(--seg-bg);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 6px;color:var(--ink)}.srt .hint .sep{color:var(--ink-faint)}.srt .target-readout{margin:0;font-size:13px;color:var(--ink-soft);text-align:center}.srt .ad-banner{display:flex;justify-content:center}.srt .ad-slot{width:728px;max-width:100%;height:90px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:10px;color:var(--ink-faint);font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.view-room .ad-slot{background:var(--card)}.view-focus .ad-slot{background:var(--glass);border-color:var(--glass-edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.srt .toolnav{display:flex;gap:4px;font-size:12.5px}.srt .toolnav a{color:var(--ink-soft);text-decoration:none;padding:4px 9px;border-radius:999px;white-space:nowrap}.srt .toolnav a:hover{color:var(--ink);background:var(--seg-bg)}.srt .toolnav a.active{color:var(--on-fg);background:var(--accent)}.srt .rail-nav{display:none}@media(max-width:720px){.srt .rail.mobile .rail-nav{display:flex;margin:4px 0 8px}}.view-room .settings-btn{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font:600 13px var(--font-ui);color:var(--ink);cursor:pointer;flex:none}.view-room .settings-btn svg{color:var(--accent)}@media(max-width:720px){.view-room .stage{padding:14px 16px 12px;gap:10px}.srt .hint{display:none}.view-room .rail.mobile{position:fixed;inset:0;width:100%;max-width:none;z-index:60;padding:18px 18px 22px;transform:translate(-100%);transition:transform .24s ease-out;box-shadow:none}.view-room .rail.mobile.open{transform:translate(0)}.view-room .rail.mobile .settings{flex:none}.view-room .rail.mobile .btn-primary,.view-room .rail-ad{margin-top:16px}.view-room .rail-ad .ad-slot{width:300px;height:250px;max-width:100%}.view-room .head{gap:10px}.view-room .head-title,.view-room .head .toolnav{display:none}.view-room .head-right{gap:12px;margin-left:auto}.view-room .focus-btn{padding:8px}.view-room .focus-btn .btn-text{display:none}.view-room .stats{gap:12px}.view-room .stat .n{font-size:19px}.view-room .sheet{padding:14px 16px;border-radius:12px}.view-room .stage .ad-banner{display:none}.view-focus .layer{padding-top:44px}.view-focus .fhead{padding:10px 12px 0}.view-focus .center{padding:0 8px 4px}.view-focus .sheet{padding:12px;border-radius:16px}.view-focus .dock{padding:0 6px}.view-focus .hint{margin-top:8px}}