/* Theme Name: Obsidian Micro Manga
Description: A dark, single-title manga reader theme.
Version: 2.0.0
Text Domain: obsidian-micro-manga */
:root{--bg:#090a11;--panel:#10121c;--panel2:#171a27;--ink:#f7f4ee;--muted:#aeb3c2;--line:rgba(255,255,255,.11);--pink:#ff3d81;--violet:#8d63ff;--gold:#ffc86a}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 550px at 90% 0,#241a43 0,transparent 70%),var(--bg);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.site-head{border-bottom:1px solid var(--line);background:rgba(9,10,17,.77);backdrop-filter:blur(18px);position:sticky;top:0;z-index:4}.site-head .shell{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;text-decoration:none;font-size:1rem;font-weight:950;letter-spacing:-.06em}.brand b{color:var(--pink);font-size:1.4em}.site-head a:not(.brand){color:var(--muted);text-decoration:none;font-weight:700}.pill{border:1px solid rgba(255,61,129,.5);border-radius:99px;padding:9px 15px;background:rgba(255,61,129,.09)}.hero{min-height:420px;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:76px 0 54px}.eyebrow,.label{color:var(--gold);font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(3.6rem,8vw,7.3rem);line-height:.83;letter-spacing:-.095em;margin:13px 0 20px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--pink),#b27bff);color:transparent;background-clip:text}.lead{font-size:1.12rem;color:var(--muted);max-width:540px}.cover-wrap{justify-self:center;position:relative}.cover-wrap:before{content:"";background:linear-gradient(140deg,var(--pink),var(--violet));filter:blur(42px);opacity:.5;position:absolute;inset:20% -10%;z-index:-1}.cover{width:min(320px,80vw);aspect-ratio:3/4;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.22);box-shadow:18px 25px 70px #000}.cover-placeholder{display:grid;place-items:center;background:linear-gradient(140deg,#292343,#111420);font-weight:900;color:#b3a2e9}.stats{display:flex;gap:28px;margin-top:26px;color:var(--muted);font-size:.9rem}.stats b{display:block;color:#fff;font-size:1.15rem}.chapters{padding:40px 0 84px}.section-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:6px}.section-title h2{font-size:2rem;letter-spacing:-.06em;margin:0}.chapter{color:var(--ink);text-decoration:none;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;padding:20px 12px;border-bottom:1px solid var(--line);transition:.2s}.chapter:hover{background:linear-gradient(90deg,rgba(255,61,129,.14),transparent);padding-left:22px}.chapter__number{color:var(--pink);font-weight:900}.chapter__date{color:var(--muted);font-size:.86rem}.read{font-weight:850;color:var(--gold)}.empty{padding:45px;background:var(--panel);border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.site-foot{border-top:1px solid var(--line);color:var(--muted);padding:28px 0;font-size:.88rem}.reader{min-height:100vh;background:#06070b}.readerbar{height:58px;position:sticky;top:0;z-index:5;background:rgba(6,7,11,.93);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 22px;gap:18px}.readerbar a,.readerbar button{color:#fff;background:none;border:0;text-decoration:none;font-weight:750;cursor:pointer}.readerbar button{border:1px solid #484b5a;border-radius:99px;padding:6px 11px}.readerpages{margin:auto;max-width:960px}.readerpages img{display:block;width:100%;height:auto;margin:auto}.reader-empty{max-width:630px;padding:150px 30px;margin:auto;text-align:center;color:var(--muted)}.reader-empty h1{color:#fff}.readernav{max-width:960px;display:flex;justify-content:space-between;margin:auto;padding:28px}.readernav a{color:var(--gold);text-decoration:none;font-weight:800}@media(max-width:730px){.shell{width:min(100% - 28px,1160px)}.hero{grid-template-columns:1fr;gap:28px;padding-top:55px}.cover-wrap{order:-1;justify-self:start}.cover{width:160px}.hero h1{font-size:4rem}.stats{gap:18px}.chapter{grid-template-columns:34px 1fr}.chapter__date{display:none}.site-head .pill{display:none}}