:root{--ink: #14110d;--ink-2: #1c1813;--ink-3: #2a241b;--paper: #f6f1e6;--brass: #c69749;--brass-lo: #8f6c2e;--patina: #6ea39c;--text: #e9e1d1;--text-dim: #9a8e78;--text-fnt: #6f6553;--hair: rgba(198,151,73,.2);--hair-2: rgba(233,225,209,.08)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Spectral,Georgia,serif;background:var(--ink);color:var(--text);display:flex;height:100vh;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--brass);color:var(--ink)}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}button{font-family:inherit;color:inherit}#sidebar{width:322px;background:var(--ink-2);border-right:1px solid var(--hair);display:flex;flex-direction:column;flex-shrink:0}#brand{padding:22px 22px 18px;border-bottom:1px solid var(--hair-2)}#brand .title{font-family:Cinzel,serif;font-weight:600;font-size:26px;letter-spacing:7px;color:var(--text);line-height:1}#brand .sub{font-size:11px;letter-spacing:2.5px;color:var(--brass);text-transform:uppercase;margin-top:9px;font-weight:500}#search-wrap{padding:16px 16px 8px;position:relative}#search{width:100%;padding:11px 14px 11px 34px;background:var(--ink);border:1px solid var(--ink-3);border-radius:3px;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s}#search::placeholder{color:var(--text-fnt);font-style:italic}#search:focus{border-color:var(--brass-lo)}#search-wrap:before{content:"⌕";position:absolute;left:27px;top:50%;transform:translateY(-50%);color:var(--text-fnt);font-size:17px;pointer-events:none}#count{padding:6px 20px 12px;color:var(--text-fnt);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}#results{flex:1;overflow-y:auto}.result{padding:11px 20px;cursor:pointer;border-bottom:1px solid var(--hair-2);position:relative;transition:background .1s}.result:hover,.result.active{background:var(--ink-3)}.result.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brass)}.rt{color:var(--text);font-size:15.5px;line-height:1.3}.result.active .rt{color:var(--brass)}.rc{color:var(--text-dim);font-size:12.5px;font-style:italic;margin-top:2px}.more{padding:12px 20px;color:var(--text-fnt);font-size:12px;font-style:italic}.chead{display:flex;align-items:center;gap:9px;padding:11px 16px;cursor:pointer;border-bottom:1px solid var(--hair-2);color:var(--text-dim);font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s;position:sticky;top:0;z-index:2;background:var(--ink-2)}.chead:hover{background:var(--ink-3);color:var(--text)}.chead .arr{color:var(--text-fnt);font-size:9px;width:10px;transition:transform .15s}.chead.open .arr{transform:rotate(90deg)}.chead.open{color:var(--brass)}.chead .cname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chead .cnt{color:var(--text-fnt);letter-spacing:0;font-size:11px;font-variant-numeric:tabular-nums}.result.grouped{padding-left:33px}.rt .hl{color:var(--brass);font-style:normal;font-weight:inherit}.chead.static{cursor:default}.chead.static:hover{background:none;color:var(--text-dim)}.chead-arr{color:var(--patina);font-size:10px;letter-spacing:0;font-variant-numeric:tabular-nums;margin-right:4px}.result.arranged{padding-left:8px}.result.arranged.grouped{padding-left:21px}.result .pip{display:inline-block;width:12px;margin-right:6px;color:var(--patina);font-size:10px;vertical-align:1px}.result:not(.arranged) .pip{visibility:hidden}#tabs{display:flex;padding:0 12px;gap:4px;border-bottom:1px solid var(--hair-2)}.tab{flex:1;background:none;border:none;cursor:pointer;padding:9px 6px 8px;font-family:Cinzel,serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-fnt);border-bottom:2px solid transparent;transition:color .12s,border-color .12s;display:flex;align-items:center;justify-content:center;gap:6px}.tab:hover{color:var(--text-dim)}.tab.active{color:var(--brass);border-bottom-color:var(--brass)}.tab-badge{background:var(--patina);color:var(--ink);border-radius:8px;font-size:10px;padding:1px 6px;letter-spacing:0;font-family:inherit}#bell-wrap{position:relative;flex-shrink:0}.bell-ico{font-size:15px;line-height:1}#bell-btn.busy{border-color:var(--brass-lo);color:var(--brass)}#bell-btn.busy .bell-ico{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bell-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--brass);color:var(--ink);font-size:10px;font-weight:700;line-height:16px;text-align:center;font-variant-numeric:tabular-nums}#bell-panel{position:absolute;top:44px;right:0;width:340px;max-height:60vh;overflow-y:auto;background:var(--ink-2);border:1px solid var(--hair);border-radius:6px;z-index:60;box-shadow:0 12px 40px #0009}#bell-panel[hidden]{display:none}.bell-head{padding:12px 16px 10px;font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--brass);border-bottom:1px solid var(--hair-2)}.bell-job{padding:11px 16px;border-bottom:1px solid var(--hair-2);cursor:pointer;transition:background .1s}.bell-job:hover{background:var(--ink-3)}.bell-job .bj-title{color:var(--text);font-size:13.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bell-job .bj-phase{font-size:11.5px;margin-top:3px;font-style:italic;color:var(--text-dim);display:flex;align-items:center;gap:7px}.bell-job .bj-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.bj-dot.running{background:var(--brass);animation:pulse 1.2s ease-in-out infinite}.bj-dot.queued{background:var(--text-fnt)}.bj-dot.done{background:var(--patina)}.bj-dot.error{background:#b4553f}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.bell-empty{padding:22px 16px;text-align:center;color:var(--text-fnt);font-size:12.5px;font-style:italic}#toasts{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:260px;max-width:360px;cursor:pointer;background:var(--ink-2);border:1px solid var(--hair);border-left:3px solid var(--patina);border-radius:5px;padding:13px 16px;box-shadow:0 10px 34px #0000008c;animation:toast-in .3s ease both}.toast.err{border-left-color:#b4553f}.toast .tt{font-family:Cinzel,serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--brass);margin-bottom:5px}.toast.err .tt{color:#d08063}.toast .tb{color:var(--text);font-size:13.5px;line-height:1.4}.toast.leaving{animation:toast-out .3s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translate(20px)}}#main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}#toolbar{padding:11px 22px;background:var(--ink-2);border-bottom:1px solid var(--hair);display:flex;align-items:center;gap:9px 14px;flex-shrink:0;flex-wrap:wrap}#score-title{flex:1 1 240px;font-family:Spectral,serif;font-size:18px;font-weight:500;letter-spacing:.3px;color:var(--text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-break{flex-basis:100%;height:0}#score-meta{flex-basis:100%;font-size:12px;font-style:italic;color:var(--text-dim);letter-spacing:.2px;line-height:1.4;white-space:normal;overflow:hidden;text-overflow:ellipsis}#score-meta b{color:var(--patina);font-style:normal;font-weight:600}#score-meta[hidden]{display:none}#score-meta .auto-note{color:var(--patina);font-style:normal}#score-meta .warn{color:var(--brass);font-style:normal}#score-title .dim{color:var(--text-dim);font-style:italic;font-weight:400}#gradus{display:flex;align-items:flex-end;gap:3px;flex-shrink:0}#gradus .glabel{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:var(--text-fnt);margin-right:4px;align-self:stretch;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.rung{width:46px;background:var(--ink);border:1px solid var(--ink-3);border-radius:2px;cursor:pointer;padding:6px 0 0;display:flex;flex-direction:column;align-items:center;gap:3px;transition:border-color .12s,background .12s,transform .12s}.rung .num{font-family:Cinzel,serif;font-size:15px;color:var(--text-dim);line-height:1;transition:color .12s}.rung .nm{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--text-fnt);transition:color .12s}.rung .fill{height:3px;width:100%;background:transparent;border-top:1px solid var(--ink-3);margin-top:1px}.rung .fill i{display:block;height:100%;background:var(--patina);opacity:.5}.rung[data-level="1"] .fill i{width:25%}.rung[data-level="2"] .fill i{width:50%}.rung[data-level="3"] .fill i{width:75%}.rung[data-level="4"] .fill i{width:100%}.rung:hover{border-color:var(--brass-lo);transform:translateY(-1px)}.rung:hover .num,.rung:hover .nm{color:var(--text)}.rung.active{background:var(--brass);border-color:var(--brass)}.rung.active .num{color:var(--ink)}.rung.active .nm{color:#14110db8}.rung.active .fill i{background:#14110d66;opacity:1}.rung.unavailable .num,.rung.unavailable .nm{color:var(--text-fnt)}.rung.unavailable{border-style:dashed}.rung.unavailable:not(.active){opacity:.7}.ico-btn{width:34px;height:34px;background:var(--ink);cursor:pointer;border:1px solid var(--ink-3);border-radius:3px;color:var(--text-dim);font-size:13px;display:flex;align-items:center;justify-content:center;transition:border-color .12s,color .12s}.ico-btn:hover:not(:disabled){border-color:var(--brass-lo);color:var(--text)}.ico-btn:disabled{opacity:.28;cursor:default}.play-btn{display:flex;align-items:center;gap:7px;height:34px;padding:0 16px 0 13px;background:var(--brass);color:var(--ink);border:1px solid var(--brass);border-radius:18px;cursor:pointer;font-family:Cinzel,serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;flex-shrink:0;transition:background .12s,transform .12s,opacity .12s}.play-btn:hover:not(:disabled){background:#d6a854;transform:translateY(-1px)}.play-btn:disabled{opacity:.34;cursor:default}.play-btn.loading{opacity:.7;cursor:progress}.play-btn .pic{font-size:12px;line-height:1;width:12px;text-align:center}#page-info{font-size:13px;color:var(--text-dim);min-width:58px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.5px}#seek-row{display:flex;align-items:center;gap:12px;padding:6px 22px;background:var(--ink-2);border-bottom:1px solid var(--hair-2);flex-shrink:0}#seek-row[hidden]{display:none}#seekbar{flex:1;accent-color:var(--brass)}#seek-cur,#seek-dur{font-size:12px;color:var(--text-dim);min-width:38px;font-variant-numeric:tabular-nums}#seek-cur{text-align:right}.tb-group{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:5px 12px 5px 10px;border:1px solid var(--hair-2);border-radius:5px;background:var(--ink)}.tb-cap{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-fnt);margin-right:3px;-webkit-user-select:none;user-select:none}.tb-sep{width:1px;align-self:stretch;margin:2px 4px;background:var(--hair-2)}.tb-group .ico-btn{width:26px;height:26px;font-size:14px;line-height:1}#zoom,#tempo{width:84px;accent-color:var(--brass)}#tp-val{min-width:26px;text-align:center;color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:0}#tempo-val{min-width:40px;color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:0}#stage{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:34px;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(ellipse 60% 50% at 50% 34%,rgba(198,151,73,.07),transparent 70%),var(--ink)}body.fs-mode #sidebar,body.fs-mode #topbar,body.fs-mode #footer{display:none}body.fs-mode #stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;padding:4vh 4vw}body.fs-mode #score-pages{gap:4vh}body.fs-mode .score-page{max-width:100%;box-shadow:0 10px 40px #0009}#stage:fullscreen{padding:4vh 4vw;background:var(--ink)}#stage:fullscreen #score-pages{gap:4vh}#btn-full.active{border-color:var(--brass);color:var(--brass)}#btn-exit-full{display:none}body.fs-mode #btn-exit-full,#stage:fullscreen #btn-exit-full{display:inline-flex;align-items:center;gap:6px;position:fixed;top:max(2vh,14px);right:max(2vw,14px);z-index:1000;padding:9px 14px;font:inherit;font-size:14px;line-height:1;color:var(--brass);background:#14120fd1;border:1px solid var(--brass);border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.55;transition:opacity .18s}body.fs-mode #btn-exit-full:hover,#stage:fullscreen #btn-exit-full:hover,body.fs-mode #btn-exit-full:focus-visible,#stage:fullscreen #btn-exit-full:focus-visible{opacity:1}#score-pages.show{display:flex;flex-direction:column;align-items:center;gap:26px;min-width:0}.score-page{max-width:100%;background:var(--paper);padding:30px 30px 20px;border-radius:2px;box-shadow:0 2px 8px #00000080,0 24px 60px #0000008c,0 0 0 1px #c6974924}.score-page svg{display:block;max-width:100%;height:auto}.score-page g.note{cursor:pointer}.score-page g.playing,.score-page g.playing *{fill:var(--brass)!important;stroke:var(--brass)!important}.stage-panel{display:none}.stage-panel.show{display:block}#hero{text-align:center;color:var(--text-dim);margin:auto;padding:24px 40px 32px;max-width:640px}#hero .clef{font-size:68px;color:var(--brass);opacity:.5;line-height:1;display:block;margin-bottom:14px}#hero h2{font-family:Cinzel,serif;font-weight:500;font-size:19px;letter-spacing:2px;color:var(--text);margin-bottom:12px}#hero p{font-size:15.5px;font-style:italic;line-height:1.65;max-width:460px;margin:0 auto}#hero-stats{display:flex;justify-content:center;gap:34px;margin-top:22px;padding-top:20px;border-top:1px solid var(--hair-2)}#hero-stats .hs{display:flex;flex-direction:column;gap:4px}#hero-stats b{font-family:Cinzel,serif;font-size:23px;font-weight:500;color:var(--brass);line-height:1;font-variant-numeric:tabular-nums}#hero-stats span{font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:var(--text-fnt)}#hero-picks{display:grid;gap:8px;margin-top:20px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}#hero-picks:empty{display:none}.pick{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:4px;padding:8px 13px;cursor:pointer;text-align:left;min-width:0;display:flex;flex-direction:column;gap:2px;transition:border-color .12s,transform .12s,background .12s}.pick:hover{border-color:var(--brass-lo);background:var(--ink-3);transform:translateY(-1px)}.pick .pk-t{font-size:13px;color:var(--text);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick .pk-c{font-size:11px;font-style:italic;color:var(--text-fnt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#commission{text-align:center;margin:auto;padding:44px 40px;max-width:520px;background:var(--ink-2);border:1px solid var(--hair);border-radius:4px}#commission .grade{font-family:Cinzel,serif;font-size:34px;color:var(--brass);letter-spacing:3px}#commission h2{font-family:Cinzel,serif;font-weight:500;font-size:17px;letter-spacing:1.5px;color:var(--text);margin:14px 0 10px;text-transform:uppercase}#commission p{font-size:15px;font-style:italic;color:var(--text-dim);line-height:1.6;margin-bottom:26px}.brass-btn{background:var(--brass);color:var(--ink);border:none;cursor:pointer;padding:12px 26px;border-radius:3px;font-family:Cinzel,serif;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;transition:background .12s,transform .12s}.brass-btn:hover{background:#d6a854;transform:translateY(-1px)}.brass-btn:disabled{opacity:.5;cursor:default;transform:none}#loading{text-align:center;margin:auto;padding:44px 40px;max-width:520px}#loading h2{font-family:Cinzel,serif;font-weight:500;font-size:16px;letter-spacing:2px;color:var(--text);text-transform:uppercase;margin-bottom:8px}#loading .quill{font-size:46px;color:var(--brass);display:block;margin-bottom:22px;animation:breathe 2.4s ease-in-out infinite}#loading .phase{color:var(--brass);font-size:16px;letter-spacing:.5px;min-height:22px}#working{text-align:center;margin:auto;padding:44px 40px;max-width:520px}#working .quill{font-size:46px;color:var(--brass);display:block;margin-bottom:22px;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}#working h2{font-family:Cinzel,serif;font-weight:500;font-size:16px;letter-spacing:2px;color:var(--text);text-transform:uppercase;margin-bottom:8px}#working .phase{color:var(--brass);font-size:16px;letter-spacing:.5px;min-height:22px}#working .detail{color:var(--text-fnt);font-size:12.5px;font-family:Spectral;font-style:italic;margin-top:10px;min-height:18px;word-break:break-word}#working .elapsed{color:var(--text-fnt);font-size:11px;letter-spacing:1px;margin-top:18px;font-variant-numeric:tabular-nums}.worklog{margin:18px auto 0;max-width:560px;max-height:190px;overflow-y:auto;text-align:left;background:var(--ink);border:1px solid var(--ink-3);border-radius:4px;padding:10px 13px;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.55;color:var(--text-dim);font-variant-numeric:tabular-nums}.worklog:empty{display:none}.track{width:220px;height:2px;background:var(--ink-3);margin:24px auto 0;overflow:hidden;border-radius:2px}.track i{display:block;height:100%;width:34%;background:var(--brass);animation:slide 1.5s ease-in-out infinite}@keyframes slide{0%{transform:translate(-120%)}to{transform:translate(360%)}}#footer{flex-shrink:0;padding:7px 22px;background:var(--ink-2);border-top:1px solid var(--hair-2);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--text-fnt);text-align:center}#footer b{color:var(--brass);font-weight:500}#menu-btn{display:none}#backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}#backdrop.show{opacity:1;pointer-events:auto}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:6px;border:3px solid var(--ink)}::-webkit-scrollbar-thumb:hover{background:var(--brass-lo)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 1024px){#menu-btn{display:flex}#sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;width:min(86vw,322px);transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 50px #000000b3}#sidebar.open{transform:translate(0)}#toolbar{flex-wrap:wrap;gap:8px 10px;padding:7px 12px}#score-title{flex:1 1 120px;font-size:15px}#score-meta,.tb-break,.tb-cap,#gradus .glabel,.tb-sep{display:none}.tb-group{padding:4px 8px;gap:5px}.rung{width:34px;padding-top:5px}.rung .nm{display:none}.rung .num{font-size:14px}#zoom,#tempo{width:64px}#page-info{min-width:42px;font-size:12px}.play-btn{padding:0 12px}#stage{padding:14px}.score-page{padding:14px 12px 10px}}@media (prefers-reduced-motion: no-preference){#score-pages.show,#hero,#commission,#working{animation:rise .4s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}body.read-only #com-btn{display:none}