:root{--bg:#0f1115;--bg-elevated:#171a21;--border:#2a2e37;--text:#e8e9ec;--text-muted:#9aa0ab;--accent:#4f8cff;--accent-hover:#6fa1ff;--danger:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input{font-family:inherit;font-size:1rem}.muted{color:var(--text-muted)}.error{color:var(--danger)}.btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:6px;padding:.5rem 1rem}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#0b0d10;font-weight:600}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{background:0 0}.btn--link{color:var(--accent);background:0 0;border:none;padding:.25rem 0;text-decoration:underline}.centered-page{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.75rem;width:100%;max-width:380px;padding:1.5rem;display:flex}.card h1{margin:0 0 .25rem;font-size:1.4rem}.card label{color:var(--text-muted);margin-bottom:-.5rem;font-size:.85rem}.card input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:.55rem .7rem}.card input:focus{outline:2px solid var(--accent);outline-offset:1px}.app-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.app-header__title{font-size:1.1rem;font-weight:700}.app-header__spacer{flex:1}.app-header__server{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:.8rem;overflow:hidden}.page{flex-direction:column;min-height:100vh;display:flex}.page__content{flex:1;padding:1.5rem}.page__content--narrow{flex-direction:column;gap:1rem;width:100%;max-width:560px;margin:0 auto;display:flex}.comic-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.comic-card{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;color:var(--text);text-align:left;font:inherit;border-radius:8px;flex-direction:column;gap:.3rem;padding:.6rem;display:flex}.comic-card:hover{border-color:var(--accent)}.comic-card__cover{aspect-ratio:2/3;background:#000;border-radius:4px;justify-content:center;align-items:center;display:flex;overflow:hidden}.comic-card__cover img{object-fit:cover;width:100%;height:100%;display:block}.comic-card__placeholder{color:var(--text-muted);font-size:.8rem}.comic-card__placeholder--error{color:var(--danger)}.comic-card__title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.comic-card__series{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.comic-card__progress{background:var(--accent);color:#0b0d10;border-radius:4px;align-self:flex-start;padding:.1rem .4rem;font-size:.72rem;font-weight:700}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;color:var(--text-muted);border-radius:10px;padding:3rem 1.5rem}.dropzone--active{border-color:var(--accent);color:var(--text);background:#4f8cff0f}.progress-bar{background:var(--border);border-radius:4px;height:8px;margin:.5rem 0;overflow:hidden}.progress-bar__fill{background:var(--accent);height:100%;transition:width .15s}.reader{background:#000;flex-direction:column;height:100vh;display:flex}.reader__topbar{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.reader__count{color:var(--text-muted);white-space:nowrap;font-weight:600}.reader__tools{align-items:center;gap:.75rem;display:flex}.reader__icon-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.reader__icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.reader__icon-btn:disabled{opacity:.4;cursor:not-allowed}.reader__icon-btn--active{color:var(--accent);border-color:var(--accent);background:#4f8cff1f}.reader__zoom-controls{align-items:center;gap:.35rem;display:flex}.reader__zoom-value{text-align:center;border:1px solid var(--border);min-width:3.4rem;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .4rem;font-size:.85rem}.reader__zoom-value:hover{color:var(--text);border-color:var(--accent)}.reader__viewport{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.reader__viewport--zoomed{display:block;overflow:auto}.reader__pages{justify-content:center;align-items:center;gap:4px;width:100%;height:100%;transition:width .1s ease-out,height .1s ease-out;display:flex}.reader__page{object-fit:contain;-webkit-user-select:none;user-select:none;flex:1 1 0;min-width:0;max-width:100%;height:100%;display:block}.reader__zone{cursor:pointer;width:33.33%;position:absolute;top:0;bottom:0}.reader__zone--prev{left:0}.reader__zone--next{right:0}.reader__nav-btn{z-index:2;border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;opacity:.55;background:#171a21b3;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,border-color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.reader__nav-btn:hover:not(:disabled){opacity:1;border-color:var(--accent)}.reader__nav-btn:disabled{opacity:.15;cursor:not-allowed}.reader__nav-btn--prev{left:12px}.reader__nav-btn--next{right:12px}.reader-error{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}