:root{color-scheme:dark;--bg:#11151a;--panel:#1a2028;--line:#303740;--text:#f2eee6;--muted:#9ca5ae;--accent:#edbd70}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:15px}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);color:var(--text);background:var(--panel);padding:12px 18px;border-radius:9px;min-height:44px;transition:.18s}button:hover{border-color:var(--accent);transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default;transform:none}button.primary{background:var(--accent);color:#24201b;border:0;font-weight:700}a{color:inherit;text-decoration:none}input,select{background:#12171e;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:12px}input:focus,button:focus-visible,select:focus{outline:2px solid var(--accent);outline-offset:3px}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:29px;letter-spacing:-1px}.brand b{font-weight:750;color:var(--text)}.brand small{font-size:8px;letter-spacing:2px;margin-left:12px;color:var(--muted);max-width:75px}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:700;color:var(--accent)}h1{font-size:clamp(36px,4.5vw,58px);line-height:1.1;letter-spacing:-2.5px;margin:15px 0}h2{font-size:23px;letter-spacing:-.7px}p{color:var(--muted);line-height:1.7}small{color:var(--muted);line-height:1.9;font-size:11px}.login{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#3b4242,#202c31 70%);padding:9vh 8vw;position:relative}.login-art h1{font-size:clamp(48px,5.7vw,80px);margin-top:22px}.login-art>p{margin-top:35px;font-size:13px}.art-stack{position:relative;height:280px;margin-top:40px}.art-stack>div{position:absolute;width:170px;height:235px;border:7px solid #eee5d3;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;padding:18px;font-weight:900;letter-spacing:1px;font-size:23px}.art-stack>div:first-child{left:-10px;top:15px;transform:rotate(-12deg);background:#829ba3;color:#22333e;font-size:130px;line-height:1}.art-stack span{font-size:11px}.art-stack>div:nth-child(2){left:100px;z-index:2;transform:rotate(5deg);background:linear-gradient(150deg,#edbb71 30%,#b45d49);color:#31262b;font-size:20px}.art-stack i{font-size:90px;text-align:center;font-style:normal}.art-stack>div:nth-child(3){left:220px;top:24px;transform:rotate(17deg);background:repeating-linear-gradient(30deg,#414452,#414452 20px,#363e4a 20px,#363e4a 22px);color:#e9d5ae}.login-card{align-self:center;max-width:450px;width:100%;padding:40px;margin:auto}.login-card .brand{margin-bottom:75px}.login-card h2{font-size:30px;margin:12px 0}.login-card>p{font-size:14px;margin-bottom:30px}.login-card label{font-size:12px;display:block;margin-bottom:10px}.login-card input,.login-card button{width:100%;margin-bottom:15px}.login-card .primary{display:flex;justify-content:space-between;margin-top:8px}.login-card>small{display:block;text-align:center;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.error{color:#ffaba5!important;font-size:13px}header{height:90px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);gap:30px}.private-badge{font-size:9px;letter-spacing:2px;color:#9baa9a}.header-actions{margin-left:auto;display:flex;gap:10px}.quiet{background:none;border:0;color:var(--muted)}main{max-width:1400px;margin:auto;padding:55px 5vw 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.intro h1 span{color:var(--accent)}.intro p{margin:12px 0}.shelf-head{display:flex;align-items:center;justify-content:space-between;margin:38px 0 24px}.shelf-head h2{margin:0}.shelf-head p{font-size:12px;margin:7px 0}.shelf-head h2 span{background:var(--panel);font-size:11px;padding:5px 9px;border-radius:6px;color:var(--muted);vertical-align:middle;margin-left:10px}.search{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);padding:0 14px;border-radius:8px}.search input{border:0;background:transparent;width:220px;padding-left:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:30px 23px}.book{min-width:0;position:relative}.cover-button{border:0;padding:0;width:100%;background:none;display:block;text-align:left}.book img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:7px;box-shadow:0 8px 20px #0004}.book h3{font-size:14px;margin:13px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book p{font-size:11px;margin:0}.book .delete{position:absolute;right:8px;top:8px;background:#111d;font-size:18px;padding:4px 12px}.book progress{width:100%;height:3px;accent-color:var(--accent);display:block;margin-top:8px}.empty{text-align:center;border:1px dashed var(--line);border-radius:14px;padding:55px 25px}.empty>div{font-size:44px;color:var(--accent);margin-bottom:22px}.empty h2{margin-bottom:6px}.empty p{font-size:13px;margin-bottom:25px}.empty small{display:block;margin-top:20px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;margin-top:65px;color:#74808d;font-size:9px;letter-spacing:1.3px}#continue{background:linear-gradient(100deg,#28343b,#1b242b);border:1px solid #3a464b;border-radius:12px;padding:25px 30px;display:flex;gap:25px;align-items:center}#continue img{width:90px;height:125px;object-fit:cover;transform:rotate(-4deg);border-radius:4px}#continue h2{margin:10px 0}#continue p{font-size:12px;margin:0}#continue button{margin-left:auto}#toast,#offline{position:fixed;z-index:30;background:#eed4a9;color:#24201b;border-radius:8px;padding:15px 22px;max-width:90vw;left:50%;transform:translateX(-50%);bottom:25px;box-shadow:0 6px 30px #0006}#offline{top:8px;bottom:auto;background:#7a3535;color:white}#upload-status{background:var(--panel);border:1px solid var(--accent);padding:18px;border-radius:10px}#reader{position:fixed;inset:0;z-index:10;background:#080b0f;display:flex;flex-direction:column}.reader-top,.reader-options,.reader-bottom{display:flex;gap:16px;align-items:center;justify-content:center;padding:10px 20px;background:#151a20;flex-shrink:0}.reader-top strong{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.reader-options{padding:5px 12px 10px;border-bottom:1px solid var(--line);font-size:12px;flex-wrap:wrap;gap:12px}.reader-options select{padding:7px;font-size:12px}.reader-bottom{padding-bottom:max(10px,env(safe-area-inset-bottom));font-size:12px}.reader-bottom input{width:70px;padding:9px}#saved{font-size:10px;color:var(--muted)}#pages{overflow:auto;flex:1;overscroll-behavior:contain;touch-action:pan-x pan-y;outline:none}.page-image{display:block;margin:0 auto;max-width:none;width:100%;object-fit:contain}.paged .page-image{height:100%;width:100%;object-fit:contain}.zoom125 .page-image{width:125%;height:auto}.zoom150 .page-image{width:150%;height:auto}.zoom200 .page-image{width:200%;height:auto}.vertical .page-image{max-width:1100px;margin-bottom:8px}.vertical.zoom125 .page-image,.vertical.zoom150 .page-image,.vertical.zoom200 .page-image{max-width:none}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:15px;padding:30px;max-width:480px;width:90vw}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.danger{background:#853e3a;border-color:#a74e48}.reader-bottom button{min-width:54px}@media(min-width:1400px){.grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:700px){.login{display:block}.login-art{display:none}.login-card{padding:40px 28px;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.login-card .brand{margin-bottom:65px}.login-card>small{margin-top:25px}header{height:72px;padding:0 22px}.private-badge{display:none}main{padding:35px 22px 10px}.intro{align-items:flex-start;gap:12px;flex-direction:column}.intro .primary{margin-top:10px}.shelf-head{align-items:flex-start;gap:18px;flex-direction:column}.search,.search input{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}#continue{padding:18px;gap:18px;flex-wrap:wrap}#continue img{width:65px;height:90px}#continue h2{font-size:18px}#continue button{width:100%}footer{gap:12px;flex-direction:column}.reader-top{gap:8px;padding:8px}.reader-top button{font-size:12px;padding:9px}.reader-options{gap:8px}.reader-bottom{gap:8px}#saved{max-width:80px}.empty{padding:35px 16px}.empty h2{font-size:21px}}