:root{--reader-bg:#e8edf3;--reader-text:#172b42;--reader-panel:#fff;--reader-border:#c9d5e3;--reader-muted:#52677c;--reader-link:#175da8;--reader-toolbar:#f8fafc;--reader-hover:#edf4fc;--reader-focus:#2381d6;--reader-input-border:#adbdcf;--reader-shadow:#102a4326}
:root[data-theme="dark"]{--reader-bg:#0b1422;--reader-text:#e3edf9;--reader-panel:#122035;--reader-border:#405873;--reader-muted:#bed0e6;--reader-link:#a4d0ff;--reader-toolbar:#14253c;--reader-hover:#243e5e;--reader-focus:#85c6ff;--reader-input-border:#6c88a7;--reader-shadow:#0008}
*{box-sizing:border-box}
body{margin:0;background:var(--reader-bg);color:var(--reader-text);font:15px/1.5 Arial,sans-serif}
header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;background:var(--reader-panel);border-bottom:1px solid var(--reader-border)}
.brand{display:grid;text-align:center}
.brand strong{font-size:15px;letter-spacing:.03em}
.brand span{font-size:12px;color:var(--reader-muted)}
a{color:var(--reader-link);text-decoration:none}
.download{background:#155ca8;color:white;padding:10px 17px;border-radius:9px;font-weight:700}
nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px;background:var(--reader-toolbar);position:sticky;top:0;z-index:2;box-shadow:0 2px 10px #102a430c}
button,input{font:inherit}
button{border:1px solid var(--reader-border);border-radius:8px;background:var(--reader-panel);color:var(--reader-text);padding:8px 12px;min-height:44px;cursor:pointer}
button:disabled{opacity:.45;cursor:default}
button:hover:not(:disabled){background:var(--reader-hover)}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--reader-focus);outline-offset:3px}
form{display:flex;align-items:center;gap:7px}
input{background:var(--reader-panel);color:var(--reader-text);min-height:44px;width:55px;text-align:center;border:1px solid var(--reader-input-border);border-radius:7px;padding:7px 3px}
.divider{width:1px;height:25px;background:var(--reader-border);margin-inline:6px}
#status{text-align:center;font-size:13px;margin:12px 16px;color:var(--reader-muted);min-height:20px}
#reader{width:100%;overflow:auto;padding:0 16px 24px;min-height:55vh;text-align:center}
#sheet{display:block;margin:0 auto;box-shadow:0 6px 24px var(--reader-shadow);background:white;max-width:none;height:auto}
#sheet[hidden]{display:none}
details{max-width:1000px;margin:0 auto 40px;padding:16px;background:var(--reader-panel);border-radius:10px}
summary{cursor:pointer;color:var(--reader-link)}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.75 Arial,sans-serif}
noscript{text-align:center}
@media(max-width:620px){header{padding:12px;gap:10px}
.brand strong{font-size:12px}
.brand span{font-size:11px}
.back{font-size:12px;max-width:85px}
.download{font-size:13px;padding:9px 12px}
nav{gap:5px;padding:9px 6px}
button{font-size:13px;padding:7px 9px}
#fit{font-size:12px}
.divider{display:none}
form{gap:4px;font-size:13px}
#reader{padding-inline:8px}
details{margin-inline:10px}
}
@media print{body{background:white;color:black}
header,nav,#status,details{display:none}
#reader{padding:0}
#sheet{width:100%!important;box-shadow:none}
}