:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#252a35;background:#f7f7f5;font-synthesis:none;--accent:#285bce;--line:#dedfdf;--muted:#707580;--header:76px;--toolbar:56px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,summary{cursor:pointer}button{color:inherit}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #729aed;outline-offset:3px}.app-header{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:20;background:#f7f7f5f2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;font-size:21px;font-weight:650;letter-spacing:-.65px}.brand svg{width:30px;height:30px;fill:currentColor;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}.brand svg path{fill:none}.header-actions{display:flex;gap:9px}.button{border:1px solid var(--line);padding:10px 16px;border-radius:9px;background:#fff;font-size:13px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px}.button:hover{border-color:#b7bbc3;background:#f2f3f6}.button.primary{background:#252a35;color:#fff;border-color:#252a35}.button.primary:hover{background:#3c4351}.button.large{padding:15px 22px;font-size:14px}.key-hint{font-size:11px;opacity:.55;margin-left:10px}.sample{border:0;background:none;padding:15px 20px}.icon-button,.text-button{border:0;background:transparent;min-width:32px;min-height:32px;border-radius:6px;padding:4px 9px}.icon-button:hover,.text-button:hover{background:#dce0e77a}#home-screen{max-width:1040px;margin:auto;padding:0 40px}#welcome{padding:100px 0 80px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;color:var(--muted)}h1{font-size:clamp(38px,5.6vw,68px);font-weight:540;line-height:1.1;letter-spacing:-2.8px;margin:22px 0}h1 span{color:#8a8d94}#welcome>p{font-size:16px;line-height:1.75;color:#6a707b}.welcome-actions{display:flex;align-items:center;gap:8px;margin:28px 0 24px}.privacy{font-size:12px!important;display:flex;gap:8px;align-items:center}.privacy span{font-size:10px;color:#4c8b68}.home-note{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:24px 0 32px;font-size:11px;color:#8a8e97}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 20px}.section-heading h2{font-size:18px;letter-spacing:-.5px;font-weight:600}.section-heading>span{font-size:11px;color:var(--muted)}#library{padding:0 0 45px}#saved-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-score{position:relative;display:flex;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}.open-score{border:0;background:none;min-width:0;flex:1;text-align:left;padding:20px 42px 20px 20px}.open-score strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550}.open-score span{display:block;color:var(--muted);font-size:11px;margin-top:7px}.remove-score{position:absolute;right:8px;top:12px;border:0;background:none;font-size:20px;color:#8a8e97;border-radius:5px}.saved-score:hover{border-color:#abb3c1}body.reading{background:#e9e9e7}#reader{height:calc(100dvh - var(--header))}.reader-toolbar{height:var(--toolbar);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;background:#f7f7f5f2;border-bottom:1px solid var(--line);position:relative;z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.document-name{min-width:0;display:flex;align-items:baseline;gap:10px;font-size:12px}.document-name #title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:550}.document-name #document-state{color:var(--muted);white-space:nowrap;font-size:10px}.page-controls{display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;font-size:12px}#page-number{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}#zoom-value{width:42px;text-align:center;font-variant-numeric:tabular-nums}.separator{height:16px;width:1px;background:var(--line);margin:0 9px}#reader-scroll{height:calc(100% - var(--toolbar));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;outline:none;position:relative}#pages{width:max-content;min-width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;gap:24px;padding:26px 24px 130px}.page{position:relative;background:#fff;box-shadow:0 2px 12px #252a3512;flex-shrink:0}.page:only-child{margin-block:auto}.page canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.measure{position:absolute;pointer-events:auto;cursor:pointer;background:transparent;border:0;border-right:1px solid #285bce48;border-radius:0;padding:0;touch-action:manipulation;min-height:24px}.measure:hover,.measure:focus-visible,.measure.active{background:#497ce52c;outline:1.5px solid #285bce;outline-offset:-1.5px}.cursor{position:absolute;width:2px;background:#285bce;pointer-events:none}.gpu-pages{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.gpu-rendering .page canvas{visibility:hidden}.gpu-rendering .cursor{visibility:hidden}.gpu-rendering .measure.active{background:transparent;outline:none}#transport{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:25;display:flex;gap:16px;align-items:center;width:min(560px,calc(100vw - 32px));padding:13px 17px;border:1px solid #ffffffb0;border-radius:20px;background:#fafaf7df;-webkit-backdrop-filter:blur(28px) saturate(1.4);backdrop-filter:blur(28px) saturate(1.4);box-shadow:0 8px 35px #151c2e22}.play-button{width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:#285bce;color:#fff;font-size:15px}.playback-progress{flex:1;min-width:0}.playback-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#6a707b;margin-bottom:7px}.playback-times{font-variant-numeric:tabular-nums;white-space:nowrap;color:#252a35}#playback-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#scrubber{display:block;width:100%;height:14px;margin:0;accent-color:#285bce;cursor:pointer}#tempo{background:transparent;border:0;font-size:12px;max-width:55px;padding:5px 0;color:#424954}.more-menu{position:relative}.more-menu summary{font-size:22px;line-height:30px;list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu>div{position:absolute;right:-5px;bottom:42px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 35px #151c2e22;min-width:215px;padding:8px;font-size:12px}.more-menu button,.more-menu label{display:block;width:100%;padding:10px;border:0;background:none;text-align:left;border-radius:6px}.more-menu button:hover{background:#f0f2f7}.more-menu span{display:block;padding:10px;color:var(--muted);font-size:10px}.follow-option input{accent-color:var(--accent);vertical-align:middle}#notice{position:fixed;z-index:30;bottom:120px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100vw - 28px);padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fffffff5;box-shadow:0 4px 20px #252a3515;font-size:12px}body:not(.reading) #notice{bottom:24px}#status{line-height:1.5}#cancel{border:0;background:none;color:#285bce;padding:5px;font-size:12px}dialog{border:1px solid var(--line);border-radius:16px;padding:24px;width:min(720px,90vw);max-height:80vh;color:#252a35}dialog::backdrop{background:#14192455;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:17px}dialog pre{font:11px/1.6 ui-monospace,monospace;overflow:auto;white-space:pre-wrap;word-break:break-word}#drop-target{position:fixed;top:10px;right:10px;bottom:10px;left:10px;z-index:50;border:2px dashed #285bce;border-radius:18px;display:grid;place-items:center;background:#f7f7f5f5;font-size:25px;pointer-events:none}.muted{color:#8b9099}@media(max-width:700px){:root{--header:66px;--toolbar:84px}.app-header{padding:0 16px;gap:12px}.brand{font-size:17px;gap:7px}.brand svg{width:24px}.key-hint{display:none}.header-actions{gap:6px}.button{font-size:11px;padding:8px 11px;min-height:36px}.header-actions .button{max-width:120px}#home-screen{padding:0 23px}#welcome{padding:65px 0 48px}h1{font-size:42px;letter-spacing:-1.7px}#welcome>p{font-size:14px}.welcome-actions{align-items:stretch;flex-wrap:wrap;gap:0}.button.large{font-size:12px;padding:12px 16px}.home-note{font-size:10px;flex-direction:column;gap:8px}#saved-scores{grid-template-columns:1fr}.reader-toolbar{flex-direction:column;align-items:stretch;justify-content:center;gap:6px;padding:10px 14px}.document-name{font-size:11px;min-height:15px}.page-controls{justify-content:center;gap:5px}.page-controls .icon-button{min-width:28px;min-height:27px}#pages{padding:14px 12px 120px;gap:16px}#transport{gap:10px;border-radius:18px;padding:11px 13px;bottom:max(12px,env(safe-area-inset-bottom))}.playback-label{font-size:9px}.play-button{width:39px;height:39px}#notice{bottom:105px;width:calc(100vw - 28px);font-size:11px}.section-heading>span{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}