:root{color-scheme:dark;--bg:#0c1415;--panel:#142123;--line:#294042;--ink:#eef5ef;--muted:#a6b9b7;--accent:#98e0ce;--gold:#e9b974}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,.button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:11px 19px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}button:hover,.button:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--accent);color:#0a2422;border-color:var(--accent)}.secondary{background:transparent}.danger{color:#ffb7a9}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-80px}.skip:focus{top:10px;z-index:99;background:var(--bg);padding:12px}header{height:88px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:0 36px;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:2px}.brand b{color:var(--accent);font-weight:500}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:2.4px;margin-top:2px}.mark{border:1px solid var(--accent);color:var(--accent);width:38px;height:42px;display:grid;place-items:center;font:30px Georgia,serif;border-radius:16px 2px 16px 2px}nav{display:flex;gap:28px;align-items:center;font-size:14px}#account{border:1px solid var(--line);border-radius:20px;padding:7px 16px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{min-height:65vh}.wrap{max-width:1150px;margin:auto;padding:60px 30px}.hero{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.1fr .75fr;gap:75px;align-items:center;padding:65px 30px 80px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:14px}.age{border:1px solid var(--line);padding:2px 6px;margin-left:10px;color:var(--muted);letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{font:clamp(36px,4.6vw,64px)/1.13 Georgia,serif;letter-spacing:-1.5px;margin-bottom:25px}h1 em{color:var(--accent);font-weight:normal}h2{font:34px/1.2 Georgia,serif}h3{font-size:21px;line-height:1.3}.lead{font-size:20px;line-height:1.6;color:#d7e3df}.muted,.fine{color:var(--muted)}.fine{font-size:14px}.synopsis{max-width:550px;color:var(--muted)}.tags,.actions{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.tags span{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:4px 12px;color:var(--muted)}.cover{margin:0;position:relative;padding:0 14px 16px 0}.cover:after{content:'';position:absolute;inset:20px 0 0 20px;border:1px solid #7b9b8d;z-index:-1;border-radius:8px}.cover img{width:100%;display:block;border-radius:7px;box-shadow:0 20px 70px #0008}.cover figcaption{margin-top:12px;color:var(--muted);font-size:12px;letter-spacing:2px;text-transform:uppercase}.section{border-top:1px solid var(--line);padding-top:40px;margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head h2{margin:0}.chapter-list{margin:25px 0 45px;border-top:1px solid var(--line)}.chapter{display:flex;align-items:center;gap:24px;padding:22px 12px;border-bottom:1px solid var(--line);transition:background .2s}.chapter:hover{background:var(--panel)}.num{font:32px Georgia;color:#75948e}.chapter strong{font-size:19px;font-weight:550;display:block}.chapter small{display:block;color:var(--muted);font-size:14px}.chapter .meta{margin-left:auto;text-align:right;font-size:14px;color:var(--muted)}.chapter .meta b{display:block;font-weight:400;color:var(--accent)}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.about p{color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1280px;margin:auto;padding:35px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}footer .brand{font-size:15px}.loading,.empty{text-align:center;padding:45px;color:var(--muted)}.notice{border:1px solid #6a6550;background:#24271f;color:#e3d7b9;border-radius:8px;padding:14px 18px;font-size:14px;margin:18px 0}.error{color:#ffbbac;margin:12px 0;white-space:pre-wrap}.toolbar{position:sticky;top:0;z-index:10;background:#10191af5;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 25px;border-bottom:1px solid var(--line)}.toolbar strong{display:block}.toolbar small{display:block;color:var(--muted);font-size:12px}.toolbar a{font-size:14px}.toolbar label{font-size:13px}.toolbar select{padding:4px;max-width:100px}.reader-title{text-align:center;padding:35px 18px 22px}.reader-title h1{font-size:32px;letter-spacing:0;margin-bottom:10px}.reader-title .eyebrow{font-size:11px}.pages{max-width:1000px;margin:auto;background:#080c0d}.pages img{display:block;width:100%;height:auto;min-height:100px;margin:0 0 12px}.pages figure{margin:0}.reader-end{max-width:900px;margin:35px auto;padding:25px}.reader-end h2{font-size:30px}.stars{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.stars button{padding:5px 7px;font-size:26px;border-color:transparent;background:transparent;color:#637b77}.stars button.selected{color:var(--gold)}.liked{background:#23443e;border-color:var(--accent);color:var(--accent)}.reactions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:25px 0;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.comment{padding:22px 0;border-bottom:1px solid var(--line)}.comment-head{display:flex;gap:12px;align-items:center;font-size:14px}.comment-head time{color:var(--muted);font-size:12px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.badge{color:var(--accent);font-size:12px;border:1px solid var(--line);border-radius:4px;padding:0 5px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:6px;background:#0b1517;color:var(--ink);padding:11px 12px}textarea{resize:vertical;min-height:110px}label{display:block;color:var(--muted);font-size:14px;margin:14px 0 7px}input[type=checkbox]{width:auto}form .actions{margin-bottom:0}dialog{color:var(--ink);background:#142123;border:1px solid #42665e;border-radius:14px;width:min(480px,94vw);padding:32px;max-height:92vh;overflow:auto}dialog::backdrop{background:#020708b8;backdrop-filter:blur(6px)}.close{position:absolute;right:10px;top:8px;background:none;border:0;font-size:26px;padding:0 10px}.tabs{display:flex;gap:6px;margin-bottom:22px;flex-wrap:wrap}.tabs button{font-size:14px;padding:8px 12px}.tabs .active{background:var(--accent);color:var(--bg)}.code{font:15px/1.7 monospace;word-break:break-all;background:var(--bg);padding:15px;border:1px solid var(--line);border-radius:7px;user-select:all}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:25px;margin:25px 0}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.stat{background:var(--panel);padding:22px;border:1px solid var(--line);border-radius:8px}.stat strong{display:block;font:36px Georgia;color:var(--accent)}.stat span{font-size:13px;color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}.table-wrap{overflow:auto}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.admin-grid .panel{margin:0}.small{font-size:13px;padding:5px 10px}.admin-comments{max-height:500px;overflow:auto}.notification{border-left:3px solid var(--accent);padding:15px 20px;background:var(--panel);margin:12px 0;display:block}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;max-width:90vw;background:#e4f5ed;color:#102623;border-radius:8px;padding:14px 22px;box-shadow:0 5px 30px #0006;display:none}#toast.visible{display:block}@media(max-width:760px){header{height:76px;padding:0 17px}.brand{font-size:15px;gap:8px}.brand small{font-size:8px}.mark{width:30px;height:34px;font-size:25px}nav{gap:14px;font-size:13px}nav a[href='#about']{display:none}#account{padding:5px 10px;max-width:110px}.hero{gap:25px;padding:35px 22px 45px;grid-template-columns:1fr}.hero .cover{grid-row:1;width:180px;margin:auto}.hero h1{font-size:39px}.hero-copy{text-align:left}.lead{font-size:18px}.wrap{padding:35px 20px}.about,.admin-grid{grid-template-columns:1fr;gap:10px}.chapter{gap:15px;padding:18px 0}.chapter strong{font-size:16px}.num{font-size:26px}.chapter .meta{font-size:12px}.stats{grid-template-columns:1fr 1fr}.stat{padding:16px}.toolbar{padding:10px 12px;gap:8px}.toolbar strong{font-size:14px}.toolbar label{margin:0}.toolbar select{width:66px}.reader-end{padding:20px}.section-head{align-items:flex-start;flex-direction:column}.actions .button{flex-grow:1}.profile-head{align-items:flex-start}.reader-title h1{font-size:28px}footer{padding:25px 20px}.reactions{gap:15px}.pages img{margin-bottom:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}