:root{color-scheme:dark;--bg:#111318;--panel:#1a1e26;--muted:#9ba6b8;--text:#f3f5f8;--accent:#f0aa46}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.site-header{height:70px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--text);font-size:1.18rem;font-weight:800;text-decoration:none}.search{display:flex;align-items:center;gap:8px;width:min(360px,55vw);padding:10px 14px;border:1px solid #303744;border-radius:10px;background:var(--panel);color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}main{max-width:1200px;margin:auto;padding:32px 24px 56px}.intro{margin-bottom:30px}.intro p{margin:0 0 6px;color:var(--accent);font-weight:700}.intro h1{margin:0 0 5px;font-size:clamp(2rem,5vw,3.4rem)}.intro span{color:var(--muted)}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:20px}.card{min-width:0;background:var(--panel);border-radius:13px;overflow:hidden;box-shadow:0 5px 20px #0002;transition:transform .15s}.card:hover{transform:translateY(-4px)}.cover{width:100%;aspect-ratio:2/3;display:block;object-fit:cover;background:#252b35}.details{padding:12px 13px 14px}.details h2{margin:0 0 8px;font-size:1rem;line-height:1.25}.chapter{margin:0;color:var(--muted);font-size:.82rem}.read{display:flex;justify-content:space-between;margin-top:15px;color:var(--accent);font-weight:700;text-decoration:none}.empty{color:var(--muted)}.chapters-page{max-width:780px}.back{color:var(--accent);text-decoration:none}.chapters-page h1{margin:22px 0}.chapter-list{display:grid;gap:8px}.chapter-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:10px;background:var(--panel)}.chapter-row small{color:var(--muted);margin-right:auto}.chapter-row button{border:0;border-radius:7px;padding:8px 12px;color:#7e8796;background:#303744}@media(max-width:520px){.site-header{padding:0 16px}.brand{font-size:1rem}main{padding:24px 16px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.details{padding:10px}.details h2{font-size:.92rem}.chapter{font-size:.74rem}.read{font-size:.86rem}}