:root{--stage:#12302a;--stage-2:#1c4238;--stage-3:#2d594c;--stage-ink:#f0f4ef;--stage-dim:#a8c1b6;--paper:#fbf9f3;--desk:#e6e0d2;--ink:#1c2621;--ink-dim:#5d655f;--line:#d8d1c1;--gold:#b98f37;--gold-soft:#f0e3bf;--mint:#5c9a82;--mint-soft:#9cc4b3;--danger:#8a2e22;--serif:ui-serif,"New York","Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--stage);font-synthesis:none;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;min-height:40px;border-radius:10px;border:1px solid currentColor;background:transparent;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.38;cursor:not-allowed}button,a,input,select,summary{touch-action:manipulation}:focus-visible{outline:3px solid #e7bf62;outline-offset:2px}a{color:inherit;text-underline-offset:3px}h1,h2,h3,h4,p{margin:0}.small{font-size:12px;line-height:1.5;color:var(--ink-dim)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}svg{flex:none}.app{display:grid;grid-template-columns:auto minmax(0,1fr);height:100dvh}.stand{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100dvh;background:var(--desk)}.aria-list{position:fixed;z-index:30;inset:0 auto 0 0;width:min(88vw,340px);background:var(--stage);color:var(--stage-ink);padding:14px 12px;display:flex;flex-direction:column;gap:10px;transform:translate(-102%);visibility:hidden;transition:transform .22s ease,visibility 0s .22s}.aria-list.open{transform:none;visibility:visible;transition:transform .22s ease}.scrim{position:fixed;inset:0;z-index:20;background:#0a1a16b8}.brand-row{display:flex;justify-content:space-between;align-items:center}.brand{font:400 30px var(--serif);letter-spacing:-.8px;text-decoration:none}.brand span{font-size:27px;color:var(--stage-dim)}.drawer-close{border-color:var(--stage-3);color:var(--stage-dim)}.search{width:100%;min-height:44px;padding:0 12px;background:var(--stage-2);color:#fff;border:1px solid var(--stage-3);border-radius:10px}.search::placeholder{color:var(--stage-dim)}.aria-list nav{overflow-y:auto;flex:1;margin:0 -4px;padding:0 4px}.aria-list nav button{display:block;width:100%;text-align:left;border:0;border-radius:10px;padding:10px 12px;margin-bottom:2px;min-height:52px}.aria-list nav button span{display:block;font:400 17px/1.25 var(--serif)}.aria-list nav small{display:block;color:var(--stage-dim);font-size:12px;margin-top:2px}.aria-list nav button.active{background:var(--gold);color:#1a1405}.aria-list nav button.active small{color:#3b2e0b}.aria-list nav button:hover:not(.active){background:var(--stage-2)}.topbar{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 14px;background:var(--stage);color:var(--stage-ink)}.menu{width:44px;padding:0;border-color:var(--stage-3);flex:none}.title{flex:1;min-width:0}h1{font:400 clamp(20px,3.2vw,27px)/1.15 var(--serif);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtitle{font-size:13px;color:var(--stage-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{border-color:var(--stage-3);color:var(--stage-ink);font-size:13px;flex:none;min-height:44px}.status.score-verified svg{color:#8fd0b5}.player{background:var(--stage);color:var(--stage-ink);padding:2px 14px 12px;border-top:1px solid var(--stage-2);min-width:0}.player button,.dock button{border-color:var(--stage-3);color:var(--stage-ink)}.player button:hover:not(:disabled),.dock button:hover:not(:disabled){background:var(--stage-2)}.player a,.dock a{color:#cfe2d8}.player .small,.dock .small{color:var(--stage-dim)}.player-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0}.modes{display:flex;background:var(--stage-2);border-radius:12px;padding:3px}.modes button{border:0;color:var(--stage-dim);min-height:42px;padding:0 16px;font-weight:600;border-radius:9px}.modes button.on,.player .modes button.on:hover:not(:disabled){background:var(--paper);color:var(--stage)}.picker{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--stage-dim);min-width:0;flex:1}.picker select,.player select,.dock select{min-height:42px;border-radius:10px;border:1px solid var(--stage-3);background:var(--stage-2);color:var(--stage-ink);padding:0 10px;min-width:0;max-width:100%}.picker select{flex:1;width:0;text-overflow:ellipsis}.add{border-style:dashed!important}.player-body{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.recording-line,.acc-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-size:14px;line-height:1.35;min-width:0}.yt-info .acc-meta{display:block}.yt-info .acc-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.recording-title,.acc-meta strong{font:400 16px/1.3 var(--serif);color:var(--stage-ink)}.player .reset{border:0;text-decoration:underline;min-height:32px;font-size:12px;color:var(--stage-dim);padding:0 4px}.transport{display:flex;align-items:center;gap:10px;min-width:0}.transport-buttons{display:flex;gap:8px}.round{width:46px;padding:0;border-radius:50%!important}.play{min-width:128px;min-height:56px;font-weight:700;font-size:16px;background:var(--gold)!important;border-color:var(--gold)!important;color:#1a1405!important}.play:hover:not(:disabled){filter:brightness(1.08)}.scrub{flex:1;min-width:80px;accent-color:var(--gold);height:30px}.midi-time{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--stage-dim);white-space:nowrap}.speed{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--stage-dim)}.player-line{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;font-size:13px;color:var(--stage-dim)}.player-line label{display:flex;align-items:center;gap:6px}.player-line input[type=range]{accent-color:var(--gold);width:110px}.file-button{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px dashed var(--stage-3);border-radius:10px;cursor:pointer;color:var(--stage-ink)}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-button:focus-within{outline:3px solid #e7bf62;outline-offset:2px}.tracks summary{cursor:pointer;min-height:36px;display:flex;align-items:center}.tracks fieldset{border:1px solid var(--stage-3);border-radius:10px;margin:6px 0 0;padding:8px 12px}.midi-track{display:block;font-size:13px;line-height:2}.midi-track input{margin-right:8px}.midi-status{font-size:12px;color:var(--stage-dim)}.midi-status:empty{display:none}[role=alert]{color:#ffb4a6;font-size:13px}.t{color:var(--stage-ink);font-variant-numeric:tabular-nums}.player-grid{display:grid;grid-template-columns:356px minmax(0,1fr);gap:14px;align-items:start;padding-top:10px}.yt-info{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;align-content:start}.yt-info .player-head{padding:0}.yt-info .modes{flex:1 1 100%}.yt-info .modes button{flex:1}.yt-info .picker{flex:1 1 0}.yt-info .add{flex:none;width:44px;padding:0}.yt-info .add .btn-text{display:none}.yt-frame{width:356px;height:200px;background:#000;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.yt-frame iframe{width:100%;height:100%;border:0;display:block}.yt-frame p{padding:14px;text-align:center}.spotify iframe{border-radius:12px;display:block}.practice-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-width:0}.follow-list[hidden]{display:none}.tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}.tool-row button{min-height:44px;font-size:14px;padding:0 13px}.loop-group,.follow-group{display:flex;align-items:center;gap:6px}.ab{min-width:68px}.more-tools summary{min-height:44px;display:flex;align-items:center;cursor:pointer;padding:0 8px;color:var(--stage-dim);font-size:13px}.more-body{display:flex;gap:6px;flex-wrap:wrap;padding:2px 0 6px}.tool-row .loop-toggle.on{background:var(--gold)!important;color:#1a1405!important;border-color:var(--gold)!important}.follow-toggle{display:flex;align-items:center;gap:7px;font-size:13px;min-height:38px}.follow-toggle input{width:20px;height:20px;accent-color:var(--gold)}.follow-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center;flex-basis:100%}.mark{min-height:36px!important;padding:0 11px!important;font-size:13px!important;border-radius:18px!important}.desk{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);min-height:0;min-width:0}.pane{display:flex;flex-direction:column;min-width:0;min-height:0}.pane-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px;padding:4px 10px;min-height:46px}.pane-body{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.pane-foot{padding:6px 10px;border-top:1px solid var(--line)}.pane button{border-color:#b9b2a2;color:var(--ink)}.pane button:hover:not(:disabled){background:#00000010}.score{background:var(--desk)}.score-toolbar{display:flex;align-items:center;gap:6px}.score-toolbar span{min-width:88px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.score-toolbar button{width:44px;padding:0}.score-views{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.score-view{font-size:13px}.score-jumps{display:flex;gap:6px;flex-wrap:wrap;padding:0 10px 6px}.jump{min-height:34px!important;font-size:12px;border-radius:17px!important}.jump.entrance{border-color:var(--mint)!important}.jump.recit{border-color:var(--mint-soft)!important}.jump.high{border-color:var(--gold)!important}.jump.optional{border-style:dashed!important;border-color:var(--gold)!important}.score-body{padding:0 10px 10px}.score-body.fit-page{display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.page-stage{position:relative;display:flex;justify-content:center;max-width:100%;max-height:100%}.fit-page .score-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.fit-width .page-stage{display:block}.turn{position:absolute;top:0;bottom:0;width:22%;cursor:pointer;-webkit-tap-highlight-color:transparent}.turn-prev{left:0}.turn-next{right:0}.score-image{display:block;width:100%;height:auto;background:#fff;box-shadow:0 1px 3px #0003,0 8px 22px #0002}.local-preview{width:100%;height:520px;margin-top:10px}.empty-score{padding:40px 12px;text-align:center;color:var(--ink-dim)}.local-score summary{cursor:pointer;min-height:34px;display:flex;align-items:center;font-size:12px;color:var(--ink-dim)}.local-score input{max-width:100%;font-size:12px}.text-panel{background:var(--paper);border-left:1px solid var(--line);--lyric:22px}.text-panel.size-s{--lyric:19px}.text-panel.size-l{--lyric:26px}.text-panel.size-xl{--lyric:31px}.pane-title{font-size:13px;color:var(--ink-dim)}.size-controls{display:flex;gap:6px}.size-controls button{width:46px;padding:0;font-weight:700}.lines{padding:2px 8px}.line{display:block;width:100%;text-align:left;border:0!important;border-radius:10px;padding:10px 14px;margin:0 0 2px;min-height:0;position:relative}.line>span{display:block}.line>span:first-child{font:400 var(--lyric)/1.32 var(--serif);color:var(--ink)}.line .translation{font:italic 400 calc(var(--lyric)*.74)/1.4 var(--serif);color:#434c46;margin-top:2px}.line.selected{background:var(--gold-soft);box-shadow:inset 5px 0 var(--gold)}.line.selected>span:first-child{font-weight:500}.line-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.line-controls>span{font-size:13px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.line-controls button{min-height:48px;min-width:48px}.line-controls .primary{flex:1 1 56%;min-height:60px;font-size:18px}.line-controls>span{flex:none}.pane .primary,.line-controls .primary{background:var(--gold)!important;border-color:var(--gold)!important;color:#1a1405!important;font-weight:700}.scope-notes{padding:0 10px 8px;font-size:12px;color:var(--ink-dim)}.scope-notes summary{cursor:pointer;min-height:32px;display:flex;align-items:center}.scope-notes a{display:block;margin:6px 0}.dock{background:var(--stage);color:var(--stage-ink);border-top:1px solid var(--stage-2);min-width:0;padding-bottom:env(safe-area-inset-bottom)}.dock-controls{min-width:0}.dock-slot{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 14px 0;min-width:0}.dock-slot:empty{display:none}.keystrip{background:var(--stage);color:var(--stage-ink);padding:4px 12px 8px}.keystrip button{border-color:var(--stage-3);color:var(--stage-ink)}.keystrip .small,.keys-foot{color:var(--stage-dim)}.keystrip .key.white{color:#2b3631}.keystrip .key.black{color:#e3e5df}.keys-top{display:grid;grid-template-columns:minmax(0,1fr);gap:6px 12px;align-items:start;padding-bottom:6px}.keys-controls{display:grid;gap:6px;min-width:0;align-content:start}.keys-util{display:flex;align-items:center;gap:4px 12px;flex-wrap:wrap;min-width:0}.chips{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.chip{min-height:44px;border-radius:20px!important;background:var(--stage-2);padding:0 13px!important;gap:7px!important;font-size:14px}.chip .dot{width:11px;height:11px;border-radius:50%;background:#fff}.chip.recit .dot{background:var(--mint-soft)}.chip.entrance .dot{background:var(--mint)}.chip.high .dot{background:var(--gold)}.chip.optional .dot{background:var(--gold-soft);box-shadow:0 0 0 2px var(--gold)}.chip-name{color:var(--stage-dim);font-size:12px}.chip strong{font-weight:700}.chip-shift{color:#e7d29a;font-size:12px}.transpose{display:flex;align-items:center;gap:4px}.transpose button{width:44px;min-height:44px;padding:0}.transpose .reset{width:auto;border:0;text-decoration:underline;padding:0 6px;font-size:12px}.transpose output{min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.volume{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--stage-dim)}.volume input{width:72px;accent-color:var(--gold)}.piano-scroll{overflow-x:auto}.piano{height:56px;position:relative;display:flex;min-width:560px}.key{border-radius:0 0 4px 4px;padding:0;display:flex;justify-content:center;align-items:flex-end;min-height:0;border:1px solid #6d7f77}.white{flex:1;background:#fffdf8;margin-left:-1px;box-shadow:inset 0 -4px #e5e2d9;color:#2f3a35;height:56px}.black{position:absolute;z-index:2;top:0;transform:translate(-50%);width:2.6%;height:34px;background:#212621;border-color:#0e130f;box-shadow:inset 0 -4px #3d433a;color:#e3e5df}.key span{font-size:10px;font-weight:600;line-height:1;padding-bottom:6px}.black span{font-size:9px;padding-bottom:4px}.key.high{background:#c5a65f;color:#21271f}.key.entrance{background:#5c9a82;color:#fff}.key.recit{background:#9cc4b3;color:#18251d}.key.optional{background:#ead9a8;color:#21271f;box-shadow:inset 0 0 0 2px #b59858}.key.playing{box-shadow:inset 0 0 0 3px #18251d}.key.black.playing{box-shadow:inset 0 0 0 3px #e1c994}.keys-foot{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;font-size:11px;padding-top:4px}.sound{color:#cfe2d8;font-variant-numeric:tabular-nums}.off-scale{color:var(--stage-dim)!important}dialog{background:var(--paper);color:var(--ink);border:1px solid #a9afa3;border-radius:14px;padding:22px;max-width:720px;width:calc(100% - 28px);max-height:88vh}dialog::backdrop{background:#0a1a16d0}dialog button{border-color:#a8a18f}dialog p{font-size:14px;line-height:1.55;margin:8px 0}dialog a{display:inline-block;font-size:13px;margin:4px 12px 4px 0}dialog h3{font:400 21px var(--serif);margin-top:14px}dialog h4{margin:20px 0 6px;font-size:15px}.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.dialog-head h2{font:400 26px var(--serif)}dialog label{display:block;font-size:13px;margin:10px 0}dialog input{display:block;width:100%;min-height:44px;padding:0 10px;margin-top:4px;border:1px solid #b9b2a2;border-radius:8px;background:#fff}dialog [role=alert]{color:var(--danger)}dialog ul{padding-left:20px}.evidence-image{display:block;max-width:100%;border:1px solid var(--line);background:#fff;margin:6px 0 14px}.coverage{padding-left:20px;font-size:13px;line-height:1.7}dialog .small{color:var(--ink-dim)}@media(max-width:700px){body{overflow:auto}.app,.stand{display:block;height:auto}.desk{display:block}.score .pane-body{max-height:75vh}.lines{max-height:60vh}.player-grid{grid-template-columns:1fr}.yt-frame{width:100%}.subtitle{white-space:normal}.status span{display:none}.dock-slot{padding:8px 10px 0}.dock .transport{flex-wrap:wrap}.dock .transport .scrub{flex:1 1 100%;order:9}.dock .transport .speed{margin-left:auto}.modes{flex:1 1 100%}.modes button{flex:1;padding:0 6px}.picker,.add{flex:1 1 100%}}@media(min-width:1280px){.aria-list{position:static;transform:none;visibility:visible;width:270px;z-index:auto;height:100dvh;overflow-y:auto}.menu,.drawer-close,.scrim{display:none}}@media(min-width:900px)and (min-height:700px)and (max-height:1100px)and (orientation:landscape){.stand{grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:auto minmax(0,1fr) auto}.topbar{grid-column:1/-1}.desk{grid-column:1;grid-row:2}.player{grid-column:2;grid-row:2/4;min-height:0}.player-grid{grid-template-columns:minmax(0,1fr)}.yt-frame{width:100%;height:auto;aspect-ratio:16/9}.modes{flex:1 1 100%}.modes button{flex:1;padding:0 6px}.add{flex:none;width:44px;padding:0}.add .btn-text{display:none}.dock{display:contents}.keystrip{grid-column:1;grid-row:3;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.dock-controls{grid-column:2;grid-row:2/4;align-self:end;background:var(--stage);padding-bottom:env(safe-area-inset-bottom)}.dock-slot{padding-bottom:8px}.dock .transport{flex-wrap:wrap}.dock .transport .scrub{flex:1 1 100%;order:9}.dock .transport .speed{margin-left:auto}}@media(max-height:1100px){.piano-open .scope-notes,.piano-open .score .pane-foot{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.sound{margin-left:auto;font-size:12px}.transport .scrub{min-width:60px}.dock .transport{padding:0}.keystrip .reset{min-height:44px;padding:0 10px}.midi-source{flex:1 1 240px;min-width:0}.midi-source select{flex:1;min-width:0;width:0;text-overflow:ellipsis}.dock-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:48px;padding:0 14px;min-width:0}.dock-bar-end{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;height:48px;flex-wrap:nowrap;min-width:0}.piano-toggle{min-height:44px;padding:0 14px;gap:8px;font-weight:600;border-color:var(--stage-3);color:var(--stage-ink);background:transparent}.piano-toggle[aria-expanded=true]{background:var(--stage-2);border-color:var(--gold)}.piano-toggle .chevron{width:18px;height:18px;transition:transform .15s ease}.piano-toggle .chevron.down{transform:rotate(180deg)}.keystrip{border-top:1px solid var(--stage-2)}.keys-top{grid-template-columns:176px minmax(0,1fr)}.staff-card{width:176px;height:104px;background:var(--paper);color:var(--ink);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;flex:none}.staff-card svg{display:block;width:176px;height:88px;flex:none}.staff-caption{height:16px;display:flex;align-items:center;gap:5px;padding:0 7px;font-size:10.5px;line-height:16px;color:#2c3a33;white-space:nowrap;overflow:hidden}.staff-caption span{min-width:0;overflow:hidden;text-overflow:ellipsis}.staff-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#c3cac4}.staff-dot.recit{background:var(--mint-soft)}.staff-dot.entrance{background:var(--mint)}.staff-dot.high{background:var(--gold)}.staff-dot.optional{background:var(--gold-soft);box-shadow:0 0 0 1.5px var(--gold)}@media(max-width:700px){.keys-top{grid-template-columns:minmax(0,1fr)}}.pill{min-height:44px;padding:0 14px;border-radius:22px;font-size:13px;font-weight:600;border-color:var(--stage-3);color:var(--stage-ink);background:transparent}.pill[aria-pressed=true]{background:var(--stage-2);border-color:var(--gold);color:#fff3d1}.keys-util .sound{flex:1 1 0;min-width:0;margin-left:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desk{position:relative}.rec-btn{min-height:44px;height:44px;padding:0 14px;gap:8px;font-weight:600;font-size:15px;white-space:nowrap;flex:none}.dock .rec-btn.record,.dock .rec-btn.stop{background:#b3362b;border-color:#b3362b;color:#fff}.dock .rec-btn.record:hover:not(:disabled),.dock .rec-btn.stop:hover:not(:disabled){background:#c4422f;border-color:#c4422f}.dock .rec-btn.record:disabled{opacity:.72}.rec-btn.stop{min-width:128px;justify-content:flex-start;padding:0 14px 0 12px}.rec-time{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;display:inline-flex;align-items:center;gap:7px;margin-left:auto}.rec-time:before{content:"";width:8px;height:8px;border-radius:50%;background:#ffd9d4;animation:rec-pulse 1.2s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.rec-count{flex:none;width:44px;height:44px;border-radius:50%;background:#b3362b;color:#fff;font:700 24px/44px var(--sans);text-align:center;font-variant-numeric:tabular-nums;animation:rec-count 1s ease-out infinite}@keyframes rec-count{0%{transform:scale(1.18)}to{transform:scale(1)}}.rec-meter{--meter-w:72px;flex:none;width:var(--meter-w);height:10px;border-radius:5px;background:var(--stage-2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--stage-3)}.rec-meter i{display:block;height:100%;width:calc(var(--level,0)*100%);background:linear-gradient(90deg,#5c9a82,#9cc4b3 62%,#e7bf62 84%,#e0523f) 0 0/var(--meter-w) 100% no-repeat}.rec-toasts{position:absolute;z-index:12;left:10px;bottom:10px;width:min(560px,calc(50% - 14px));display:grid;gap:8px;pointer-events:none}.rec-toasts>*{pointer-events:auto}.staff-card svg.staff{overflow:visible}.rec-level{justify-self:start;margin:0;padding:8px 12px;border-radius:10px;background:#fff3d1;color:#4a3608;border:1px solid var(--gold);font-size:13px;font-weight:600;line-height:1.4}.rec-toast{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--stage);color:var(--stage-ink);border:1px solid var(--stage-3);box-shadow:0 6px 24px #0006;font-size:14px;line-height:1.45}.rec-toast p{margin:0}.rec-toast.success{border-color:var(--mint)}.rec-toast.error{background:#fbeceb;color:#5a1710;border-color:#b3362b;font-size:14px}.rec-toast-actions{display:flex;gap:6px;align-items:center}.rec-toast button{min-height:44px;padding:0 12px;border-color:currentColor;color:inherit;font-weight:600;font-size:14px}.rec-toast button:hover:not(:disabled){background:#ffffff1f}.rec-toast.error button:hover:not(:disabled){background:#b3362b1a}.rec-toast{grid-template-columns:minmax(0,1fr)}.rec-toast-actions{justify-content:flex-end}.takes-dialog{margin:12px auto auto;width:min(720px,calc(100% - 24px));max-width:720px;max-height:min(60dvh,520px);padding:0 16px 14px;overflow:auto;overscroll-behavior:contain}.takes-dialog[open]{display:block}.takes-dialog .dialog-head{position:sticky;top:0;z-index:2;background:var(--paper);padding:14px 0 6px;border-bottom:1px solid var(--line)}.takes-dialog .dialog-head h2{font:400 22px/1.2 var(--serif);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.takes-dialog .dialog-head button{min-height:44px;min-width:76px;flex:none}.takes-dialog p{margin:6px 0}.take-storage{margin-top:10px!important}.take-privacy{margin-top:2px!important}.take-warning{color:#7a1f15!important;font-weight:600}.take-empty{padding:20px 4px;text-align:center;color:var(--ink-dim);font-size:15px;margin:8px 0!important}.take-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}.take{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;display:grid;gap:4px;min-height:56px}.take.unsaved{border-color:#b3362b;background:#fff8f6}.take-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:center}.takes-dialog .take-play{min-width:96px;min-height:44px;background:var(--gold);border-color:var(--gold);color:#1a1405;font-weight:700}.takes-dialog .take-play:hover:not(:disabled){filter:brightness(1.08)}.take-title{min-width:0}.takes-dialog .take-name{display:flex;width:100%;justify-content:flex-start;min-height:44px;padding:0 6px;border:0;border-radius:8px;background:transparent;font:600 16px/1.3 var(--sans);color:var(--ink);text-align:left}.takes-dialog .take-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.takes-dialog .take-name svg{opacity:.55}.takes-dialog .take-name:hover{background:#00000010}.take-name.static{display:block;padding:12px 6px;font:600 16px/1.3 var(--sans)}.takes-dialog .take-name-input{min-height:44px;margin:0;font:600 16px var(--sans)}.take-meta{margin:0!important;padding:0 6px;line-height:1.45!important}.take-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.takes-dialog .take-actions button,.takes-dialog .take-confirm button{min-height:44px;padding:0 14px;font-weight:600;background:#fff}.takes-dialog .take-actions .danger-outline{color:#8a2e22;border-color:#c98a82}.take-confirm{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;color:#7a1f15;font-weight:600;font-size:14px}.takes-dialog .take-confirm .danger{background:#b3362b;border-color:#b3362b;color:#fff}.take-scrub{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:0 2px}.takes-dialog .take-scrub input[type=range]{-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;background:transparent;width:100%;height:44px;min-height:44px;accent-color:var(--gold)}.takes-dialog .take-scrub input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--gold) var(--p,0%),#ddd6c6 var(--p,0%))}.takes-dialog .take-scrub input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--gold);border:2px solid #fff;box-shadow:0 0 0 1px #8a6a22}.takes-dialog .take-scrub input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#ddd6c6}.takes-dialog .take-scrub input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--gold)}.takes-dialog .take-scrub input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold);border:2px solid #fff;box-shadow:0 0 0 1px #8a6a22}.take-scrub output{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink-dim);white-space:nowrap}.take-error{color:var(--danger)!important;margin:0!important}.take-settings{scroll-margin-top:62px;margin-top:12px;border-top:1px solid var(--line);padding-top:4px}.take-settings summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600;font-size:14px}.take-settings fieldset{border:1px solid var(--line);border-radius:10px;margin:4px 0 8px;padding:4px 12px}.take-settings legend{font-size:13px;color:var(--ink-dim);padding:0 4px}.takes-dialog label.choice{display:flex;align-items:center;gap:12px;min-height:44px;margin:2px 0;font-size:14px;line-height:1.35}.takes-dialog label.choice input{width:22px;height:22px;min-height:0;margin:0;padding:0;flex:none;accent-color:#8a6a22}.takes-dialog label.choice small{display:block;color:var(--ink-dim);font-size:12px;line-height:1.4}@media(max-width:640px){.take-top{grid-template-columns:auto minmax(0,1fr)}.take-actions,.take-confirm{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.rec-time:before,.rec-count{animation:none!important}}