:root{color-scheme:dark;--bg:#0c0d12;--panel:#15161f;--line:#272833;--muted:#9495a7;--text:#eeeef5;--accent:#ad8bfa;--purple:#9063ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}input,select,textarea{width:100%;background:#101119;border:1px solid #343541;color:var(--text);border-radius:8px;padding:11px 13px}textarea{resize:vertical}input[type=file]{font-size:13px}input[type=checkbox]{width:auto}label{display:flex;flex-direction:column;gap:7px;color:#c8c8d4;font-size:13px}h1,h2,h3,p{margin-top:0}h1{font-size:40px;line-height:1.2;letter-spacing:-1.5px}h2{font-size:23px;letter-spacing:-.6px}h3{font-size:15px;line-height:1.4}small,.muted{color:var(--muted)}.header{height:86px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:48px;max-width:1800px;margin:auto}.logo{font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap;display:flex;align-items:center;gap:10px}.logo b{display:inline-flex;background:var(--purple);color:white;border-radius:9px;width:31px;height:34px;justify-content:center;align-items:center;font-family:Georgia;font-style:italic;font-size:30px;transform:rotate(-7deg)}.logo>span{color:var(--purple);margin-left:4px}.header nav{display:flex;gap:28px;font-size:14px;color:var(--muted);height:100%;align-items:center}.header nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.header nav a.active{color:white;border-color:var(--accent)}.search{margin-left:auto;display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:0 10px;width:300px}.search input{background:none;border:0;font-size:12px;padding:10px}.search span{font-size:25px;color:var(--muted)}.search button{background:none;border:0;color:var(--muted);font-size:11px}main{max-width:1440px;margin:0 auto;padding:28px 5% 80px}.notice{background:#211b32;border:1px solid #4f3c6b;border-radius:8px;padding:12px 18px;font-size:13px;margin:0 0 24px;color:#d6c7ef}.notice a{color:#c8aafa;float:right}.hero{background:radial-gradient(ellipse at 90% 80%,#3a2445,transparent 65%),linear-gradient(110deg,#1d1c2f,#161822);border:1px solid #343042;border-radius:17px;display:grid;grid-template-columns:1.25fr 1fr;min-height:405px;overflow:hidden;margin-bottom:44px}.hero-copy{padding:44px 40px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px}.hero h1{font-size:clamp(34px,3.3vw,51px);margin:18px 0;line-height:1.13;letter-spacing:-2px}.hero h1 em{font-style:normal;color:#bca1ef}.hero p{color:#aaa7bc;font-size:14px;line-height:1.8;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--purple);color:#fff;border:1px solid transparent;padding:11px 20px;font-weight:600;border-radius:8px;font-size:13px}.button:hover{background:#a879fa;color:white}.secondary{background:#23232e;border-color:#363543}.hero-foot{display:flex;gap:20px;font-size:10px;color:#aaa3bd;margin-top:27px}.hero-art{position:relative;overflow:hidden;margin:24px 24px 24px 0;border-radius:12px;min-height:330px}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 37%}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#15101eef,transparent 70%)}.hero-art>div{position:absolute;z-index:1;bottom:24px;left:25px;right:20px}.hero-art h2{font-size:27px;margin:7px 0}.hero-art div>span:last-child{font-size:12px;color:#d0bfd6}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:36px 0 20px}.section-head h2{margin:0}.section-head>span,.section-head>a{font-size:12px;color:var(--muted)}.accent{color:var(--accent);margin-right:7px}.tabs{display:flex;background:#171821;border:1px solid var(--line);border-radius:8px;padding:4px;gap:3px}.tabs a{font-size:11px;padding:6px 15px;color:var(--muted);border-radius:5px}.tabs .selected{background:#383047;color:#e4d3ff}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rank-card{background:#14151d;border:1px solid #24252f;border-radius:10px;display:flex;align-items:center;padding:14px;gap:15px;min-width:0}.rank{font-size:25px;font-weight:800;color:#565269;font-style:italic}.rank-card:first-child .rank{color:#b193ef}.rank-card img{width:48px;height:68px;object-fit:cover;border-radius:5px}.rank-card h3{margin:4px 0;font-size:13px}.rank-card small{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.rank-card div>span{font-size:10px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:21px}.cover{position:relative;aspect-ratio:2/3;border-radius:9px;overflow:hidden;background:#242332;border:1px solid #ffffff0c}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover img{transform:scale(1.04)}.type{position:absolute;left:9px;bottom:9px;background:#12101cdb;font-size:9px;padding:3px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.7px}.card h3{margin:11px 0 5px;font-size:13px}.card p{font-size:10px;color:#aaa4b8;margin-bottom:8px}.card p span{color:#656474}.latest{display:flex;justify-content:space-between;font-size:11px;border:1px solid var(--line);background:#161720;padding:6px 9px;border-radius:5px;color:#bab4ca}.latest span{color:var(--accent)}.live{color:#a795c1;font-size:8px;letter-spacing:1px;background:#292235;border:1px solid #3b304e;border-radius:4px;padding:4px 6px;vertical-align:middle;margin-left:8px}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;gap:24px;max-width:1440px;margin:auto}footer .logo{font-size:20px}footer p{margin:0;font-size:12px;color:var(--muted)}footer>span{margin-left:auto;font-size:10px;color:#777484}footer>a:last-child{font-size:11px;color:var(--muted)}.breadcrumbs{font-size:12px;color:var(--muted);margin:12px 0 28px}.detail{display:grid;grid-template-columns:230px 1fr;gap:40px;background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:14px}.detail-cover{width:100%;border-radius:10px;aspect-ratio:2/3;object-fit:cover}.detail h1{margin:12px 0;font-size:39px}.detail p{font-size:13px;color:#b6b2c4}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tags a{background:#30253e;color:#cdb2f1;border-radius:6px;padding:5px 10px;font-size:11px}.synopsis{max-width:760px;line-height:1.9}.chapter-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.chapter-list>a{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--panel);font-size:13px}.chapter-list span,.chapter-list time{font-weight:400;color:var(--muted);font-size:12px}.empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line)}.reader-head{text-align:center;margin:25px 0}.reader-head h1{margin:12px 0}.reader-head h2{font-size:18px;color:var(--muted)}.reader-head a{font-size:13px;color:var(--accent)}.chapter-nav{display:flex;justify-content:center;gap:15px;margin:25px auto}.chapter-nav select{max-width:210px}.reader{max-width:850px;margin:auto}.reader img{width:100%;display:block;height:auto}.reader-tools{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:12px;padding:10px;background:#22202fef;border:1px solid #524469;border-radius:12px;box-shadow:0 4px 30px #0006;white-space:nowrap}.reader-tools button{background:var(--purple);color:white;border:0;padding:8px;border-radius:5px;font-size:12px}.reader-tools select{width:90px;font-size:12px;padding:6px}.reader-tools a{padding:0 8px}.comment-form{display:grid;gap:12px;max-width:800px}.comment-form textarea{min-height:110px}.comment-form .button{justify-self:start}.comment{padding:20px 0;border-bottom:1px solid var(--line)}.comment time{float:right;font-size:11px;color:var(--muted)}.comment p{margin:10px 0;font-size:14px;overflow-wrap:anywhere}.comment small{display:block}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters input:first-child{flex:2;min-width:200px}.filters input,.filters select{flex:1;min-width:120px}.pagination{display:flex;gap:8px;margin-top:30px}.advert{max-width:900px;margin:25px auto;text-align:center}.advert small{display:block;font-size:8px;letter-spacing:2px}.advert img{max-width:100%;max-height:180px;object-fit:contain}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.setup{max-width:850px;padding-top:60px}.setup>.logo{margin-bottom:35px}.setup h1{font-size:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}.form-grid .button{justify-self:start}.stack{display:grid;gap:22px}.login{max-width:530px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;padding:30px 22px;background:#13141c;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.sidebar .logo{margin-bottom:35px}.sidebar>.eyebrow{margin:0 10px 12px;font-size:9px}.sidebar>a:not(.logo){font-size:13px;color:#b8b4c7;padding:11px 14px;border-radius:7px}.sidebar>a.selected{background:#322742;color:#d9bbff}.sidebar form{margin-top:auto}.admin-main{margin-left:250px;max-width:1500px;padding:20px 35px 80px}.admin-main h1{font-size:30px;margin:7px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats .panel{padding:20px}.stats h1{margin:12px 0 0;font-size:35px}.stats .muted{font-size:12px}.chart{display:flex;align-items:end;gap:12px;min-height:150px;overflow-x:auto}.chart>div{display:flex;flex-direction:column;align-items:center;flex:1;min-width:42px}.chart meter{width:100%;height:28px}.chart small{font-size:10px;white-space:nowrap}.table-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.table-row:last-child{border:0}.table-row small{display:block;margin-top:4px}.actions{display:flex;align-items:center;gap:18px;font-size:12px}.actions a{color:var(--accent)}.danger{background:none;color:#ff9ca9;border:0;font-size:12px}.check{flex-direction:row;align-items:center}details summary{cursor:pointer;font-weight:600;color:var(--accent)}details form{margin-top:25px}body:has(.reader){padding-bottom:70px}@media(min-width:1600px){main{padding-left:35px;padding-right:35px}}@media(max-width:1100px){.header{gap:25px}.header nav{gap:16px}.search{width:235px}.grid{grid-template-columns:repeat(4,1fr)}.hero-copy{padding:30px}.hero-foot{gap:12px;font-size:9px}.hero-art{margin:20px 20px 20px 0}.rank-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px}.admin-main{margin-left:210px;padding:20px}.actions{gap:10px}}@media(max-width:760px){.header{height:auto;min-height:75px;flex-wrap:wrap;padding:16px 5%;gap:15px}.logo{font-size:22px}.header nav{margin-left:auto;font-size:12px;gap:14px}.header nav a{padding:5px 0}.search{width:100%;order:3}.header .logo>span{display:none}main{padding-top:18px}.notice{font-size:11px}.notice a{float:none;display:block}.hero{grid-template-columns:1fr;margin-bottom:28px}.hero-copy{padding:30px 24px}.hero h1{font-size:38px}.hero-art{height:220px;min-height:220px;margin:0 20px 20px}.hero-art img{object-position:center 45%}.hero-foot{gap:13px}.section-head{flex-wrap:wrap;margin-top:30px}.section-head h2{font-size:20px}.tabs a{padding:5px 11px}.rank-grid{gap:8px}.rank-card{padding:10px;gap:9px}.rank-card img{width:38px;height:54px}.rank-card h3{font-size:11px}.rank{font-size:19px}.rank-card div>span{font-size:9px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 12px}.card h3{font-size:12px}.card p{font-size:9px}.card p span{display:none}footer{flex-wrap:wrap;gap:15px}footer>span{margin:0;width:100%}.detail{grid-template-columns:110px 1fr;gap:20px;padding:20px}.detail h1{font-size:26px;letter-spacing:-.7px}.detail-cover{position:sticky;top:15px}.detail p{font-size:12px}.tags{gap:5px}.tags a{font-size:9px}.chapter-list>a{padding:13px;font-size:12px}.chapter-list time{font-size:10px}.chapter-list strong>span{display:none}.reader-head h1{font-size:28px}.reader-head h2{font-size:15px}.sidebar{position:static;width:auto;padding:18px;flex-direction:row;flex-wrap:wrap}.sidebar .logo{width:100%;margin:0 0 10px}.sidebar>.eyebrow{display:none}.sidebar>a:not(.logo){font-size:11px;padding:8px}.sidebar form{margin:0}.sidebar form button{padding:6px 12px}.admin-main{margin-left:0;padding:20px}.admin-main .section-head>span{display:none}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.table-row{align-items:start;flex-direction:column;gap:10px}.panel{padding:18px}.setup{padding-top:30px}.setup h1{font-size:30px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Webtoon reader: image strip spans the viewport, independent of content padding. */
.reader-page main{max-width:none;padding:24px 0 80px}
.reader-page main>.breadcrumbs,.reader-page main>.reader-head,.reader-page main>.chapter-nav,.reader-page main>#comments,.reader-page main>.notice{width:calc(100% - 32px);max-width:1200px;margin-left:auto;margin-right:auto}
.reader-page .reader{width:100%;max-width:none;margin:0;padding:0;line-height:0;background:#000}
.reader-page .reader img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;padding:0;border:0;border-radius:0}
.reader-page[data-reader-width="comfortable"] .reader{max-width:900px;margin:0 auto}
.reader-page[data-reader-width="original"] .reader img{width:auto;max-width:100%}
.reader-settings{display:flex;align-items:end;justify-content:center;gap:16px;flex-wrap:wrap;margin:20px 16px}
.reader-settings label{min-width:180px}
.reader-settings #reader-status{width:100%;text-align:center;font-size:12px;color:var(--muted)}
.reader-settings [hidden]{display:none!important}
.reader-page:fullscreen{background:var(--bg);overflow:auto}
@media(max-width:760px){.reader-page main{padding-top:16px}.reader-page .reader,.reader-page[data-reader-width="comfortable"] .reader{max-width:none;width:100%}.reader-page .chapter-nav{gap:8px}.reader-page .chapter-nav .button{padding:10px 12px;white-space:nowrap}.reader-page .reader-tools{gap:6px;max-width:calc(100% - 16px)}.reader-page .reader-tools select{width:80px}}

/* Floating reader controls; touch scrolling remains native. */
.reader-page>.header,.reader-page main>.breadcrumbs{display:none}
.reader-page main{padding-top:0}
.reader-title{position:fixed;z-index:20;top:max(7px,env(safe-area-inset-top));left:50%;width:calc(100% - 14px);max-width:700px;transform:translateX(-50%);padding:10px 20px;background:#202328f2;border:1px solid #ffffff14;border-radius:20px;text-align:center;box-shadow:0 12px 30px #0003;backdrop-filter:blur(12px)}
.reader-title h1{font-size:15px;line-height:1.4;letter-spacing:0;margin:0;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-title p{font-size:10px;line-height:1.4;color:#c6cbd3;margin:4px 0 0}
.reader-dock{position:fixed;z-index:20;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:7px;background:#202328f2;border:1px solid #ffffff18;border-radius:40px;box-shadow:0 8px 30px #0005;backdrop-filter:blur(12px)}
.reader-dock>a,.reader-dock>button,.reader-side>a,.reader-side>button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#35383e;border:0;color:#f6f7fa;font-size:25px;line-height:1;cursor:pointer;padding:0}
.reader-dock>button:disabled{color:#656971;background:#292c31;cursor:default;opacity:.65}
.reader-dock>button[aria-pressed="true"]{background:var(--purple)}
.reader-dock #auto-scroll{font-size:18px}
.reader-side{position:fixed;z-index:20;right:12px;bottom:calc(90px + env(safe-area-inset-bottom));display:grid;gap:8px}
.reader-side>a,.reader-side>button{width:40px;height:40px;background:#13171eee;border:1px solid #ffffff20;font-size:23px;box-shadow:0 4px 10px #0002}
.reader-side #reader-pin{background:#ffc34a;color:#2a2112;border-color:#ffe094}
.reader-side #reader-pin[aria-pressed="true"]{background:#ad8bfa;color:#171020}
.reader-chrome{transition:opacity .2s ease,transform .2s ease,visibility .2s}
.reader-chrome-hidden .reader-chrome{opacity:0;visibility:hidden;pointer-events:none}
.reader-chrome-hidden .reader-title{transform:translate(-50%,-14px)}
.reader-chrome-hidden .reader-dock{transform:translate(-50%,20px)}
.reader-chrome-hidden .reader-side{transform:translateX(14px)}
.reader-dialog{background:#1b1e25;color:var(--text);border:1px solid #3c3e49;border-radius:22px;padding:22px;width:min(460px,calc(100% - 24px));max-height:75dvh;overflow-y:auto;box-shadow:0 24px 80px #0008}
.reader-dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}
.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.dialog-heading h2{margin:0;font-size:22px}
.dialog-heading button{width:40px;height:40px;background:#35383e;color:white;border:0;border-radius:50%;font-size:28px}
.reader-dialog .series-link{display:block;margin-bottom:15px;color:var(--accent);font-size:13px}
.reader-dialog [aria-current="page"]{background:#352b49;color:#d8bdff}
.reader-dialog .reader-settings{display:grid;gap:18px;margin:0;justify-content:stretch;align-items:stretch}
.reader-dialog .reader-settings p{font-size:12px;color:var(--muted);margin:0}
.reader-page #comments{padding-top:30px;padding-bottom:70px}
#reader-images{touch-action:pan-y pinch-zoom}
@media(max-width:380px){.reader-dock{gap:5px;padding:6px}.reader-dock>a,.reader-dock>button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.reader-chrome{transition:none}}

/* Consistent reader icon set and compact, nonmodal discussion sheet. */
.reader-dock svg,.reader-side svg,.dialog-heading svg,.comments-sheet svg{width:22px;height:22px;display:block;flex-shrink:0}
.reader-dock [data-play-icon] svg{fill:currentColor;stroke-width:1.2;width:19px;height:19px}
.reader-dock [data-pause-icon] svg{stroke-width:3}
.reader-dock [hidden],.comments-sheet[hidden],.comments-sheet [hidden]{display:none!important}
.reader-side>#chapter-like,.reader-side>#open-comments{width:44px;height:52px;border-radius:22px;display:flex;flex-direction:column;gap:3px}
.reader-side>button span{font-size:10px;line-height:1}
.reader-side [aria-pressed="true"]{color:#ff5c7e}
.reader-side [aria-pressed="true"] svg,.comment-heart[aria-pressed="true"] svg{fill:currentColor}
.comments-sheet{position:fixed;z-index:40;bottom:0;left:0;right:0;height:14.2857vh;height:14.2857dvh;max-height:72dvh;background:#202329;color:#f1f3f7;border:1px solid #3b3e45;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -8px 35px #0005;display:flex;flex-direction:column;padding:0 14px;overflow:hidden;transition:height .2s ease}
.comments-sheet.expanded{height:62vh;height:62dvh;padding-bottom:env(safe-area-inset-bottom)}
.sheet-handle{height:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:ns-resize}
.sheet-handle span{display:block;width:36px;height:3px;border-radius:4px;background:#686d76}
.sheet-header{height:32px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:10px}
.sheet-header h2{font-size:14px;margin:0;letter-spacing:0}.sheet-header h2 span{color:#a4aab5;font-size:11px;margin-left:6px}
.sheet-header>div{display:flex;gap:10px}.sheet-header button,.sheet-composer button,#cancel-reply{border:0;background:none;color:inherit;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:5px;border-radius:50%;cursor:pointer}
#expand-comments[aria-expanded="true"] svg{transform:rotate(180deg)}
.sheet-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;padding:4px 0 8px}
#comments-loading{font-size:12px;color:#aab0ba;margin:4px 0}
.social-comment{display:flex;gap:10px;padding:10px 0;align-items:flex-start}
.comment-avatar{background:#41404f;color:#d4c9f3;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;font-size:12px;font-weight:700}
.social-comment-content{flex:1;min-width:0}.comment-author{font-size:12px;color:#c3c7d1}.comment-body{font-size:13px;line-height:1.5;margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.comment-actions{display:flex;align-items:center;gap:16px}.comment-actions time{font-size:10px;color:#949ca9}
.text-button{padding:3px 0;background:none;border:0;color:#b3a1d6;font-size:11px;cursor:pointer;text-align:left}
.comment-heart{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:#a6adba;padding:4px;min-width:32px;font-size:10px;cursor:pointer}.comment-heart svg{width:17px;height:17px}.comment-heart[aria-pressed="true"]{color:#ff5c7e}
.comment-replies{border-left:1px solid #3b3e48;margin-top:6px;padding-left:10px}.comment-replies .comment-avatar{width:24px;height:24px;font-size:10px}
.sheet-composer{display:flex;gap:8px;align-items:center;flex-shrink:0;border-top:1px solid #363a43;padding:9px 0}.sheet-composer input{width:100px;flex-shrink:0}.sheet-composer input,.sheet-composer textarea{font-size:12px;padding:9px;border-radius:16px}.sheet-composer textarea{flex:1;min-width:0;max-height:85px;resize:vertical}.sheet-composer button{background:#a17ae8;width:36px;height:36px;flex-shrink:0}.sheet-composer svg{width:18px;height:18px}
#reply-context{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:11px;color:#bca9df;background:#292633;border-radius:6px;padding-left:10px}
#comment-status{font-size:11px;color:#d2bbff;margin:0 0 5px;flex-shrink:0;overflow-wrap:anywhere}#comment-status:empty{display:none}
.comments-sheet:not(.expanded) .sheet-composer,.comments-sheet:not(.expanded) #reply-context{display:none}
.comments-open .reader-dock{opacity:0;visibility:hidden;pointer-events:none}
.comments-open .reader-side{bottom:calc(14.2857dvh + 12px)}
.comments-expanded .reader-side{bottom:calc(62dvh + 12px)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:420px){.sheet-composer input{width:76px}.comments-sheet{padding-left:10px;padding-right:10px}.comment-replies{padding-left:6px}.social-comment{gap:7px}}
@media(prefers-reduced-motion:reduce){.comments-sheet{transition:none}}

/* Top 20 trending: swipeable poster cards with inset titles. */
#trending .section-head{margin-bottom:14px;gap:12px}
#trending .section-head h2{font-size:22px;font-weight:750;letter-spacing:-.4px}
.trending-tabs{display:flex;align-items:center;gap:6px;flex-shrink:0}
.trending-tabs a{font-size:11px;line-height:1.4;font-weight:700;padding:8px 12px;border-radius:20px;background:#171c26;color:#a1adbd;transition:background .15s,color .15s}
.trending-tabs a:hover{background:#27344d;color:#fff}.trending-tabs a.selected{background:#5079ff;color:#fff}
.trending-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:#424958 transparent;padding:2px 2px 12px;margin:0 -2px;-webkit-overflow-scrolling:touch}
.trending-card{position:relative;isolation:isolate;flex:0 0 170px;aspect-ratio:17/24;overflow:hidden;border-radius:16px;border:1px solid #343846;scroll-snap-align:start;background:#20232b;color:white}
.trending-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.trending-card:after{content:'';position:absolute;z-index:1;inset:30% 0 0;background:linear-gradient(180deg,transparent 0%,#0003 35%,#000d 100%);pointer-events:none}
.trending-card h3{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;margin:0;font-size:13px;line-height:1.35;font-weight:800;letter-spacing:0;color:#fff;text-shadow:0 1px 3px #000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.trending-rank{position:absolute;z-index:3;top:7px;left:7px;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#5079ff;color:#fff;font-size:12px;line-height:1;font-weight:800;box-shadow:0 2px 8px #0002}
.trending-card:hover{border-color:#819cff;color:white}.trending-card:hover img{transform:scale(1.035)}
.trending-card:focus-visible{outline:2px solid #9bb1ff;outline-offset:-3px}
@media(max-width:760px){.trending-card{flex-basis:150px}.trending-rail{gap:10px}#trending .section-head h2{font-size:19px}.trending-tabs{gap:4px}.trending-tabs a{padding:7px 9px;font-size:10px}}

/* Inkverse's own color system: coral, electric violet, mint and saffron. */
:root{color-scheme:dark;--bg:#10131d;--panel:#191d2a;--line:#30364a;--muted:#9ca6bd;--text:#f5f2ed;--accent:#ff9278;--purple:#9a79ff;--mint:#5bd6c2;--gold:#ffc45c;--pink:#f17db4;--blue:#76a8ff}
body{background:radial-gradient(ellipse at 4% 8%,#4b2a5230,transparent 29rem),radial-gradient(ellipse at 94% 36%,#1d59602a,transparent 34rem),var(--bg)}
a:hover{color:var(--mint)}
.header{border-bottom-color:#ffffff12;background:#111522d9;backdrop-filter:blur(16px)}
.logo b{background:linear-gradient(145deg,var(--purple),var(--pink) 58%,var(--accent));box-shadow:0 5px 20px #9a79ff45}.logo>span{color:var(--mint)}
.header nav a:hover,.header nav a.active{color:#fff;border-image:linear-gradient(90deg,var(--accent),var(--gold)) 1}
.search{background:#1a1d2b;border-color:#3a4055}.search:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px #5bd6c21b}
.notice{background:linear-gradient(110deg,#302449,#20323a);border-color:#67518b;color:#f0dcff}.notice a{color:var(--gold)}
.hero{background:radial-gradient(ellipse at 90% 20%,#5bd6c230,transparent 35%),radial-gradient(ellipse at 12% 100%,#ff927833,transparent 42%),linear-gradient(115deg,#292344,#1a2631 64%,#26363a);border-color:#55466b;box-shadow:0 22px 60px #080b1480}
.hero h1 em{background:linear-gradient(90deg,var(--gold),var(--accent),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#c4c3d1}.eyebrow{color:var(--mint)}.dot{background:var(--gold);box-shadow:0 0 12px #ffc45c99}
.button{background:linear-gradient(110deg,#8f68f2,#bd69d2 55%,#ed806e);box-shadow:0 7px 22px #9a79ff25}.button:hover{background:linear-gradient(110deg,#a78aff,#d379e5 55%,#ff9a7c);color:#fff;transform:translateY(-1px)}.secondary{background:#262b3b;border-color:#41465a;box-shadow:none}
.hero-foot span:nth-child(1){color:var(--gold)}.hero-foot span:nth-child(2){color:var(--mint)}.hero-foot span:nth-child(3){color:var(--pink)}
.accent{color:var(--mint)}.tabs{background:#171b29;border-color:#343a4e}
.tabs a:nth-child(1):hover,.tabs a:nth-child(1).selected{background:#624caa;color:#fff}.tabs a:nth-child(2):hover,.tabs a:nth-child(2).selected{background:#236f70;color:#e2fffa}.tabs a:nth-child(3):hover,.tabs a:nth-child(3).selected{background:#8b4f68;color:#fff0f6}
.rank-card{background:linear-gradient(120deg,#191d2a,#202337);border-color:#30364a}.rank-card:first-child{border-color:#99784f;background:linear-gradient(110deg,#342c2c,#28243a)}.rank-card:first-child .rank{color:var(--gold)}.rank-card:nth-child(3n+2) .rank{color:var(--mint)}.rank-card:nth-child(3n) .rank{color:var(--pink)}.rank-card small{color:var(--mint)}
.cover{background:#24283b;border-color:#ffffff18;box-shadow:0 8px 22px #06091440}.type{background:#171826e8;border:1px solid #ffffff35;color:#fff0c7;backdrop-filter:blur(8px)}.card:hover .cover{border-color:#5bd6c2a0;box-shadow:0 12px 28px #5bd6c21a}.card:nth-child(4n+1) .type{color:#ffe0a1}.card:nth-child(4n+2) .type{color:#b8fff0}.card:nth-child(4n+3) .type{color:#ffc1dc}.card:nth-child(4n) .type{color:#cfc1ff}.card p{color:#b1b5c6}.card p span{color:var(--mint)}
.latest{background:#1b2030;border-color:#333b50;color:#e5e2ee}.latest span{color:var(--gold)}.live{color:#8ef1da;background:#183a3a;border-color:#2b6b65}
.detail{background:linear-gradient(125deg,#1c2030,#222136 62%,#1c3031);border-color:#41425b;box-shadow:0 20px 50px #080b1480}.detail-cover{box-shadow:0 10px 30px #0008,0 0 0 1px #ffffff28}.detail h1{background:linear-gradient(90deg,#fff2df,#ffc0a7 58%,#d4c5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.detail p{color:#c3c4d2}
.tags a{background:#30294a;color:#d6c4ff;border:1px solid #554878}.tags a:nth-child(4n+2){background:#183b3c;color:#a9f0e0;border-color:#2e6664}.tags a:nth-child(4n+3){background:#432b3e;color:#ffc3dd;border-color:#70405d}.tags a:nth-child(4n){background:#443921;color:#ffdda0;border-color:#70592d}
.chapter-list{border-color:#394057}.chapter-list>a{background:linear-gradient(95deg,#1b2030,#1d1d2d);border-color:#30364a;transition:background .16s,border-color .16s,color .16s}.chapter-list>a:nth-child(4n+1){border-left:3px solid #9a79ff}.chapter-list>a:nth-child(4n+2){border-left:3px solid #5bd6c2}.chapter-list>a:nth-child(4n+3){border-left:3px solid #ff9278}.chapter-list>a:nth-child(4n){border-left:3px solid #ffc45c}.chapter-list>a:hover{background:linear-gradient(95deg,#2b2b43,#23383a);color:#fff}.chapter-list time{color:#aeb4c5}
.empty{background:#171b28;border-color:#45435d;color:#c1bfd0}footer{border-color:#343a4e;background:linear-gradient(90deg,transparent,#211f3228,transparent)}footer>span{color:#8f9ab0}
.reader-page{background:#0c1018}.reader-title,.reader-dock{background:linear-gradient(105deg,#25203bf5,#1c3035f5 55%,#332332f5);border-color:#ffffff2b;box-shadow:0 12px 36px #0008,0 0 24px #9a79ff1c}.reader-title h1 a{background:linear-gradient(90deg,#fff,#ffd1aa 54%,#c8fff1);-webkit-background-clip:text;background-clip:text;color:transparent}.reader-title p{color:#d0cadc}
.reader-dock>a,.reader-dock>button,.reader-side>a,.reader-side>button{background:#303447;color:#f7f4fa;border:1px solid #ffffff12}.reader-dock>a:nth-child(1){background:#6552a3}.reader-dock>button:nth-child(2){background:#247b77}.reader-dock>button:nth-child(3){background:#9a5d3f}.reader-dock>button:nth-child(4){background:#62518e}.reader-dock>a:last-child,.reader-dock>button:last-child{background:#3b638a}.reader-dock>button[aria-pressed="true"]{background:linear-gradient(135deg,var(--purple),var(--pink))}.reader-side>a:first-child{background:#316d69}.reader-side>a:nth-child(2){background:#76542a}.reader-side>#chapter-like{background:#63374e}.reader-side>#open-comments{background:#3e4772}.reader-side [aria-pressed="true"]{color:#ff91b2}
.reader-dialog{background:linear-gradient(140deg,#202238,#193234);border-color:#4c5268}.reader-dialog .series-link{color:var(--mint)}.reader-dialog [aria-current="page"]{background:#3b315a;color:#f0d8ff}
.comments-sheet{background:linear-gradient(155deg,#202438,#192e33);border-color:#465169;color:#f5f2ed}.sheet-handle span{background:linear-gradient(90deg,var(--pink),var(--gold),var(--mint))}.sheet-header h2 span,.comment-author{color:#bfb6da}.comment-avatar{background:linear-gradient(135deg,#68519a,#267b76);color:white}.comment-replies{border-color:#5b5674}.text-button,.comment-heart{color:#b9c0d0}.comment-heart[aria-pressed="true"]{color:#ff82a7}.sheet-composer{border-color:#475064}.sheet-composer button{background:linear-gradient(135deg,#956bf0,#e77c9f)}#reply-context{background:#302945;color:#e8d5ff}#comment-status{color:#8ce4d3}.reader-page #comments .comment{border-color:#353a4e}
.trending-tabs a{background:#1d2231;color:#b8bfd1;border-color:#ffffff0a}.trending-tabs a:nth-child(1).selected{background:linear-gradient(120deg,#e87963,#f4a454);color:#241721}.trending-tabs a:nth-child(2).selected{background:linear-gradient(120deg,#38a991,#68d7bc);color:#10221f}.trending-tabs a:nth-child(3).selected{background:linear-gradient(120deg,#b36bcb,#e788b8);color:#271622}.trending-tabs a:nth-child(4).selected{background:linear-gradient(120deg,#7586e8,#9a79ff);color:white}
.trending-rail{scrollbar-color:#765f9b transparent}.trending-card{border-color:#ffffff24;box-shadow:0 8px 20px #080b1640}.trending-card:nth-child(4n+1){--rank:#ff9278;--edge:#ff9278}.trending-card:nth-child(4n+2){--rank:#5bd6c2;--edge:#5bd6c2}.trending-card:nth-child(4n+3){--rank:#f17db4;--edge:#f17db4}.trending-card:nth-child(4n){--rank:#ffc45c;--edge:#ffc45c}.trending-rank{background:var(--rank,#9a79ff);color:#20202b;box-shadow:0 0 0 2px #10131d99}.trending-card:hover{border-color:var(--edge,#9a79ff);box-shadow:0 12px 30px #0007,0 0 18px color-mix(in srgb,var(--edge,#9a79ff) 30%,transparent);color:#fff}
.panel{background:linear-gradient(130deg,#1b2030,#202034);border-color:#343c53}.sidebar{background:#151a28;border-color:#353c53}.sidebar>a.selected{background:linear-gradient(110deg,#393052,#23423f);color:#f2dcff;box-shadow:inset 3px 0 var(--mint)}.sidebar>a:not(.logo):hover{background:#252a3c;color:var(--gold)}
@media(max-width:760px){.hero{background:radial-gradient(ellipse at 80% 15%,#5bd6c22b,transparent 48%),linear-gradient(145deg,#292344,#1b2932 70%,#342435)}.detail{background:linear-gradient(140deg,#1c2030,#20263a)}.trending-card{box-shadow:0 6px 16px #080b1640}}

/* Refined Inkverse palette: quiet plum surfaces with a restrained rose accent. */
:root{--bg:#111019;--panel:#1b1923;--line:#342f3c;--muted:#a49dad;--text:#f3eff2;--accent:#dda0ad;--purple:#9d83b5;--mint:#b5a9bb;--gold:#d5b6a5;--pink:#dda0ad;--blue:#aa9bb5}
body{background:radial-gradient(ellipse at 12% 5%,#39293e38,transparent 34rem),var(--bg)}
a:hover{color:#f0b8c1}
.header{background:#12111ae8;border-bottom-color:#ffffff12}.logo b{background:linear-gradient(145deg,#947aa9,#bd879f);box-shadow:0 5px 18px #947aa928}.logo>span{color:#c196a8}
.header nav a:hover,.header nav a.active{border-image:linear-gradient(90deg,#9d83b5,#dda0ad) 1}
.search:focus-within{border-color:#a88eae;box-shadow:0 0 0 3px #9d83b51b}
.notice{background:#282231;border-color:#4b4057;color:#e5dce9}.notice a{color:#e5b2bd}
.hero{background:radial-gradient(ellipse at 82% 18%,#755b7a38,transparent 40%),linear-gradient(120deg,#292332,#211d2a 68%,#30232d);border-color:#493e50;box-shadow:0 20px 50px #08070c80}
.hero h1 em{background:linear-gradient(90deg,#d8b8c7,#e8aab7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#c4bdc9}.eyebrow{color:#c8a6c8}.dot{background:#dda0ad;box-shadow:0 0 10px #dda0ad66}
.button{background:linear-gradient(110deg,#8f759f,#ad829e);box-shadow:0 6px 18px #9d83b51c}.button:hover{background:linear-gradient(110deg,#a28ab2,#c28c9f);color:#fff;transform:translateY(-1px)}.secondary{background:#292632;border-color:#46404e;box-shadow:none}
.hero-foot span:nth-child(n){color:#c1b6c5}
.accent{color:#dca6b4}.tabs{background:#1c1a24;border-color:#393340}.tabs a:nth-child(n):hover,.tabs a:nth-child(n).selected{background:#403449;color:#f3e9f3}
.rank-card{background:#1b1923;border-color:#342f3c}.rank-card:first-child{background:#25202c;border-color:#55445c}.rank-card .rank,.rank-card:first-child .rank,.rank-card:nth-child(3n+2) .rank,.rank-card:nth-child(3n) .rank{color:#bc9fbd}.rank-card small{color:#c6a8c5}
.cover{background:#211e29;border-color:#ffffff12;box-shadow:0 8px 22px #08070c35}.type{background:#18151de8;border-color:#ffffff24;color:#eadde8}.card:hover .cover{border-color:#a98daf88;box-shadow:0 10px 24px #9d83b516}.card:nth-child(n) .type{color:#e4d7e3}.card p{color:#b8b0bd}.card p span{color:#c7a9c7}
.latest{background:#1b1923;border-color:#38323f;color:#d0c8d2}.latest span{color:#dba5b4}.live{color:#d8bacf;background:#2c2330;border-color:#493a4d}
.detail,.detail[class]{background:linear-gradient(125deg,#1c1a24,#24202d 68%,#28212a);border-color:#403747;box-shadow:0 18px 42px #08070c70}.detail h1{background:linear-gradient(90deg,#f3edf0,#dfb6c2);-webkit-background-clip:text;background-clip:text;color:transparent}.detail p{color:#c4bdc9}.detail-cover{box-shadow:0 10px 28px #0007,0 0 0 1px #ffffff20}
.tags a,.tags a:nth-child(n){background:#302838;color:#dfc8dc;border:1px solid #4c3d50}
.chapter-list{border-color:#3a3341}.chapter-list>a{background:#1b1923;border-color:#332e3a;border-left:3px solid #786481!important}.chapter-list>a:hover{background:#28232f;color:#fff;border-left-color:#dda0ad!important}.chapter-list time{color:#aaa2b0}
.empty{background:#191720;border-color:#403748;color:#bcb4c1}footer{border-color:#342f3c;background:linear-gradient(90deg,transparent,#241d2920,transparent)}footer>span{color:#928b99}
.reader-page{background:#0d0c12}.reader-title,.reader-dock{background:#211e29f5;border-color:#ffffff20;box-shadow:0 10px 30px #0008,0 0 18px #9d83b512}.reader-title h1 a{background:linear-gradient(90deg,#f4edf1,#dfb5c1);-webkit-background-clip:text;background-clip:text;color:transparent}.reader-title p{color:#c2bac6}
.reader-dock>a,.reader-dock>button,.reader-side>a,.reader-side>button{background:#34303b;color:#f3eff2;border:1px solid #ffffff12}.reader-dock>a:nth-child(n),.reader-dock>button:nth-child(n){background:#34303b}.reader-dock>button[aria-pressed="true"]{background:#8f759f}.reader-dock>button:disabled{background:#28252e}.reader-side>a:nth-child(n),.reader-side>button:nth-child(n){background:#2a2631}.reader-side>#chapter-like{background:#322632}.reader-side>#open-comments{background:#302b37}.reader-side [aria-pressed="true"]{color:#ef9dae}
.reader-dialog{background:#211e29;border-color:#443a4b}.reader-dialog .series-link{color:#d6afc9}.reader-dialog [aria-current="page"]{background:#3b3043;color:#ead8ee}
.comments-sheet{background:#211f29;border-color:#423947;color:#f3eff2}.sheet-handle span{background:#9e879f}.sheet-header h2 span,.comment-author{color:#bdb4c2}.comment-avatar{background:#4c3b52;color:#f0dce9}.comment-replies{border-color:#49404d}.text-button,.comment-heart{color:#b9b1bf}.comment-heart[aria-pressed="true"]{color:#ef9dae}.sheet-composer{border-color:#3d3744}.sheet-composer button{background:#8f759f}#reply-context{background:#302a36;color:#dfc9e1}#comment-status{color:#d5b4ca}.reader-page #comments .comment{border-color:#38323e}
.trending-tabs a{background:#211e29;color:#bcb4c2;border-color:#ffffff0b}.trending-tabs a:nth-child(n).selected{background:#51415b;color:#f5edf4}.trending-tabs a:hover{background:#352d3c;color:#fff}
.trending-rail{scrollbar-color:#625368 transparent}.trending-card,.trending-card:nth-child(n){--rank:#b998c4;--edge:#b998c4;border-color:#ffffff1c;box-shadow:0 8px 20px #08070c38}.trending-rank{background:#b998c4;color:#211a26;box-shadow:0 0 0 2px #111019aa}.trending-card:hover{border-color:#c5a5c9;box-shadow:0 12px 28px #0007,0 0 14px #b998c420;color:#fff}
.panel{background:#1b1923;border-color:#342f3c}.sidebar{background:#15131c;border-color:#342f3c}.sidebar>a.selected{background:#30283a;color:#ead9ee;box-shadow:inset 3px 0 #bd91ad}.sidebar>a:not(.logo):hover{background:#24202b;color:#e4bdc8}
@media(max-width:760px){.hero{background:radial-gradient(ellipse at 80% 15%,#755b7a38,transparent 48%),linear-gradient(145deg,#292332,#211d2a 70%,#30232d)}.detail{background:linear-gradient(140deg,#1c1a24,#24202d)}}

/* Genre discovery, home shelves and synopsis list layout. */
.home-genres,.home-catalog,.genre-page{margin-top:38px}
.home-genres>.section-head{margin-bottom:12px}.home-genres .section-head>div{display:flex;align-items:baseline;gap:12px}.home-genres .section-head h2{margin:0}.genre-current{font-size:12px;color:var(--muted)}
.more-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent)!important;font-size:12px;font-weight:700}
.genre-chips,.type-chips{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 1px 10px;-webkit-overflow-scrolling:touch}.genre-chips::-webkit-scrollbar,.type-chips::-webkit-scrollbar{display:none}
.genre-chip,.type-chips a{flex:0 0 auto;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#1b1923;color:#d2cbd5;font-size:11px;font-weight:650;white-space:nowrap}.genre-chip:hover,.type-chips a:hover{background:#292330;color:#fff}.genre-chip.selected,.type-chips a.selected{background:#5d4a6a;border-color:#806b89;color:#fff}
.genre-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:2px}
.story-list{display:grid;gap:12px}.story-row{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:10px;background:#191720;border:1px solid #332e3a;border-radius:15px;box-shadow:0 8px 24px #08070c20}
.story-cover{display:block;flex:0 0 118px;height:158px;overflow:hidden;border-radius:10px;background:#24212b}.story-cover img{display:block;width:100%;height:100%;object-fit:cover}.story-copy{min-width:0;flex:1;padding:1px 2px 0}.story-kicker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 5px}.type-pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#5a4865;color:#f7eef6;font-size:10px;font-weight:750;line-height:1.25}.chapter-kicker{font-size:11px;color:#c9bbc9;font-weight:650}.story-copy h3,.story-copy h2{margin:0 0 5px;font-size:15px;line-height:1.35;letter-spacing:-.15px}.story-copy h3 a:hover,.story-copy h2 a:hover{color:#e8b7c2}.story-copy>p{margin:0;color:#aaa3b0;font-size:12px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.story-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;color:#96909e;font-size:10px}.story-read{display:inline-flex;align-items:center;gap:6px;color:#dfacbb;font-size:11px;font-weight:700;white-space:nowrap}.story-read:hover{color:#f5d5df!important}.genre-intro{margin:8px 0 12px;padding:18px 20px;background:#1b1923;border:1px solid #38313f;border-radius:16px}.genre-intro h1{margin:8px 0 2px;font-size:25px;letter-spacing:-.5px}.genre-intro p{margin:0;color:var(--muted);font-size:12px}.genre-page-chips{padding-top:4px;padding-bottom:12px}.genre-story-list .story-row{padding:9px;gap:14px}.genre-story-list .story-cover{flex-basis:118px;height:168px}.shelf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.shelf-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);background:#191720;border-radius:15px;min-width:0}.shelf-tabs a{display:flex;align-items:center;justify-content:center;min-width:104px;padding:9px 14px;border-radius:11px;color:#a9a2af;font-size:12px;font-weight:700;white-space:nowrap}.shelf-tabs a.selected{background:#5c4969;color:white}.view-switch{display:flex;gap:3px;flex:0 0 auto;padding:4px;border:1px solid var(--line);background:#191720;border-radius:13px}.view-switch a{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#a9a2af;font-size:19px;line-height:1}.view-switch a.selected{background:#5c4969;color:#fff}.type-chips{padding-top:11px}.shelf-heading{margin:12px 0 15px}.home-grid-item{min-width:0}.home-grid-item>.latest{margin-top:8px}.genre-page .pagination{margin-top:18px}
@media(min-width:761px){.genre-page{max-width:1040px;margin:34px auto 0}.genre-page-chips{flex-wrap:wrap;overflow:visible}.genre-story-list .story-row{padding:9px;gap:14px}.genre-story-list .story-copy>p{-webkit-line-clamp:3}.home-catalog .home-grid{row-gap:20px}}
@media(max-width:760px){.home-genres,.home-catalog,.genre-page{margin-top:26px}.home-genres .section-head{margin-top:22px}.genre-chip,.type-chips a{padding:7px 12px;font-size:10px}.genre-preview{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin-right:-5.5%;padding:0 5.5% 8px 1px}.genre-preview::-webkit-scrollbar{display:none}.genre-preview>.story-row{flex:0 0 min(84vw,360px);scroll-snap-align:start;gap:10px;padding:8px;border-radius:13px}.genre-preview .story-cover{flex-basis:74px;height:98px;border-radius:8px}.genre-preview .story-kicker{gap:6px;margin-bottom:4px}.genre-preview .type-pill{padding:3px 7px;font-size:9px}.genre-preview .chapter-kicker{font-size:9px}.genre-preview .story-copy h3{font-size:12px;line-height:1.3}.genre-preview .story-copy>p{-webkit-line-clamp:3;font-size:10px;line-height:1.4}.genre-preview .story-actions{display:none}.shelf-toolbar{gap:7px}.shelf-tabs{flex:1;gap:2px;padding:3px;border-radius:13px}.shelf-tabs a{flex:1;min-width:0;padding:9px 5px;font-size:10px}.view-switch{padding:3px;gap:2px}.view-switch a{width:31px;height:32px;font-size:17px}.type-chips{gap:6px;padding-top:9px}.shelf-heading{margin-top:8px}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 11px}.home-grid-item>.latest{font-size:10px;padding:6px 7px}.story-list{gap:9px}.story-row,.genre-story-list .story-row{gap:10px;padding:8px;border-radius:13px}.story-cover,.genre-story-list .story-cover{flex-basis:82px;height:116px;border-radius:8px}.story-kicker{gap:6px;margin-bottom:4px}.type-pill{font-size:9px;padding:3px 7px}.chapter-kicker{font-size:9px}.story-copy h3,.story-copy h2{font-size:12px;margin-bottom:4px}.story-copy>p{-webkit-line-clamp:3;font-size:10px;line-height:1.42}.story-actions{margin-top:6px;font-size:9px;gap:6px}.story-read{font-size:10px}.genre-intro{padding:14px 15px;border-radius:13px}.genre-intro h1{font-size:22px}.genre-intro p{font-size:11px}.genre-page-chips{margin-right:-5.5%;padding-right:5.5%}.genre-story-list .story-row{align-items:flex-start}.genre-page .pagination{overflow-x:auto}}
@media(max-width:360px){.shelf-tabs a{font-size:9px;padding-inline:3px}.view-switch a{width:28px}.home-grid{gap:12px 8px}.genre-preview>.story-row{flex-basis:88vw}}

/* CMS manga search, thumbnails and chapter gallery imports. */
.admin-search{display:grid;gap:8px;margin:20px 0}.admin-search>label{font-weight:700;color:var(--text)}.admin-search>div{display:flex;align-items:center;gap:8px}.admin-search input{max-width:560px}.admin-search small{font-size:11px}
.admin-manga-list{padding:8px 20px}.admin-manga-row{gap:20px}.admin-manga-about{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.admin-manga-about>div{min-width:0}.admin-manga-about strong{display:block}.admin-manga-about small{display:block;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-manga-thumb{width:54px;height:76px;flex:0 0 54px;object-fit:cover;border:1px solid #ffffff20;border-radius:7px;background:#24212b}
.admin-manga-row .actions{flex-wrap:wrap;justify-content:flex-end}.admin-manga-row .actions form{margin:0}.gallery-panel>h2,.admin-manga-list h2{margin-bottom:8px}.gallery-panel>p{font-size:12px}.gallery-picker{display:flex;align-items:end;gap:12px;max-width:800px}.gallery-picker label{flex:1}.gallery-picker .button{white-space:nowrap}.gallery-import-form{display:grid;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.gallery-import-form>label{max-width:650px}.gallery-import-form>p{margin:0;font-size:12px}.gallery-chapter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gallery-chapter-option{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;background:#211e29;border:1px solid var(--line);border-radius:9px}.gallery-chapter-option input{width:auto;flex:0 0 auto}.gallery-chapter-option span{min-width:0}.gallery-chapter-option strong,.gallery-chapter-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-chapter-option small{font-size:10px}.gallery-import-form>.button{justify-self:start}.gallery-panel code{overflow-wrap:anywhere}
@media(max-width:760px){.admin-search>div{align-items:stretch;flex-wrap:wrap}.admin-search input{max-width:none;flex-basis:100%}.admin-manga-list{padding:8px 12px}.admin-manga-row{align-items:flex-start;flex-direction:column;gap:12px}.admin-manga-about{width:100%}.admin-manga-thumb{width:48px;height:68px;flex-basis:48px}.admin-manga-row .actions{justify-content:flex-start;gap:12px}.gallery-picker{align-items:stretch;flex-direction:column}.gallery-chapter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-chapter-option{padding:8px}.gallery-chapter-option strong{font-size:11px}}

/* Manga editor subpages and separate manga creation screen. */
.manga-list-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:20px 0 14px}.manga-list-toolbar .admin-search{flex:1;margin:0}.add-manga-button{white-space:nowrap;margin-bottom:22px}.editor-back{margin:0 0 12px;font-size:12px}.editor-back a{color:var(--accent)}.editor-page-heading{margin:0 0 16px}.editor-page-heading h2{margin:5px 0;font-size:24px}.editor-page-heading p{margin:0}.editor-tabs a.selected{background:#403449;color:#fff;border-color:#65536d}.manga-add-form{margin-top:18px}
.manga-editor{max-width:1120px}.editor-tabs,.upload-mode-tabs{position:sticky;top:8px;z-index:4;display:flex;gap:7px;overflow:auto;padding:7px;margin:0 0 16px;border:1px solid var(--line);border-radius:12px;background:#17151dee;backdrop-filter:blur(14px)}.editor-tabs a,.upload-mode-tabs label{flex:0 0 auto;padding:9px 14px;border:1px solid transparent;border-radius:8px;color:#bbb4c0;font-size:12px;font-weight:700;white-space:nowrap}.editor-tabs a:hover,.editor-tabs a:focus-visible{background:#3b3043;color:#fff}.editor-info{display:grid;gap:18px}.editor-manga-heading{display:flex;align-items:flex-start;gap:17px}.editor-manga-heading>img{width:74px;height:104px;flex:0 0 auto;object-fit:cover;border:1px solid var(--line);border-radius:8px}.editor-manga-heading h2{margin:4px 0 7px}.editor-manga-heading p{max-width:850px;margin:0;line-height:1.55}.editor-details{padding-top:16px;border-top:1px solid var(--line)}.editor-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.editor-section-heading h2{margin:5px 0}.chapter-editor-row{border:1px solid var(--line);border-radius:10px;margin:0 0 10px;padding:0 14px;background:#191720}.chapter-editor-row>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;list-style:none}.chapter-editor-row>summary::-webkit-details-marker{display:none}.chapter-editor-row>summary>span:first-child{min-width:0}.chapter-editor-row>summary strong,.chapter-editor-row>summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-editor-row>summary small{margin-top:4px;color:var(--muted);font-size:10px}.chapter-edit-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:5px 0 16px;border-bottom:1px solid var(--line)}.chapter-edit-form label small{color:var(--muted);font-weight:400}.chapter-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;padding:16px 0}.chapter-image-grid figure{min-width:0;margin:0;padding:6px;border:1px solid var(--line);border-radius:8px;background:#15131c}.chapter-image-grid img{display:block;width:100%;height:145px;object-fit:contain;background:#0c0b10;border-radius:5px}.chapter-image-grid figcaption{display:grid;gap:5px;padding:6px 0 2px;font-size:10px;color:var(--muted)}.chapter-image-grid figcaption form{margin:0}.chapter-image-grid .danger,.chapter-delete-form .danger{padding:0;color:#e48c9d;font-size:10px}.chapter-delete-form{padding:0 0 14px}.upload-mode-tabs{position:static;width:max-content;max-width:100%;margin:16px 0}.upload-mode-tabs label{display:flex;align-items:center;gap:8px;cursor:pointer}.upload-mode-tabs input{width:auto;margin:0;accent-color:var(--purple)}.upload-mode-tabs label:has(input:checked){background:#403449;color:#fff}.editor-upload [data-upload-panel][hidden]{display:none}.server-gallery-picker{max-width:700px}.server-gallery-picker label{display:grid;gap:8px;font-size:12px;font-weight:650}.server-gallery-picker select{width:100%}.server-import-form{display:grid;gap:12px;margin-top:16px}.server-import-form .gallery-chapter-list{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-chapter-option.already-imported{opacity:.55}.gallery-chapter-option.already-imported input{cursor:not-allowed}.server-import-form>p{margin:0}.server-import-form>.button{justify-self:start}
@media(max-width:760px){.manga-list-toolbar{align-items:stretch;flex-direction:column;gap:8px}.add-manga-button{align-self:flex-end;margin:0}.editor-tabs{top:4px;gap:3px;padding:5px}.editor-tabs a{padding:8px 10px;font-size:10px}.editor-manga-heading>img{width:58px;height:82px}.editor-manga-heading h2{font-size:18px}.editor-manga-heading p{font-size:11px}.chapter-editor-row{padding:0 10px}.chapter-edit-form{grid-template-columns:1fr}.chapter-image-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:7px}.chapter-image-grid img{height:108px}.server-import-form .gallery-chapter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-mode-tabs label{padding:8px 10px;font-size:10px}}
.manage-pages-link{margin:0 0 12px}.manage-pages-link .button{font-size:10px;padding:7px 10px}.chapter-image-grid figcaption{align-content:start}.chapter-image-grid .replace-page-form{display:grid;gap:5px}.chapter-image-grid .replace-page-form label{display:grid;gap:3px;font-size:9px;line-height:1.3}.chapter-image-grid .replace-page-form input{width:100%;padding:4px;font-size:9px}.chapter-image-grid .replace-page-form .button{width:100%;padding:5px;font-size:9px}.chapter-image-grid figure>figcaption>form:not(.replace-page-form){margin:0}
.trending-status{position:absolute;z-index:3;top:8px;right:8px;max-width:calc(100% - 48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px;border:1px solid #ffffff35;border-radius:999px;background:#15121ce8;color:#fff;font-size:9px;font-weight:750;line-height:1.2;text-transform:capitalize;backdrop-filter:blur(8px)}
@media(max-width:760px){.trending-card{flex-basis:118px;border-radius:12px}.trending-rail{gap:8px}.trending-card h3{left:7px;right:7px;bottom:7px;font-size:10px;line-height:1.25;-webkit-line-clamp:2}.trending-card:after{inset:38% 0 0}.trending-rank{top:6px;left:6px;width:21px;height:21px;font-size:10px}.trending-status{top:6px;right:6px;padding:3px 6px;font-size:8px}.home-grid .card .cover .type{max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}}
@media(max-width:760px){.detail .detail-cover{position:static!important;inset:auto!important;top:auto!important;transform:none!important;display:block;flex:0 0 auto;width:min(42vw,150px);max-width:150px;height:auto;max-height:none;align-self:center;margin:0 auto 12px}}

/* Reader controls: consistent round icons inside translucent app-like docks. */
.reader-title{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;padding:8px 12px;background:rgba(33,30,41,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.reader-title-copy{min-width:0;text-align:center}
.reader-title .reader-back{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff20;border-radius:50%;background:rgba(255,255,255,.09);color:#f3eff2}
.reader-title .reader-back svg{display:block;width:20px;height:20px}
.reader-title h1{margin:0;font-size:14px;line-height:1.35}
.reader-title p{margin:3px 0 0;font-size:10px}
.reader-dock{gap:6px;padding:7px;background:rgba(33,30,41,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.reader-dock>a,.reader-dock>button,.reader-dock>a:nth-child(n),.reader-dock>button:nth-child(n){width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.095);border:1px solid #ffffff20;color:#f3eff2}
.reader-dock>button:disabled{background:rgba(255,255,255,.035);color:#77717e}
.reader-dock svg,.reader-side svg{width:20px;height:20px;stroke-width:1.8}
.reader-side{gap:6px;padding:6px;border:1px solid #ffffff20;border-radius:28px;background:rgba(33,30,41,.78);box-shadow:0 8px 24px #0005;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.reader-side>a,.reader-side>button,.reader-side>a:nth-child(n),.reader-side>button:nth-child(n),.reader-side>#chapter-like,.reader-side>#open-comments{position:relative;width:42px;height:42px;min-width:42px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;background:rgba(255,255,255,.095);border:1px solid #ffffff20;color:#f3eff2;box-shadow:none}
.reader-side>button span{font-size:8px;line-height:1;margin-top:-1px;color:#e3dce5}
.reader-side>#chapter-like[aria-pressed="true"]{color:#f0a4b5;background:rgba(221,160,173,.2)}
.reader-side>#chapter-like[aria-pressed="true"] svg{fill:currentColor}
.reader-side svg{width:19px;height:19px}
@media(max-width:380px){.reader-dock{gap:4px;padding:6px}.reader-dock>a,.reader-dock>button,.reader-dock>a:nth-child(n),.reader-dock>button:nth-child(n){width:39px;height:39px}.reader-side{right:8px;gap:5px;padding:5px}.reader-side>a,.reader-side>button,.reader-side>a:nth-child(n),.reader-side>button:nth-child(n),.reader-side>#chapter-like,.reader-side>#open-comments{width:39px;height:39px;min-width:39px}}

/* Mobile home cards and manga detail reading order. */
.card-title-overlay{display:none}
.detail{grid-template-columns:minmax(180px,250px) minmax(0,1fr);grid-template-areas:"cover title" "cover alternative" "cover facts" "cover description";align-content:start;align-items:start;gap:0 32px}
.detail-title{grid-area:title;margin:0 0 7px!important;font-size:36px!important;line-height:1.16}
.detail-cover{grid-area:cover;align-self:start}
.detail-alternative{grid-area:alternative;margin:0 0 14px!important;color:var(--muted)!important;font-size:13px!important}
.detail-facts{grid-area:facts;min-width:0}
.detail-facts .tags{margin:0 0 14px}
.detail-facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
.detail-facts dl>div{min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#111119}
.detail-facts dt{color:var(--muted);font-size:10px}
.detail-facts dd{margin:2px 0 0;font-size:12px;font-weight:650;overflow-wrap:anywhere}
.detail-description{grid-area:description;min-width:0;padding-top:12px}
.detail-description .synopsis{margin:0 0 18px;max-width:none}
.detail-chapters{margin-top:26px}
.detail-chapters .section-head{margin-top:0}
.detail-comments{margin-top:30px}
@media(max-width:760px){
 .home-grid .card .card-title-overlay{position:absolute;z-index:1;right:0;bottom:0;left:0;display:-webkit-box;padding:30px 8px 9px;overflow:hidden;background:linear-gradient(0deg,#111019f2 0%,#111019a8 65%,transparent 100%);color:#fff;font-size:11px;font-weight:750;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-shadow:0 1px 3px #000}
 .home-grid .card h3{display:none}
 .home-grid .card .cover .type{top:7px;bottom:auto;left:7px;padding:3px 6px;font-size:8px}
 .home-grid .cover{border-radius:10px}
 .detail{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:20px 16px 18px;border-radius:14px}
 .detail-title{order:0;width:100%;margin:0 0 14px!important;text-align:center;font-size:27px!important;line-height:1.2;letter-spacing:-.65px}
 .detail-cover{order:1;width:min(68vw,250px);height:auto;aspect-ratio:2/3;align-self:center;margin:0 auto 12px;border-radius:12px;box-shadow:0 10px 28px #0005}
 .detail-alternative{order:2;text-align:center;margin:0 0 17px!important;font-size:12px!important}
 .detail-facts{order:3;width:100%}
 .detail-facts .tags{justify-content:center;gap:6px;margin:0 0 12px}
 .detail-facts .tags a{padding:5px 8px;font-size:10px}
 .detail-facts dl{gap:7px}
 .detail-facts dl>div{padding:8px 9px}
 .detail-facts dt{font-size:9px}
 .detail-facts dd{font-size:11px}
 .detail-description{order:4;width:100%;padding-top:15px}
 .detail-description .synopsis{font-size:12px;line-height:1.75}
 .detail-description .button{width:100%}
 .detail-chapters{margin-top:23px}
 .detail-chapters .section-head{margin-bottom:11px}
 .detail-chapters .chapter-list{max-height:44vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#68566e transparent}
 .detail-chapters .chapter-list>a{min-height:53px;padding:12px 13px;gap:12px;font-size:12px}
 .detail-chapters .chapter-list time{flex:0 0 auto;font-size:10px}
 .detail-comments{margin-top:24px}
 .detail-comments .section-head{align-items:flex-start;margin:0 0 13px}
 .detail-comments .section-head h2{font-size:20px}
 .detail-comments .section-head>span{max-width:130px;text-align:right;font-size:10px}
}
.chapter-edit-form{grid-template-columns:1fr 1fr 1fr auto}
.chapter-edit-form label small{font-size:10px;color:var(--muted)}
.storage-directory-form .storage-path-status{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#111119;font-size:12px;color:var(--muted)}
.storage-mirror-list{display:grid;gap:8px;margin:18px 0}
.storage-mirror-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#111119}
.storage-mirror-row code{overflow-wrap:anywhere;color:#d7c7d8}
.storage-cdn-number{font-size:12px;font-weight:750;color:var(--accent)}
.storage-mirror-row form{margin:0}
.storage-add-mirror{display:flex;align-items:end;gap:12px;max-width:720px}
.storage-add-mirror label{flex:1}
.storage-add-mirror .button{white-space:nowrap}
@media(max-width:760px){.chapter-edit-form{grid-template-columns:1fr}.storage-mirror-row{grid-template-columns:1fr auto;gap:8px}.storage-mirror-row code{grid-column:1/-1;grid-row:2}.storage-add-mirror{align-items:stretch;flex-direction:column}.storage-add-mirror .button{align-self:start}}
.site-settings-form{max-width:1050px}.site-setting-section{display:grid;gap:15px;padding:4px 0 20px;border-bottom:1px solid var(--line)}.site-setting-section h2{margin:0 0 5px}.site-setting-section p{margin:0;font-size:12px}.site-setting-section textarea{max-width:100%;min-height:92px}.site-setting-section label small{font-size:11px;color:var(--muted)}.favicon-setting-row{display:flex;align-items:center;gap:16px}.settings-favicon-preview,.settings-favicon-empty{width:64px;height:64px;flex:0 0 64px;object-fit:contain;padding:8px;border:1px solid var(--line);border-radius:12px;background:#101119}.settings-favicon-empty{display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--accent)}.theme-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-color-field{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px 10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#111119}.theme-color-field>span:nth-child(2){font-size:12px}.theme-color-field input{grid-column:1/-1;font-family:Consolas,monospace;letter-spacing:.4px;text-transform:uppercase}.theme-color-swatch{width:22px;height:22px;border:1px solid #ffffff38;border-radius:7px;background:var(--swatch)}.site-settings-form>.button{justify-self:start}
@media(max-width:760px){.site-settings-form{padding:16px}.site-setting-section{gap:12px}.theme-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-color-field{padding:9px}.favicon-setting-row{align-items:flex-start}.favicon-setting-row label{min-width:0;flex:1}}

/* Manga detail chapter rows and crisp reader-dock controls. */
.detail-chapter-list{border-radius:13px}
.detail-chapter-list>.detail-chapter-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto 34px;align-items:center;gap:13px;min-height:78px;padding:10px 12px;border-bottom:1px solid #ffffff12;background:linear-gradient(100deg,#181620,#1c1922);}
.detail-chapter-thumb{display:block;width:58px;height:58px;object-fit:cover;border-radius:8px;border:1px solid #ffffff1b;background:#24202a}
.detail-chapter-placeholder{display:grid;place-items:center;color:#a99baa}
.detail-chapter-placeholder svg{width:24px;height:24px;stroke-width:1.7}
.detail-chapter-copy{min-width:0;display:block}
.detail-chapter-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4}
.detail-chapter-row time{white-space:nowrap;font-size:11px}
.detail-chapter-open{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff0d;color:#eee8ef}
.detail-chapter-open svg{width:13px;height:13px}
.detail-description .button{min-height:48px;background:linear-gradient(105deg,#9167d5,#c277a3);box-shadow:0 8px 24px #714b742e}
.reader-dock>a,.reader-dock>button,.reader-dock>a:nth-child(n),.reader-dock>button:nth-child(n){flex:0 0 42px;min-width:42px;aspect-ratio:1/1;padding:0;}
.reader-dock svg,.reader-side svg{display:block;flex:0 0 auto;width:20px;height:20px;overflow:visible;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke}
.reader-dock [data-play-icon] svg{width:18px;height:18px}
@media(max-width:760px){
 .manga-detail-page main{padding-top:12px}
 .manga-detail-page .breadcrumbs{display:none}
 .manga-detail-page .detail{padding:19px 0 18px;border:0;border-radius:0;background:transparent;box-shadow:none}
 .manga-detail-page .detail-title{font-size:28px!important;line-height:1.2;margin-bottom:16px!important}
 .manga-detail-page .detail-cover{width:min(46vw,250px);max-width:250px;height:auto;aspect-ratio:2/3;margin-bottom:14px;border-radius:15px;box-shadow:0 12px 28px #0007,0 0 0 1px #ffffff25}
 .manga-detail-page .detail-alternative{max-width:100%;line-height:1.55;color:#c5bac7!important}
 .manga-detail-page .detail-facts .tags{margin-bottom:15px}
 .manga-detail-page .detail-facts .tags a{padding:6px 10px;border:1px solid #ffffff13;border-radius:9px;background:#302632;color:#e1cfdf;font-size:11px}
 .manga-detail-page .detail-facts dl{gap:8px}
 .manga-detail-page .detail-facts dl>div{min-height:55px;padding:9px 11px;border-color:#ffffff18;border-radius:11px;background:#ffffff06}
 .manga-detail-page .detail-facts dt{font-size:10px;letter-spacing:.15px}
 .manga-detail-page .detail-facts dd{font-size:12px;line-height:1.35}
 .manga-detail-page .detail-description{padding-top:17px}
 .manga-detail-page .detail-description .synopsis{font-size:13px;line-height:1.72;color:#d0c8d2}
 .manga-detail-page .detail-description .button{min-height:52px;border-radius:13px;font-size:14px;letter-spacing:.1px}
 .detail-chapters .section-head{margin-bottom:12px}
 .detail-chapter-list{max-height:48vh!important;border-radius:13px}
 .detail-chapter-list>.detail-chapter-row{grid-template-columns:52px minmax(0,1fr) auto 30px;gap:10px;min-height:68px;padding:8px 9px;background:linear-gradient(100deg,#191720,#201a23)}
 .detail-chapter-thumb{width:52px;height:52px;border-radius:8px}
 .detail-chapter-copy strong{font-size:12px}
 .detail-chapter-row time{font-size:10px}
 .detail-chapter-open{width:28px;height:28px}
}
@media(max-width:390px){.detail-chapter-list>.detail-chapter-row{grid-template-columns:46px minmax(0,1fr) 27px;gap:8px}.detail-chapter-thumb{width:46px;height:46px}.detail-chapter-row time{display:none}.reader-dock>a,.reader-dock>button,.reader-dock>a:nth-child(n),.reader-dock>button:nth-child(n){flex-basis:39px;min-width:39px}}

/* Keep the home spotlight compact on phones, with artwork beside the copy. */
@media(max-width:760px){
 .hero{grid-template-columns:minmax(0,1.18fr) minmax(118px,.82fr);align-items:stretch;min-height:0;margin-bottom:22px;border-radius:15px}
 .hero-copy{min-width:0;padding:20px 8px 18px 17px}
 .hero-copy>.eyebrow{font-size:8px;letter-spacing:1.1px;white-space:nowrap}
 .hero h1{font-size:clamp(17px,4.8vw,23px);line-height:1.12;letter-spacing:-.8px;margin:13px 0 12px}
 .hero-copy>p{font-size:10px;line-height:1.55;margin:0 0 13px}
 .hero-copy>.button{gap:7px;padding:8px 10px;font-size:9px;white-space:nowrap;border-radius:7px}
 .hero-foot{display:none}
 .hero-art{height:auto;min-height:0;align-self:stretch;margin:12px 12px 12px 0;border-radius:10px}
 .hero-art>img{object-position:center 35%}
 .hero-art>div{left:9px;right:7px;bottom:10px}
 .hero-art .eyebrow{font-size:7px;letter-spacing:1px}
 .hero-art h2{font-size:15px;line-height:1.2;margin:5px 0}
 .hero-art div>span:last-child{font-size:9px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
}
@media(max-width:380px){
 .hero{grid-template-columns:minmax(0,1.15fr) minmax(108px,.85fr)}
 .hero-copy{padding-left:13px}
 .hero h1{font-size:17px}
 .hero-copy>p{font-size:9px}
 .hero-art h2{font-size:13px}
}
.theme-color-field{grid-template-columns:minmax(0,1fr)}.theme-color-field>span{font-size:12px}.theme-color-field input{grid-column:auto}
.import-progress{display:grid;gap:9px;width:min(100%,620px);padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:#211e29;color:var(--text);font-size:12px}.import-progress[hidden]{display:none}.import-progress>b{font-size:13px}.import-progress>span:last-child{color:var(--muted)}.import-progress-bar{height:7px;overflow:hidden;border-radius:999px;background:#35303b}.import-progress-bar i{display:block;width:38%;height:100%;border-radius:inherit;background:var(--purple);animation:import-progress-slide 1.25s ease-in-out infinite alternate}@keyframes import-progress-slide{from{transform:translateX(0)}to{transform:translateX(165%)}}.server-import-form button:disabled{opacity:.5;cursor:not-allowed}