:root{--bg:#fafaf8;--surface:#fff;--text:#1d1d1b;--muted:#6b6b66;--border:#e2e1dc;--accent:#1f5f8b;--mark:#ffe58a;--viewer:#2a2a28;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#161615;--surface:#1f1f1d;--text:#e8e7e3;--muted:#9b9a94;--border:#34332f;--accent:#7db7e0;--mark:#6b5a12;--viewer:#0e0e0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}mark{background:var(--mark);color:inherit;border-radius:2px;padding:0 1px}h1{margin:.5rem 0 1rem;font-size:1.6rem}h2{font-size:1.1rem}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:#c0392b}.spacer{flex:1}button,input,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.45rem .75rem}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}button.link{color:var(--accent);text-align:left;background:0 0;border:none;padding:0}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:1.5rem;padding:.6rem 1rem;display:flex}.topbar .brand{color:var(--text);font-weight:700}.topbar nav{gap:1rem;display:flex}.topbar nav a.active{text-underline-offset:4px;font-weight:600;text-decoration:underline}.topbar .user{align-items:center;gap:1rem;font-size:.9rem;display:flex}@media (width<=600px){.topbar .user .muted{display:none}}.page{max-width:960px;margin:0 auto;padding:1rem}.login{place-items:center;min-height:100dvh;padding:1rem;display:grid}.login form{flex-direction:column;gap:.9rem;width:100%;max-width:360px;display:flex}.login label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.searchform{margin-bottom:1.5rem}.searchrow{gap:.5rem;display:flex}.searchrow input{flex:1;padding:.6rem .8rem;font-size:1.1rem}.filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.filters input[type=number]{width:7.5rem}.filters .mode{border:none;gap:.8rem;margin:0 .5rem 0 0;padding:0;display:flex}.hint{margin:.4rem 0 0;font-size:.8rem}.results{margin:0;padding:0;list-style:none}.result{border-bottom:1px solid var(--border);grid-template-columns:110px 1fr;gap:1rem;padding:1rem 0;display:grid}.result .thumb img{aspect-ratio:2201/3072;object-fit:cover;background:var(--border);border-radius:3px;width:110px;height:auto;display:block}.result h3{margin:.1rem 0 .3rem;font-size:1.1rem}.result .meta{font-size:.85rem}.result .snippet{margin:0 0 .4rem;font-size:.95rem}.result .open{font-size:.9rem;font-weight:600}@media (width<=600px){.result{grid-template-columns:70px 1fr}.result .thumb img{width:70px}}.pager{justify-content:center;gap:.5rem;margin:1.5rem 0;display:flex}.maglist{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;padding:0;list-style:none;display:grid}.maglist .card{color:var(--text);flex-direction:column;display:flex}.covers{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;padding:0;list-style:none;display:grid}.covers a{color:var(--text);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.covers img{aspect-ratio:2201/3072;object-fit:cover;background:var(--border);border-radius:3px;width:100%;height:auto;box-shadow:0 1px 3px #0003}.reader{background:var(--viewer);color:#eee;grid-template-rows:auto 1fr auto;height:100dvh;display:grid}.reader-bar{background:#1b1b1a;border-bottom:1px solid #333;align-items:center;gap:.6rem;padding:.4rem .8rem;display:flex}.reader-bar button{color:#eee;background:#2c2c2a;border-color:#444;padding:.3rem .7rem}.reader-bar button.link{color:#ddd;background:0 0;font-size:1.3rem}.reader-bar .title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.reader-bar .pageno{white-space:nowrap;font-variant-numeric:tabular-nums}.reader-bar .muted{color:#999}.reader-bar .toggle{align-items:center;gap:.3rem;font-size:.9rem;display:flex}@media (width<=700px){.reader-bar .title,.reader-bar .pageno .muted{display:none}}.reader-body{min-height:0;display:flex}.viewer{touch-action:none;flex:1;min-width:0;position:relative}.viewer .pages{justify-content:center;align-items:center;gap:2px;width:100%;height:100%;padding:.5rem;display:flex}.viewer .pages img{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:100%;max-height:100%}.viewer .pages.n2 img{max-width:50%}.viewer .noimage{color:#aaa;padding:2rem}.sidebar{background:var(--surface);width:340px;color:var(--text);border-left:1px solid var(--border);flex-shrink:0;padding:0 1rem 1rem;overflow-y:auto}@media (width<=900px){.sidebar{z-index:5;width:min(340px,90vw);position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 12px #0000004d}.reader-body{position:relative}}.sidebar h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1rem 0 .5rem;font-size:.95rem}.articles{margin:0;padding:0;list-style:none}.articles li{border-left:3px solid #0000;padding:.35rem .5rem}.articles li.active{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.articles button{color:var(--text);flex-direction:column;width:100%;display:flex}.pagetext p{white-space:pre-wrap;font-size:.9rem}.strip{background:#1b1b1a;border-top:1px solid #333;gap:6px;padding:6px 8px;display:flex;overflow-x:auto}.strip button{color:#bbb;background:0 0;border:2px solid #0000;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:2px;font-size:.7rem;display:flex}.strip button.current{border-color:var(--accent);color:#fff}.strip img{object-fit:cover;background:#333;width:60px;height:84px;display:block}