:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.video-panel{background:#000;flex-shrink:0;width:100%;height:clamp(160px,28vh,240px);position:relative}@media (orientation:portrait){.video-panel{height:clamp(150px,20vh,210px)}}.video-pick{color:#ccc;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;font-size:14px;display:flex}.video-pick-row{align-items:center;gap:8px;display:flex}.video-pick-row input[type=text]{color:#eee;background:#222;border:1px solid #444;border-radius:8px;width:320px;max-width:60vw;min-height:40px;padding:0 10px}.video-pick-row button{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:8px;min-height:40px;padding:0 14px}.local-file-label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.video-error-text{color:#ff6b6b;font-size:12px}.video-error-overlay{text-align:center;color:#ff8787;z-index:2;background:#000000b3;justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex;position:absolute;inset:0}.video-shell{width:100%;height:100%;position:relative;overflow:hidden}.yt-wrap{width:100%;height:100%}.video-el{object-fit:contain;filter:blur(22px)saturate(.9);background:#000;border:none;width:100%;height:100%;transform:scale(1.06)}.mosaic-blur{pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.mosaic-pattern{pointer-events:none;opacity:.55;mix-blend-mode:overlay;background-image:repeating-conic-gradient(#3a3a3a 0% 25%,#545454 0% 50%);background-size:22px 22px;position:absolute;inset:0}.video-controls{background:linear-gradient(#0000,#000000bf);align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-ad-slots{pointer-events:none;grid-template-columns:minmax(180px,320px) minmax(180px,320px);justify-content:space-between;gap:16px;display:grid;position:absolute;bottom:58px;left:12px;right:12px}.video-ad-slot{color:#ffffff94;letter-spacing:.08em;pointer-events:auto;background:#0f0f0fb8;border:1px dashed #ffffff59;border-radius:8px;justify-content:center;align-items:center;min-height:64px;font-size:11px;display:flex;overflow:hidden}.video-controls button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;min-width:42px;min-height:42px;font-size:15px}.video-controls .play-btn{background:#4a9eff;padding:0 16px;font-weight:600}.time-readout{color:#eee;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.video-seek-slider{accent-color:#4a9eff;cursor:pointer;touch-action:pan-x;flex:220px;min-width:100px;height:32px}.video-seek-slider:disabled{cursor:default;opacity:.45}.volume-control{color:#eee;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.volume-control input{accent-color:#4a9eff;cursor:pointer;touch-action:pan-x;width:clamp(72px,10vw,120px);height:30px}.volume-control output{color:#bbb;font-variant-numeric:tabular-nums;min-width:32px}.file-name{color:#aaa;text-overflow:ellipsis;white-space:nowrap;max-width:30%;font-size:12px;overflow:hidden}.change-btn{min-width:unset!important;padding:0 10px!important;font-size:12px!important}@media (width<=700px){.file-name{display:none}.video-controls{gap:5px;padding-inline:7px}.video-controls .play-btn{padding-inline:10px}.video-ad-slots{grid-template-columns:1fr 1fr;gap:8px;left:7px;right:7px}.video-ad-slot{min-height:50px}.volume-control span,.volume-control output{display:none}.volume-control input{width:72px}}.score-viewer{background:#2b2b2b;flex:1;min-height:0;position:relative}.score-empty{color:#999;justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.score-empty-content{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(960px,100%);min-height:100%;padding:20px clamp(14px,3vw,34px) 28px;display:flex}.score-help-header{flex-direction:column;gap:5px;display:flex}.score-help-header strong{color:#f2f2f2;font-size:clamp(20px,2.6vw,28px)}.score-help-header span{color:#b8b8b8;font-size:13px}.help-language-tabs{background:#202020;border:1px solid #494949;border-radius:10px;padding:3px;display:inline-flex}.help-language-tabs button{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:34px;padding:0 13px}.help-language-tabs button.active{color:#fff;background:#3d79b5;font-weight:700}.help-language-tabs button:focus-visible{outline-offset:1px;outline:2px solid #76b8ff}.score-help-steps{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.score-help-steps li{background:#343434;border:1px solid #474747;border-radius:12px;gap:10px;min-height:108px;padding:14px;display:flex}.step-number{color:#fff;background:#1976d2;border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.score-help-steps strong{color:#f2f2f2;font-size:14px}.score-help-steps p{color:#c4c4c4;margin:7px 0 0;font-size:12px;line-height:1.55}.rights-notice{text-align:left;background:#704b0d38;border:1px solid #f5be4873;border-radius:10px;width:100%;padding:12px 15px}.rights-notice>strong{color:#ffd580;font-size:13px}.rights-notice p{color:#ddd0b7;margin:5px 0 0;font-size:11px;line-height:1.5}.rights-notice .privacy-notice{color:#b9d9f7}.score-pdf-pick{color:#fff;cursor:pointer;background:#1976d2;border:1px solid #76b8ff;border-radius:12px;justify-content:center;align-items:center;min-width:190px;min-height:52px;margin-top:6px;padding:0 22px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #0000003d}.score-pdf-pick:hover{background:#2387e7}.score-pdf-pick:focus-within{outline-offset:3px;outline:3px solid #76b8ff8c}.score-pdf-pick input{display:none}@media (width<=760px){.score-help-steps{grid-template-columns:1fr}.score-help-steps li{min-height:unset}.score-empty-content{padding-top:14px}}.score-error{color:#ff8787;text-align:center;padding:24px}.score-loading{color:#eee;z-index:2;background:#0009;border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;top:8px;left:8px}.score-scroll{touch-action:pan-y pinch-zoom;background:#444;height:100%;overflow:hidden auto}.score-doc{background:#444;position:relative}.score-page-wrap{background:#fff;box-shadow:0 0 0 1px #ccc}.pdf-page-placeholder{background:repeating-linear-gradient(45deg,#eee,#eee 10px,#f6f6f6 10px 20px)}.pdf-page-canvas-wrap{position:relative}.pdf-page-error{color:#c0392b;background:#ffffffe6;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.anchor-marker{color:#b32626;text-align:center;cursor:pointer;z-index:1;touch-action:manipulation;background:#fff8f8f0;border:1px solid #ae2626bf;border-radius:7px;width:24px;height:24px;margin-top:-12px;padding:0;font:700 16px/22px system-ui,sans-serif;position:absolute;right:-28px;box-shadow:0 1px 4px #00000029}.anchor-marker:hover{background:#ffe9e9;border-color:#a61f1f}.anchor-marker:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.follow-state-badge{color:#fff;pointer-events:none;background:#00000080;border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;top:8px;right:8px}.follow-following{background:#288c50b3}.follow-peeking{background:#c88c1ebf}.follow-returning{background:#3c6edcbf}.toolbar{color:#eee;background:#1c1c1c;flex-direction:column;flex-shrink:0;gap:6px;padding:6px 10px;display:flex}.toolbar-collapsed{padding-block:4px}.toolbar-toggle-button{color:#ddd;cursor:pointer;background:#2a2a2a;border:1px solid #454545;border-radius:8px;justify-content:center;align-self:center;align-items:center;gap:8px;min-width:112px;min-height:32px;padding:0 14px;font-size:12px;display:inline-flex}.toolbar-toggle-button:hover{color:#fff;background:#363636}.toolbar-toggle-button:focus-visible{outline-offset:2px;outline:2px solid #4a9eff}.toolbar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-row button,.pdf-pick span{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;min-height:44px;padding:0 14px;font-size:14px}.pdf-pick{cursor:pointer;display:inline-flex}.pdf-pick input{display:none}.pdf-name{color:#9cf;align-items:center;gap:8px;font-size:13px;display:inline-flex}.change-pdf-btn{min-height:32px!important;padding:0 10px!important;font-size:12px!important}.save-status{color:#9c9;margin-left:auto;font-size:12px}.save-status-saving{color:#ccc}.save-status-error{color:#ff8787}.sync-toggle{align-items:center;gap:6px;margin-left:8px;font-size:13px;display:flex}.visibility-controls{cursor:pointer;white-space:nowrap;background:#272727;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 8px;font-size:13px;display:flex}.visibility-controls input{accent-color:#4a9eff;width:17px;height:17px}.zoom-controls{align-items:center;gap:6px;margin-left:auto;display:flex}.zoom-controls button{min-width:40px}.app-shell{background:#111;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}
