:root { --bg:#fafafa; --fg:#222; --muted:#777; --accent:#c33; --card:#fff; --line:#e5e5e5; }
@media (prefers-color-scheme: dark) { :root { --bg:#151515; --fg:#eee; --muted:#999; --card:#222; --line:#333; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font-family: system-ui, "Hiragino Sans", "Noto Sans JP", sans-serif; }
a { color:inherit; }
.site-header { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border-bottom:1px solid var(--line); }
.site-title { font-weight:700; text-decoration:none; font-size:1.2rem; }
main { max-width:960px; margin:0 auto; padding:16px; }
.site-footer { text-align:center; color:var(--muted); padding:24px; font-size:.85rem; }
.tags { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.tags a, .tag { display:inline-block; padding:4px 10px; border:1px solid var(--line); border-radius:999px; text-decoration:none; font-size:.9rem; margin-right:6px; }
.grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:16px; }
.card { text-decoration:none; background:var(--card); border:1px solid var(--line); border-radius:8px; overflow:hidden; display:block; }
.card-cover { aspect-ratio:300/420; background-size:cover; background-position:top center; }
.card-cover--empty { background:var(--line); }
.card-title { padding:8px 8px 0; font-weight:600; }
.card .expiry { display:block; padding:0 8px 8px; }
.expiry { color:var(--accent); font-size:.8rem; }
.manga h1 { margin-bottom:8px; }
.meta { margin-bottom:16px; }
/* 縦スクロール表示 */
.pages { max-width:720px; margin:0 auto; }
.page { width:100%; background-size:100% 100%; background-repeat:no-repeat; }
.ad-slot { margin:16px 0; min-height:90px; }
.ad-slot:empty { border:1px dashed var(--line); }  /* 開発中の目印。不要なら削除 */

/* --- コピー抑止 --- */
.protected-img, .pages { -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-user-drag:none; }
img { -webkit-user-drag:none; }
@media print { .pages, .card-cover { display:none !important; } }