:root{--bg:#101113;--panel:#1b1c20;--raised:#24252a;--line:#36373c;--paper:#f3efe4;--muted:#aaa9ad;--yellow:#ffd050;--red:#ff6046;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button,input,select{border-radius:7px}button{touch-action:manipulation}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 17px;border:1px solid transparent;font-weight:650;font-size:13px;white-space:nowrap;text-decoration:none;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--yellow);color:#171714}.primary:hover{background:#ffdc77}.subtle{color:var(--paper);background:var(--raised);border-color:var(--line)}.subtle:hover{background:#303137}.danger{background:var(--red);color:#151515}.text-button{padding:0;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px}.accent{color:var(--red)}
#library{max-width:1280px;margin:auto;padding:0 max(28px,env(safe-area-inset-left)) 25px;min-height:100dvh;display:flex;flex-direction:column}.masthead{border-bottom:1px solid var(--line);padding:18px 0 24px}.press-link{font-size:10px;font-weight:700;letter-spacing:.15em;text-decoration:none;text-transform:uppercase;color:var(--muted)}.press-link:hover{color:var(--paper)}.topbar{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-top:22px}.wordmark{font-family:Impact,"Arial Narrow",sans-serif;font-size:31px;letter-spacing:.015em;line-height:1;text-decoration:none;transform:skew(-5deg);white-space:nowrap}.wordmark span{color:var(--yellow)}.wordmark small{display:block;font-family:ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.67em;margin-top:6px;color:var(--muted);transform:skew(5deg)}.header-actions{display:flex;gap:10px}.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:40px 0 25px}.eyebrow{display:block;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.18em;margin:0 0 12px}h1{font-size:clamp(32px,4vw,46px);letter-spacing:-.055em;margin:0;font-weight:750;line-height:1.1}.count{color:var(--muted);font-size:12px;padding-bottom:5px;font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:22px}.search{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:7px;width:350px;padding:0 14px}.search span{font-size:27px;color:var(--muted)}.search input{border:0;background:none;color:var(--paper);width:100%;min-width:0;padding:13px 0;font-size:13px}.search input:focus{outline:none}.search:focus-within{outline:2px solid var(--yellow)}.sort{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}select{background:var(--panel);color:var(--paper);border:1px solid var(--line);padding:12px;font-size:12px;min-height:44px}
.empty{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;min-height:390px;padding:40px 60px;background:radial-gradient(ellipse at 85% 50%,#29272a 0,transparent 65%),var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.badge{font-size:8px;letter-spacing:.16em;font-weight:800;color:var(--yellow);border:1px solid #65542c;padding:6px 8px;border-radius:3px}.empty h2{font-size:clamp(28px,3.7vw,47px);font-weight:750;line-height:1.08;letter-spacing:-.045em;margin:24px 0 16px}.empty-copy>p{max-width:34ch;font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:25px}.empty-copy .file-hint{font-size:10px;margin:13px 0 0;color:#939197}.comic-stack{position:relative;width:210px;height:275px;justify-self:center}.paper{position:absolute;inset:0;border:3px solid #121316;border-radius:3px}.back{background:var(--red);transform:rotate(14deg) translate(18px,0)}.middle{background:#577b87;transform:rotate(-12deg) translate(-18px,1px)}.front{display:flex;flex-direction:column;align-items:center;background:var(--yellow);color:#18191c;transform:rotate(-2deg);box-shadow:10px 15px 25px #0006;padding:19px 12px;overflow:hidden;background-image:radial-gradient(#19191920 1px,transparent 1px);background-size:5px 5px}.front>span{font-size:9px;letter-spacing:.19em;font-weight:800}.front>b{font-family:Impact,"Arial Narrow",sans-serif;font-size:47px;letter-spacing:1px}.burst{display:grid;place-items:center;width:170px;height:125px;background:var(--red);clip-path:polygon(50% 0,59% 21%,80% 4%,79% 29%,100% 30%,84% 50%,99% 68%,75% 70%,78% 95%,57% 81%,44% 100%,37% 78%,12% 94%,20% 68%,0 62%,19% 45%,2% 21%,31% 27%,32% 2%,45% 22%);font-family:Impact,"Arial Narrow",sans-serif;font-size:41px;font-style:italic;transform:rotate(-9deg)}.front small{font-size:7px;font-weight:800;letter-spacing:.12em;margin-top:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.read-book{background:none;border:0;color:inherit;text-align:left;padding:0;display:block;width:100%;flex:1}.cover{aspect-ratio:2/3;background:var(--raised);overflow:hidden;display:grid;place-items:center;position:relative}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.read-book:hover img{transform:scale(1.025)}.placeholder{font-size:46px;color:var(--yellow)}.cloud-tag{position:absolute;bottom:9px;left:9px;background:#111c;padding:5px 7px;border-radius:3px;font-size:9px}.meta{padding:13px 12px 10px}.title{font-size:13px;font-weight:650;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.subtitle{font-size:10px;color:var(--muted);margin-top:7px}.progress{height:3px;background:var(--line);margin-top:12px}.progress>i{display:block;background:var(--yellow);height:100%}.card-actions{display:flex;padding:0 8px 8px;gap:5px}.card-actions button{font-size:10px;background:none;color:var(--muted);border:0;min-height:38px;padding:8px}.card-actions button:hover{color:var(--yellow);background:var(--raised)}.card-actions button:last-child{margin-left:auto}.no-results{padding:60px 15px;text-align:center;color:var(--muted)}.library-footer{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.library-footer>div{display:flex;gap:18px}.library-footer a{text-decoration:none}.notice{padding:12px 15px;background:var(--raised);font-size:13px;line-height:1.6;border-radius:6px}.warning{border-left:3px solid var(--yellow)}.status{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--paper);color:#131416;box-shadow:0 4px 40px #0008;padding:14px 20px;border-radius:8px;z-index:100;max-width:min(600px,90vw);font-size:13px}.dragging{outline:4px dashed var(--yellow);outline-offset:-8px}
dialog{background:var(--panel);color:var(--paper);border:1px solid var(--line);border-radius:12px;max-width:510px;width:calc(100% - 32px);padding:34px;max-height:85dvh;overflow:auto;box-shadow:0 20px 70px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:20px 0}dialog p{font-size:14px;line-height:1.7;color:var(--muted)}.dialog-close{position:absolute;top:9px;right:9px;border:0;background:var(--raised);color:var(--paper);width:34px;height:34px;font-size:22px}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.fine-print{font-size:11px!important}.help-list{padding-left:19px;display:grid;gap:15px;font-size:13px;line-height:1.6;color:var(--muted)}.help-list b{color:var(--paper)}
#reader{position:fixed;inset:0;background:#070809;z-index:30;display:flex;flex-direction:column}body.reading{overflow:hidden}.reader-bar{display:flex;align-items:center;gap:12px;position:absolute;left:0;right:0;z-index:3;padding:14px max(18px,env(safe-area-inset-left));color:white;transition:opacity .15s}.reader-bar .subtle{background:#202126e8}.reader-bar .button[aria-pressed=true]{background:var(--yellow);color:#171717}#rtop{top:0;padding-top:max(14px,env(safe-area-inset-top));background:linear-gradient(#000c,transparent)}.reader-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}#rbot{bottom:0;padding-bottom:max(14px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000d)}#slider{flex:1;min-width:30px;accent-color:var(--yellow);height:40px}#rCount{font-size:12px;min-width:55px;text-align:center;font-variant-numeric:tabular-nums}.chrome-hidden .reader-bar{opacity:0;pointer-events:none;visibility:hidden}#stage{width:100%;height:100%;overflow:auto;touch-action:pan-y pinch-zoom;overscroll-behavior:contain;outline:none}#pageSurface{min-height:100%;width:100%;display:grid;place-items:center}#pageSurface img,#pageSurface canvas{display:block;max-width:100%;max-height:100dvh;width:auto;height:auto;user-select:none;-webkit-user-drag:none}#stage.zoomed{touch-action:pan-x pan-y pinch-zoom;cursor:grab}#stage.zoomed #pageSurface{display:block;min-width:200%;padding:65px 0}#stage.zoomed img,#stage.zoomed canvas{width:100%;height:auto;max-height:none;max-width:none}#spin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#17181bd9;color:var(--yellow);padding:15px 22px;border-radius:8px;pointer-events:none;font-size:14px}#pageError{position:absolute;top:40%;left:10%;width:80%;text-align:center;background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1100px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:680px){#library{padding:0 max(18px,env(safe-area-inset-left)) 24px}.masthead{padding-bottom:20px}.topbar{gap:12px;flex-wrap:wrap}.wordmark{font-size:28px}.header-actions{gap:7px}.header-actions .button{font-size:11px;padding:10px 11px}.shelf-heading{margin:30px 0 22px}.eyebrow{font-size:8px}.toolbar{gap:10px}.search{min-width:0;flex:1}.sort>span{display:none}.sort select{max-width:135px;font-size:11px;padding:11px 7px}.empty{padding:35px 26px;gap:45px;grid-template-columns:1fr}.empty-copy{z-index:1}.empty h2{font-size:39px}.comic-stack{width:180px;height:240px;margin:2px 0 15px}.front>b{font-size:39px}.burst{height:105px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.library-footer{flex-direction:column;gap:15px}.library-footer>div{flex-wrap:wrap}.reader-bar{gap:7px;padding-inline:10px}.reader-bar .button{padding:8px 10px;font-size:11px;min-width:40px}.reader-name{font-size:11px}#backBtn span{display:none}dialog{padding:28px 23px}.empty-copy>p{max-width:30ch}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}