@theme { --color-primary:#a78bfa; --color-background:#12131a; --color-neutral:#f3f1f9; --font-sans:"DM Sans",sans-serif; --text-sm:.875rem; --text-base:1rem; --text-2xl:1.5rem; }

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../media.php?asset=dm-sans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../media.php?asset=space-grotesk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{color-scheme:dark;--bg:#121319;--surface:#1b1c24;--surface2:#22232d;--text:#f4f3f8;--muted:#9899ab;--border:#2a2b37;--purple:#aa7af7;--accent:#9862e8;--radius:12px;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-weight:400;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:not-allowed}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.22}h1{font-size:clamp(2rem,4.2vw,3.65rem);letter-spacing:-.04em}h2{font-size:1.55rem;letter-spacing:-.03em}h3{font-size:1rem}button{border:0;background:none}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c6a5ff;outline-offset:4px}::selection{background:#784eb7;color:white}.container{width:min(1376px,calc(100% - 80px));margin:auto}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.eyebrow{display:block;color:#aaa4bf;font-size:.72rem;letter-spacing:.14em;font-weight:700;line-height:1.8}.fine-print{font-size:.78rem;color:var(--muted);line-height:1.6}.text-button{padding:0;color:#bfa3ec;font-size:.88rem;white-space:nowrap}.text-button:hover{color:#d8c2fc}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;flex-shrink:0}.icon-button:hover{background:#2c2b3a}.skip{position:fixed;z-index:100;top:-60px;background:var(--accent);padding:10px}.skip:focus{top:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 20px;border:1px solid transparent;border-radius:8px;font-size:.88rem;font-weight:650;min-height:44px;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.primary{background:var(--accent);color:white}.primary:hover{background:#aa75ed}.secondary{background:#24232f;border-color:#383443;color:#ede7f7}.secondary:hover{background:#312b3f}.ghost{border-color:#ffffff40;background:#15132140}.ghost:hover{background:#34283c}kbd{font-family:inherit;background:#262630;border:1px solid #3d3c4a;border-radius:4px;padding:0 6px;font-size:.72rem;color:#b6b5c2}
#header{border-bottom:1px solid #292833;background:#16161e;position:relative;z-index:20}.nav-inner{width:min(1440px,calc(100% - 64px));margin:auto;min-height:86px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.06em;white-space:nowrap}.brand>.icon{color:#b28afa;width:30px;height:30px}.brand>span>span{color:#b48bf5}nav{display:flex;gap:26px;align-items:center;white-space:nowrap}nav a{font-size:.88rem;color:#a2a1b2;padding:29px 0;position:relative;font-weight:500}nav a:hover,nav a.active{color:#f7f5fb}nav a.active:after{content:'';position:absolute;bottom:18px;left:0;right:0;height:2px;background:#b38df1;border-radius:4px}.nav-search{border:1px solid #34323f;border-radius:8px;background:#202029;display:flex;align-items:center;gap:10px;flex:1;min-width:150px;max-width:345px;margin-left:auto;padding:9px 12px;color:#8c889e}.nav-search input{width:100%;min-width:0;background:none;border:0;outline:0;color:white;font-size:.82rem;padding:0}.nav-search input::placeholder{color:#92909f}.nav-search .icon{width:17px;height:17px}.patreon-button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #514264;border-radius:8px;background:#282132;padding:10px 14px;font-size:.8rem;font-weight:600;white-space:nowrap}.patreon-button:hover{background:#392b4c}.patreon-mark{display:block;width:20px;height:20px;flex:0 0 20px}.admin-link{color:#9690a9;margin-left:-22px}.admin-link.active{color:#cba7ff;background:#30233e}.home{padding-top:30px}.hero{position:relative;height:350px;border-radius:14px;overflow:hidden;background:#241634}.hero-image{width:100%;height:100%;position:absolute;object-position:center 50%}.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#1a1028fa 0%,#1b1128ea 27%,#1b112840 62%,#1b112810 80%)}.hero-content{position:relative;padding:34px 44px;z-index:2}.hero-eyebrow{font-size:.68rem;letter-spacing:.14em;font-weight:700;color:#d4c0f4;display:flex;align-items:center;gap:9px}.hero-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#bd93ff}.hero h1{font-size:clamp(2.4rem,3.2vw,3.4rem);margin:16px 0 13px;letter-spacing:-.05em;line-height:1.08}.hero h1 em{font-style:normal;color:#c092ff}.hero p{color:#bbb0c9;font-size:.92rem;line-height:1.6}.hero-actions{display:flex;gap:12px;margin-top:24px}.hero-actions .button{padding:11px 19px;font-size:.8rem}.hero-counter{position:absolute;bottom:17px;left:44px;display:flex;align-items:center;gap:8px;color:#f0e6ff;font-size:.65rem;font-weight:600}.hero-counter>span:last-child{color:#898090}.hero-line{width:24px;height:2px;background:#bd91ff}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;margin-top:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{display:flex;align-items:center;gap:10px}.section-link{color:#b5a2d2;font-size:.8rem;white-space:nowrap}.section-link:hover{color:#dbbfff}.new-dot{display:inline-block;width:6px;height:6px;background:#a875ed;border-radius:50%}.genre-tabs{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.genre-tabs button{font-size:.78rem;border-radius:6px;color:#a09cae;padding:7px 14px;border:1px solid transparent;min-height:34px}.genre-tabs button:hover{background:#24232e;color:white}.genre-tabs .active{color:#d7b9ff;background:#30223f;border-color:#503665}.episodes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.episode-card{min-width:0}.cover-link{display:block;position:relative;aspect-ratio:1.52;overflow:hidden;border-radius:9px;background:#262230}.cover-link>img{width:100%;height:100%;object-position:center 30%;transition:transform .45s}.cover-link:hover>img{transform:scale(1.06)}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#0b071332 46%,#0b0713ed 100%)}.access-badge{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:4px 7px;font-size:.63rem;font-weight:650;line-height:1.3;color:#ece6f6;background:#172621d9;white-space:nowrap}.access-badge .icon{width:11px;height:11px}.cover-link .access-badge{position:absolute;left:10px;top:10px}.premium{background:#543259e8;color:#f5dffd}.cover-title{position:absolute;left:15px;bottom:16px;right:15px;color:#f4eefb;font-family:'Space Grotesk';font-weight:700;font-size:1.5rem;line-height:1.05;letter-spacing:-.05em;max-width:80%}.read-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#09081275;opacity:0;transition:opacity .2s;font-size:.85rem}.cover-link:hover .read-overlay{opacity:1}.card-copy{position:relative;padding-top:12px}.genre-label{font-size:.67rem;font-weight:600;letter-spacing:.03em;color:#bc9dec;display:inline-block}.episode-title{font-family:'Space Grotesk';font-size:.97rem;font-weight:600;line-height:1.35;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-title:hover{color:#c79aff}.episode-meta{display:flex;align-items:center;gap:7px;font-size:.7rem;color:#8c899e;margin-top:5px}.episode-meta>span{color:#5d586d}.card-stats{display:flex;gap:13px;margin-top:10px;color:#9994aa;font-size:.7rem}.card-stats>span{display:flex;align-items:center;gap:5px}.card-stats .icon{width:13px;height:13px}.ranking-panel{border:1px solid var(--border);background:#191921;border-radius:12px;padding:22px 20px 16px}.ranking-panel .section-heading{margin-bottom:18px;gap:8px}.ranking-panel h2{font-size:1.1rem}.ranking-panel h2>.icon{color:#b388ea;width:18px;height:18px}.mini-label{font-size:.55rem;letter-spacing:.1em;color:#928b9f;font-weight:600}.ranking-tabs{display:flex;gap:1px;padding:4px;background:#111118;border:1px solid #2a2733;border-radius:6px;margin-bottom:10px}.ranking-tabs button{padding:7px 5px;flex:1;font-size:.65rem;white-space:nowrap;color:#958ba2;border-radius:4px}.ranking-tabs button[aria-selected=true]{background:#332641;color:#d5b7f4}.rank-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #2b2733}.rank-row:last-child{border-bottom:0}.rank-num{font-family:'Space Grotesk';font-weight:600;color:#62576f;font-size:1.25rem;width:24px;flex-shrink:0}.rank-num.first{color:#bb8af7}.rank-row>img{width:45px;height:61px;border-radius:5px;flex-shrink:0}.rank-info{display:flex;flex-direction:column;min-width:0;gap:3px}.rank-info b{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-info small{font-size:.64rem;color:#8e839f}.rank-info>span{font-size:.64rem;color:#b5a4c9;display:flex;align-items:center;gap:5px}.rank-info .icon{width:12px;height:12px}.rank-row:hover .rank-info b{color:#ccaff3}.ranking-note{font-size:.62rem;color:#80788d;margin-top:14px;text-align:center}.support-card{margin-top:18px;padding:24px 23px 20px;border:1px solid #443151;border-radius:12px;background:linear-gradient(130deg,#282033,#1b1924);position:relative}.support-icon{color:#bb8cef;margin-bottom:12px}.support-icon .icon{width:26px;height:26px}.support-card h3{font-size:1.02rem;letter-spacing:-.025em}.support-card p{font-size:.77rem;color:#a99bb9;line-height:1.65;margin-top:9px}.support-card .button{font-size:.74rem;width:100%;padding:10px;margin:16px 0 8px;background:#3a294b;border-color:#624377}.support-card>.fine-print{display:block;text-align:center;font-size:.63rem}.series-section{padding:34px 0 45px;border-top:1px solid #27232f;margin-top:38px}.series-section .eyebrow{font-size:.6rem;margin-bottom:7px}.series-section .section-heading{margin-bottom:22px}.series-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.series-card{min-width:0}.series-cover{aspect-ratio:2/3;position:relative;border-radius:10px;overflow:hidden}.series-cover>img{width:100%;height:100%;transition:transform .4s}.series-cover:hover>img{transform:scale(1.06)}.series-cover-name{position:absolute;left:15px;bottom:17px;right:15px;font-family:'Space Grotesk';font-size:1.55rem;font-weight:700;line-height:1.06;letter-spacing:-.06em;text-transform:uppercase;max-width:95%}.series-read{position:absolute;inset:0;background:#15102035;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.series-read>.icon{width:35px;height:35px}.series-card:hover .series-read{opacity:1}.series-card h3{font-size:.88rem;margin-top:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-card p{font-size:.68rem;color:#93879f;margin-top:4px}.series-card p>span{margin:0 4px;color:#6a5d75}#footer{border-top:1px solid #292631;background:#14141b}.footer-inner{display:flex;align-items:center;gap:25px;padding:26px 0}.footer-inner .brand{font-size:1.2rem}.footer-inner .brand .icon{width:24px;height:24px}.footer-inner>span{font-size:.7rem;color:#827b91}.footer-inner>div{margin-left:auto;display:flex;align-items:center;gap:23px;font-size:.68rem;color:#9c92af}.footer-inner .text-button{font-size:.68rem;color:#9c92af}.preview-label{font-size:.57rem;letter-spacing:.09em;border:1px solid #3c324b;padding:5px 7px;border-radius:4px;color:#b49ccb}
.catalog{padding:45px 0 65px;min-height:70vh}.catalog>h1{margin:12px 0}.catalog-tools{display:flex;align-items:center;justify-content:space-between;margin-top:30px;gap:20px}.catalog-tools .genre-tabs{margin:0}.sort-label{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#bbb2c7}.catalog .series-grid{margin-top:25px}.catalog-episodes{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-subhead{margin:30px 0 20px}.catalog-subhead>span{font-family:'DM Sans';font-size:.9rem;font-weight:400;color:#9d8fad;margin-left:8px}.empty-state{grid-column:1/-1;padding:50px;text-align:center;background:#1a1721;border:1px dashed #46344e;border-radius:12px;color:#ab9ab9}.empty-state>.icon{width:35px;height:35px;margin-bottom:15px}.empty-state h3{font-size:1.25rem;color:#e3d2f1;margin-bottom:10px}.empty-state p{font-size:.9rem}.series-detail{padding:35px 0 60px}.breadcrumb{font-size:.82rem;color:#ad95ca;display:inline-block;margin-bottom:12px}.series-intro{display:grid;grid-template-columns:240px minmax(0,650px);gap:45px;padding:20px 0 40px;align-items:center}.detail-cover{width:240px;aspect-ratio:2/3;border-radius:14px}.series-intro h1{margin:15px 0 9px}.creator{color:#b798d2;font-size:.9rem;margin-bottom:20px}.description{color:#b7aabd;font-size:1rem;line-height:1.8}.status-pill{margin-left:15px;padding:4px 9px;background:#243b30;border-radius:4px;color:#a5d3b4;font-size:.72rem}.detail-stats{display:flex;gap:25px;color:#a18daa;font-size:.83rem;margin:22px 0}.detail-stats>span{display:flex;gap:8px;align-items:center}.detail-stats .icon{width:18px;height:18px}.episode-list{border:1px solid #352a3e;border-radius:12px;overflow:hidden}.episode-list-row{display:flex;align-items:center;gap:25px;padding:20px 25px;background:#1c1923;border-bottom:1px solid #33293c}.episode-list-row:last-child{border:0}.episode-list-row:hover{background:#292031}.episode-number{font-family:'Space Grotesk';font-size:1.6rem;color:#9874b8}.episode-list-row h3{font-size:1.05rem}.episode-list-row p{font-size:.78rem;color:#9984ab;margin-top:5px}.episode-list-row .access-badge{margin-left:auto;font-size:.75rem}
.reader{padding:28px 0 45px;max-width:1180px}.reader-titlebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:25px}.reader-titlebar h1{font-size:1.7rem;letter-spacing:-.025em}.reader-titlebar .breadcrumb{font-size:.78rem;margin-bottom:5px}.reader-actions{display:flex;gap:10px;align-items:center}.like-button{padding:9px 14px;background:#25202e;border-color:#493350;color:#c5aacf}.like-button.liked{color:#ef9fc2;background:#3f2335;border-color:#d96a9e}.like-button.liked .icon{fill:currentColor}.reader-stage{position:relative;background:#0c0a11;border:1px solid #33273c;border-radius:12px;padding:22px 70px;min-height:460px;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.comic-page{max-height:76vh;max-width:100%;object-fit:contain;width:auto;margin:auto;border-radius:3px;user-select:none}.reader-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:60px;display:flex;align-items:center;justify-content:center;background:#2d2232;border:1px solid #594160;border-radius:8px;color:#c5aad9}.reader-arrow:hover{background:#513559}.reader-arrow.prev{left:15px}.reader-arrow.next{right:15px}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px}.page-progress{flex:1;max-width:420px;text-align:center}.page-progress>span{font-size:.83rem;color:#c3abd3}.progress-track{height:4px;border-radius:5px;background:#3b2a48;margin-top:10px;overflow:hidden}.progress-track>div{height:100%;background:#ab7bdf;transition:width .25s}.reader-hints{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:25px;margin:18px 0;font-size:.72rem;color:#93819f}.reader-hints>span{display:flex;align-items:center;gap:7px}.reader-hints .icon{width:14px;height:14px}.next-episode-preview{border-top:1px solid #36283d;padding:23px 0 0;margin-top:28px}.next-episode-preview h3{font-size:1.2rem;margin:6px 0}.next-episode-preview .muted{font-size:.88rem}.reader-end{text-align:center;padding:45px 20px;max-width:550px}.reader-end>.icon{color:#c094f1;width:44px;height:44px;background:#3b2a4c;border-radius:50%;padding:10px;margin-bottom:15px}.reader-end h2{font-size:2rem;margin:15px 0}.reader-end p{color:#b4a0c0;margin:20px 0;line-height:1.8}.reader-end .fine-print{font-size:.8rem;margin:15px 0 9px}.reader:fullscreen{width:100%;max-width:none;background:#121319;padding:20px;overflow:auto}.reader:fullscreen .reader-stage{min-height:0}.reader:fullscreen .comic-page{max-height:75vh}.reader:fullscreen .reader-hints,.reader:fullscreen .next-episode-preview{display:none}.locked-episode{display:grid;grid-template-columns:300px minmax(0,650px);align-items:center;justify-content:center;gap:70px;padding:60px 0;min-height:70vh}.lock-art>img{width:100%;aspect-ratio:2/3;border-radius:16px}.lock-symbol{color:#c28fea;margin:20px 0}.lock-symbol .icon{width:35px;height:35px}.locked-copy h1{font-size:2.7rem}.locked-copy p{color:#b09cc0;margin:20px 0;line-height:1.8}.locked-copy .text-button{display:block;margin-top:18px}.locked-copy .fine-print{font-size:.8rem}
.admin{padding:35px 0 60px;min-height:75vh}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-top h1{font-size:2.2rem;margin-top:7px}.sandbox-badge{display:flex;align-items:center;gap:8px;color:#c7a3e5;background:#30233f;border:1px solid #523766;padding:9px 12px;border-radius:7px;font-size:.82rem}.admin-notice{background:#262131;border:1px solid #41314c;color:#b4a0c6;border-radius:9px;padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:.83rem;margin:25px 0}.admin-notice>.icon{width:18px;height:18px}.admin-notice strong{color:#d1b5ea}.admin-tabs{display:flex;gap:25px;border-bottom:1px solid #3b2b45;margin-bottom:25px}.admin-tabs button{display:flex;align-items:center;gap:9px;color:#ab91be;padding:12px 3px 15px;font-size:.9rem;border-bottom:2px solid transparent}.admin-tabs button[aria-selected=true]{border-color:#b784ef;color:#d6b6f4}.admin-tabs .icon{width:17px;height:17px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.admin-stats>div{padding:22px;background:#211c29;border:1px solid #3c2d47;border-radius:10px;display:flex;flex-direction:column;gap:12px}.admin-stats span{color:#b69fc7;font-size:.85rem}.admin-stats strong{font-family:'Space Grotesk';font-size:2rem;color:#e2c9f9}.admin-buttons{display:flex;gap:10px}.admin-buttons .button{padding:9px 15px;font-size:.82rem}.admin-filters{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.admin-filters label{display:flex;align-items:center;gap:12px;color:#bfa1d3;font-size:.85rem}.table-wrap{border:1px solid #3e2d46;border-radius:10px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem;min-width:710px}.admin-table th{text-align:left;color:#a78cb9;background:#201927;font-weight:500;padding:14px 20px;font-size:.77rem}.admin-table td{border-top:1px solid #34263e;padding:15px 20px;color:#baa4cb}.admin-table td strong{color:#ecddf8;display:block;font-weight:500}.admin-table td small{color:#97809f;display:block;margin-top:5px;font-size:.73rem}.table-actions{white-space:nowrap}.table-actions .text-button{font-size:.78rem;margin-left:8px}.status{padding:4px 8px;border-radius:5px;font-size:.7rem}.status.published{background:#1e382e;color:#8dcbb3}.status.draft{background:#4b3520;color:#e3bd8c}.admin-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.admin-series-card{display:flex;gap:20px;padding:20px;background:#211a29;border:1px solid #422e4b;border-radius:10px;align-items:center}.admin-series-card>img{width:100px;aspect-ratio:2/3;border-radius:6px;flex-shrink:0}.admin-series-card h3{font-size:1.15rem;margin:6px 0}.admin-series-card p{font-size:.75rem;color:#a187b5}.admin-series-card .button{font-size:.75rem;padding:6px 10px;min-height:34px;margin-top:15px}.admin-series-card .text-button{display:block;font-size:.72rem;margin-top:10px}
dialog{width:min(560px,calc(100% - 32px));padding:32px;border:1px solid #58406b;border-radius:16px;background:#211b2b;color:var(--text);max-height:90dvh;overflow-y:auto;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#07060ebd;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:13px;top:13px;color:#ae94c0}.modal-mark{width:45px;height:45px;background:#402955;color:#d0a6fc;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}dialog h2{font-size:1.8rem;margin:9px 0 15px}dialog>.muted{font-size:.95rem;color:#b8a1ca;line-height:1.7}.tiers{display:flex;flex-direction:column;gap:12px;margin:25px 0 18px}.tier-card{text-align:left;padding:18px 20px;border:1px solid #5a3f6b;background:#2b2137;border-radius:10px}.tier-card:hover,.tier-card.selected{border-color:#b984ec;background:#3c2a4a}.tier-card>span{display:flex;align-items:center;gap:9px;color:#e3c4fc}.tier-card strong{font-size:1.05rem}.tier-card small{display:block;color:#bca2cc;font-size:.85rem;margin:7px 0}.tier-card b{font-size:.75rem;color:#ad81d6;font-weight:500}.demo-explanation{display:flex;flex-direction:column;gap:16px;font-size:.92rem;color:#bba5c9}.demo-explanation strong{color:#e2c5f7}form{display:flex;flex-direction:column;gap:18px;margin-top:24px}label{display:flex;flex-direction:column;gap:7px;font-size:.86rem;color:#c7b0d9}input:not([type=checkbox]),select,textarea{background:#17131e;color:#ecdef6;border:1px solid #513764;border-radius:7px;padding:10px 12px;min-width:0;width:100%}input::placeholder,textarea::placeholder{color:#806b91}input[type=file]{font-size:.8rem}input[type=file]::file-selector-button{border:1px solid #664378;color:#e9d9f7;background:#34263f;padding:8px 12px;border-radius:5px;margin-right:10px}select{cursor:pointer}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid #483050;padding-top:20px;margin-top:5px}.form-actions>.fine-print{margin-right:auto}.form-error{color:#ff9bb0;font-size:.88rem;background:#492131;border:1px solid #743344;padding:12px;border-radius:7px}.wide-dialog{width:min(700px,calc(100% - 32px))}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:.86rem}.checkbox-label input{accent-color:#ae77e8;width:18px;height:18px}.upload-drop{position:relative;align-items:center;gap:8px;border:1px dashed #795391;background:#2e203d;border-radius:10px;padding:26px;text-align:center;cursor:pointer}.upload-drop>.icon{width:30px;height:30px;color:#c091ee;margin-bottom:2px}.upload-drop>strong{font-size:1rem;color:#ead6fa}.upload-drop>span:not(.button),.upload-drop>small{font-size:.8rem;color:#b093c5}.upload-drop>.button{min-height:35px;font-size:.8rem;padding:6px 14px;margin:3px 0}.upload-drop input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.upload-drop.drag-over{border-color:#dfabff;background:#483258}.image-order{display:flex;flex-direction:column;gap:8px}.image-row{display:flex;gap:12px;align-items:center;background:#19141f;border:1px solid #493152;border-radius:7px;padding:8px 10px}.image-row>img{width:38px;height:50px;border-radius:3px}.drag-handle{color:#826694;cursor:grab}.image-name{flex:1;min-width:0}.image-name strong{display:block;font-size:.8rem;font-weight:500}.image-name small{display:block;font-size:.68rem;color:#9f7faf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-row .icon-button{width:30px;height:30px}.image-row .icon{width:16px;height:16px}.image-row.dragging{opacity:.4}.image-row.drop-target{border-color:#d197ff;background:#3b2850}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 32px);background:#433051;color:#f2defe;border:1px solid #8f62a9;padding:12px 20px;border-radius:9px;z-index:99;box-shadow:0 8px 50px #0006;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:.88rem;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.hero{height:380px}.hero-content{padding-top:46px}.nav-inner{gap:45px}.cover-link{aspect-ratio:1.65}}
@media(max-width:1200px){.container{width:calc(100% - 48px)}.nav-inner{width:calc(100% - 40px);gap:24px}nav{gap:18px}.admin-link{margin-left:-14px}.nav-search{max-width:250px}.library-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.ranking-panel{padding:20px 14px}.rank-row{gap:9px}.rank-row>img{width:40px;height:54px}.cover-title{font-size:1.2rem}.series-grid{gap:14px}.series-cover-name{font-size:1.25rem;left:12px;bottom:14px}.hero h1{font-size:3rem}.admin-series-grid{grid-template-columns:repeat(2,1fr)}.episodes-grid{gap:22px 14px}.episode-meta{font-size:.65rem;gap:4px}.footer-inner>span{display:none}.nav-search kbd{display:none}}
@media(max-width:980px){.nav-inner{flex-wrap:wrap;gap:20px 28px;padding:16px 0;min-height:0}.brand{font-size:1.4rem}.nav-search{max-width:none;order:5;flex-basis:100%;margin:0}nav{margin-left:auto}nav a{padding:6px 0}nav a.active:after{bottom:0}.patreon-button{padding:8px 12px}.admin-link{margin:0}.library-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.episodes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-episodes{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:2.65rem}.hero{height:335px}.hero-content{padding:32px}.hero-counter{left:32px}.hero-gradient{background:linear-gradient(90deg,#1a1028fa 0%,#1b1128dc 28%,#1b112820 80%)}.series-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}.series-cover-name{font-size:1.9rem}.footer-inner{flex-wrap:wrap;gap:18px}.footer-inner>div{gap:20px}.admin-top h1{font-size:1.9rem}.sandbox-badge{font-size:.75rem}.series-intro{grid-template-columns:200px 1fr;gap:30px}.detail-cover{width:200px}.locked-episode{grid-template-columns:220px 1fr;gap:35px}.locked-copy h1{font-size:2.3rem}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.nav-inner{width:calc(100% - 36px);gap:15px;justify-content:space-between}.brand{font-size:1.35rem}.brand>.icon{width:25px;height:25px}.patreon-button{margin-left:auto;font-size:.72rem;padding:8px 10px}.patreon-mark{width:18px;height:18px;flex-basis:18px}.admin-link{width:30px;height:30px}nav{order:4;margin:0;gap:25px;flex-basis:100%;justify-content:flex-start}.nav-search{order:4;flex-basis:auto;flex:1;min-width:160px}nav{flex-basis:auto}nav a{font-size:.8rem;padding:8px 0}.nav-search{padding:8px 10px}.nav-search input{font-size:.75rem}.home{padding-top:20px}.hero{height:320px}.hero-content{padding:30px 25px}.hero h1{font-size:2.6rem}.hero p{font-size:.85rem}.hero-eyebrow{font-size:.57rem}.hero-gradient{background:linear-gradient(90deg,#1a1028f5 0%,#1b1128d2 40%,#1b112833 100%)}.hero-counter{left:25px;bottom:14px}.hero-actions .button{font-size:.74rem;padding:10px 13px}.library-layout{grid-template-columns:minmax(0,1fr);margin-top:28px}.right-sidebar{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:12px}.support-card{margin-top:0;align-self:start;padding:20px}.ranking-panel .section-heading{flex-wrap:wrap}.ranking-panel h2{font-size:1rem}.ranking-tabs button{font-size:.6rem}.rank-row{gap:8px}.rank-row>img{width:33px;height:45px}.rank-num{font-size:1rem;width:20px}.rank-info b{font-size:.72rem}.rank-info small,.rank-info>span{font-size:.6rem}.episodes-grid{gap:24px 16px}.cover-title{font-size:1.7rem}.cover-link{aspect-ratio:1.4}.episode-title{font-size:1rem}.genre-label{font-size:.72rem}.episode-meta{font-size:.74rem;gap:6px}.card-stats{font-size:.73rem}.series-section{margin-top:25px;padding-top:25px}.series-grid{gap:25px 15px}.series-cover-name{font-size:1.45rem}.section-heading h2{font-size:1.35rem}.footer-inner>div{margin:0;width:100%;flex-wrap:wrap;gap:20px;justify-content:space-between}.catalog{padding-top:30px}.catalog>h1{font-size:2.3rem}.catalog-tools{align-items:flex-start;flex-direction:column;gap:16px}.catalog-episodes{grid-template-columns:repeat(2,minmax(0,1fr))}.series-intro{grid-template-columns:150px 1fr;gap:24px;padding:10px 0 30px}.detail-cover{width:150px}.series-intro h1{font-size:2rem}.description{font-size:.9rem;line-height:1.6}.creator{margin-bottom:12px}.detail-stats{flex-wrap:wrap;gap:12px;margin:15px 0;font-size:.75rem}.series-intro .button{font-size:.74rem;padding:9px 12px}.episode-list-row{padding:16px 18px;gap:15px}.episode-list-row h3{font-size:.95rem}.reader-titlebar h1{font-size:1.35rem}.reader-stage{padding:12px 45px;min-height:370px}.reader-arrow{width:30px;height:48px}.reader-arrow.prev{left:6px}.reader-arrow.next{right:6px}.reader-controls{gap:15px}.reader-controls .button{padding:9px 12px;font-size:.78rem}.reader-hints{gap:14px;font-size:.65rem}.comic-page{max-height:65vh}.reader-end{padding:25px 8px}.reader-end h2{font-size:1.6rem}.locked-episode{padding:40px 0;grid-template-columns:170px 1fr;gap:25px}.locked-copy h1{font-size:1.85rem}.locked-copy p{font-size:.9rem;margin:15px 0}.locked-copy .button{font-size:.8rem;padding:10px 14px}.admin-top{align-items:flex-start;flex-direction:column;gap:15px}.admin-top h1{font-size:1.8rem}.admin-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.admin-stats>div{padding:16px}.admin-notice{align-items:flex-start;font-size:.8rem;padding:14px}.admin-tabs{gap:22px}.admin-tabs button{font-size:.85rem}.admin .section-heading{align-items:flex-start;flex-direction:column}.admin-filters{align-items:flex-start;flex-direction:column;gap:12px}.admin-series-grid{grid-template-columns:1fr}.admin-series-card{padding:18px}.admin-series-card>img{width:105px}.admin-series-card h3{font-size:1.15rem}.admin-series-card p{font-size:.82rem}dialog{padding:26px 22px}.form-row{gap:12px}.tiers{margin-top:20px}}
@media(max-width:480px){.container{width:calc(100% - 28px)}.nav-inner{width:calc(100% - 28px);gap:12px}.brand{font-size:1.22rem;gap:7px}.brand>.icon{width:22px;height:22px}.patreon-button{font-size:.68rem;gap:7px;padding:8px}.nav-search{order:5;flex-basis:100%;min-width:0}nav{flex-basis:100%;justify-content:space-between;gap:15px;padding:0 2px}.hero{height:320px}.hero-content{padding:30px 22px}.hero h1{font-size:2.35rem}.hero-image{object-position:67% 50%}.hero-gradient{background:linear-gradient(90deg,#1a1028ed 0%,#1b1128b3 55%,#1b11283d 100%)}.hero-counter{left:22px}.hero p{font-size:.82rem}.hero-actions{gap:8px;margin-top:20px}.section-heading{gap:12px}.section-link{font-size:.7rem}.section-heading h2{font-size:1.25rem}.genre-tabs{gap:5px}.genre-tabs button{font-size:.72rem;padding:6px 10px}.episodes-grid{gap:22px 12px}.cover-link{aspect-ratio:1.15}.cover-title{font-size:1.25rem;left:10px;bottom:12px}.cover-link .access-badge{left:7px;top:7px;padding:4px;font-size:.57rem}.episode-title{font-size:.88rem}.episode-meta{font-size:.65rem;gap:4px}.card-stats{font-size:.67rem;margin-top:8px}.genre-label{font-size:.65rem}.right-sidebar{grid-template-columns:minmax(0,1fr)}.ranking-panel{padding:20px}.ranking-panel .section-heading{flex-wrap:nowrap}.ranking-panel h2{font-size:1.15rem}.ranking-tabs button{font-size:.75rem}.rank-row{gap:15px}.rank-num{font-size:1.4rem;width:30px}.rank-row>img{width:45px;height:61px}.rank-info b{font-size:.88rem}.rank-info small,.rank-info>span{font-size:.72rem}.ranking-note{font-size:.67rem}.support-card{padding:22px}.support-card p{font-size:.85rem}.support-card .button{font-size:.85rem}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.series-cover-name{font-size:1.5rem}.series-card h3{font-size:.83rem}.series-card p{font-size:.72rem}.catalog>h1{font-size:2rem}.series-intro{grid-template-columns:1fr}.detail-cover{width:180px}.series-intro h1{font-size:2.2rem}.episode-number{font-size:1.25rem}.episode-list-row{padding:15px 12px;gap:10px}.episode-list-row .access-badge{font-size:.6rem;padding:4px}.episode-list-row>.icon{display:none}.episode-list-row h3{font-size:.85rem}.episode-list-row p{font-size:.65rem}.reader{padding-top:20px}.reader-titlebar{gap:10px}.reader-titlebar h1{font-size:1.15rem}.reader-titlebar .breadcrumb{font-size:.66rem}.reader-actions{gap:2px}.like-button{padding:8px;gap:6px;font-size:.73rem;min-height:35px}.reader-actions>.icon-button{width:30px}.reader-stage{padding:8px 0;min-height:330px;border-radius:8px}.reader-arrow{top:auto;bottom:14px;transform:none;z-index:3;background:#211a2ee3}.reader-arrow.prev{left:9px}.reader-arrow.next{right:9px}.comic-page{max-height:none;width:100%;height:auto;max-width:100%}.reader-controls{gap:10px}.reader-controls .button{padding:9px;gap:5px;font-size:.72rem}.reader-controls .icon{width:16px;height:16px}.page-progress>span{font-size:.73rem}.reader-hints>span:last-child{font-size:.65rem;width:100%;justify-content:center}.reader-end{padding:45px 24px}.reader-end h2{font-size:1.65rem}.next-episode-preview h3{font-size:1.05rem}.locked-episode{grid-template-columns:1fr;gap:25px}.lock-art>img{max-width:180px}.locked-copy h1{font-size:2rem}.lock-symbol{margin:12px 0}.admin-buttons{gap:8px;width:100%}.admin-buttons .button{flex:1;padding:10px 9px;font-size:.75rem}.form-row{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.form-actions>.fine-print{width:100%;margin-right:0}.image-row{gap:8px;padding:8px}.image-row .icon-button{width:27px}.upload-drop{padding:22px 15px}.admin-tabs{gap:18px}.admin-tabs button{font-size:.77rem;gap:7px}.footer-inner>div{gap:15px}.footer-inner .text-button,.footer-inner>div>a{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Readability floors for dense metadata and controls. */
.eyebrow,.mini-label,.hero-eyebrow,.hero-counter,.genre-label,.access-badge,.cover-link .access-badge,.episode-meta,.card-stats,.rank-info small,.rank-info>span,.ranking-note,.support-card>.fine-print,.series-section .eyebrow,.series-card p,.footer-inner>span,.footer-inner .text-button,.footer-inner>div>a,.preview-label,.image-name small,.reader-hints,.episode-list-row p{font-size:max(.75rem,12px)}
nav a,.nav-search input,.patreon-button,.section-link,.genre-tabs button,.ranking-tabs button,.support-card p,.support-card .button,.episode-title,.series-card h3,.rank-info b,.admin-tabs button,.admin-buttons .button,.sort-label,.checkbox-label,label,.text-button{font-size:max(.875rem,14px)}

.nav-search input[type=search]{background:transparent;border:0;padding:0;border-radius:0;outline:none;color:var(--text);font-size:.875rem}.hero-image{object-position:center 30%}@media(max-width:480px){.hero-image{object-position:67% 50%}}

/* Keep navigation and reading controls usable when text is enlarged. */
.nav-inner{flex-wrap:wrap}.ranking-tabs{flex-wrap:wrap}.ranking-tabs button{flex:1 1 auto}.hero{height:auto;min-height:350px}.hero-content{min-height:350px;padding-bottom:44px}.hero-actions{flex-wrap:wrap}.support-card .button{white-space:normal}.section-heading{flex-wrap:wrap}@media(min-width:1550px){.hero,.hero-content{min-height:380px}}@media(max-width:980px){.hero,.hero-content{min-height:335px}}@media(max-width:760px){.hero,.hero-content{min-height:320px}}

/* Single-creator navigation and portrait reading. */
.nav-inner{gap:24px;flex-wrap:wrap;padding:16px 0;min-height:88px}
nav{margin:0;gap:25px}nav a{padding:12px 0}nav a.active:after{bottom:3px}
.nav-search{order:0;flex:1 1 250px;min-width:220px;max-width:340px;margin-left:auto;padding:12px 15px;border-radius:12px;background:linear-gradient(135deg,#242330,#1e1e28);box-shadow:inset 0 1px 0 #ffffff06}
.nav-search:focus-within{border-color:#ae83ee;box-shadow:0 0 0 3px #a176e51a}
.search-field-label{font-size:.875rem;color:#c4b9d8;padding-right:10px;border-right:1px solid #484051}
.account-area{display:flex;align-items:center;gap:12px;min-width:0}.account-copy{display:flex;flex-direction:column;text-align:left;min-width:0;white-space:normal;max-width:250px}.account-copy strong{font-size:.875rem;overflow-wrap:anywhere}.account-copy small{color:#bcadc9;font-size:.75rem;font-weight:400}.demo-tag{color:#ccaff4;border:1px solid #67527e;border-radius:4px;font-size:.7rem;padding:1px 5px}.account-logout{color:#cdb7ec;font-size:.875rem;padding:8px 0}.admin-link{margin:0}.demo-name-label{display:block;margin-top:20px}
.cover-link{aspect-ratio:2/3;background:#17141e}.cover-link>img{width:100%;height:100%;object-fit:contain}.series-cover{aspect-ratio:2/3}.series-cover>img{object-fit:contain}.cover-title{font-size:clamp(1.2rem,2.2vw,1.9rem)}
.reader-titlebar{flex-wrap:wrap}.reader-actions{flex-wrap:wrap;gap:12px}
.reader-stage{overflow:auto;max-width:100%;padding:14px 50px;position:relative;min-height:0}#page-content{width:100%;min-width:0;display:flex;justify-content:center;align-items:flex-start}
.comic-page{object-fit:contain;width:auto;height:auto;max-width:100%;max-height:75dvh}




.reader:fullscreen{overflow:auto;background:var(--bg);padding:18px;width:100%}

.image-row>img{object-fit:contain}.image-dimensions{color:#c4b0dd!important}
@media(max-width:1100px){.nav-inner{gap:16px}nav{gap:20px}.nav-search{max-width:340px;flex-basis:240px}.account-area{margin-left:auto}.patreon-button{white-space:normal}}
@media(max-width:760px){.nav-inner{gap:14px;align-items:center}nav{order:0;flex:1 1 auto;justify-content:space-between;gap:18px}.nav-search{order:2;flex:1 1 100%;margin:0;min-width:0;max-width:none}.account-area{order:1}.reader-actions{gap:8px}.reader-stage{padding:8px 38px}.cover-link{aspect-ratio:2/3}}
@media(max-width:480px){.nav-inner{gap:12px}nav{flex:1 1 100%;order:0;gap:12px;padding:0}nav a{font-size:.875rem}.account-area{order:2;margin:0;width:100%;justify-content:space-between}.nav-search{order:1}.patreon-button{padding:8px 12px}.account-copy{max-width:none}.reader-actions{width:100%;justify-content:space-between}.reader-stage{padding:8px 0}.comic-page{width:auto;max-height:75dvh;max-width:100%}.reader-hints{flex-wrap:wrap}}

.nav-search{flex-direction:row}.account-display{display:flex;align-items:center;gap:12px;min-width:0}.demo-pill{border:1px solid #67527e;border-radius:4px;color:#ccaff4;font-size:.7rem;padding:1px 5px;font-weight:400}
@media(max-width:760px){.account-display{margin-left:auto}.nav-search{order:2}}
@media(max-width:480px){.account-display{order:2;width:100%;margin:0;justify-content:space-between}.nav-search{order:1}.account-display .patreon-button{margin:0}}

/* Compact demo account menu. Session authority stays in the separate backend. */
.account-menu,.owner-session-menu{position:relative;flex:0 1 auto;margin-left:0;min-width:0}
.account-indicator{display:flex;align-items:center;gap:9px;padding:6px 8px;min-height:44px;border:1px solid transparent;border-radius:9px;cursor:pointer;list-style:none;color:var(--text);font-size:.875rem}
.account-indicator::-webkit-details-marker{display:none}.account-indicator:hover,.account-menu[open] .account-indicator,.owner-session-menu[open] .account-indicator{background:#25232f;border-color:#3c3548}
.account-indicator:focus-visible{outline:2px solid #c6a5ff;outline-offset:3px}
.account-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#352741;color:#d8bcff;font-size:.875rem;font-weight:650;flex-shrink:0}
.account-indicator .account-copy{max-width:160px;display:flex;flex-direction:column;min-width:0;line-height:1.35;text-align:left}
.account-indicator .account-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:.875rem}
.account-indicator .account-copy small{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#b6abc5;min-width:0}
.account-tier{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-chevron{width:7px;height:7px;border-right:1.5px solid #ac9aba;border-bottom:1.5px solid #ac9aba;transform:rotate(45deg);margin:0 3px 4px 2px;flex-shrink:0}
details[open]>.account-indicator .account-chevron{transform:rotate(225deg);margin-top:4px}
.account-dropdown{position:absolute;right:0;top:calc(100% + 9px);width:260px;max-width:calc(100vw - 28px);background:#20202a;border:1px solid #413747;border-radius:12px;box-shadow:0 16px 45px #0008;padding:8px;z-index:50}
.account-menu-note{color:#b6acbf;font-size:.75rem;line-height:1.45;padding:8px 10px 11px;border-bottom:1px solid #39313f;margin-bottom:4px}
.account-menu-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border-radius:6px;padding:11px 10px;min-height:44px;font-size:.875rem;text-align:left;color:#e5dcee;background:none}
.account-menu-item:hover{background:#332a3e}.logout-item{color:#d5b5f5;border-top:1px solid #39313f;margin-top:4px;border-radius:0 0 6px 6px}
#main>section:last-child,#main>.home{padding-bottom:28px}
@media(max-width:760px){.account-menu,.owner-session-menu{margin-left:auto;order:1}.nav-inner>.patreon-button{order:1}.nav-inner>.admin-link{order:1}.account-indicator .account-copy{max-width:150px}}
@media(max-width:480px){.account-menu,.owner-session-menu{order:2;margin-left:auto}.nav-inner>.patreon-button{order:2;margin-left:auto}.nav-inner>.admin-link{order:2}.account-indicator{padding:5px 7px}.account-indicator .account-copy{max-width:180px}}

.home .series-section{padding-bottom:0}

.wp-preview-note{display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 20px;background:#211c30;color:#c6b5ee;font-size:11px;letter-spacing:.025em;border-bottom:1px solid #352c47}.wp-preview-note>span{width:6px;height:6px;border-radius:50%;background:#a78bfa}.wp-preview-note b{font-weight:400;color:#91869f;margin-left:10px}.owner-wp-card{max-width:720px;border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:32px;margin-top:32px}.owner-wp-card h2{margin:16px 0}.owner-wp-card p{color:var(--muted);line-height:1.7;margin-bottom:24px}.wp-document{max-width:880px;margin:64px auto;padding:0 24px}.wp-document h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,5vw,3.5rem);margin-bottom:24px}.wp-document p{margin-bottom:18px;line-height:1.8}.wp-document img{height:auto;max-width:100%}.wp-document a{color:var(--accent)}body.admin-bar #header{top:32px}.ranking-note{line-height:1.6}@media(max-width:600px){.wp-preview-note{font-size:10px;flex-wrap:wrap;gap:4px 7px;padding:7px 12px}.wp-preview-note b{margin-left:0}.owner-wp-card{padding:24px}body.admin-bar #header{top:46px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Owner library workspace */
.owner-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 36px}.owner-summary>div{display:flex;flex-direction:column;gap:6px;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.owner-summary strong{font-size:30px}.owner-summary span,.owner-row p,.owner-empty{color:var(--muted);font-size:13px;line-height:1.7}.owner-section{margin:32px 0}.owner-list{border:1px solid var(--border);border-radius:12px;background:var(--panel);margin:18px 0 12px;overflow:hidden}.owner-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid var(--border)}.owner-row:last-child{border-bottom:0}.owner-row>div{min-width:0}.owner-row h3,.owner-row p{overflow-wrap:anywhere}.owner-row h3{margin-bottom:6px}.owner-row>.button{flex-shrink:0}.owner-empty{padding:24px}.owner-workspace>.muted{max-width:700px;line-height:1.8}@media(max-width:600px){.owner-summary{gap:8px}.owner-summary>div{padding:14px}.owner-summary strong{font-size:24px}.owner-summary span{font-size:11px}.owner-row{align-items:flex-start;padding:16px;gap:12px}.owner-section .section-heading{align-items:center;gap:12px}.owner-section .section-heading h2{font-size:20px}}

/* Patreon offers for locked episodes */
.membership-plans{display:grid;gap:12px;margin:24px 0}.membership-plan{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #59456e;border-radius:10px;background:#30253e;overflow-wrap:anywhere}.membership-plan:hover{background:#3c2d4f;border-color:#b487ef}.membership-plan strong{font-size:15px}.membership-plan span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c4b7d6;font-size:13px}.membership-plan .icon{width:17px;height:17px}.owner-banner-settings{max-width:none;margin-top:24px;margin-bottom:28px}.hero h1{overflow-wrap:anywhere}.hero-content>p{overflow-wrap:anywhere}@media(max-width:600px){.membership-plan{padding:15px}}

/* Editable banner content stays separate from the featured story. */
.hero-content{min-width:0}@media(max-width:760px){.hero-content{padding-bottom:28px}}

/* Visitor age preference and mature cover presentation. */
html:not([data-pv-age=accepted]):not([data-pv-age=bypass]) img[data-pv-adult="1"]{filter:blur(var(--pv-cover-blur,6px))}
html:not([data-pv-admin="1"]) img{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}
.age-notice{display:flex;align-items:center;justify-content:center;gap:12px 24px;padding:12px 24px;border-top:1px solid #37303f;background:#211a2b;color:#c6b7d9;font-size:13px;line-height:1.5;flex-wrap:wrap}
.age-notice>span{display:flex;align-items:center;gap:9px}.age-notice b{color:#e0bfff;border:1px solid #74508d;border-radius:5px;padding:2px 6px;font-size:12px}.age-notice>div{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.age-notice .text-button{color:#dcc1ff;font-size:13px;min-height:32px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.age-notice-set{padding:6px 20px;background:#19161f;font-size:12px}.age-notice-set .text-button{font-size:12px}
.age-dialog-actions{display:grid;gap:12px;margin-top:26px}.age-dialog-actions .button{white-space:normal;text-align:center}.age-reader-blocked{min-height:65vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.age-reader-blocked h1{margin:0}.age-reader-blocked .muted{line-height:1.7}.age-reader-blocked .hero-actions{margin-top:6px}
.age-countdown{height:5px;width:100%;margin-top:24px;border-radius:999px;background:#483451;overflow:hidden}.age-countdown>span{display:block;height:100%;width:100%;background:#b78af1;transform-origin:left;animation:age-reminder-fill 10s linear forwards}@keyframes age-reminder-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.membership-plan-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px}.membership-plan .membership-plan-title strong{font-size:17px;font-weight:800;line-height:1.4}.membership-plan .membership-access{display:inline;font-size:13px;font-weight:400;line-height:1.4;color:#bba9cc}
.membership-plan{position:relative;padding-right:48px}
.membership-plan>span>.icon{position:absolute;right:18px;top:50%;transform:translateY(-50%)}
@media(max-width:480px){.age-notice{padding:10px 14px;gap:4px 12px}.age-notice-set{padding:4px 14px}.age-notice>div{gap:12px}.age-notice .text-button{font-size:12px}.age-reader-blocked h1{font-size:2rem}}

dialog[open]{margin:auto;inset:0}


.cover-placeholder{background:linear-gradient(135deg,#2c203b,#17111f);color:#bcb0cd;object-fit:cover}

/* One responsive, uncropped reading surface. Navigation and feedback stay below the artwork. */
.reader-stage{padding:8px;overflow:auto;min-height:0;height:calc(var(--reader-height,65dvh) + 18px);touch-action:pan-y pinch-zoom}
#page-content{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;isolation:isolate}
#page-content>.comic-page,#page-content>.reader-outgoing{grid-area:1/1;width:auto;height:auto;max-width:100%;max-height:var(--reader-height,65dvh);object-fit:contain;user-select:none;-webkit-user-drag:none;cursor:grab}
#page-content>.reader-outgoing{pointer-events:none}
.reader-stage.is-dragging .comic-page{cursor:grabbing}
.reader-controls{margin-top:14px;min-height:44px}
/* Keep asynchronous image feedback in the existing progress gap, outside artwork and flow. */
.page-progress{position:relative}
.reader-load-status{position:absolute;left:0;right:0;bottom:4px;min-height:0;margin:0;text-align:center;color:var(--muted);font-size:10px;line-height:10px;white-space:nowrap;opacity:.8}
.reader-load-status button{padding:0;min-width:44px;min-height:44px;font:inherit;line-height:inherit;color:#dac0ff;text-decoration:underline}
/* On failure, use the page-label area for an accessible Retry target without resizing navigation. */
.page-progress:has(.reader-load-status button)>#page-number,.page-progress:has(.reader-load-status button)>.progress-track{visibility:hidden}
.reader-load-status:has(button){inset:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;line-height:16px;white-space:normal}
.reader-status-space{height:24px;margin-top:4px}
.reader-hints{margin-top:8px}
.reader:fullscreen{overflow:auto;background:var(--bg);padding:12px;width:100%}
#page-content>.reader-end{grid-area:1/1;max-width:100%;align-self:start}
@media(max-width:480px){.reader-stage{padding:8px 0}.reader-titlebar .reader-actions{width:auto;margin-left:auto}.reader-controls .button{min-height:44px}}

/* Homepage carousel: stable shared height, opacity-only transitions. */
.hero-carousel{position:relative;display:grid;isolation:isolate;border-radius:14px;overflow:hidden}.hero-carousel>.hero-slide{grid-area:1/1;min-width:0;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s}.hero-carousel>.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.hero-progress{position:absolute;z-index:3;bottom:0;left:0;right:0;height:3px;background:#cbb5ed20;pointer-events:none}.hero-progress span{display:block;height:100%;background:#bc8af5b3;transform-origin:left;transform:scaleX(0)}@media(prefers-reduced-motion:reduce){.hero-carousel>.hero-slide{transition:none}}

/* Featured story details stay with the banner copy on every screen. */
.hero .hero-meta{margin:12px 0 0;font-size:.8rem;line-height:1.5;color:#c4b5d2}.hero-meta+.hero-actions{margin-top:18px}

/* Owner library: small covers and accessible series episode groups. */
.owner-row-copy{flex:1}.owner-cover{width:54px;height:72px;flex:0 0 54px;object-fit:cover;object-position:center 25%;border-radius:6px;background:#211829}
.owner-ungrouped>h3{font-size:14px;color:var(--muted);margin:20px 0 0}.owner-episode-group{border:1px solid var(--border);border-radius:12px;background:var(--panel);margin:12px 0;overflow:hidden}.owner-episode-group>summary{display:flex;align-items:center;gap:16px;padding:20px;cursor:pointer;list-style:none}.owner-episode-group>summary::-webkit-details-marker{display:none}.owner-episode-group>summary:focus-visible{outline:2px solid #c8a5fa;outline-offset:-4px}.owner-group-title{display:block;overflow-wrap:anywhere}.owner-group-count{display:block;margin-top:6px;color:var(--muted);font-size:13px}.owner-episode-group>summary>.icon{margin-left:auto;flex-shrink:0;color:#c9aceb;transition:transform .15s ease}.owner-episode-group[open]>summary{border-bottom:1px solid var(--border)}.owner-episode-group[open]>summary>.icon{transform:rotate(180deg)}
@media(max-width:600px){.owner-cover{width:44px;height:60px;flex-basis:44px}.owner-row>.button{padding:10px 12px}.owner-episode-group>summary{padding:16px}}
@media(prefers-reduced-motion:reduce){.owner-episode-group>summary>.icon{transition:none}}

.owner-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex:0 0 auto}.button.danger{background:#392431;border:1px solid #78445e;color:#ffc6d8}.button.danger:hover{background:#4b293b}.delete-item-title{overflow-wrap:anywhere;font-weight:700}.delete-impact{padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:#30243e}.owner-row-actions .button{min-height:44px}.owner-workspace .owner-row-actions{max-width:190px}@media(max-width:600px){.owner-row-actions{flex-direction:column;align-items:stretch;max-width:88px}.owner-row-actions .button{padding:10px 12px}}

.owner-delete-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:20px}.delete-item-title{margin-top:18px;margin-bottom:8px}.delete-impact{margin:16px 0}

/* Slightly larger episode numbers on Home and All Comics. */
.episode-title.episode-label{font-size:1rem}

/* Larger access labels on desktop episode cards; compact sizes stay on mobile. */
@media(min-width:981px){
 .episode-card .access-badge{font-size:.875rem;padding:5px 8px;gap:5px}
 .episode-card .access-badge .icon{width:13px;height:13px}
}

/* On desktop, keep the whole page visible and the frame close to its aspect ratio. */
.reader-desktop-fit .reader-stage{width:min(100%,var(--reader-width));margin-inline:auto;overflow:hidden}
/* Reserve the same layout height across page ratios, keeping navigation and scroll stable. */
.reader-desktop-fit .reader-controls{margin-top:calc(14px + var(--reader-slot-height) - var(--reader-height))}

/* Desktop fullscreen uses a stable host across authorized episode changes. */
.reader-fullscreen-host:fullscreen{width:100%;height:100%;margin:0;padding:0;background:var(--bg);overflow:auto}
#main>.reader.reader-desktop-fullscreen{position:relative;width:100%;max-width:none;min-height:100%;padding:8px 12px}
.reader-desktop-fullscreen .reader-titlebar{position:absolute;top:8px;right:12px;margin:0;z-index:3}
.reader-desktop-fullscreen .reader-titlebar>div:first-child{display:none}
.reader-desktop-fullscreen .reader-hints,.reader-desktop-fullscreen .next-episode-preview,.reader-desktop-fullscreen .reader-status-space,.reader-desktop-fullscreen .reader-load-status:empty{display:none}