*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf5;background:#101827;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.full-message,.start-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.full-message{font-size:clamp(1rem,3vw,1.35rem)}.start-screen h1{margin:0 0 12px;font-size:clamp(1.5rem,4vw,2.4rem)}.start-screen p{color:#aebbd0;max-width:38rem}.primary,.danger{border:0;border-radius:10px;padding:12px 18px;font-weight:700;color:#fff;background:#3677ed}.danger{background:#b43e4d}.error{color:#ff9ca7}.guest{min-height:100vh;display:flex;flex-direction:column}.guest>header,.admin>header{position:sticky;z-index:3;top:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(12px,3vw,28px);background:#101827;border-bottom:1px solid #2b3547}.guest>header strong{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#a9d8ff}.pdf-shell{width:100%;display:flex;flex-direction:column;min-height:0}.viewer-toolbar{position:sticky;top:52px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;color:#b7c4d7;background:#172235;border-bottom:1px solid #2b3547;font-size:.9rem}.toolbar-button{min-width:36px;min-height:34px;padding:6px 11px;border:1px solid #3c4b62;border-radius:7px;color:#e8edf5;background:#26344a}.toolbar-button:hover:not(:disabled),.toolbar-button.active{background:#315b91;border-color:#6298df}.page-navigation{display:flex;align-items:center;justify-content:center;gap:8px}.page-jump{display:flex;align-items:center;gap:7px;white-space:nowrap}.page-jump input{width:58px;height:34px;padding:4px 6px;text-align:center;color:#fff;background:#101827;border:1px solid #526987;border-radius:6px;font-variant-numeric:tabular-nums}.page-jump span{font-variant-numeric:tabular-nums}.zoom{display:flex;align-items:center;gap:10px}.zoom button{border:1px solid #3c4b62;border-radius:6px;width:34px;height:30px;color:#fff;background:#26344a;font-size:1.2rem}.reader-layout{display:flex;align-items:stretch;min-height:0;flex:1;overflow:hidden}.thumbnail-sidebar{position:sticky;top:104px;align-self:flex-start;width:190px;min-width:190px;height:calc(100vh - 104px);overflow:hidden;background:#121c2c;border-right:1px solid #2b3547;display:flex;flex-direction:column}.thumbnail-heading{padding:13px 12px;font-size:.85rem;font-weight:700;border-bottom:1px solid #2b3547}.thumbnail-list{overflow-y:auto;padding:10px;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:10px}.thumbnail-card{min-width:0;padding:6px 4px;border:1px solid #33435a;border-radius:7px;color:#cbd6e7;background:#1b293e}.thumbnail-card:hover{border-color:#729bd0}.thumbnail-card.selected{border:2px solid #6ca4ff;background:#263d5c;color:#fff}.thumbnail-image{height:112px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;color:#667085}.thumbnail-image canvas{display:block;max-width:100%;height:auto}.thumbnail-placeholder{font-size:10px}.thumbnail-number{display:block;padding-top:6px;font-size:.78rem;font-variant-numeric:tabular-nums}.pdf-pages{flex:1;min-width:0;height:calc(100vh - 110px);min-height:0;overflow:auto;padding:12px;display:flex;flex-direction:column;align-items:center;gap:0;justify-content:flex-start;overscroll-behavior:contain;scroll-padding-top:12px}.page-spread{width:max-content;min-width:100%;min-height:100%;flex:0 0 100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:2px;overflow:visible}.page-wrapper{flex:0 0 auto;min-width:0;max-width:none;display:flex;flex-direction:column;align-items:center;line-height:0;box-shadow:0 4px 20px #0005;background:#fff;scroll-margin-top:0}.pdf-page{display:block;max-width:none;height:auto}.page-number-label{width:100%;padding:8px 4px;color:#5b6472;background:#f3f5f8;font-size:12px;line-height:1.2;text-align:center}.viewer-message{padding:32px 16px;text-align:center;color:#b7c4d7}.admin{width:min(100% - 24px,1000px);margin:0 auto;padding:20px 0 60px}.admin>header{position:static;padding:0 0 16px;background:transparent}.admin>header h1{font-size:clamp(1.3rem,4vw,2rem)}.admin>header button{padding:10px 14px}.card{padding:clamp(16px,3vw,24px);margin:16px 0;background:#182337;border:1px solid #2a3a52;border-radius:14px}.card h2{margin-top:0}.card label:not(.upload){display:flex;flex-direction:column;gap:8px;margin:16px 0;color:#bdc9db}.card input:not([type=file]){width:100%;border:1px solid #41516b;border-radius:8px;padding:12px;color:#fff;background:#101827}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login .card{width:min(100%,420px)}.upload{display:inline-flex;flex-direction:column;gap:10px;padding:12px;border:1px dashed #526987;border-radius:8px;color:#c7d7ee;cursor:pointer}.upload input{max-width:100%}.preview{margin-top:20px}.preview .pdf-shell{max-height:70vh;overflow:auto;border:1px solid #34445b;border-radius:8px}.audit{list-style:none;margin:0;padding:0}.audit li{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(150px,1fr) 2fr;gap:12px;padding:10px 0;border-bottom:1px solid #2b3547;overflow-wrap:anywhere;font-size:.88rem}.audit time,.audit span{color:#aebbd0}@media(max-width:600px){.audit li{grid-template-columns:1fr;gap:4px}.viewer-toolbar{top:49px;gap:8px;padding:8px}.guest>header{padding:10px 12px}.thumbnail-sidebar{width:125px;min-width:125px;top:145px;height:calc(100vh - 145px)}.thumbnail-list{grid-template-columns:1fr;padding:7px}.thumbnail-image{height:125px}.pdf-pages{padding:8px 4px;max-height:calc(100vh - 145px);overflow:auto}.page-spread{gap:1px}.page-wrapper{max-width:50%}.page-number-label{padding:6px 1px;font-size:10px}.page-jump input{width:45px}.toolbar-button{padding:5px 7px}}@media print{body{display:none!important}}