:root{--canvas:#100f0d;--panel:#171614;--raised:#211f1c;--raised-2:#2b2825;--raised-3:#37332f;--line:#403c37;--line-soft:#24221f;--line-strong:#56514b;--ink:#f5f3f0;--ink-2:#bdb8b1;--ink-3:#928c84;--ink-faint:#726c65;--accent:#e24e37;--accent-hot:#f05f47;--accent-fill:#c8401f;--accent-fill-hot:#cf4322;--accent-wash:#e24e3729;--accent-line:#e24e3780;--good:#5cb98a;--warn:#d9a441;--ui:"Archivo", -apple-system, BlinkMacSystemFont, sans-serif;--display:"Cormorant Garamond", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--t-label:9.5px;--t-micro:10.5px;--t-small:11.5px;--t-ui:12.5px;--t-body:13px;--t-lead:14.5px;--t-head:16px;--t-display:30px;--track-label:.13em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--r-sm:6px;--r-md:9px;--r-lg:14px;--topbar-h:60px;--status-h:34px;--rail-w:232px;--shadow-page:0 1px 2px #00000080, 0 12px 28px -6px #0000008c, 0 40px 80px -20px #0009;--shadow-float:0 2px 6px #0006, 0 18px 44px -10px #0000009e;--shadow-lift:0 1px 0 #ffffff0a inset;--t-fast:.13s;--t-mid:.18s;--t-slow:.22s;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.skip-link{z-index:10000;border-radius:var(--r-sm);background:var(--ink);color:var(--canvas);padding:9px 12px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}html,body{height:auto;min-height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;touch-action:manipulation;font-size:13px;line-height:1.45;overflow:hidden auto}#app{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select{font:inherit;color:inherit}svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}kbd{font-family:var(--mono);border:1px solid var(--line-strong);background:var(--raised);color:var(--ink-2);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:.85em}#topbar{height:var(--topbar-h);background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;grid-template-columns:auto minmax(140px,1fr) auto minmax(140px,auto);align-items:center;gap:28px;min-width:0;padding:0 18px;display:grid}.brand-mark{font-family:var(--display);letter-spacing:.01em;color:var(--ink);font-size:30px;font-weight:600;line-height:1}.brand{align-items:baseline;gap:9px;display:flex}.brand-sub{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-size:9px;font-weight:600}.titles{flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.t-row{gap:var(--s-3);align-items:center;min-width:0;display:flex}.t-row #score-subtitle,.t-row #score-composer{flex:auto;min-width:0}.t-row #score-composer{text-align:right;flex:0 auto;max-width:188px}.t-title,.t-row input{text-overflow:ellipsis}.t-title,.t-composer{border-radius:var(--r-sm);width:100%;max-width:380px;transition:border-color .14s var(--ease), background .14s var(--ease);background:0 0;border:1px solid #0000;padding:2px 7px}.t-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.t-composer{color:var(--ink-2);font-size:11.5px}.t-title::placeholder,.t-composer::placeholder{color:var(--ink-3)}.t-title:hover,.t-composer:hover{border-color:var(--line)}.t-title:focus,.t-composer:focus{border-color:var(--accent-line);background:var(--canvas);outline:none}.transport{align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--r-sm);width:30px;height:30px;color:var(--ink-2);transition:color .14s var(--ease), background .14s var(--ease);place-items:center;display:grid}.icon-btn:hover:not(:disabled){color:var(--ink);background:var(--raised)}.icon-btn:disabled{color:var(--ink-faint);cursor:default}.icon-btn.active,.icon-btn[aria-pressed=true]{color:var(--accent);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-line)}.icon-btn.active:hover:not(:disabled),.icon-btn[aria-pressed=true]:hover:not(:disabled){color:var(--accent-hot);background:var(--accent-wash)}.play-btn{background:var(--accent);color:#fff;width:38px;height:38px;transition:transform .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 2px #0006,0 6px 18px -6px #e24e37b3}.play-btn:hover{background:var(--accent-hot);transform:scale(1.05)}.play-btn:active{transform:scale(.97)}.play-btn.playing{background:var(--raised-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.tempo{border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);transition:border-color .14s var(--ease);align-items:baseline;gap:5px;padding:5px 10px;display:flex}.tempo:focus-within{border-color:var(--accent-line)}.tempo-note{width:13px;height:15px;color:var(--ink-3);align-self:center}.tempo-note svg{width:13px;height:15px}#tempo{width:38px;font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:none;font-size:13.5px;font-weight:500}#tempo::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#tempo::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#tempo:focus{outline:none}.tempo-unit{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:10px}.top-right{justify-self:end;align-items:center;gap:12px;display:flex}.themes{z-index:90;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-md);min-width:178px;box-shadow:var(--shadow-float);flex-direction:column;gap:2px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.theme-dot{border-radius:var(--r-sm);width:100%;color:var(--ink-2);font:400 12.5px var(--ui);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:7px 8px;display:flex}.ghost-btn{border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-2);transition:color .14s var(--ease), border-color .14s var(--ease);padding:7px 13px;font-size:12.5px;font-weight:500}.ghost-btn:hover{color:var(--ink);border-color:var(--line-strong)}.accent-btn{border-radius:var(--r-md);background:var(--accent-fill);color:#fff;letter-spacing:.005em;transition:background .14s var(--ease), transform .14s var(--ease);padding:8px 16px;font-size:12.5px;font-weight:600}.accent-btn:hover{background:var(--accent-fill-hot)}.accent-btn:active{transform:translateY(1px)}.accent-btn.wide{width:100%;padding:11px}#workspace{flex:1;min-height:0;display:flex}#rail{width:var(--rail-w);background:var(--panel);border-right:1px solid var(--line);overscroll-behavior:contain;background-image:linear-gradient(#ffffff07,#0000 260px);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}#rail-tools{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;padding-top:4px;overflow-y:auto}#rail-tools::-webkit-scrollbar{width:8px}#rail-tools::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--panel);border-radius:4px}#mobile-tool-tabs{display:none}.mobile-only{display:none!important}.rail-sec{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:8px;padding:14px 14px 16px;display:flex}.rail-sec:last-of-type{border-bottom:none}.rail-h{text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);margin-bottom:2px;font-size:9.5px;font-weight:600}.rail-foot{background:var(--panel);border-top:1px solid var(--line);gap:var(--s-2);padding:var(--s-3) 14px 14px;border-bottom:none;flex-direction:column;flex:none;display:flex;box-shadow:0 -12px 20px -12px #0009}.foot-h{margin:0}.foot-h+.foot-grid{margin-top:-2px}.foot-grid{gap:var(--s-1);grid-template-columns:1fr 1fr;display:grid}.foot-rooms .mini-btn{background:var(--raised);flex-direction:column;gap:5px;padding:9px 4px 8px}.foot-rooms .mini-btn svg{width:16px;height:16px}.foot-rooms .mini-btn:hover{background:var(--raised-2)}.foot-learn{align-items:center;gap:var(--s-2);padding:2px 0 0;display:flex}.link-btn{font-size:var(--t-small);color:var(--ink-3);border-radius:var(--r-sm);transition:color var(--t-fast) var(--ease);align-items:center;gap:5px;padding:4px 0;display:inline-flex}.link-btn svg{width:13px;height:13px}.link-btn:hover{color:var(--ink)}.foot-dot{background:var(--ink-faint);border-radius:50%;width:3px;height:3px}.support-btn{text-align:left;border:1px solid var(--accent-line);border-radius:var(--r-md);background:linear-gradient(180deg, var(--accent-wash), #e24e370f);width:100%;color:var(--ink);transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);align-items:center;gap:10px;padding:10px 12px;display:flex}.support-btn:hover{border-color:var(--accent);background:linear-gradient(#e24e373d,#e24e371a)}.support-btn:active{transform:translateY(1px)}.nsm-rail-by{color:var(--ink-2);margin:10px 2px 0;font-size:11px;line-height:1.4}.nsm-rail-by a{color:inherit;text-decoration:none}.nsm-rail-by a:hover{color:var(--accent)}.nsm-rail-by a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=760px){.nsm-rail-by{display:none!important}}.nsm-lead-by{color:var(--ink-2);margin:0 0 8px;font-size:12px;line-height:1.45}.nsm-lead-nav{flex-wrap:wrap;gap:6px;display:flex}.nsm-lead-nav a,.nsm-lead-nav button{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--raised);min-height:32px;color:var(--ink);font:inherit;cursor:pointer;align-items:center;padding:0 9px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.nsm-lead-nav a:hover,.nsm-lead-nav button:hover{border-color:var(--accent);color:var(--accent)}.nsm-lead-nav a:focus-visible,.nsm-lead-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nsm-lead-wa{color:#8ee0b0;border-color:#25d36673}.support-heart{color:var(--accent);flex:none;font-size:15px;line-height:1}.support-lines{flex-direction:column;gap:1px;min-width:0;display:flex}.support-lead{font-size:var(--t-ui);color:var(--ink);font-weight:600}.support-sub{font-size:var(--t-micro);color:var(--ink-2);line-height:1.3}.dur-grid,.tuplet-grid,.acc-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.acc-grid{grid-template-columns:repeat(3,1fr)}.voice-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.voice-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);height:34px;color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.voice-btn .vn{font-family:var(--mono);font-size:12px;font-weight:600;line-height:1.1}.voice-btn .vp{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:7.5px;line-height:1}.voice-btn:hover{color:var(--ink);border-color:var(--line-strong)}.voice-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.voice-btn.active .vp{color:var(--accent);opacity:.8}.voice-btn.used:after{content:"";background:var(--ink-3);border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:4px}.voice-btn{position:relative}.voice-btn.active.used:after{background:var(--accent)}.tool{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);height:40px;color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);place-items:center;display:grid;position:relative}.tool:hover{color:var(--ink);border-color:var(--line-strong);background:var(--raised)}.tool.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.tool .kbd-hint{font-family:var(--mono);color:var(--ink-3);font-size:8px;line-height:1;position:absolute;bottom:2px;right:3px}.tool.active .kbd-hint{color:var(--accent);opacity:.75}.rail-pair{grid-template-columns:1fr 1fr;gap:4px;display:grid}.field-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);transition:border-color .13s var(--ease), background .13s var(--ease);justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.field-btn:hover{border-color:var(--line-strong);background:var(--raised)}.field-label{color:var(--ink-2);font-size:12px}.field-value{font-family:var(--mono);color:var(--accent);font-size:12.5px;font-weight:600}.wide-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);align-items:center;gap:9px;padding:9px 11px;font-size:12.5px;display:flex}.wide-btn:hover{color:var(--ink);border-color:var(--line-strong);background:var(--raised)}.wide-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.wide-btn.pending{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.wide-btn.pending .wb-icon{animation:.85s ease-in-out infinite alternate midi-wait}@keyframes midi-wait{0%{opacity:.4}to{opacity:1}}.midi-split{border:1px solid var(--line);border-radius:var(--r-sm);background:color-mix(in srgb, var(--raised) 72%, var(--panel));overflow:hidden}.midi-split-toggle{cursor:pointer;align-items:center;gap:9px;padding:9px 10px;display:flex}.midi-split-toggle input{accent-color:var(--accent);margin:0}.midi-split-toggle span{gap:2px;min-width:0;display:grid}.midi-split-toggle strong{color:var(--ink);font-size:11.5px;font-weight:600}.midi-split-toggle small,.midi-split-route,.midi-split-explain{color:var(--ink-3);font-size:9.5px;line-height:1.35}.midi-split-controls{border-top:1px solid var(--line-soft);gap:7px;padding:9px 10px 10px;display:grid}.midi-split-controls[hidden]{display:none}.midi-split-keyline{color:var(--ink-2);align-items:center;gap:6px;font-size:10.5px;display:flex}.midi-split-keyline output{color:var(--accent);letter-spacing:.02em;font-weight:700}.midi-learn-btn,.midi-align-btn,.midi-rhythm-mode button{border:1px solid var(--line);background:var(--canvas);color:var(--ink-2);font:inherit;border-radius:6px}.midi-learn-btn{margin-left:auto;padding:4px 6px;font-size:9.5px}.midi-learn-btn.learning{color:var(--accent);border-color:var(--accent);background:var(--accent-wash);animation:.7s ease-in-out infinite alternate midi-wait}.midi-split-range{width:100%;accent-color:var(--accent)}.midi-split-route,.midi-split-explain{margin:-2px 0 1px}.midi-split-caption,.midi-hand-values label>span{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:600}.midi-rhythm-mode{grid-template-columns:1fr 1fr;gap:4px;display:grid}.midi-rhythm-mode button{padding:6px 3px;font-size:10px}.midi-rhythm-mode button.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.midi-hand-values{grid-template-columns:1fr 1fr;gap:5px;display:grid}.midi-hand-values[hidden]{display:none}.midi-hand-values label{gap:3px;display:grid}.midi-hand-values select{border:1px solid var(--line);background:var(--canvas);width:100%;min-width:0;color:var(--ink-2);border-radius:5px;padding:5px 18px 5px 5px;font-size:9.5px}.midi-align-btn{padding:6px;font-size:9.5px}.midi-learn-btn:hover,.midi-align-btn:hover,.midi-rhythm-mode button:hover{color:var(--ink);border-color:var(--line-strong)}.wide-btn.subtle{color:var(--ink-2);justify-content:center}.wb-icon{flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.mini-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink-2);font-size:var(--t-small);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);justify-content:center;align-items:center;gap:5px;padding:8px 4px;display:flex}.mini-btn span{place-items:center;display:grid}.mini-btn svg{width:14px;height:14px}.mini-btn:hover{color:var(--ink);border-color:var(--line-strong)}.sel-wrap{flex-direction:column;gap:4px;display:flex}.sel-label{color:var(--ink-3);font-size:11px}.sel-wrap select,.sel-wrap input[type=number],.st-select select{appearance:none;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%237d7d88' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center / 11px;cursor:pointer;transition:border-color .13s var(--ease);padding:8px 26px 8px 10px;font-size:12.5px}.sel-wrap input[type=number]{appearance:textfield;cursor:text;background-image:none;padding-right:10px}.sel-wrap select:hover,.sel-wrap input[type=number]:hover,.st-select select:hover{border-color:var(--line-strong)}.check{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;padding:3px 0;font-size:12.5px;display:flex}.check input{appearance:none;border:1px solid var(--line-strong);background:var(--canvas);cursor:pointer;width:15px;height:15px;transition:background .13s var(--ease), border-color .13s var(--ease);border-radius:4px;flex-shrink:0}.check input:checked{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 4.8 8.5 9.5 3.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 11px;border-color:var(--accent)}.staff-list{flex-direction:column;gap:3px;margin-bottom:3px;display:flex}.staff-row{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);text-align:left;cursor:pointer;width:100%;transition:border-color .13s var(--ease), background .13s var(--ease);align-items:center;gap:9px;padding:6px 9px;display:flex}.staff-row:hover{border-color:var(--line-strong);background:var(--raised)}.staff-row .sr-n{background:var(--raised);width:18px;height:18px;color:var(--ink-3);font-family:var(--mono);border-radius:5px;flex-shrink:0;place-items:center;font-size:10.5px;display:grid}.staff-row .sr-text{flex-direction:column;gap:1px;min-width:0;display:flex}.staff-row .sr-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.25;overflow:hidden}.staff-row .sr-meta{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.3;overflow:hidden}#stage:focus,#stage:focus-visible{outline:none}#stage{touch-action:pan-x pan-y;overscroll-behavior:contain;background:radial-gradient(120% 70% at 50% -8%, #ffe2c40e, transparent 66%), var(--canvas);flex:1;min-width:0;padding:36px 40px 64px;position:relative;overflow:auto}#entry-coach{z-index:4;border:1px solid var(--line);background:color-mix(in srgb, var(--raised) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:max-content;max-width:calc(100% - 24px);color:var(--ink-2);box-shadow:var(--shadow-float), var(--shadow-lift);font-size:var(--t-small);pointer-events:none;transition:opacity var(--t-mid) var(--ease), transform var(--t-mid) var(--ease);border-radius:999px;align-items:center;gap:10px;margin:0 auto 18px;padding:7px 12px 7px 10px;display:flex;position:sticky;top:4px}#entry-coach.is-dismissed{opacity:0;transform:translateY(-4px)}.coach-state{color:var(--ink);white-space:nowrap;font-weight:600}.coach-state:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-wash);border-radius:50%;margin-right:7px;display:inline-block}.coach-copy{white-space:nowrap}#entry-coach kbd{border-bottom-width:1px;padding:0 4px;font-size:9px}#stage::-webkit-scrollbar{width:11px}#stage::-webkit-scrollbar-thumb{background:var(--line);border:3px solid var(--canvas);border-radius:6px}#page-wrap{max-width:1120px;margin:0 auto}#page{box-shadow:var(--shadow-page);transition:background .28s var(--ease);touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:3px;position:relative;overflow:hidden}#page svg{display:block;width:100%!important;height:auto!important}.page-vintage{background-image:radial-gradient(at 22% 12%,#fffbeb99,#0000 56%),radial-gradient(at 82% 88%,#78552821,#0000 58%)}.page-hymn{background-image:radial-gradient(at 30% 8%,#ffffff80,#0000 60%)}.page-reversed{box-shadow:var(--shadow-page), 0 0 0 1px var(--line-soft)}#credits{color:var(--ink-3);max-width:62ch;margin:16px 2px 0;font-size:10.5px;line-height:1.6}#credits summary{cursor:pointer;list-style:none}#credits summary::-webkit-details-marker{display:none}#credits p{margin:4px 0 0}#credits a{color:var(--ink-2);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:2px}#credits a:hover{color:var(--ink)}#statusbar{height:var(--status-h);background:var(--panel);border-top:1px solid var(--line);color:var(--ink-3);flex-shrink:0;align-items:center;gap:14px;padding:0 16px;font-size:11.5px;display:flex}.st-item{white-space:nowrap;align-items:center;gap:7px;display:flex}#hud-pos{font-family:var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums}.st-sep{background:var(--line);flex-shrink:0;width:1px;height:15px}.st-spring{flex:1;min-width:8px}#hud-hint{text-overflow:ellipsis;overflow:hidden}#hud-hint kbd{border-bottom-width:1px;padding:0 4px;font-size:10px}.fill-meter{background:var(--line);border-radius:2px;width:64px;height:4px;overflow:hidden}.fill-meter>i{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform .16s var(--ease), background .16s var(--ease);display:block}#hud-fill.full .fill-meter>i{background:var(--good)}.save-state{color:var(--ink-3)}.save-state:before{content:"";background:var(--good);border-radius:50%;width:5px;height:5px}.save-state.is-saving:before{background:var(--ink-3)}.st-select{gap:7px}.st-select select{font-family:var(--mono);background-position:right 6px center;padding:3px 22px 3px 8px;font-size:11px}.panel-card,.pop,.drawer{background:var(--raised);border:1px solid var(--line-strong);box-shadow:var(--shadow-float);z-index:50}.panel-card{right:26px;bottom:calc(var(--status-h) + 22px);border-radius:var(--r-lg);width:236px;animation:rise .2s var(--ease);padding:14px;position:fixed}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.pc-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pc-title{letter-spacing:-.005em;font-size:12.5px;font-weight:600}.x-btn{border-radius:var(--r-sm);width:24px;height:24px;color:var(--ink-3);transition:color .13s var(--ease), background .13s var(--ease);place-items:center;font-size:12px;display:grid}.x-btn:hover{color:var(--ink);background:var(--raised-2)}.tuner{text-align:center}.tuner-note{font-family:var(--display);min-height:50px;color:var(--accent);font-variant-numeric:lining-nums;font-size:46px;font-weight:600;line-height:1.05}.tuner-track{background:var(--canvas);border-radius:3px;height:6px;margin:10px 0 8px;position:relative;overflow:hidden}.tuner-track:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:0;bottom:0;left:50%}.tuner-needle{background:var(--ink-faint);will-change:transform;border-radius:3px;width:5px;transition:transform 90ms linear,background 90ms linear;position:absolute;top:0;bottom:0;left:calc(50% - 2.5px)}.tuner-cents{font-family:var(--mono);color:var(--ink-3);font-size:10.5px;line-height:1.4}.pop{border-radius:var(--r-lg);width:314px;max-height:calc(100vh - var(--status-h,34px) - 24px);overscroll-behavior:contain;animation:rise .18s var(--ease);padding:16px;position:fixed;overflow-y:auto}.pop-head{margin-bottom:14px}.pop-title{font-size:12.5px;font-weight:600}.pop-controls{flex-direction:column;gap:7px;margin-top:14px;display:flex}.seg{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);gap:2px;padding:2px;display:flex}.seg-btn{color:var(--ink-3);white-space:nowrap;transition:color .13s var(--ease), background .13s var(--ease);border-radius:5px;flex:1;padding:6px 8px;font-size:11.5px}.seg-btn:hover{color:var(--ink-2)}.seg-btn.active{background:var(--raised-2);color:var(--ink)}.wide-seg{width:100%}.wheel{width:282px;height:282px;margin:0 auto;position:relative}.key-slot{border:1px solid var(--line);background:var(--canvas);width:46px;height:46px;transition:border-color .13s var(--ease), background .13s var(--ease), transform .16s var(--ease);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;transform:translate(-50%,-50%)}.key-slot .kname{font-size:13.5px;font-weight:600;line-height:1}.key-slot .ksig{font-family:var(--mono);color:var(--ink-3);font-size:8.5px;line-height:1}.key-slot:hover{border-color:var(--line-strong);background:var(--raised-2);transform:translate(-50%,-50%)scale(1.1)}.key-slot.active{border-color:var(--accent);background:var(--accent-wash)}.key-slot.active .kname{color:var(--accent)}.key-slot.active .ksig{color:var(--accent);opacity:.8}.wheel-hub{text-align:center;width:118px;color:var(--ink-3);pointer-events:none;font-size:10.5px;line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ts-preview{font-family:var(--display);color:var(--ink);flex-direction:column;align-items:center;gap:0;margin-bottom:14px;font-size:34px;font-weight:600;line-height:.94;display:flex}.ts-presets{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px;display:grid}.ts-preset{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);font-family:var(--mono);color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);padding:8px 0;font-size:12px}.ts-preset:hover{color:var(--ink);border-color:var(--line-strong)}.ts-preset.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.ts-custom{flex-direction:column;gap:8px;display:flex}.stepper{align-items:center;gap:6px;display:flex}.step{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);width:26px;height:26px;color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease);place-items:center;font-size:14px;line-height:1;display:grid}.step:hover{color:var(--ink);border-color:var(--line-strong)}.step-val{font-family:var(--mono);text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-size:15px;font-weight:500}.step-cap{color:var(--ink-3);font-size:11px}.den-row{gap:4px;display:flex}.den-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);width:32px;height:26px;font-family:var(--mono);color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);font-size:11.5px}.den-btn:hover{color:var(--ink);border-color:var(--line-strong)}.den-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.drawer{top:var(--topbar-h);right:0;bottom:var(--status-h);width:306px;animation:slide-in .22s var(--ease);border-top:none;border-bottom:none;border-right:none;border-radius:0;flex-direction:column;display:flex;position:fixed}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}}.drawer .pc-head{border-bottom:1px solid var(--line);margin:0;padding:15px 16px}.drawer-body{flex-direction:column;gap:18px;padding:16px;display:flex;overflow-y:auto}.ex-block{flex-direction:column;gap:7px;display:flex}.ex-h{text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);font-size:9.5px;font-weight:600}.opt-list{flex-direction:column;gap:4px;display:flex}.opt{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);text-align:left;transition:border-color .13s var(--ease), background .13s var(--ease);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.opt.active{border-color:var(--accent-line);background:var(--accent-wash)}.opt-title{color:var(--ink);font-size:12.5px;font-weight:500}.opt.active .opt-title{color:#ff8a73}.opt.active .opt-sub{color:var(--ink-2)}.opt-sub{color:var(--ink-3);font-size:10.5px;line-height:1.4}.ex-progress{font-family:var(--mono);color:var(--ink-2);min-height:15px;font-size:11px}.ex-note{color:var(--ink-3);font-size:10.5px;line-height:1.55}.overlay{z-index:60;padding:var(--s-6);-webkit-backdrop-filter:blur(14px)saturate(.85);backdrop-filter:blur(14px)saturate(.85);animation:fade .16s var(--ease);background:#0a090894;place-items:center;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.help-card{overscroll-behavior:contain;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:min(720px,100%);max-height:100%;box-shadow:var(--shadow-float), var(--shadow-lift);animation:card-rise var(--t-slow) var(--ease);overflow-y:auto}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)scale(.995)}}.examples-card>:not(.pc-head),.mixer-card>:not(.pc-head),.chart-card>:not(.pc-head),.versions-card>:not(.pc-head){margin-inline:var(--s-5)}.examples-card>.pc-head+*,.mixer-card>.pc-head+*,.chart-card>.pc-head+*,.versions-card>.pc-head+*{margin-top:14px}.examples-card>:last-child,.mixer-card>:last-child,.chart-card>:last-child,.versions-card>:last-child{margin-bottom:var(--s-5)}.help-card .pc-head{z-index:1;padding:15px var(--s-5);border-bottom:1px solid var(--line);background:var(--raised);margin:0;position:sticky;top:0}.help-grid{grid-template-columns:repeat(3,1fr);gap:26px;padding:20px;display:grid}.help-h{text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);margin-bottom:10px;font-size:9.5px;font-weight:600}.help-col dl{grid-template-columns:auto 1fr;align-items:baseline;gap:9px 12px;display:grid}.help-col dt{white-space:nowrap}.help-col dd{color:var(--ink-2);font-size:12px}#toast.is-idle{opacity:0;visibility:hidden;transform:translate(-50%,6px)}#toast{left:50%;bottom:calc(var(--status-h) + 20px);transition:opacity .18s var(--ease), transform .18s var(--ease), visibility 0s linear 0s;z-index:70;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--raised-2);color:var(--ink);box-shadow:var(--shadow-float);animation:toast-in .18s var(--ease);max-width:min(460px,80vw);padding:10px 16px;font-size:12.5px;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (width<=1080px){#hud-hint{display:none}}@media (width<=900px){#topbar{grid-template-columns:auto minmax(100px,1fr) auto auto;gap:14px;padding:0 12px}.top-right .ghost-btn,.theme-wrap,.brand-sub,.t-composer{display:none}.t-title{max-width:none}.mobile-only{display:flex!important}#rail{width:190px}#stage{padding:20px 16px 44px}}@media (width<=760px){#workspace{flex-direction:column-reverse}#rail{border-right:none;border-top:1px solid var(--line);flex:none;width:100%}#mobile-tool-tabs{border-bottom:1px solid var(--line-soft);background:var(--panel);flex:none;grid-template-columns:repeat(4,1fr);height:44px;padding:3px 6px 0;display:grid}.mobile-tool-tab{color:var(--ink-3);letter-spacing:.01em;font-size:10.5px;font-weight:600;position:relative}.mobile-tool-tab:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:22%;right:22%}.mobile-tool-tab.active{color:var(--ink)}.mobile-tool-tab.active:after{background:var(--accent)}#rail-tools{scrollbar-width:none;flex-direction:row;align-items:stretch;min-height:72px;max-height:92px;padding-top:0;display:flex;overflow:auto hidden}#rail-tools::-webkit-scrollbar{display:none}#rail[data-mobile-tool=notes] #rail-tools>:not([data-tool-group=notes]),#rail[data-mobile-tool=rhythm] #rail-tools>:not([data-tool-group=rhythm]),#rail[data-mobile-tool=setup] #rail-tools>:not([data-tool-group=setup]),#rail[data-mobile-tool=file] #rail-tools,#rail:not([data-mobile-tool=file]) .rail-foot{display:none}#rail[data-mobile-tool=file] .rail-foot{border-top:none;grid-template-columns:repeat(4,minmax(74px,1fr));align-items:center;min-height:72px;padding:10px 12px;display:grid}.rail-sec{border-bottom:none;border-right:1px solid var(--line-soft);flex-direction:row;flex-shrink:0;align-items:center;gap:8px;padding:9px 12px}.rail-h{writing-mode:vertical-rl;letter-spacing:.16em;margin-bottom:0;font-size:8.5px;transform:rotate(180deg)}.dur-grid,.tuplet-grid,.acc-grid,.voice-grid,.rail-pair{gap:4px;display:flex}.voice-btn{flex:0 0 36px;width:36px}.tool{width:40px}.rail-sec .field-btn,.rail-sec .wide-btn,.sel-wrap{min-width:128px}.sel-wrap{flex-direction:row;align-items:center;gap:6px}#stage{flex:1;min-height:0;padding:14px 12px 24px}#entry-coach{margin:-4px auto 10px;top:8px}#credits{margin-top:10px;font-size:9.5px}#toast{top:calc(var(--topbar-h) + env(safe-area-inset-top,0px) + 110px);max-width:calc(100vw - 24px);bottom:auto}body.has-toast #entry-coach{opacity:0}}@media (width<=560px){#topbar{grid-template-columns:auto minmax(68px,1fr) auto auto;gap:7px;padding:0 8px}.brand-mark{font-size:23px}.t-title{padding:3px 4px;font-size:12px}#btn-redo,#btn-metronome,#btn-loop,#btn-visualizer,.tempo-unit{display:none}.transport{gap:4px}.brand{gap:0}.accent-btn#btn-export{padding:8px 11px;font-size:12px}.tempo{padding:4px 6px}#tempo{width:32px;font-size:12px}.accent-btn{padding:8px 10px}#statusbar{gap:10px;padding:0 10px}.save-state{display:none}.st-select{gap:0;font-size:0}.st-select select{font-size:11px}#entry-coach{justify-content:center;width:calc(100% - 12px);padding:7px 8px}.coach-copy{text-overflow:ellipsis;overflow:hidden}.coach-detail{display:none}.drawer,.pop{width:auto;max-width:none;left:10px;right:10px}.pop{bottom:calc(var(--status-h) + 12px + var(--kb-inset,0px));max-height:72vh;overflow-y:auto;top:auto!important}.ctx-menu{max-width:none;max-height:min(70vh, calc(100vh - var(--status-h) - 24px));right:10px;left:10px!important}.wheel{width:258px;height:258px}}@media (width<=400px){#topbar{grid-template-columns:auto minmax(0,1fr) auto auto;gap:5px;padding:0 6px}.brand-mark{font-size:20px}.t-title{font-size:11.5px}.transport{gap:2px}.tempo{padding:4px 5px}#statusbar{gap:8px;padding:0 8px}#hud-fill{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#hud-input{font-family:var(--mono);letter-spacing:.1em;border:1px solid var(--line);color:var(--ink-3);cursor:pointer;border-radius:5px;padding:3px 8px;font-size:10px}#hud-input.on{color:#fff;background:var(--accent-fill);border-color:var(--accent-fill)}#hud-tuplet{font-family:var(--mono);letter-spacing:.06em;border:1px solid color-mix(in srgb, var(--warn) 78%, #000);color:#2a1c05;background:var(--warn);cursor:pointer;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700}#hud-tuplet[hidden],#hud-tuplet-sep[hidden]{display:none}.inline-text{z-index:80;width:150px;font:600 13px var(--ui);color:var(--ink);background:var(--raised-2);border:1px solid var(--accent-line);border-radius:var(--r-md);box-shadow:var(--shadow-float);padding:7px 10px;position:fixed}.inline-text:focus{outline:none}#voice-card .seg{margin-bottom:12px}#chord-builder{flex-direction:column;gap:10px;margin-top:12px;display:flex}#chord-chips{flex-wrap:wrap;gap:5px;min-height:30px;display:flex}.chip-note{border:1px solid var(--accent-line);background:var(--accent-wash);color:var(--accent);font:600 12.5px var(--ui);animation:rise .16s var(--ease);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.chip-note button{color:inherit;opacity:.7;font-size:10px}.chord-name{font-family:var(--display);text-align:center;min-height:28px;color:var(--ink);font-size:24px;font-weight:600}#chord-builder .rail-pair .accent-btn{padding:9px 0}.help-grid.editable{grid-template-columns:repeat(3,1fr);max-height:56vh;overflow-y:auto}.sc-list{flex-direction:column;gap:3px;display:flex}.sc-row{grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:2px 0;display:grid}.sc-label{color:var(--ink-2);font-size:12px}.sc-bind{font-family:var(--mono);border:1px solid var(--line);color:var(--ink);background:var(--canvas);white-space:nowrap;border-radius:5px;padding:3px 8px;font-size:11px}.sc-bind:hover{border-color:var(--line-strong)}.sc-bind.customized{color:var(--accent);border-color:var(--accent-line)}.sc-bind.capturing{color:#fff;background:var(--accent-fill);border-color:var(--accent-fill)}.sc-reset{color:var(--ink-3);font-size:12px}.sc-reset:hover{color:var(--ink)}.sc-footer{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 16px;font-size:11.5px;display:flex}.sc-scheme{color:var(--ink-2);align-items:center;gap:8px;display:inline-flex}.sc-scheme select{max-width:320px;font:inherit;color:inherit;background:var(--paper,transparent);border:1px solid var(--line);border-radius:6px;padding:4px 6px}.new-score{width:min(460px,94vw)}.ns-body{flex-direction:column;gap:12px;padding:18px 20px 20px;display:flex}.ns-row{gap:10px;display:flex}.ns-row .ns-field{flex:1}.ns-field{flex-direction:column;gap:4px;display:flex}.ns-field span{color:var(--ink-3);font-size:11px}.ns-field input,.ns-field select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);padding:8px 10px;font-size:13px}.ns-field input:focus,.ns-field select:focus{border-color:var(--accent-line);outline:none}.midi-import{width:min(640px,100vw - 28px)}.midi-import .ns-row{flex-wrap:wrap}.midi-import .ns-row .ns-field{min-width:140px}.midi-summary{border-left:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--panel));flex-direction:column;gap:4px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.midi-summary strong{color:var(--ink-1);font-size:13px}.midi-summary span,.midi-warnings{color:var(--ink-3)}.sing-rhythm-offer{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.sing-rhythm-offer p{color:var(--ink-1);margin:6px 0 10px;font-family:Noto Music,Bravura Text,serif;font-size:17px;line-height:1.4}.midi-warnings{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));padding:10px 12px;font-size:11px;line-height:1.55}.sel-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.sel-box{background:#4684ff29;border-radius:3px;position:absolute;box-shadow:inset 0 0 0 1px #4684ff80}.pick-note{box-sizing:border-box;border:2px solid var(--pick,#e24e37);background:color-mix(in srgb, var(--pick,#e24e37) 12%, transparent);box-shadow:0 0 0 1.5px var(--pick-paper,#fff);border-radius:999px;position:absolute}#page{position:relative}#page svg{cursor:default}body.note-input #page svg{cursor:crosshair}body.dragging-pitch #page svg{cursor:ns-resize}.ctx-menu{z-index:200;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-md);min-width:234px;max-width:300px;max-height:min(78vh,720px);box-shadow:var(--shadow-float);animation:rise .13s var(--ease);padding:6px;position:fixed;overflow-y:auto}.ctx-item{border-radius:var(--r-sm);width:100%;color:var(--ink);font:400 13px var(--ui);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:7px 9px;display:flex}.ctx-item:hover:not(:disabled),.ctx-item:focus-visible{background:var(--raised-2);outline:none}.ctx-item:disabled{color:var(--ink-faint);cursor:default}.ctx-item.danger:hover:not(:disabled){background:var(--accent-wash);color:var(--accent-hot)}.ctx-check{width:12px;color:var(--accent);flex:none;font-size:11px}.ctx-label{flex:1}.ctx-kbd{color:var(--ink-3);font:400 11px var(--mono);letter-spacing:.02em}.ctx-sep{background:var(--line-soft);height:1px;margin:5px 8px}.ctx-head{color:var(--ink-3);font:600 10px var(--ui);letter-spacing:.1em;text-transform:uppercase;padding:8px 9px 4px}.ctx-inline{flex-wrap:wrap;gap:4px;padding:2px 8px 8px;display:flex}.ctx-chip{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised-2);min-width:30px;color:var(--ink-2);font:500 12px var(--ui);cursor:pointer;transition:border-color .12s var(--ease), color .12s var(--ease);padding:5px 8px}.ctx-chip:hover{color:var(--ink);border-color:var(--line-strong)}.ctx-chip.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.chord-pal{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;display:grid}.chord-chip{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);color:var(--ink-2);font:500 10.5px var(--ui);cursor:pointer;transition:border-color .12s var(--ease), color .12s var(--ease);padding:6px 2px}.chord-chip:hover{color:var(--ink);border-color:var(--line-strong)}.chord-chip.active{color:#fff;background:var(--accent-fill);border-color:var(--accent)}.rail-note{color:var(--ink-3);margin:8px 0 0;font-size:10.5px;line-height:1.45}body.chord-mode #hud-input:after{content:" · CHORD";color:var(--accent)}#speech-card{width:268px}.speech-heard{min-height:17px;color:var(--ink-2);font:italic 400 12px var(--ui);margin:4px 0 10px}.speech-log{flex-direction:column;gap:3px;min-height:26px;margin-bottom:10px;display:flex}.sp-line{border-radius:var(--r-sm);background:var(--canvas);color:var(--ink);font:500 11.5px var(--mono);padding:3px 7px}.sp-line:first-child{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-line)}.speech-help{border-top:1px solid var(--line-soft);padding-top:10px}.speech-help p{color:var(--ink-3);margin:0 0 5px;font-size:10.5px;line-height:1.5}.speech-help strong{color:var(--ink-2);font-weight:600}.ex-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.inline-lyric{font-weight:400}.inline-chord{font:700 14px var(--ui)}.theme-wrap{position:relative}.theme-btn{align-items:center;gap:7px;display:inline-flex}.theme-swatch,.td-swatch{border-radius:3px;flex:none;width:13px;height:13px;box-shadow:inset 0 0 0 1px #ffffff38}.td-swatch{width:15px;height:15px}.theme-dot:hover,.theme-dot:focus-visible{background:var(--raised-2);color:var(--ink);outline:none}.theme-dot.active{color:var(--accent)}.theme-dot.active .td-name:after{content:" ✓"}.confirm-card{max-width:420px}.confirm-body{color:var(--ink);white-space:pre-line;margin:0 0 4px;font-size:15px;line-height:1.55}.ask-card{width:min(420px,94vw)}.ask-card .ns-body{gap:14px}.ask-card .confirm-actions{margin-top:2px}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.danger-btn{background:var(--accent-fill)}.danger-btn:hover{background:var(--accent-fill-hot)}#viz-overlay{z-index:300;background:#000;position:fixed;inset:0}#viz-canvas{width:100%;height:100%;display:block}#viz-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c10d1;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.viz-looks{gap:4px;display:flex}.viz-look{color:#ffffffb8;font:500 12px var(--ui);cursor:pointer;background:#ffffff12;border:1px solid #0000;border-radius:999px;padding:7px 13px}.viz-look:hover{color:#fff}.viz-look.active{color:#111;background:#fff}.seq-found{border-radius:var(--r-sm);background:var(--canvas);color:var(--ink-2);margin:0 0 10px;padding:9px 11px;font-size:12.5px;line-height:1.5}.seq-found strong{color:var(--accent);font-weight:600}.seq-grid{grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:12px;display:grid}.seq-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised-2);color:var(--ink-2);font:500 12px var(--ui);cursor:pointer;padding:9px 2px}.seq-btn:hover{color:var(--ink);border-color:var(--accent-line)}#viz-strip-host{z-index:2;pointer-events:none;position:absolute;inset:0}.viz-strip{background:linear-gradient(#090c148c,#090c14ed 22%,#090c14ed);border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff1f;position:absolute;left:0;right:0;overflow:hidden}.viz-strip-inner{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.viz-strip-inner svg{display:block}.viz-strip:after{content:"";left:var(--viz-now,32%);background:var(--viz-playhead,#5ac8ff);width:1.5px;box-shadow:0 0 12px var(--viz-playhead,#5ac8ff);position:absolute;top:6%;bottom:6%}.viz-strip-marks{pointer-events:none;position:absolute;inset:0}.viz-strip-mark{border-radius:4px;transition:opacity 90ms linear;position:absolute}@media (width>=761px){#rail-tools{flex-direction:column;display:flex}}.rail-sec[data-sec=duration]{order:1}.rail-sec[data-sec=tuplet]{order:2}.rail-sec[data-sec=accidental]{order:3}.rail-sec[data-sec=articulation]{order:4}.rail-sec[data-sec=voice]{order:5}.rail-sec[data-sec=chord]{order:6}.rail-sec[data-sec=patterns]{order:7}.rail-sec[data-sec=signature]{order:20}.rail-sec[data-sec=score]{order:21}.rail-sec[data-sec=input]{order:30}.rail-sec[data-sec=signature],.rail-sec[data-sec=input]{border-top:1px solid var(--line);margin-top:var(--s-2);padding-top:var(--s-5)}.rail-h[data-sec]{color:var(--ink-3)}.rail-sec:hover>.rail-h[data-sec],.rail-sec:focus-within>.rail-h[data-sec]{color:var(--ink-2)}.rail-sec .tool:hover,.rail-sec .wide-btn:hover,.rail-sec .chord-chip:hover,.rail-sec .voice-btn:hover{border-color:var(--line-strong);color:var(--ink)}.artic-grid{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.artic-btn{height:34px;font-size:17px;line-height:1}.sub-h{text-transform:uppercase;letter-spacing:.11em;color:var(--ink-3);opacity:.75;margin-top:8px;margin-bottom:2px;font-size:9px;font-weight:600}#grace-grid{grid-template-columns:repeat(3,1fr)}.chord-card{max-width:560px}.ce-h{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:6px 0 2px;font-size:10px;font-weight:600}.ce-row{flex-wrap:wrap;gap:5px;display:flex}.ce-chip{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised-2);cursor:pointer;transition:border-color .12s var(--ease), background .12s var(--ease);flex-direction:column;align-items:center;gap:1px;padding:6px 10px;display:flex}.ce-chip:hover{border-color:var(--accent-line);background:var(--accent-wash)}.ce-sym{font:600 13px var(--ui);color:var(--ink)}.ce-lab{font:400 9.5px var(--mono);color:var(--ink-3)}.ce-voicings{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.ce-voicing{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised-2);color:var(--ink-2);font:500 11.5px var(--ui);text-align:left;cursor:pointer;padding:8px 10px}.ce-voicing:hover{color:var(--ink);border-color:var(--line-strong)}.ce-voicing.active{color:#fff;background:var(--accent-fill);border-color:var(--accent)}.ce-preview{border-radius:var(--r-sm);background:var(--canvas);color:var(--ink-2);font:500 12px var(--mono);min-height:34px;margin:2px 0;padding:8px 10px}.fl-slider{align-items:center;gap:12px;display:flex}.fl-slider input[type=range]{accent-color:var(--accent);flex:1}.fl-out{text-align:right;min-width:46px;font:600 15px var(--mono);color:var(--accent);font-variant-numeric:tabular-nums}.ts-group{flex-direction:column;gap:6px;margin:12px 0 4px;display:flex}.ts-groups{overscroll-behavior:contain;flex-wrap:wrap;gap:4px;max-height:168px;display:flex;overflow-y:auto}.ts-grp{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);font-family:var(--mono);color:var(--ink-2);white-space:nowrap;transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);padding:5px 9px;font-size:11px}.ts-grp:hover{color:var(--ink);border-color:var(--line-strong)}.ts-grp.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.ts-renotate{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;margin:10px 0 12px;font-size:12px;display:flex}.ts-renotate input{accent-color:var(--accent)}.wide-pop{width:min(460px,100vw - 32px)}.pop-note{color:var(--ink-3);margin:0 0 12px;font-size:12px}.route-list{flex-direction:column;gap:8px;display:flex}.route{text-align:left;border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);width:100%;transition:border-color .13s var(--ease), background .13s var(--ease);padding:12px 14px;display:block}.route:hover{border-color:var(--accent-line);background:var(--accent-wash)}.route-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.route-name{color:var(--ink);font-size:13px;font-weight:600}.route-bars{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;font-size:11px}.route-why{color:var(--ink-2);margin-top:4px;font-size:12px;line-height:1.45}.route-tag{letter-spacing:.04em;text-transform:uppercase;background:var(--accent-wash);color:var(--accent);border:1px solid var(--accent-line);border-radius:999px;margin-top:7px;padding:2px 7px;font-size:10px;display:inline-block}#palette-bar{border-bottom:1px solid var(--line);background:var(--panel);scrollbar-width:none;flex:none;align-items:center;gap:10px;height:38px;padding:0 16px;display:flex;overflow-x:auto}#palette-bar::-webkit-scrollbar{display:none}.pb-label{font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-weight:600}.pb-chips{align-items:center;gap:4px;display:flex}.pb-chip{font-size:var(--t-ui);color:var(--ink-3);white-space:nowrap;transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;display:inline-flex}.pb-chip:hover{color:var(--ink);background:var(--raised)}.pb-chip.on{color:var(--ink);border-color:var(--line);background:var(--raised);box-shadow:var(--shadow-lift)}.pb-chip.on:hover{background:var(--raised-2);border-color:var(--line-strong)}.pb-reset{color:var(--ink-3);white-space:nowrap;border:1px solid #0000;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:11px}.pb-reset:hover{color:var(--ink);border-color:var(--line)}.rail-sec[hidden]{display:none}@media (width<=900px){#palette-bar{height:34px;padding:0 10px}.pb-label{display:none}}.rail-sub{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:12px 0 6px;font-size:10px;font-weight:600}.scale-pal{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.scale-chip{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);flex-direction:column;align-items:center;gap:1px;padding:5px 2px;display:flex}.scale-chip:hover{border-color:var(--line-strong);background:var(--raised)}.sc-sym{font-family:var(--mono);color:var(--ink);overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:10.5px;line-height:1.15}.sc-num{font-family:var(--mono);color:var(--ink-3);font-size:9px;line-height:1.1}.scale-chip:hover .sc-num{color:var(--sec,var(--accent))}.hdr-group{flex:none;align-items:center;gap:6px;display:flex}.hdr-cap{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:9px}.hdr-btns{gap:2px;display:flex}.hdr-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);min-width:22px;height:22px;font-family:var(--mono);color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);justify-content:center;align-items:center;padding:0 5px;font-size:11px;line-height:1;display:inline-flex}.hdr-btn:hover{color:var(--ink);border-color:var(--line-strong)}.hdr-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.pb-sep{background:var(--line);flex:none;width:1px;height:16px}#view-bar{z-index:6;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:max-content;box-shadow:var(--shadow-float);background:#16161af0;border-radius:999px;align-items:center;gap:2px;margin:-18px -14px -30px auto;padding:4px 6px;display:flex;position:sticky;top:0}.vb-btn{min-width:24px;height:24px;color:var(--ink-2);transition:color .13s var(--ease), background .13s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;line-height:1;display:inline-flex}.vb-btn:hover{color:var(--ink);background:var(--raised-2)}.vb-btn:disabled{opacity:.32;pointer-events:none}.vb-read{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;padding:0 6px;font-size:10px}.vb-sep{background:var(--line);width:1px;height:14px;margin:0 3px}#page-wrap{transition:width .14s var(--ease)}.page-break{border-top:1px dashed var(--line-strong);opacity:.5;pointer-events:none;height:0;position:absolute;left:0;right:0}.page-break:after{content:attr(data-label);font-family:var(--mono);letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase;font-size:8px;position:absolute;top:3px;right:6px}@media (width<=900px){#view-bar{margin:-14px -6px 8px auto}#entry-coach{margin:0 auto 12px;top:8px}.hdr-cap{display:none}}#save-state.is-failed{color:var(--accent);letter-spacing:.06em;font-weight:700}#save-state.is-failed:before{background:var(--accent);animation:none}.ver-list{flex-direction:column;gap:6px;max-height:52vh;display:flex;overflow-y:auto}.ver-row{text-align:left;border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);width:100%;transition:border-color .13s var(--ease), background .13s var(--ease);grid-template-columns:1fr auto;grid-template-areas:"when what""why why";gap:2px 12px;padding:10px 12px;display:grid}.ver-row:hover{border-color:var(--accent-line);background:var(--accent-wash)}.ver-when{color:var(--ink);grid-area:when;font-size:13px;font-weight:600}.ver-what{font-family:var(--mono);color:var(--ink-2);grid-area:what;font-size:11px}.ver-why{color:var(--ink-3);grid-area:why;font-size:11px}.examples-card{width:min(720px,100vw - 32px)}.ex-body{max-height:62vh;padding-right:4px;overflow-y:auto}.ex-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:6px;display:grid}.ex-card{text-align:left;border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);transition:border-color .13s var(--ease), background .13s var(--ease);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.ex-card:hover{border-color:var(--accent-line);background:var(--accent-wash)}.ex-title{color:var(--ink);font-size:14px;font-weight:600}.ex-sub{color:var(--ink-2);font-size:11px}.ex-shows{color:var(--ink-3);margin-top:3px;font-size:11px;line-height:1.4}.welcome-card{width:min(560px,100vw - 32px)}.welcome-lead{color:var(--ink);margin:0 0 14px;font-size:14px;line-height:1.5}.welcome-list{flex-direction:column;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.welcome-list li{color:var(--ink-2);padding-left:16px;font-size:12.5px;line-height:1.5;position:relative}.welcome-list li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.welcome-list b{color:var(--ink);font-weight:600}.welcome-actions{gap:8px;display:flex}.welcome-actions button{flex:1;padding:10px 14px}.welcome-foot{color:var(--ink-3);margin:14px 0 0;font-size:11px}.voice-device{color:var(--ink-3);align-items:center;gap:6px;margin:8px 0 6px;font-size:10px;display:flex}.voice-device span{color:var(--ink-2);font-family:var(--mono)}.voice-device select{background:var(--bg-2);min-width:0;color:var(--ink-2);border:1px solid var(--line);font:inherit;font-family:var(--mono);cursor:pointer;border-radius:6px;flex:1;padding:4px 6px}.voice-device select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}body.talking:after{content:"Listening…";z-index:60;border:1px solid var(--accent-line);background:var(--accent);color:#fff;letter-spacing:.02em;box-shadow:var(--shadow-float);animation:talk-pulse 1.1s var(--ease) infinite;pointer-events:none;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:600;position:fixed;bottom:54px;left:50%;transform:translate(-50%)}@keyframes talk-pulse{0%,to{opacity:1}50%{opacity:.66}}.chart-card{width:min(880px,100vw - 32px)}.chart-tools{align-items:center;gap:12px;display:flex}.chart-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;padding-bottom:10px;display:flex}#chart-title{color:var(--ink);font-size:18px;font-weight:600}#chart-meta{font-family:var(--mono);color:var(--ink-3);font-size:11px}.chart-body{max-height:60vh;overflow-y:auto}.chart-section{gap:10px;margin-bottom:14px;display:flex}.chart-label{border:1.5px solid var(--ink-3);height:26px;font-family:var(--mono);color:var(--ink);border-radius:3px;flex:0 0 26px;place-items:center;font-size:12px;font-weight:700;display:grid}.chart-grid{border:1px solid var(--line-strong);border-radius:var(--r-sm);flex:1;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.chart-bar{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--canvas);min-height:62px;transition:background .12s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 6px;display:flex}.chart-grid .chart-bar:nth-child(4n){border-right:none}.chart-bar:hover{background:var(--accent-wash)}.chart-sym{font-family:var(--mono);color:var(--ink);font-size:15px;font-weight:600;line-height:1.2}.chart-num{font-family:var(--mono);color:var(--accent);font-size:10px;line-height:1.2}.chart-body.no-analysis .chart-num{display:none}.chart-same .chart-sym{color:var(--ink-3);font-size:20px}.chart-bar.rep-open{border-left:4px double var(--ink-2)}.chart-bar.rep-close{border-right:4px double var(--ink-2)}@media (width<=640px){.chart-grid{grid-template-columns:repeat(2,1fr)}.chart-grid .chart-bar:nth-child(4n){border-right:1px solid var(--line)}.chart-grid .chart-bar:nth-child(2n){border-right:none}}.band{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:14px;padding-top:12px;display:flex}.band-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.band-cap{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.band-field{color:var(--ink-3);align-items:center;gap:6px;font-size:11px;display:flex}.band-field select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink);padding:5px 8px;font-size:12px}.band-stems{gap:4px;display:flex}.stem-btn{border:1px solid var(--line);color:var(--ink-3);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease), opacity .13s var(--ease);background:0 0;border-radius:999px;padding:5px 11px;font-size:11px}.stem-btn.on{color:var(--ink);border-color:var(--accent-line);background:var(--accent-wash)}.stem-btn:not(.on){opacity:.45;text-decoration:line-through}#band-write{margin-left:auto;padding:5px 11px;font-size:11px}.page-studio{background:#14161a}.page-projector{background:#eef1f4}.page-inkrule{background:#fbf9f5}.page-irongall{background:#e8dbbc}.page-quire{background:#efe7d6}.page-realbook{background:#f4efe0}.manual-tour{z-index:12000;pointer-events:none;color:#f5f3ef;position:fixed;inset:0}.tour-blur{z-index:0;-webkit-backdrop-filter:blur(8px)saturate(.6);backdrop-filter:blur(8px)saturate(.6);pointer-events:auto;transition:left .22s var(--ease), top .22s var(--ease), width .22s var(--ease), height .22s var(--ease);background:#0a0908b3;position:fixed}.tour-spotlight,.tour-hitguard{transition:left .22s var(--ease), top .22s var(--ease), width .22s var(--ease), height .22s var(--ease);border-radius:13px;position:fixed}.tour-spotlight{z-index:1;pointer-events:none;border:2px solid #eb4e36f2;box-shadow:0 0 0 1px #ffffff26,0 0 0 6px #eb4e361f,0 18px 60px #00000061}.tour-hitguard{z-index:2;pointer-events:auto;cursor:default}.tour-target-label{z-index:3;color:#ff8a74;max-width:210px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0e0e13eb;border:1px solid #f45b4094;border-radius:999px;padding:5px 9px 4px;font-size:9px;font-weight:600;line-height:1.2;position:fixed;overflow:hidden;box-shadow:0 5px 18px #00000047}.tour-card{z-index:4;pointer-events:auto;width:min(430px,100vw - 36px);transition:left .22s var(--ease), top .22s var(--ease);scrollbar-width:thin;scrollbar-color:#fff3 transparent;background:radial-gradient(circle at 92% 0,#eb482f26,#0000 34%),linear-gradient(155deg,#1d1e26fb,#0d0e13fc);border:1px solid #ffffff29;border-radius:20px;padding:29px 30px 24px;position:fixed;overflow:auto;box-shadow:0 34px 90px #00000094,inset 0 2px #ffffff0a}.tour-card:before{content:"";border:solid var(--line-strong);background:var(--raised);width:15px;height:15px;position:absolute;transform:rotate(45deg)}.tour-card[data-side=right]:before{border-width:0 0 1px 1px;top:52px;left:-8px}.tour-card[data-side=left]:before{border-width:1px 1px 0 0;top:52px;right:-8px}.tour-card[data-side=below]:before{border-width:1px 0 0 1px;top:-8px;left:44px}.tour-card[data-side=above]:before{border-width:0 1px 1px 0;bottom:-8px;left:44px}.tour-card[data-side=center]:before{display:none}.tour-progress{background:#ffffff14;border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:18px;right:18px;overflow:hidden}.tour-progress span{border-radius:inherit;width:0;height:100%;transition:width .22s var(--ease);background:linear-gradient(90deg,#e9482f,#ff9d78);display:block}.tour-close{color:#ffffff8c;width:28px;height:28px;transition:color .13s var(--ease), background .13s var(--ease);border-radius:50%;font-size:16px;position:absolute;top:14px;right:14px}.tour-close:hover,.tour-close:focus-visible{color:#fff;background:#ffffff14}.tour-section{color:#ff785f;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px;font-size:9.5px;font-weight:600}.tour-title{color:#fffdf9;letter-spacing:-.022em;max-width:340px;margin:0 0 12px;font-family:Newsreader,Cormorant Garamond,Georgia,serif;font-size:31px;font-weight:500;line-height:1.02}.tour-copy{color:#ebeaf0c7;margin:0;font-size:13.5px;line-height:1.62}.tour-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:17px;display:grid}.tour-shortcut{background:#ffffff09;border:1px solid #ffffff17;border-radius:10px;min-width:0;padding:9px 10px}.tour-shortcut kbd{color:#fff;font-family:var(--mono);white-space:nowrap;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.tour-shortcut span{color:#e2e2ea8f;font-size:9.5px;line-height:1.25;display:block}.tour-note{color:#ffe1d9c7;background:#eb482f13;border:1px solid #eb482f2e;border-radius:11px;margin:16px 0 0;padding:11px 13px 11px 28px;font-size:11px;line-height:1.45}.tour-note:before{content:"●";float:left;color:#ee5a40;margin-left:-16px;font-size:7px;line-height:1.9}.tour-jump{color:#ffffffad;text-underline-offset:3px;margin-top:16px;font-size:11px;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.tour-jump:hover{color:#fff}.tour-dots{align-items:center;gap:5px;margin-top:20px;display:flex}.tour-dot{width:17px;height:4px;transition:width .16s var(--ease), background .16s var(--ease);background:#ffffff24;border-radius:999px}.tour-dot:hover{background:#ffffff57}.tour-dot.on{background:#ee5238;width:29px}.tour-foot{border-top:1px solid #ffffff17;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:15px;padding-top:15px;display:grid}.tour-back,.tour-next{border-radius:10px;min-width:78px;padding:9px 14px;font-size:11.5px;font-weight:600}.tour-back{color:#ffffffad;border:1px solid #ffffff21}.tour-back:disabled{opacity:.28}.tour-next{color:#fff;background:#e7472f;box-shadow:0 6px 18px #da3a2247}.tour-next:hover,.tour-next:focus-visible{background:#f25439}.tour-count{color:#ffffff61;font-family:var(--mono);justify-self:center;font-size:9.5px}.manual-tour button:focus-visible{outline-offset:2px;outline:2px solid #ff8a72}@media (width<=760px){.tour-blur{-webkit-backdrop-filter:blur(4px)saturate(.62);backdrop-filter:blur(4px)saturate(.62)}.tour-card{border-radius:17px;width:min(420px,100vw - 24px);padding:25px 22px 20px}.tour-title{padding-right:24px;font-size:27px}.tour-copy{font-size:12.5px}.tour-shortcuts{grid-template-columns:1fr}.tour-dot{flex:1;width:auto;max-width:18px}.tour-dot.on{flex:1.6;width:auto;max-width:30px}}@media (prefers-reduced-motion:reduce){.tour-blur,.tour-spotlight,.tour-hitguard,.tour-card,.tour-progress span,.tour-dot{transition:none}}.manual-overlay{padding:24px}.manual{border:1px solid var(--line-strong);border-radius:var(--r-lg,8px);background:var(--panel);width:min(1000px,100%);height:min(640px,100vh - 48px);box-shadow:var(--shadow-float);grid-template-columns:236px 1fr;display:grid;overflow:hidden}.manual-rail{border-right:1px solid var(--line);background:var(--canvas);flex-direction:column;gap:14px;min-height:0;padding:22px 16px 16px;display:flex}.manual-brand{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;padding:0 6px 12px;display:flex}.manual-mark{color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:600;line-height:1}.manual-sub{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-size:9px}.manual-nav{flex-direction:column;flex:1;gap:1px;min-height:0;display:flex;overflow-y:auto}.manual-link{text-align:left;border-radius:var(--r-sm);color:var(--ink-3);transition:color .13s var(--ease), background .13s var(--ease);grid-template-columns:22px 1fr;align-items:baseline;gap:9px;padding:9px 8px;display:grid}.manual-link:hover{color:var(--ink);background:var(--raised)}.manual-link.on{color:var(--ink);background:var(--raised-2)}.manual-link.read .ml-num{color:var(--accent)}.ml-num{color:var(--ink-3);text-align:right;font-family:Cormorant Garamond,Georgia,serif;font-size:14px}.ml-title{font-size:12.5px;line-height:1.35}.manual-cta{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease);padding:9px 10px;font-size:11.5px}.manual-cta:hover{color:var(--ink);border-color:var(--line-strong)}.manual-body{flex-direction:column;min-height:0;display:flex;position:relative}.manual-x{z-index:2;position:absolute;top:14px;right:14px}.manual-scroll{flex:1;min-height:0;padding:34px 46px 26px 40px;overflow-y:auto}.manual-numeral{letter-spacing:.2em;color:var(--accent);margin-bottom:6px;font-family:Cormorant Garamond,Georgia,serif;font-size:15px}.manual-title{color:var(--ink);margin:0 0 8px;font-family:Cormorant Garamond,Georgia,serif;font-size:32px;font-weight:600;line-height:1.08}.manual-stand{border-bottom:1px solid var(--line);color:var(--ink-2);max-width:56ch;margin:0 0 22px;padding-bottom:16px;font-size:14px;line-height:1.5}.manual-prose{max-width:62ch}.manual-prose p{color:var(--ink-2);margin:0 0 14px;font-size:13.5px;line-height:1.62}.manual-prose b{color:var(--ink);font-weight:600}.manual-prose i{color:var(--ink);font-style:italic}.manual-prose ul{margin:0 0 14px;padding-left:0;list-style:none}.manual-prose li{color:var(--ink-2);margin-bottom:7px;padding-left:17px;font-size:13.5px;line-height:1.55;position:relative}.manual-prose li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:2px}.manual-prose kbd{border:1px solid var(--line-strong);background:var(--raised);min-width:17px;font-family:var(--mono);color:var(--ink);text-align:center;border-bottom-width:2px;border-radius:4px;margin:0 1px;padding:1px 5px;font-size:10.5px;display:inline-block}.manual-foot{border-top:1px solid var(--line);background:var(--canvas);align-items:center;gap:12px;padding:14px 24px;display:flex}.manual-count{font-family:var(--mono);color:var(--ink-3);margin-left:auto;font-size:11px}.manual-foot .accent-btn{padding:9px 20px}@media (width<=760px){.manual{grid-template-columns:1fr;height:calc(100vh - 32px)}.manual-rail{display:none}.manual-scroll{padding:30px 22px 20px}}.mixer-card{width:min(520px,100vw - 32px)}.mixer-rows{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.mix-row{border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);padding:12px 14px}.mix-head{align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.mix-name{color:var(--ink);font-size:13px;font-weight:600}.mix-inst{font-family:var(--mono);color:var(--ink-3);font-size:10px}.mix-mute{border:1px solid var(--line);color:var(--ink-3);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:10.5px}.mix-mute.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.mix-field{color:var(--ink-3);grid-template-columns:54px 1fr 74px;align-items:center;gap:10px;margin-bottom:6px;font-size:11px;display:grid}.mix-field input[type=range]{width:100%;accent-color:var(--accent)}.mix-field output{font-family:var(--mono);color:var(--ink-2);text-align:right;font-size:10.5px}.speech-why{border-top:1px solid var(--line);color:var(--ink-3);margin-top:8px;padding-top:8px;font-size:10.5px;line-height:1.5}#topbar{padding-top:env(safe-area-inset-top,0px);height:calc(var(--topbar-h) + env(safe-area-inset-top,0px))}#statusbar{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(var(--status-h) + env(safe-area-inset-bottom,0px))}@media (pointer:coarse){.hdr-btn,.vb-btn{min-width:40px;min-height:40px}.icon-btn,.accent-btn,.tour-close,.play-btn{min-width:44px;min-height:44px}.tour-jump{min-height:44px}.tempo input{min-height:40px}.voice-btn,.tool,.seg-btn,.acc-btn,.dur-btn{min-height:44px}.tool,.dur-btn{min-width:44px}.mobile-tool-tab{min-height:44px}.mini-btn,.pb-chip,.pb-reset,.field-btn,.wide-btn,.st-select select,#hud-input{min-height:40px}#palette-bar{height:52px}.x-btn{min-width:40px;min-height:40px}.t-title,.t-composer,.chord-chip{min-height:36px}.tempo{min-height:40px}}@supports (height:100dvh){.pop{max-height:calc(100dvh - var(--status-h) - 24px)}.manual{height:min(640px,100dvh - 48px)}@media (width<=760px){.manual{height:calc(100dvh - 32px)}}}.hand-split-bar{left:50%;bottom:calc(var(--status-h) + 18px + var(--kb-inset,0px));z-index:120;background:var(--raised);border:1px solid var(--line-strong);box-shadow:var(--shadow-float);animation:rise .14s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:absolute;transform:translate(-50%)}.hand-split-title{color:var(--ink-3)}.hand-split-value{text-align:center;min-width:34px;font-family:var(--mono);color:var(--accent);font-size:14px}.hand-split-counts{color:var(--ink-3);font-family:var(--mono);border-left:1px solid var(--line);padding-left:4px;font-size:10.5px}.hand-split-btn,.hand-split-done{border:1px solid var(--line-strong);background:var(--bg-2);min-width:30px;min-height:30px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 10px}.hand-split-btn:hover,.hand-split-done:hover{background:var(--raised-2,var(--panel));border-color:var(--accent)}.hand-split-btn:active,.hand-split-done:active{transform:scale(.96)}@media (pointer:coarse){.hand-split-btn,.hand-split-done{min-width:42px;min-height:42px}}.support-card{max-width:452px;overflow:hidden}.support-card .pc-head{background:linear-gradient(180deg, var(--accent-wash), transparent);border-bottom-color:var(--accent-line)}.support-card .pc-title{align-items:center;gap:9px;display:flex}.support-card .pc-title:before{content:"♥";color:var(--accent);font-size:15px;line-height:1}.support-body{gap:var(--s-4);padding:var(--s-4) var(--s-5) var(--s-5);font-size:var(--t-body);color:var(--ink-2);line-height:1.55;display:grid}.support-why{margin:0}.support-why strong{color:var(--ink)}.support-nolimit{border:1px solid var(--accent-line);border-radius:var(--r-md);background:linear-gradient(180deg, var(--accent-wash), #e24e370d);font-size:var(--t-lead);color:var(--ink);text-align:center;margin:0;padding:12px 14px;font-weight:600;line-height:1.4}.support-routes{gap:var(--s-2);display:grid}.support-route{border:1px solid var(--line);border-radius:var(--r-md);background:var(--raised);box-shadow:var(--shadow-lift);color:var(--ink);text-align:left;font:inherit;cursor:pointer;min-height:44px;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);align-content:center;gap:2px;padding:11px 38px 11px 13px;text-decoration:none;display:grid;position:relative}.support-route:after{content:"→";color:var(--ink-faint);transition:color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);font-size:14px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.support-copy.support-route:after{content:"⧉"}.support-route:hover{border-color:var(--accent-line);background:var(--raised-2)}.support-route:hover:after{color:var(--accent);transform:translateY(-50%)translate(2px)}.support-copy.support-route:hover:after{transform:translateY(-50%)}.support-route:active{transform:translateY(1px)}.support-route:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.support-route-name{font-weight:600;font-size:var(--t-ui)}.support-route-detail{font-family:var(--mono);font-size:var(--t-small);color:var(--ink-2);overflow-wrap:anywhere}.support-qr{gap:var(--s-4);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);grid-template-columns:auto 1fr;align-items:center;margin:0;display:grid}.support-qr img{border-radius:var(--r-sm);box-sizing:border-box;background:#fff;width:132px;height:132px;padding:7px;display:block}.support-qr figcaption{font-size:var(--t-small);color:var(--ink-2);line-height:1.5}.support-bank{border-top:1px solid var(--line-soft);padding-top:var(--s-3)}.support-bank summary{cursor:pointer;font-weight:600;font-size:var(--t-ui);color:var(--ink);border-radius:var(--r-sm);align-items:center;gap:7px;min-height:24px;list-style:none;display:flex}.support-bank summary::-webkit-details-marker{display:none}.support-bank summary:before{content:"";border-right:1.5px solid var(--ink-faint);border-bottom:1.5px solid var(--ink-faint);width:6px;height:6px;transition:transform var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);flex:none;transform:rotate(-45deg)}.support-bank[open] summary:before{transform:rotate(45deg)}.support-bank summary:hover:before{border-right-color:var(--accent);border-bottom-color:var(--accent)}.support-bank p{margin:var(--s-2) 0 var(--s-2);font-size:var(--t-small)}.support-bank dl{gap:5px var(--s-3);padding:11px var(--s-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);font-size:var(--t-small);grid-template-columns:max-content 1fr;margin:0;display:grid}.support-bank dt{color:var(--ink-3)}.support-bank dd{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;margin:0}.support-foot{font-size:var(--t-small);color:var(--ink-3);text-align:center;margin:0}.support-share{gap:var(--s-2);flex-wrap:wrap;display:flex}.support-share .mini-btn{min-height:38px;padding-inline:var(--s-3);flex:auto}#hud-midi{color:var(--ink-3);gap:6px}#hud-midi .midi-dot{background:var(--line-strong);border-radius:50%;flex-shrink:0;width:6px;height:6px}#hud-midi.is-connected .midi-dot{background:var(--good)}#hud-midi.is-pending .midi-dot{background:var(--accent);animation:.85s ease-in-out infinite alternate midi-wait}#hud-midi.is-count-in .midi-dot,#hud-midi.is-recording .midi-dot{background:#d64545}#hud-midi.is-recording .midi-dot{animation:1s ease-in-out infinite rec-pulse}#hud-midi .midi-label{white-space:nowrap}#hud-midi.is-connected .midi-label{color:var(--ink-2)}#hud-midi.is-recording .midi-label,#hud-midi.is-count-in .midi-label{color:#d64545;font-weight:600}#hud-midi .midi-last{font-family:var(--mono);color:var(--accent);font-weight:700}#hud-midi .midi-last:empty{display:none}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.midi-record{gap:6px;display:grid}.midi-record .rec-dot{background:#d64545;border-radius:50%;width:10px;height:10px;display:block;box-shadow:0 0 0 2px #d6454547}.wide-btn.recording{color:#fff;background:#d64545;border-color:#d64545}.wide-btn.recording:hover{color:#fff;background:#c23a3a}.wide-btn.recording .rec-dot{box-shadow:none;background:#fff;animation:1s ease-in-out infinite rec-pulse}.midi-record-grid{color:var(--ink-3);justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.midi-record-grid select{padding:3px 22px 3px 8px;font-size:11.5px}.midi-record.live{border-top:1px solid var(--line-soft);gap:7px;margin-top:4px;padding-top:12px}.midi-record.live>.rail-sub{margin:0 0 1px}.live-source .seg-btn{padding:6px 4px}.live-source .seg-btn[aria-disabled=true]{color:var(--ink-faint);cursor:help}.midi-record.live .live-hint{min-height:2.9em;margin:0}.midi-record.live .midi-record-grid select{border:1px solid var(--line);border-radius:var(--r-sm);background-color:var(--canvas);width:128px;color:var(--ink-2);transition:border-color .13s var(--ease);padding:6px 26px 6px 10px}.midi-record.live .midi-record-grid select:hover{border-color:var(--line-strong)}.midi-record.live{border-bottom:1px solid var(--line-soft);margin-bottom:2px;padding-bottom:10px}.wide-btn.recording .rec-dot{transition:transform .12s var(--ease), box-shadow .12s var(--ease);animation:none}.wide-btn.recording.beat .rec-dot{transition-duration:30ms;transform:scale(1.45);box-shadow:0 0 0 3px #ffffff59}.wide-btn.recording.beat.downbeat .rec-dot{transform:scale(1.8);box-shadow:0 0 0 4px #ffffff80}.rec-btn .rec-idle,.rec-btn .rec-live{place-items:center;display:grid}.rec-btn .rec-live,.rec-btn.recording .rec-idle{display:none}.rec-btn.recording .rec-live{display:grid}.rec-btn .rec-core{color:#d64545}.icon-btn.rec-btn.recording,.icon-btn.rec-btn.recording:hover:not(:disabled){color:#fff;transition:box-shadow .12s var(--ease);background:#d64545;box-shadow:0 0 #d645458c}.icon-btn.rec-btn.recording.beat{transition-duration:30ms;box-shadow:0 0 0 3px #d6454573}.icon-btn.rec-btn.recording.beat.downbeat{box-shadow:0 0 0 5px #d6454599}@media (prefers-reduced-motion:reduce){.wide-btn.recording .rec-dot,.icon-btn.rec-btn.recording{transition:none}.wide-btn.recording.beat .rec-dot,.wide-btn.recording.beat.downbeat .rec-dot{transform:none}}#page-wrap{position:relative}#pdf-bar{z-index:6;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:max-content;max-width:100%;box-shadow:var(--shadow-float);background:#16161af0;border-radius:999px;align-items:center;gap:2px;margin:36px -14px -66px auto;padding:4px 6px;display:flex;position:sticky;top:34px}#pdf-bar .pdf-name{text-overflow:ellipsis;max-width:180px;color:var(--ink-2);overflow:hidden}#pdf-bar .pdf-fade{align-items:center;gap:6px;display:inline-flex}#pdf-bar .pdf-fade input[type=range]{width:72px;accent-color:var(--accent)}#pdf-ref{z-index:3;width:100%;box-shadow:var(--shadow-page);background:#fff;border-radius:3px;position:absolute;top:0;left:0;overflow:hidden}#pdf-ref canvas{width:100%;height:auto;display:block}#page-wrap.ref-beside #pdf-ref{left:calc(100% + 18px)}#page-wrap.ref-behind #pdf-ref{pointer-events:none}.other-program .op-file{font-family:var(--mono);color:var(--ink-3);overflow-wrap:anywhere;font-size:11px}.other-program .op-intro{color:var(--ink-2);font-size:13.5px;line-height:1.55}.other-program .op-steps{margin:0;padding-left:22px;font-size:14px;line-height:1.7}.other-program .op-steps li::marker{color:var(--accent);font-weight:600}.ns-field select,.cr-field select,.sc-scheme select,.band-field select,.voice-device select,.midi-record-grid select,.midi-hand-values select,.support-body select,.drawer select,.help-card select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23928c84' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:11px;padding-right:28px}.ns-field select option,.cr-field select option,.drawer select option,.help-card select option{background:var(--raised);color:var(--ink)}.ns-field input[type=number],.cr-field input[type=number],.band-field input[type=number],.midi-record-grid input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.01em}.x-btn{width:30px;height:30px;font-size:13px}.drawer{background:var(--raised);border-left:1px solid var(--line);box-shadow:-18px 0 40px -20px #000000bf}.drawer .pc-head{z-index:1;background:var(--raised);padding-block:var(--s-4);position:sticky;top:0}.opt{border-radius:var(--r-md);transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease)}.opt:hover{border-color:var(--line-strong);background:var(--raised-2)}#classroom-drawer .cr-tab{min-height:30px;font-size:var(--t-ui)}#classroom-drawer .cr-field select{background-color:var(--canvas);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23928c84' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:11px;min-height:34px}#classroom-drawer .cr-field input{background-color:var(--canvas);min-height:34px}#classroom-drawer .cr-field>span{letter-spacing:var(--track-label);font-size:var(--t-label)}#classroom-drawer .cr-new{min-height:44px;font-size:var(--t-lead);box-shadow:var(--shadow-lift), 0 6px 16px -8px #e24e378c;padding:10px 16px;font-weight:600}.help-grid{gap:var(--s-6) var(--s-8)}.help-col dt kbd{white-space:nowrap}.help-col dl{align-items:start}.help-col dd{line-height:1.45}.pb-chip:focus-visible,.mini-btn:focus-visible,.link-btn:focus-visible,.support-btn:focus-visible,.opt:focus-visible,.cr-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#workspace:has(.drawer:not([hidden])) #stage{padding-right:322px}body.classroom-open #stage{padding-right:322px}@media (width<=900px){body.classroom-open #stage{padding-right:40px}#workspace:has(.drawer:not([hidden])) #stage{padding-right:40px}}.drawer .ex-grid{grid-template-columns:1fr 1fr}.drawer .ex-grid .wide-btn{padding-inline:var(--s-2);font-size:var(--t-small);text-align:center;justify-content:center}@media (width<=1320px){.coach-detail{display:none}}@media (width<=1250px){.pb-label{display:none}.pb-reset{margin-left:var(--s-4)}#palette-bar{padding-right:var(--s-4)}}@media (width>=761px){#rail-tools{padding-bottom:var(--s-4);-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}}.t-row{max-width:380px}.nsm-seo{max-width:42rem;color:var(--ink);font-family:var(--ui), system-ui, sans-serif;background:var(--canvas);border-top:1px solid var(--line);margin:0 auto;padding:2.5rem 1.25rem 7rem;font-size:1.05rem;line-height:1.65}.nsm-seo h1{color:var(--ink);margin:0 0 1rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.75rem;font-weight:500;line-height:1.2}.nsm-seo h2{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin:1.75rem 0 .7rem;font-size:.92rem;font-weight:700}.nsm-seo p,.nsm-seo li,.nsm-seo dd{margin:0 0 .9rem}.nsm-seo ol{margin:0 0 .5rem;padding-left:1.2rem}.nsm-seo a{color:var(--accent)}.nsm-seo dl{margin:0}.nsm-seo dt{margin:1rem 0 .35rem;font-size:.98rem;font-weight:700}.nsm-seo dt:first-child{margin-top:0}.nsm-seo dd{margin:0}@media (width>=761px) and (height<=980px){.rail-foot{gap:6px;padding:10px 12px}.foot-rooms{grid-template-columns:repeat(3,1fr)}.foot-rooms .mini-btn{gap:3px;padding:6px 2px 5px;font-size:11px}.foot-rooms .mini-btn svg{height:14px}.rail-foot .foot-grid:not(.foot-rooms){grid-template-columns:repeat(4,1fr)}.rail-foot .foot-grid:not(.foot-rooms) .mini-btn{padding-inline:2px;font-size:11px}.rail-foot .foot-grid:not(.foot-rooms) .mini-btn svg{display:none}.support-btn{padding:7px 10px}.support-sub{display:none}.nsm-rail-by{margin-top:2px}}.fresh-card{z-index:60;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--raised);max-width:calc(100vw - 32px);color:var(--ink);box-shadow:var(--shadow-float), var(--shadow-lift);animation:card-rise var(--t-slow) var(--ease);align-items:center;gap:12px;padding:10px 10px 10px 16px;font-size:13px;display:flex;position:fixed;bottom:56px;left:50%;transform:translate(-50%)}.fresh-open{border-radius:var(--r-sm);background:var(--accent-fill-hot);color:#fff;font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:0;max-width:60vw;padding:7px 12px;font-weight:600;overflow:hidden}.fresh-x{color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 6px}.fresh-open:focus-visible,.fresh-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.entry-modes{gap:8px}.mode-seg{border:1px solid var(--line);border-radius:var(--r-sm);display:inline-flex;overflow:hidden}.mode-btn{background:var(--canvas);height:22px;color:var(--ink-2);font:600 11px/1 var(--ui,inherit);cursor:pointer;border:0;padding:0 10px}.mode-btn+.mode-btn{border-left:1px solid var(--line)}.mode-btn.active{background:var(--accent-fill-hot);color:#fff}.mode-btn:focus-visible,.grid-select:focus-visible,.mode-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.grid-pick{align-items:center;gap:5px;display:inline-flex}.grid-select,.feel-select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);height:22px;color:var(--ink);padding:0 4px;font-size:11px}.grid-select:disabled,.mode-chip:disabled{opacity:.45}.feel-select{max-width:150px}.feel-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mode-chip{padding:0 8px;font-family:inherit}body.pick-mode #page{cursor:copy}@media (width<=760px){.grid-pick,.mode-chip{display:none}}.pb-chips{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.pb-chips::-webkit-scrollbar{display:none}@media (width<=1640px){.pb-label{display:none}#palette-bar{gap:8px}.pb-chip{padding-left:9px;padding-right:9px}}@media (width<=1320px){#palette-bar .hdr-cap{display:none}}.mode-chip.active{color:#ff8a73}.pb-clear{color:var(--ink-2);border-color:var(--line);flex:none}.pb-clear:hover{color:#ff8a73;border-color:#ff8a73}.mic-review{z-index:72;background:var(--panel);width:min(600px,100vw - 40px);max-height:min(70vh,620px);color:var(--ink);border-radius:14px;flex-direction:column;padding:20px;display:flex;position:fixed;bottom:54px;right:20px;overflow:hidden;box-shadow:0 8px 24px #00000052}.mic-review-head,.mic-review-actions,.mic-review-pages{justify-content:space-between;align-items:center;gap:16px;display:flex}.mic-review h2{margin:0;font-size:16px}.mic-review p{font-size:13px;line-height:1.5}.mic-review-why{max-width:65ch}.mic-review-body{min-height:0;overflow:auto}.mic-review .panel-card{width:auto;max-height:none;box-shadow:none;margin:0 0 16px;position:static}#mic-review-state{color:var(--ink);min-height:2.5em}#mic-review-music{background:var(--white,#fff);border-radius:6px;overflow:auto}#mic-review-music svg{width:100%;height:auto;display:block}#mic-review-notes{overflow-wrap:anywhere}.mic-review-actions{flex-shrink:0;justify-content:flex-end;margin-top:16px}.mic-review-pages{margin-top:12px;font-size:13px}.mic-review button{min-height:44px;padding-inline:16px}@media (width<=600px){.mic-review{box-sizing:border-box;width:calc(100vw - 24px);padding:16px;bottom:46px;right:12px}.mic-review p{font-size:16px}.mic-review-actions,.mic-review-pages{flex-wrap:wrap}}#classroom-drawer{z-index:55;width:328px}#classroom-drawer .drawer-body{gap:14px;padding:14px 16px 22px}.cr-tabs{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);grid-template-columns:repeat(5,1fr);gap:3px;padding:3px;display:grid}.cr-tab{letter-spacing:.01em;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;transition:color .13s var(--ease), background .13s var(--ease);border-radius:5px;padding:7px 2px;font-size:10.5px;font-weight:600;overflow:hidden}.cr-tab:hover{color:var(--ink-2)}.cr-tab.active{background:var(--raised-2);color:var(--ink)}.cr-hint{color:var(--ink-3);margin:-6px 0 0;font-size:11px;line-height:1.45}.cr-settings{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.cr-settings.locked{opacity:.55;pointer-events:none}.cr-field{flex-direction:column;gap:4px;min-width:0;display:flex}.cr-field.wide{grid-column:1/-1}.cr-field>span{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:9.5px;font-weight:600}.cr-field select,.cr-field input[type=number],.cr-field input[type=text]{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);width:100%;min-height:32px;color:var(--ink);font-family:var(--ui);padding:5px 8px;font-size:12px}.cr-field select:hover,.cr-field input:hover{border-color:var(--line-strong)}.cr-field select:focus-visible,.cr-field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cr-checks{grid-template-columns:1fr 1fr;gap:2px 10px;display:grid}.cr-checks .check{padding:4px 0;font-size:11.5px}.cr-sizes{flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}.cr-chip{border:1px solid var(--line);color:var(--ink-3);transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);border-radius:999px;padding:5px 9px;font-size:11px}.cr-chip.on{color:var(--ink);border-color:var(--accent-line);background:var(--accent-wash)}.cr-new{border-radius:var(--r-md);background:var(--accent-fill);color:#fff;letter-spacing:.01em;width:100%;min-height:60px;transition:background .14s var(--ease), transform .14s var(--ease);justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:17px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff1f,0 8px 22px -8px #e24e37b3}.cr-new:hover{background:var(--accent-fill-hot)}.cr-new:active{transform:translateY(1px)}.cr-new kbd,.cr-row kbd{font-family:var(--mono);color:#ffffffd9;background:#00000047;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:500}.cr-row kbd{background:var(--raised-2);color:var(--ink-3)}.cr-row{gap:6px;display:flex}.cr-row>*{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);min-height:38px;color:var(--ink-2);white-space:nowrap;transition:color .13s var(--ease), border-color .13s var(--ease), background .13s var(--ease);flex:1;justify-content:center;align-items:center;gap:7px;padding:7px 8px;font-size:12px;display:inline-flex}.cr-row>:hover{color:var(--ink);border-color:var(--line-strong)}.cr-row>.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.cr-row>[disabled]{opacity:.45;pointer-events:none}.cr-seed{border:1px dashed var(--line);border-radius:var(--r-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.cr-seed>span{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:9.5px;font-weight:600}.cr-seed input{border:1px solid var(--line);background:var(--canvas);width:100%;min-height:30px;color:var(--ink);font-family:var(--mono);letter-spacing:.08em;border-radius:5px;padding:4px 8px;font-size:13px}.cr-seed button{border:1px solid var(--line);color:var(--ink-2);border-radius:5px;padding:6px 10px;font-size:11px}.cr-seed button:hover{color:var(--ink);border-color:var(--line-strong)}.cr-summary{color:var(--ink-2);min-height:18px;margin:0;font-size:12px;line-height:1.5}.cr-summary strong{color:var(--ink);font-weight:600}.cr-answers{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cr-answers li{border:1px solid var(--line);font-family:var(--mono);color:var(--ink-2);border-radius:999px;padding:3px 8px;font-size:11px}.cr-answers li.scale{border-radius:var(--r-sm);width:100%;font-family:var(--ui);justify-content:space-between;gap:8px;font-size:11.5px;display:flex}.cr-answers li.scale em{color:var(--ink-3);font-style:normal}.cr-extra{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:10px;display:flex}.cr-extra .ex-h{margin-bottom:2px}.cr-quiz{border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:10px 12px;display:grid}.cr-quiz-ask{color:var(--ink-2);font-size:12.5px;line-height:1.4}.cr-quiz-score{font-family:var(--mono);color:var(--ink);white-space:nowrap;font-size:13px}.cr-quiz-mark{grid-column:1/-1;align-items:center;gap:10px;min-height:34px;font-size:22px;line-height:1;display:flex}.cr-quiz-mark small{color:var(--ink-3);font-size:12px}.cr-quiz-mark.right{color:var(--good)}.cr-quiz-mark.wrong{color:var(--accent)}.cr-sing{color:var(--ink-2);min-height:18px;font-size:12px;line-height:1.5}.cr-sing strong{font-family:var(--mono);color:var(--ink)}.cr-foot{border-top:1px solid var(--line);gap:6px;padding-top:10px;display:flex}.cr-foot button{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);flex:1;padding:8px;font-size:11.5px}.cr-foot button:hover{color:var(--ink);border-color:var(--line-strong)}@media (width>=1151px){body.classroom-open #stage{margin-right:328px}}@media (width<=1150px){#classroom-drawer{width:min(328px,100vw - 20px)}}@media (width<=760px){#classroom-drawer{width:auto;max-height:min(62vh, calc(100vh - var(--topbar-h) - var(--status-h) - 40px));border-top:1px solid var(--line-strong);border-radius:var(--r-lg) var(--r-lg) 0 0;top:auto;left:0;right:0}.cr-settings{grid-template-columns:1fr 1fr}.cr-new{min-height:54px;font-size:16px}}@media (pointer:coarse){.cr-tab,.cr-row>*,.cr-chip,.cr-foot button{min-height:44px}}#reading-drawer{z-index:56;width:344px}#reading-drawer .drawer-body{gap:13px;padding:14px 16px 22px}.rd-courses{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);grid-template-columns:repeat(5,1fr);gap:3px;padding:3px;display:grid}.rd-course{letter-spacing:.01em;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;transition:color .13s var(--ease), background .13s var(--ease);border-radius:5px;padding:7px 2px;font-size:10.5px;font-weight:600;overflow:hidden}.rd-course:hover{color:var(--ink-2)}.rd-course.active{background:var(--raised-2);color:var(--ink)}.rd-blurb{color:var(--ink-3);margin:-4px 0 0;font-size:11px;line-height:1.45}.rd-levels{scroll-behavior:smooth;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);flex-direction:column;flex:none;gap:1px;min-height:108px;max-height:214px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.rd-level{cursor:pointer;transition:background .13s var(--ease), color .13s var(--ease);border-radius:5px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.rd-level:hover{background:var(--raised)}.rd-level.on{background:var(--accent-wash);box-shadow:inset 2px 0 0 var(--accent)}.rd-level.shut{opacity:.72;cursor:default}.rd-level.shut .rd-level-mark{color:var(--ink-2)}.rd-level.shut:hover{background:0 0}.rd-level-n{font-family:var(--mono);color:var(--ink-3);text-align:right;font-size:11px}.rd-level.on .rd-level-n{color:var(--accent)}.rd-level-name{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rd-level.on .rd-level-name{color:var(--ink);font-weight:600}.rd-level-mark{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;font-size:10px}.rd-teaches{color:var(--ink-2);border-left:2px solid var(--accent-line);background:var(--canvas);border-radius:0 var(--r-sm) var(--r-sm) 0;margin:0;padding:9px 11px;font-size:12px;line-height:1.5}.rd-settings{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.rd-field{flex-direction:column;gap:4px;min-width:0;display:flex}.rd-field>span{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:9.5px;font-weight:600}.rd-field select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);width:100%;min-height:32px;color:var(--ink);font-family:var(--ui);padding:5px 8px;font-size:12px}.rd-field select:hover{border-color:var(--line-strong)}.rd-field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rd-checks{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:2px 10px;display:grid}.rd-checks .check{padding:4px 0;font-size:11.5px}.rd-go{border-radius:var(--r-md);background:var(--accent-fill);color:#fff;letter-spacing:.01em;width:100%;min-height:58px;transition:background .14s var(--ease), transform .14s var(--ease);justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:17px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff1f,0 8px 22px -8px #e24e37b3}.rd-go:hover{background:var(--accent-fill-hot)}.rd-go:active{transform:translateY(1px)}.rd-go.reading{background:var(--raised-2);color:var(--ink-2);box-shadow:none}.rd-go kbd{font-family:var(--mono);color:#ffffffd9;background:#00000047;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:500}.rd-go.reading kbd{background:var(--canvas);color:var(--ink-3)}.rd-board{border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);flex-direction:column;gap:9px;padding:11px 12px;display:flex}.rd-live{color:var(--ink);min-height:34px;font-size:12.5px;line-height:1.45}.rd-live.slip{color:var(--accent)}.rd-bar{background:var(--raised-2);border-radius:999px;height:5px;overflow:hidden}.rd-bar-fill{background:var(--good);width:0;height:100%;transition:width .16s var(--ease);border-radius:999px;display:block}.rd-tally{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.rd-t{flex-direction:column;align-items:center;gap:1px;display:flex}.rd-t b{font-family:var(--mono);color:var(--ink);font-size:16px;font-weight:600;line-height:1.1}.rd-t small{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:9px}.rd-row{gap:6px;display:flex}.rd-row>*{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);min-height:34px;color:var(--ink-2);transition:color .13s var(--ease), border-color .13s var(--ease);flex:1;justify-content:center;align-items:center;padding:6px 8px;font-size:12px;display:inline-flex}.rd-row>:hover{color:var(--ink);border-color:var(--line-strong)}.rd-result{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--raised);flex-direction:column;gap:8px;padding:12px;display:flex}.rd-result-head{color:var(--ink);font-size:13px;line-height:1.45}.rd-result-head.won strong{color:var(--good)}.rd-result-grid{color:var(--ink-3);grid-template-columns:1fr 1fr;gap:4px 10px;font-size:11.5px;display:grid}.rd-result-grid b{font-family:var(--mono);color:var(--ink);margin-right:4px;font-size:13px}.rd-result-slips{color:var(--ink-2);margin:0;font-size:11.5px;line-height:1.5}.rd-sticky{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:10px;display:flex}.rd-sticky-h{text-transform:uppercase;letter-spacing:.13em;color:var(--ink-3);font-size:9.5px;font-weight:600}.rd-sticky-list{flex-wrap:wrap;gap:5px;display:flex}.rd-sticky-chip{border:1px solid var(--accent-line);background:var(--accent-wash);font-family:var(--mono);color:var(--ink);border-radius:999px;align-items:baseline;gap:5px;padding:4px 9px;font-size:12px;display:inline-flex}.rd-sticky-chip small{color:var(--ink-3);font-size:9.5px}.rd-note{color:var(--ink-3);margin:0;font-size:11px;line-height:1.5}.rd-foot{border-top:1px solid var(--line);gap:6px;padding-top:10px;display:flex}.rd-foot button{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);flex:1;padding:8px 4px;font-size:11px}.rd-foot button:hover{color:var(--ink);border-color:var(--line-strong)}.rd-marks{pointer-events:none;z-index:3;position:absolute;inset:0}.rd-mark{pointer-events:none;border-radius:999px;position:absolute}.rd-here{border:2.5px solid var(--accent);animation:rd-pulse 1.4s var(--ease) infinite;background:#e24e371a;box-shadow:0 0 0 4px #e24e3726}@keyframes rd-pulse{50%{box-shadow:0 0 0 10px #e24e370a}}.rd-slip{background:#b3402c1f;border:2px dashed #b3402c}.rd-slip:after{content:"";background:#b3402c;width:2px;height:136%;position:absolute;top:-18%;left:50%;transform:rotate(26deg)}@media (prefers-reduced-motion:reduce){.rd-here{animation:none}}@media print{.rd-marks{display:none!important}}@media (width>=1151px){body.reading-open #stage{margin-right:344px}}@media (width<=720px){#reading-drawer{width:auto;left:10px;right:10px}.rd-levels{max-height:150px}.rd-settings{grid-template-columns:1fr}.rd-foot{flex-wrap:wrap}}#lesson-drawer{z-index:56;width:348px}#lesson-drawer .drawer-body{gap:0;padding:0 0 26px}.ln-sec,.ln-page,.ln-arrived{padding:16px 18px}.ln-sec+.ln-sec,.ln-page+.ln-sec{border-top:1px solid var(--line-soft)}.ln-h{font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-weight:700}.ln-card{border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(180deg, var(--raised-2), var(--raised));padding:14px 14px 12px}.ln-course{font-family:var(--display);color:var(--ink);font-size:22px;font-weight:600;line-height:1.1}.ln-class{font-size:var(--t-body);color:var(--ink-2);margin-top:3px}.ln-teacher{font-size:var(--t-small);color:var(--ink-3);margin-top:2px;font-style:italic}.ln-card-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.ln-kept{font-size:var(--t-small);color:var(--ink-3);align-items:center;gap:6px;display:inline-flex}.ln-kept:before{content:"";border:1.5px solid var(--ink-3);border-radius:50%;width:7px;height:7px}.ln-kept.is-kept{color:var(--ink-2)}.ln-kept.is-kept:before{border-color:var(--good);background:var(--good)}.ln-card-actions{gap:12px;display:inline-flex}.ln-intro{font-size:var(--t-body);color:var(--ink-2);margin:0 0 12px;line-height:1.5}.ln-primary{border-radius:var(--r-md);background:var(--accent-fill);color:#fff;letter-spacing:.01em;width:100%;min-height:44px;transition:background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease);padding:10px 14px;font-size:14px;font-weight:700;box-shadow:inset 0 1px #ffffff1f,0 8px 20px -10px #e24e37b3}.ln-primary:hover{background:var(--accent-fill-hot)}.ln-primary:active{transform:translateY(1px)}.ln-primary[disabled]{opacity:.4;pointer-events:none;box-shadow:none}.ln-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);min-height:34px;color:var(--ink-2);font-size:var(--t-ui);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);padding:6px 10px;line-height:1.2}.ln-btn:hover{color:var(--ink);border-color:var(--line-strong);background:var(--raised-2)}.ln-btn:active{background:var(--accent-wash);border-color:var(--accent-line);color:var(--ink)}.ln-btn.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash)}.ln-btn[disabled]{opacity:.42;pointer-events:none}.ln-btn.ln-quiet{color:var(--ink-3);border-style:dashed}.ln-link{font-size:var(--t-small);color:var(--accent-hot);text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px;padding:2px 0;font-weight:600}.ln-link:hover{color:var(--accent-hot)}.ln-primary:focus-visible,.ln-btn:focus-visible,.ln-link:focus-visible,.ln-chip:focus-visible,.ln-key:focus-visible,.ln-open:focus-visible,.ln-remove:focus-visible,.ln-hands button:focus-visible,.ln-mode button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ln-target{border-radius:var(--r-sm);background:var(--canvas);border:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;margin:-2px 0 14px;padding:8px 10px;display:flex}.ln-where{max-width:100%;font-size:var(--t-ui);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1 0 auto;min-width:0;font-weight:600;overflow:hidden}.ln-all{border:1px solid var(--line);background:var(--raised);font-size:var(--t-micro);color:var(--accent);border-radius:999px;flex:none;padding:4px 9px;font-weight:600}.ln-all:hover{color:var(--ink);border-color:var(--line-strong)}.ln-all:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ln-hands,.ln-mode{border:1px solid var(--line);background:var(--raised);border-radius:7px;flex:none;padding:2px;display:inline-flex}.ln-hands:empty{display:none}.ln-target .ln-hands{margin-left:auto}.ln-hands button,.ln-mode button{min-width:42px;font-size:var(--t-micro);color:var(--ink-3);border-radius:5px;padding:4px 8px;font-weight:600}.ln-hands button.on,.ln-mode button.on{background:var(--raised-3);color:var(--ink)}.ln-group{flex-direction:column;gap:7px;display:flex}.ln-group+.ln-group{margin-top:16px}.ln-label{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.ln-row{flex-wrap:wrap;gap:6px;display:flex}.ln-row>.ln-btn{flex:auto}.ln-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ln-grid .ln-btn:last-child:nth-child(odd){grid-column:1/-1}.ln-idea{grid-template-columns:1fr auto;gap:6px;margin:0;display:grid}.ln-idea input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);min-height:34px;color:var(--ink);font-family:var(--display);padding:6px 10px;font-size:15px;font-style:italic}.ln-idea input::placeholder{color:var(--ink-faint)}.ln-idea input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ln-chips{flex-wrap:wrap;gap:5px;display:flex}.ln-chip{border:1px solid var(--line);font-family:var(--display);color:var(--ink-2);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);border-radius:999px;padding:4px 9px;font-size:13.5px;font-style:italic}.ln-chip.is-suggested{color:var(--ink);border-color:var(--accent-line);background:var(--accent-wash)}.ln-chip.is-suggested:before{content:"♪ ";color:var(--accent);font-style:normal}.ln-auto{border:1px solid var(--line);letter-spacing:.04em;text-transform:none;color:var(--ink-3);border-radius:999px;margin-left:6px;padding:1px 6px;font-style:normal;font-weight:600}.ln-toggle.on:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.ln-chip:hover{color:var(--ink);border-color:var(--accent-line);background:var(--accent-wash)}.ln-keys{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.ln-key{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);min-height:34px;font-size:var(--t-ui);color:var(--ink-2);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);font-weight:600;position:relative}.ln-key:hover{color:var(--ink);border-color:var(--line-strong)}.ln-key.is-home{border-style:dashed}.ln-key.on{color:#fff;border-color:var(--accent-fill);background:var(--accent-fill)}.ln-key.on:after{content:attr(data-order);background:var(--ink);min-width:15px;height:15px;color:var(--canvas);font-family:var(--mono);text-align:center;border-radius:8px;padding:0 3px;font-size:9.5px;font-weight:600;line-height:15px;position:absolute;top:-6px;right:-5px}.ln-picked,.ln-note{font-size:var(--t-small);color:var(--ink-3);margin:0;line-height:1.5}.ln-picked{min-height:34px}.ln-scale-pick{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.ln-scale-pick>span{font-size:var(--t-micro);color:var(--ink-3)}.ln-scale{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);min-height:32px;color:var(--ink);font-family:var(--ui);font-size:var(--t-ui);padding:5px 8px}.ln-scale:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ln-speeds .ln-btn{flex:1 1 0}.ln-send .ln-primary{margin-bottom:8px}.ln-send .ln-note{margin-top:8px}.ln-arrived{background:var(--accent-wash);border-bottom:1px solid var(--accent-line);flex-direction:column;gap:10px;display:flex}.ln-arrived .ln-btn{width:100%}.ln-arrived p{font-size:var(--t-body);color:var(--ink);margin:0;line-height:1.5}.ln-shelf-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ln-shelf-head .ln-h{margin:0}.ln-course-group+.ln-course-group{margin-top:14px}.ln-course-name{font-family:var(--display);color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:600}.ln-shelf-row{grid-template-columns:1fr auto;align-items:stretch;gap:4px;display:grid}.ln-shelf-row+.ln-shelf-row{margin-top:4px}.ln-open{border-radius:var(--r-sm);text-align:left;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);border:1px solid #0000;grid-template-columns:1fr auto;column-gap:8px;padding:8px 10px;display:grid}.ln-open:hover{background:var(--raised-2);border-color:var(--line)}.ln-shelf-row.is-current .ln-open{background:var(--accent-wash);border-color:var(--accent-line);cursor:default}.ln-row-head{font-size:var(--t-ui);color:var(--ink);font-weight:600}.ln-row-sub{font-size:var(--t-small);color:var(--ink-3);grid-column:1}.ln-row-when{font-size:var(--t-micro);color:var(--ink-3);white-space:nowrap;grid-area:1/2/span 2;align-self:center}.ln-shelf-row.is-current .ln-row-when{color:var(--accent);font-weight:600}.ln-remove{border-radius:var(--r-sm);width:30px;color:var(--ink-faint);opacity:0;transition:opacity var(--t-fast) var(--ease), color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);font-size:11px}.ln-shelf-row:hover .ln-remove,.ln-remove:focus-visible{opacity:1}.ln-remove:hover{color:var(--ink);background:var(--raised-2)}.ln-removed{margin-top:12px}.ln-removed summary{cursor:pointer;font-size:var(--t-small);color:var(--ink-3)}.ln-removed-list .ln-shelf-row{align-items:center;padding:6px 2px}.ln-removed-name{font-size:var(--t-small);color:var(--ink-2)}.ln-shelf>.ln-note{margin-top:12px}@media (pointer:coarse){.ln-btn,.ln-key,.ln-hands button,.ln-mode button{min-height:40px}.ln-remove{opacity:1;width:40px}}@media (width>=1151px){body.lesson-open #stage{margin-right:348px}}@media (width<=1150px){#lesson-drawer{width:min(348px,100vw - 20px)}}@media (width<=760px){#lesson-drawer{width:auto;max-height:min(66vh, calc(100vh - var(--topbar-h) - var(--status-h) - 40px));border-top:1px solid var(--line-strong);border-radius:var(--r-lg) var(--r-lg) 0 0;top:auto;left:0;right:0}.ln-keys{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.ln-primary,.ln-btn,.ln-key,.ln-chip,.ln-open,.ln-remove{transition:none}}.tf-card{width:min(580px,100vw - 24px)}.tf-card .ns-body{gap:14px}.tf-scope{width:100%}.tf-scope .seg-btn{flex:1}.tf-scope .seg-btn[disabled]{opacity:.45;pointer-events:none}.tf-tabs{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);grid-template-columns:repeat(5,1fr);gap:3px;padding:3px;display:grid}.tf-tabs button{line-height:1.2;font-size:var(--t-ui);color:var(--ink-3);border-radius:5px;padding:8px 2px;font-weight:600}.tf-tabs button.on{background:var(--raised-2);color:var(--ink)}.tf-pane{flex-direction:column;gap:10px;display:flex}.tf-pane[hidden]{display:none}.tf-intervals{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.tf-intervals button,.tf-presets button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);min-height:34px;color:var(--ink-2);font-size:var(--t-ui);font-weight:600}.tf-intervals button:hover,.tf-presets button:hover{color:var(--ink);border-color:var(--line-strong)}.tf-intervals button.on{color:#fff;border-color:var(--accent-fill);background:var(--accent-fill)}.tf-pair{grid-template-columns:96px 1fr}.tf-presets{flex-wrap:wrap;gap:5px;display:flex}.tf-presets button{border-radius:999px;padding:4px 10px;font-weight:500}.tf-preview{border:1px dashed var(--line);border-radius:var(--r-sm);min-height:58px;font-size:var(--t-body);color:var(--ink-2);margin:0;padding:10px 12px;line-height:1.5}.tf-notes{font-family:var(--mono);color:var(--ink);font-size:13px}.tf-arrow{color:var(--accent);margin:0 4px}.tf-lands{font-size:var(--t-small);color:var(--ink-3);margin-top:4px;display:block}.tf-intervals button:focus-visible,.tf-presets button:focus-visible,.tf-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=560px){.tf-intervals{grid-template-columns:repeat(4,1fr)}}.tf-what,.tf-move{flex-direction:column;gap:7px;display:flex}.tf-label{font-size:var(--t-micro,11px);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.tf-chips{flex-wrap:wrap;gap:6px;display:flex}.tf-chips[hidden],.tf-move[hidden],.tf-sig[hidden]{display:none}.tf-chips button{border:1px solid var(--line);background:var(--raised);min-height:32px;color:var(--ink-2);font-size:var(--t-ui);border-radius:999px;padding:4px 12px;font-weight:600}.tf-chips button:hover{color:var(--ink);border-color:var(--line-strong)}.tf-chips button.on{color:#fff;border-color:var(--accent-fill);background:var(--accent-fill)}.tf-chips button:focus-visible,.tf-steps button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tf-staves{padding-top:2px}.tf-staves button{min-height:28px;font-size:var(--t-micro,11px)}.tf-hint{font-size:var(--t-small);color:var(--ink-3);margin:0;line-height:1.45}.tf-chordrow{grid-template-columns:1fr 1fr}.tf-chordrow input{font-family:var(--mono)}.tf-whatmoves{width:100%}.tf-whatmoves .seg-btn{flex:1}.tf-whatmoves .seg-btn[disabled]{opacity:.4;pointer-events:none}.tf-chordline{margin-top:2px;display:block}.tf-actions{gap:8px;display:flex}.tf-actions .tf-go{flex:1}.tf-actions .tf-hear[hidden]{display:none}.tf-sig input[disabled]+span{color:var(--ink-3)}@media (width<=560px){.tf-tabs{grid-template-columns:repeat(3,1fr)}.tf-chordrow{grid-template-columns:1fr}}.hold-hud{z-index:60;border:1px solid var(--accent-line);background:var(--raised);max-width:min(560px,100vw - 32px);color:var(--ink);letter-spacing:.01em;box-shadow:var(--shadow-float);pointer-events:none;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 12px;font-size:12.5px;font-weight:600;display:flex;position:fixed;bottom:54px;left:50%;transform:translate(-50%)}.hold-hud[hidden]{display:none}.hold-dot{background:var(--accent);width:9px;height:9px;animation:hold-pulse 1.1s var(--ease) infinite;border-radius:50%;flex:none}.hold-hud[data-phase=settling] .hold-dot{background:var(--ink-3)}.hold-hud[data-phase=done] .hold-dot{background:var(--good,#4caf7d);animation:none}.hold-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hold-live{min-width:2.2em;font-family:var(--mono);color:var(--accent);text-align:right;flex:none;font-size:13px}.hold-live:empty{display:none}@keyframes hold-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.hold-dot{animation:none}}.hold-tip{margin:0 0 8px}.hold-tip kbd{border:1px solid var(--line-strong);background:var(--raised-2);min-width:1.5em;color:var(--ink);font-family:var(--mono);text-align:center;border-radius:4px;margin-right:4px;padding:1px 5px;font-size:10.5px;display:inline-block}.loop-layer,.loop-handles,.loop-bands,.loop-edges{pointer-events:none;position:absolute;inset:0}.loop-layer{mix-blend-mode:multiply}.loop-layer.on-dark{mix-blend-mode:screen}.loop-handles{z-index:6}.loop-layer [hidden],.loop-handles [hidden]{display:none!important}.loop-band{background:var(--loop-wash);position:absolute}.loop-band.opens{border-top-left-radius:3px;border-bottom-left-radius:3px}.loop-band.closes{border-top-right-radius:3px;border-bottom-right-radius:3px}.loop-band.is-new{animation:loop-in .2s var(--ease) both}@keyframes loop-in{0%{opacity:0}}.loop-edge{background:var(--loop-accent);border-radius:1px;width:2px;margin-left:-1px;position:absolute}.loop-flag{pointer-events:auto;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;outline:none;width:36px;height:36px;margin:-8px 0 0 -11px;position:absolute}.loop-flag[data-end=end]{margin-left:-25px}.loop-pennant{--pennant:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 16'%3E%3Cpath d='M1.4 1.6L13.2 7.1Q14 7.5 13.2 7.9L1.4 13.4Z' fill='%23000' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");background:var(--loop-accent);width:15px;height:16px;-webkit-mask:var(--pennant) center / 100% 100% no-repeat;-webkit-mask:var(--pennant) center / 100% 100% no-repeat;mask:var(--pennant) center / 100% 100% no-repeat;transform-origin:1px 7.5px;transition:transform var(--t-fast) var(--ease);position:absolute;top:8px;left:10px}.loop-flag{filter:drop-shadow(0 1px 1px #0003)}.loop-flag[data-end=end] .loop-pennant{--pennant:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 16'%3E%3Cpath d='M13.6 1.6L1.8 7.1Q1 7.5 1.8 7.9L13.6 13.4Z' fill='%23000' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");transform-origin:14px 7.5px;left:11px}.loop-flag:hover .loop-pennant,.loop-flag.is-active .loop-pennant{transform:scale(1.14)}.loop-flag:focus-visible:after{content:"";width:26px;height:26px;box-shadow:0 0 0 2px var(--loop-accent);border-radius:7px;position:absolute;top:3px;left:5px}@media (pointer:coarse){.loop-flag{width:44px;height:44px;margin:-12px 0 0 -15px}.loop-flag[data-end=end]{margin-left:-29px}.loop-flag .loop-pennant{top:12px;left:14px}.loop-flag[data-end=end] .loop-pennant{left:15px}.loop-flag:focus-visible:after{top:7px;left:9px}}.loop-tag{background:var(--loop-veil);height:20px;box-shadow:inset 0 0 0 1px var(--loop-hairline);color:var(--loop-ink-soft);font-family:var(--ui);letter-spacing:.01em;white-space:nowrap;pointer-events:auto;-webkit-user-select:none;user-select:none;transform:translateX(var(--loop-tag-shift,0px));border-radius:10px;align-items:center;margin:-2px 0 0 19px;padding:0 2px 0 8px;font-size:11px;font-weight:500;line-height:1;display:flex;position:absolute}.loop-tag b{color:var(--loop-word);font-weight:650}.loop-tag.is-raised{margin-top:-27px;margin-left:-6px}.loop-handles.is-dragging .loop-tag{pointer-events:none}.loop-x{width:16px;height:16px;color:var(--loop-ink-soft);font:inherit;cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;margin-left:4px;padding:0;font-size:9px;line-height:1;display:grid;position:relative}.loop-x:before{content:"";border-radius:50%;position:absolute;inset:-8px}.loop-x:hover,.loop-x:focus-visible{background:var(--loop-accent);color:var(--loop-on-accent);outline:none}.loop-ghost-band{background:var(--loop-wash-faint);animation:loop-in .14s var(--ease) both;border-radius:3px;position:absolute}.loop-ghost-flag{width:15px;height:var(--loop-rise);pointer-events:none;animation:loop-in .14s var(--ease) both;margin-left:-1px;position:absolute}.loop-ghost-flag:before{content:"";background:var(--loop-accent);opacity:.55;border-radius:1px;width:1.5px;height:100%;position:absolute;top:0;left:.25px}.loop-ghost-flag .loop-pennant{--pennant:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 16'%3E%3Cpath d='M1.4 1.6L13.2 7.1Q14 7.5 13.2 7.9L1.4 13.4Z' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");opacity:.85;top:0;left:0}.loop-ghost-hint{color:var(--loop-ink-soft);font-family:var(--ui);white-space:nowrap;pointer-events:none;animation:loop-in .14s var(--ease) both;margin:1px 0 0 19px;font-size:10.5px;font-weight:500;line-height:14px;position:absolute}#page.loop-strip-hover svg,body.note-input #page.loop-strip-hover svg{cursor:pointer}body.loop-dragging,body.loop-dragging *{cursor:grabbing!important}body.loop-sweeping,body.loop-sweeping *{cursor:ew-resize!important}@media (prefers-reduced-motion:reduce){.loop-band.is-new,.loop-ghost-band,.loop-ghost-flag,.loop-ghost-hint{animation:none}.loop-pennant,.loop-x{transition:none}}@media print{.loop-layer,.loop-handles{display:none}}.pt-layer{pointer-events:none;z-index:3;--pt-accent:var(--accent);position:absolute;inset:0}.pt-outline{box-shadow:0 0 0 1.5px var(--pt-accent);background:color-mix(in srgb, var(--pt-accent) 7%, transparent);border-radius:3px;position:absolute}.pt-padlock{color:#fff;background:var(--pt-accent);border-radius:50%;place-items:center;min-width:14px;min-height:14px;display:grid;position:absolute;box-shadow:0 1px 3px #00000059}.pt-padlock:before{content:"";-webkit-mask:var(--pt-lock) center / contain no-repeat;-webkit-mask:var(--pt-lock) center / contain no-repeat;mask:var(--pt-lock) center / contain no-repeat;background:currentColor;position:absolute;inset:0}.pt-guide{background:var(--pt-accent);opacity:.75;position:absolute}.pt-guide-lane{opacity:.45}.pt-outline[hidden],.pt-padlock[hidden],.pt-guide[hidden],.pt-bar[hidden]{display:none}body.pt-over-text #page svg{cursor:grab}body.pt-dragging,body.pt-dragging #page svg{cursor:grabbing}.pt-bar{z-index:90;align-items:center;gap:var(--s-1);background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-md);max-width:calc(100vw - 16px);box-shadow:var(--shadow-float);animation:rise var(--t-fast) var(--ease);flex-wrap:wrap;padding:5px;display:flex;position:fixed}.pt-chips{flex-wrap:wrap;gap:3px;display:flex}.pt-chip,.pt-btn{border-radius:var(--r-sm);min-height:30px;color:var(--ink-2);font:500 var(--t-ui) var(--ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.pt-chip:hover,.pt-btn:hover{background:var(--raised-2);color:var(--ink)}.pt-chip.on,.pt-btn.on{color:var(--accent-hot);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-line)}.pt-chip:focus-visible,.pt-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pt-btn svg{flex:none}.pt-delete:hover{color:var(--accent-hot);background:var(--accent-wash)}.pt-sep{background:var(--line);align-self:stretch;width:1px;margin:3px 2px}.pt-edit{z-index:95;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--r-md);width:min(420px,100vw - 16px);box-shadow:var(--shadow-float);animation:rise var(--t-fast) var(--ease);--pt-accent:var(--accent);flex-direction:column;gap:6px;padding:6px;display:flex;position:fixed}.pt-input{border:1px solid var(--pt-accent);border-radius:var(--r-sm);outline:none;width:100%;min-height:40px;padding:4px 10px;line-height:1.25}.pt-input::placeholder{color:#9a948c;text-transform:none;letter-spacing:0;font-style:normal}.pt-edit .pt-chip{min-height:28px}.pt-hint{color:var(--ink-3);font:400 var(--t-micro) var(--ui);padding:0 4px 2px}@media (width<=760px){.pt-chip,.pt-btn{min-height:36px;padding:0 11px}}@media (prefers-reduced-motion:reduce){.pt-bar,.pt-edit{animation:none}}.access-skip{cursor:pointer;font:inherit;border:0;font-weight:700}.access-panel{top:var(--topbar-h);right:0;bottom:var(--status-h);z-index:55;border-top:none;border-right:none;width:360px;max-width:100vw;position:fixed;overflow-y:auto}.access-panel .bp-braille{color:var(--ink);background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;border-radius:8px;margin:6px 0 0;padding:8px 10px;font-family:Apple Braille,Segoe UI Symbol,DejaVu Sans,sans-serif;font-size:22px;line-height:1.5}.access-panel .bp-score{max-height:38vh;font-size:18px;overflow:auto}.access-panel .bp-braille:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.access-panel .bp-dots{color:var(--ink-3);word-break:break-word;margin:6px 0 0;font:11px/1.5 IBM Plex Mono,ui-monospace,monospace}.access-panel .bp-warn:not(:empty){color:var(--warn);margin:8px 0 0;font-size:12px}.access-panel .bp-help{color:var(--ink-2);margin:6px 0 0;padding:0;font-size:12.5px;line-height:1.9;list-style:none}.access-panel kbd{background:var(--raised-2);border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:1px 5px;font:11px IBM Plex Mono,ui-monospace,monospace}body.braille-keys-on #page{box-shadow:inset 0 0 0 2px var(--accent-line)}@media (width<=760px){.access-panel{width:100vw}}