:root{--bg:#080709;--panel:#111014;--panel2:#17131a;--text:#f4efe5;--muted:#9e98a4;--gold:#d7ae52;--gold2:#f1d48c;--purple:#7d3df2;--red:#9f233e;--line:rgba(255,255,255,.09);--radius:18px;--shadow:0 22px 70px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans Thai",sans-serif;line-height:1.55;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{color:inherit}button{cursor:pointer}.hidden{display:none!important}.ambient{position:fixed;z-index:-2;border-radius:50%;filter:blur(120px);opacity:.13}.ambient-one{width:520px;height:520px;background:#6e207f;right:-180px;top:32%}.ambient-two{width:420px;height:420px;background:#8e5d00;left:-180px;top:65%}
.site-header{height:78px;padding:0 clamp(22px,4vw,72px);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(#050506cc,transparent);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;text-decoration:none;gap:12px}.brand img{width:45px;height:45px;object-fit:cover;border-radius:50%;border:1px solid rgba(215,174,82,.5)}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand b{font-family:"Playfair Display",serif;letter-spacing:.12em;color:var(--gold2);font-size:17px}.brand small{font-size:7px;letter-spacing:.35em;color:#aaa}.desktop-nav{display:flex;gap:30px}.desktop-nav a{text-decoration:none;color:#b9b3bb;font-size:14px;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a.active:after{content:"";position:absolute;height:2px;background:var(--gold);bottom:-14px;left:25%;right:25%}.header-actions{display:flex;gap:10px;align-items:center}.icon-button,.ghost-button,.gold-button,.glass-button,.outline-button,.purple-button{border:0;border-radius:999px;padding:12px 22px;font-weight:600;transition:.25s ease}.icon-button{background:transparent;font-size:26px;padding:5px 9px}.ghost-button,.glass-button{background:rgba(255,255,255,.06);border:1px solid var(--line)}.gold-button{background:linear-gradient(135deg,#f4dc9d,#b88325);color:#171006;box-shadow:0 8px 30px rgba(215,174,82,.2)}.gold-button:hover,.purple-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.compact{padding:9px 18px}.profile-button{border:1px solid var(--gold);background:#251b2a;border-radius:50%;width:40px;height:40px;color:var(--gold2)}
.hero{height:min(850px,100vh);min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050507 0%,#070609ed 31%,rgba(7,6,9,.35) 62%,rgba(7,6,9,.18)),linear-gradient(0deg,#080709 0%,transparent 24%)}.hero-grain{position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:2;margin-left:clamp(25px,8vw,130px);margin-top:45px;max-width:620px}.eyebrow{color:var(--gold2);font-size:11px;letter-spacing:.26em;font-weight:700;display:flex;align-items:center}.eyebrow.red{color:#e96e85}.eyebrow.purple{color:#b798ff}.hero h1,.character-copy h2,.creator-copy h2{font-family:"Playfair Display","Noto Sans Thai",serif;font-size:clamp(52px,6vw,94px);line-height:.98;margin:20px 0}.hero h1{color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.38)}.hero h1 em,.character-copy h2 em{font-family:"Charmonman",cursive;font-weight:400;color:var(--gold2);font-style:normal}.hero h1 em{color:#d9c5ff}.hero p{font-size:18px;color:#eee9f0;margin:0 0 28px}.hero-actions{display:flex;gap:12px}.hero-actions button{padding:15px 25px}.play{width:25px;height:25px;display:inline-grid;place-items:center;border:1px solid #aaa;border-radius:50%;font-size:9px;margin-right:5px}.hero-proof{display:flex;gap:13px;color:#c8c1ca;margin-top:33px;font-size:12px}.hero-proof strong{color:#fff}.hero-pagination{position:absolute;right:4vw;bottom:8%;z-index:3;display:flex;gap:8px}.hero-pagination button{width:22px;height:2px;border:0;background:#666;padding:0}.hero-pagination button.active{width:48px;background:var(--gold)}
.quick-strip{width:min(1180px,92%);margin:-36px auto 80px;position:relative;z-index:4;background:rgba(18,15,20,.92);border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.quick-card{background:none;border:0;color:#fff;padding:25px 22px;display:flex;align-items:center;text-align:left;gap:14px;border-right:1px solid var(--line)}.quick-card:last-child{border:0}.quick-card:hover{background:rgba(215,174,82,.05)}.quick-card>i{margin-left:auto;color:var(--gold)}.quick-icon{font-size:22px;color:var(--gold);width:40px;height:40px;border:1px solid rgba(215,174,82,.3);display:grid;place-items:center;border-radius:50%}.quick-card span:nth-child(2){display:flex;flex-direction:column}.quick-card b{font-size:14px}.quick-card small{color:var(--muted);font-size:10px}
.content-section{padding:50px clamp(24px,6vw,90px) 95px;max-width:1500px;margin:auto}.content-section.tinted{max-width:none;background:linear-gradient(180deg,#100c12,#09080a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.content-section.tinted>*{max-width:1320px;margin-left:auto;margin-right:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2,.continue-copy h2,.membership h2{font-family:"Playfair Display","Noto Sans Thai",serif;font-size:clamp(28px,3vw,44px);margin:8px 0 0}.section-heading>a{color:var(--gold2);text-decoration:none;font-size:13px}.media-grid{display:grid;gap:18px}.five-col{grid-template-columns:repeat(5,1fr)}.media-card{min-width:0}.cover{aspect-ratio:3/4.2;border-radius:12px;overflow:hidden;position:relative;background:#222;box-shadow:0 15px 40px rgba(0,0,0,.35);transition:.3s}.cover:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 60%)}.media-card:hover .cover{transform:translateY(-7px)}.cover .cover-title{position:absolute;left:18px;right:18px;bottom:20px;font-family:"Playfair Display","Noto Sans Thai",serif;text-align:center;font-size:22px;line-height:1.2;text-shadow:0 3px 12px #000}.cover .rank{position:absolute;left:10px;top:-8px;font-family:"Playfair Display";font-size:66px;color:#fff;text-shadow:0 5px 10px #000}.cover .badge{position:absolute;right:8px;top:8px;background:#9b2743;padding:4px 7px;border-radius:5px;font-size:8px}.cover.c1{background:radial-gradient(circle at 50% 35%,#c93c3c55,transparent 30%),linear-gradient(140deg,#48131e,#16090d 50%,#a17a32)}.cover.c1:after{content:"♛";font-size:110px;color:#ddb65355;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}.cover.c2{background:radial-gradient(circle at 50% 25%,#d5b45f55,transparent 21%),linear-gradient(145deg,#16263c,#080d18 55%,#6d223c)}.cover.c2:after{content:"☾";font-size:130px;color:#f1d48c99;position:absolute;top:20%;left:53%;transform:translate(-50%,-50%)}.cover.c3{background:linear-gradient(160deg,#3c133e,#12091b 54%,#7c4e17)}.cover.c3:after{content:"✦";font-size:125px;color:#a46aff66;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.cover.c4{background:radial-gradient(circle,#c17a5b66,transparent 26%),linear-gradient(140deg,#16141a,#4e1c19)}.cover.c4:after{content:"❦";font-size:120px;color:#e6b28999;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.cover.c5{background:linear-gradient(160deg,#0b2231,#172a32 55%,#2d1a3f)}.cover.c5:after{content:"♜";font-size:115px;color:#a5d7e244;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.media-card h3{font-size:14px;margin:12px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card p,.media-card small{color:var(--muted);font-size:11px;margin:0}.card-meta{display:flex;justify-content:space-between;margin-top:5px}.card-meta span{color:#d5c9d5;font-size:10px}
.continue-section{max-width:1320px;margin:0 auto 70px;padding:30px clamp(24px,6vw,50px);display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:50px}.continue-copy p{color:var(--muted)}.continue-card{border:1px solid var(--line);background:linear-gradient(110deg,#171219,#100e12);padding:16px;display:flex;align-items:center;border-radius:18px;gap:18px}.continue-cover{width:110px;aspect-ratio:3/4;border-radius:10px;background:linear-gradient(#25152b,#793b47);display:grid;place-items:center;color:var(--gold2);font-family:"Charmonman";font-size:28px;text-align:center}.continue-info{flex:1}.tag{display:inline-block;color:var(--gold2);font-size:9px;letter-spacing:.12em;border:1px solid rgba(215,174,82,.3);border-radius:30px;padding:3px 8px}.continue-info h3{font-size:22px;margin:7px 0 0}.continue-info p,.continue-info small{font-size:11px;color:var(--muted)}.progress{height:3px;background:#312e34;margin:16px 0 4px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#b88028,var(--gold2))}.round-button{width:45px;height:45px;border-radius:50%;background:var(--gold);border:0;margin-right:10px}
.series-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.series-feature{background:#161219;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.series-art{height:350px;position:relative;display:grid;place-items:center}.art-one{background:radial-gradient(circle at 50% 25%,#ff8a6566,transparent 12%),linear-gradient(135deg,#251029,#55152e 45%,#09070d)}.art-one:after{content:"เงาจันทร์\Aเหนือบัลลังก์";white-space:pre;text-align:center;font-family:"Charmonman";font-size:50px;color:#f3d99c;line-height:1.1}.episode-badge{position:absolute;top:16px;left:16px;background:#a3203f;padding:5px 9px;border-radius:4px;font-size:10px}.big-play{position:absolute;width:58px;height:58px;border-radius:50%;border:1px solid #fff;background:#ffffff22;color:#fff;font-size:18px;backdrop-filter:blur(7px)}.series-feature>div:last-child{padding:22px}.series-feature h3{font-size:25px;margin:9px 0 4px}.series-feature p{color:var(--muted);font-size:12px}.meta{display:flex;gap:10px;color:#aaa;font-size:11px}.age{border:1px solid #555;padding:0 4px}.series-list{display:flex;flex-direction:column;gap:14px}.series-row{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:10px;background:#121015;border:1px solid var(--line);border-radius:12px}.series-thumb{border-radius:8px;min-height:90px;display:grid;place-items:center;font-size:24px;color:#ecd597}.series-row:nth-child(1) .series-thumb{background:linear-gradient(135deg,#193444,#632233)}.series-row:nth-child(2) .series-thumb{background:linear-gradient(135deg,#4c2020,#17121d)}.series-row:nth-child(3) .series-thumb{background:linear-gradient(135deg,#36164a,#121a36)}.series-row h3{font-size:14px;margin:3px 0}.series-row p{color:var(--muted);font-size:10px;margin:0}.series-row button{align-self:end;width:max-content;border:0;background:none;color:var(--gold2);font-size:10px;padding:0}
.manga-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.manga-card{display:flex;background:#111014;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:190px}.manga-art{width:45%;display:grid;place-items:center;font-family:"Charmonman";font-size:35px;color:#fff;text-align:center}.manga-card:nth-child(1) .manga-art{background:linear-gradient(150deg,#3f205a,#d3516d)}.manga-card:nth-child(2) .manga-art{background:linear-gradient(150deg,#0a4655,#7fa5a0)}.manga-card:nth-child(3) .manga-art{background:linear-gradient(150deg,#5a361d,#c29b5a)}.manga-card:nth-child(4) .manga-art{background:linear-gradient(150deg,#531735,#17101c)}.manga-info{padding:17px;display:flex;flex-direction:column}.manga-info h3{font-size:14px;margin:8px 0 2px}.manga-info p{font-size:10px;color:var(--muted);margin:0}.manga-info button{margin-top:auto;border:0;background:none;color:var(--gold2);font-size:11px;text-align:left;padding:0}
.character-section{max-width:1320px;margin:40px auto 120px;padding:70px clamp(24px,6vw,75px);border-radius:26px;display:grid;grid-template-columns:1fr .9fr;gap:70px;background:radial-gradient(circle at 75% 40%,#6327a838,transparent 26%),linear-gradient(120deg,#0d0911,#1a0f24);border:1px solid rgba(152,99,255,.18)}.character-copy h2{font-size:clamp(42px,5vw,68px)}.character-copy p{color:#b0a7b4;max-width:530px}.character-copy ul{list-style:none;padding:0;margin:25px 0}.character-copy li{margin:9px 0;font-size:13px}.character-copy li span{color:#b798ff;margin-right:10px}.purple-button{background:linear-gradient(135deg,#a16cff,#6733c4);color:#fff}.chat-preview{background:#0e0b11;border:1px solid #5c347f66;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px #0008;align-self:center}.chat-top{display:flex;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);gap:11px}.avatar{width:43px;height:43px;background:linear-gradient(140deg,#8a375d,#3e236a);border-radius:50%;display:grid;place-items:center}.chat-top>span{display:flex;flex-direction:column;flex:1}.chat-top small{font-size:9px;color:#9d94a1}.chat-top small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52d981;margin-right:4px}.chat-top button{background:none;border:0;color:#aaa}.chat-body{min-height:280px;padding:22px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at center,#2d17324d,transparent 70%)}.bubble{padding:11px 14px;border-radius:15px;max-width:78%;font-size:12px}.bubble.bot{background:#26202b;border-bottom-left-radius:3px}.bubble.me{background:linear-gradient(135deg,#6e35ca,#8e3f83);align-self:flex-end;border-bottom-right-radius:3px}.chat-input{padding:12px;border-top:1px solid var(--line);display:flex;gap:9px}.chat-input input{flex:1;background:#1b171e;border:1px solid var(--line);border-radius:999px;color:#fff;padding:11px 16px;outline:0}.chat-input button{width:39px;height:39px;border-radius:50%;border:0;background:#8a4ae4;color:#fff}
.creator-section{padding:110px clamp(24px,6vw,90px);background:linear-gradient(90deg,#090809,#1f130a,#090809);border-block:1px solid #6e501f55}.creator-inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.creator-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.creator-stats div{padding:35px 22px;background:#120f12;border:1px solid rgba(215,174,82,.2);border-radius:16px;display:flex;flex-direction:column}.creator-stats div:first-child{grid-column:span 2}.creator-stats strong{font-family:"Playfair Display";color:var(--gold2);font-size:42px}.creator-stats span{color:var(--muted);font-size:11px}.creator-copy h2{font-size:58px}.creator-copy p{color:var(--muted);margin-bottom:26px}
.membership{max-width:1160px;margin:110px auto;padding:0 28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.membership>div:first-child p{color:var(--muted)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plans article{position:relative;padding:30px 26px;background:#111014;border:1px solid var(--line);border-radius:18px}.plans article.featured{border-color:#a8792f;background:linear-gradient(145deg,#211a11,#131014)}.plans small{letter-spacing:.2em;color:var(--gold2)}.plans h3{font-size:29px;margin:8px 0}.plans h3 em{font-size:11px;color:var(--muted);font-style:normal}.plans p{color:var(--muted);font-size:11px;min-height:50px}.plans button{width:100%;margin-top:12px}.outline-button{background:none;border:1px solid #555}.popular{position:absolute;top:-10px;right:18px;background:var(--gold);color:#1a1206;font-size:9px;padding:3px 9px;border-radius:20px}
footer{padding:55px clamp(25px,6vw,90px) 110px;border-top:1px solid var(--line);background:#060607;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand img{width:64px;height:64px;border-radius:50%;object-fit:cover}.footer-brand b{font-family:"Playfair Display";color:var(--gold2);letter-spacing:.15em}.footer-brand p{color:var(--muted);font-size:11px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div{display:flex;flex-direction:column;gap:8px}.footer-links b{font-size:12px}.footer-links a{color:var(--muted);font-size:11px;text-decoration:none;cursor:pointer}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:#656168;font-size:10px}.footer-bottom a{color:inherit;text-decoration:none}.mobile-nav{display:none}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#020203dc;backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(440px,100%);background:#131116;border:1px solid #4e4030;border-radius:24px;padding:34px;box-shadow:var(--shadow);max-height:92vh;overflow:auto}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#aaa;font-size:28px}.auth-card>img{width:76px;height:76px;border-radius:50%;object-fit:cover;margin-bottom:18px}.modal-card h2{font-family:"Playfair Display","Noto Sans Thai";font-size:28px;margin:9px 0}.modal-card>p{color:var(--muted);font-size:12px}.modal-card form,.payment-card{display:flex;flex-direction:column;gap:12px}.modal-card label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#bbb}.modal-card input,.modal-card select{background:#0b090c;border:1px solid var(--line);border-radius:9px;padding:12px;color:#fff;outline:none}.divider{text-align:center;border-top:1px solid var(--line);margin:10px 0}.divider span{position:relative;top:-12px;background:#131116;padding:0 12px;color:#777;font-size:10px}.social-login{border:1px solid var(--line);background:#201c22;color:#fff;border-radius:9px;padding:12px}.modal-card>small{text-align:center;color:#777}.modal-card a{color:var(--gold2)}.price-row{display:flex;justify-content:space-between;padding:18px;background:#0b090c;border-radius:12px}.price-row strong{font-size:24px;color:var(--gold2)}.payment-card ul{padding:0;list-style:none;color:#c7bfc9;font-size:12px}.demo-note{background:#3a2a1555;border:1px solid #8d672f55;color:#deb875;padding:10px;border-radius:8px;font-size:10px}
.workspace,.reader{position:fixed;inset:0;z-index:90;background:#0a090b;display:none;overflow:auto}.workspace.open,.reader.open{display:block}.workspace>header,.reader>header{height:70px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0e0c10;position:sticky;top:0;z-index:5}.workspace header>div,.reader header>div{display:flex;flex-direction:column;text-align:center}.workspace header b{letter-spacing:.13em;color:var(--gold2)}.workspace header small,.reader header small{color:var(--muted);font-size:9px}.back-button,.reader header button{background:none;border:0;color:#ccc}.studio-layout{height:calc(100vh - 70px);display:grid;grid-template-columns:210px 1fr}.studio-layout aside,.dashboard-body aside{padding:26px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;background:#0d0b0e}.studio-layout aside button,.dashboard-body aside button{border:0;background:none;color:#8d8890;text-align:left;padding:12px;border-radius:8px}.studio-layout aside button.active,.dashboard-body aside button.active{color:var(--gold2);background:#d7ae5210}.editor-panel{width:min(900px,90%);margin:35px auto;background:#100e12;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line)}.editor-toolbar select{background:#19161b;color:#ddd;border:1px solid var(--line);padding:6px;border-radius:6px}.editor-toolbar button{background:none;border:0;color:#bbb}.title-input{font-size:28px;background:none;border:0;color:#fff;padding:30px 45px 10px;outline:0}.editor-panel textarea{resize:none;flex:1;min-height:450px;background:none;border:0;color:#ddd;padding:20px 45px;outline:0;line-height:2}.word-count{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 20px;color:#777;font-size:10px}
.dashboard-body{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 70px)}.dashboard-body>section{padding:36px;max-width:1300px;width:100%;margin:auto}.admin-user{display:flex;align-items:center;gap:10px;padding:8px 8px 25px}.admin-user>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#31223b;border:1px solid var(--gold);font-size:11px}.admin-user div{display:flex;flex-direction:column}.admin-user small{color:#777;font-size:9px}.dash-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.dash-heading small{color:var(--gold2)}.dash-heading h2{margin:3px 0;font-size:27px}.dash-heading select{background:#151217;color:#aaa;border:1px solid var(--line);padding:8px 12px;border-radius:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric-grid article,.chart-card,.income-card,.work-table{background:#121014;border:1px solid var(--line);border-radius:13px;padding:20px}.metric-grid span{color:#8e8991;font-size:10px}.metric-grid strong{display:block;font-size:24px;margin:6px 0}.metric-grid small.up{color:#58c890}.dash-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:15px;margin-top:15px}.card-head{display:flex;justify-content:space-between}.card-head>div{display:flex;flex-direction:column}.card-head small{color:#777;font-size:9px}.card-head>span{color:#5ed59a}.chart{height:230px;position:relative;margin-top:20px}.chart svg{position:absolute;inset:0 0 0 40px;width:calc(100% - 40px);height:100%;overflow:visible}.chart .area{fill:url(#chartFill)}.chart .line{fill:none;stroke:var(--gold);stroke-width:3}.y-labels{display:flex;flex-direction:column;justify-content:space-between;height:100%;color:#666;font-size:9px}.income-ring{width:130px;height:130px;margin:22px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) 0 86%,#29252b 86%);position:relative}.income-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#121014}.income-ring div{position:relative;display:flex;flex-direction:column;text-align:center}.income-ring strong{font-size:25px}.income-ring small{font-size:8px;color:#777}.income-card ul{list-style:none;padding:0;margin:0}.income-card li{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;margin:9px 0;font-size:10px}.income-card li i{width:7px;height:7px;border-radius:50%;background:var(--gold)}.income-card li i.tip{background:#aa54df}.income-card li i.sub{background:#b93455}.work-table{margin-top:15px}.work-table button{background:none;border:0;color:var(--gold2);font-size:10px}.table-row{display:grid;grid-template-columns:2fr repeat(3,1fr);align-items:center;border-top:1px solid var(--line);padding:10px 0;font-size:10px}.table-row>span:first-child{display:flex;align-items:center;gap:8px}.table-head{color:#777;margin-top:12px}.mini-cover{width:28px;height:38px;border-radius:3px}.published{color:#65cc94;background:#22473255;font-style:normal;padding:3px 7px;border-radius:10px}
.reader{background:#f5f0e7;color:#2d2524}.reader header{background:#fff8;color:#2d2524;border-color:#d9d1c6;backdrop-filter:blur(14px)}.reader article{max-width:680px;margin:70px auto;padding:0 25px 100px;font-family:"Noto Sans Thai"}.reader article h1{font-family:"Charmonman";font-size:44px;text-align:center}.chapter-no{display:block;text-align:center;color:#937331;font-size:11px}.reader article p{font-size:17px;line-height:2.1;margin:28px 0}.reader blockquote{font-family:"Charmonman";font-size:25px;color:#7e5721;border-block:1px solid #cab991;padding:22px;margin:40px 0;text-align:center}.reader-end{text-align:center;border-top:1px solid #d5ccbf;margin-top:50px;padding-top:30px;color:#766d67}.reader-end button{display:block;margin:15px auto;border:0;background:#281e1d;color:#fff;padding:11px 22px;border-radius:30px}.reader.dark{background:#121014;color:#d6ced2}.reader.dark header{background:#131114cc;color:#ddd;border-color:#332e34}.reader.dark blockquote{color:var(--gold2)}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,120px);z-index:200;background:#f3d78f;color:#1f1507;padding:11px 20px;border-radius:30px;font-size:12px;box-shadow:var(--shadow);transition:.3s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}

/* Thai display typography: handwritten character without sacrificing legibility. */
.hero h1,.character-copy h2,.creator-copy h2,.section-heading h2,.continue-copy h2,.membership h2{font-family:"Noto Serif Thai","Playfair Display",serif;line-height:1.15}.hero h1 em,.character-copy h2 em,.continue-cover,.art-one:after,.manga-art,.reader article h1,.reader blockquote{font-family:"Mali","Noto Sans Thai",cursive;font-weight:500}.hero h1 em,.character-copy h2 em{line-height:1.35}.art-one:after{font-size:48px;line-height:1.35}
.wallet-button{display:flex;align-items:center;gap:6px;border:1px solid rgba(111,70,196,.38);background:#f5f0ff;color:var(--purple);border-radius:999px;padding:6px 12px}.wallet-button b{font-size:12px}.at-coin-icon{width:22px;height:22px;object-fit:contain;vertical-align:middle;flex:none}.at-coin-icon.large{width:34px;height:34px}.member-wallet span,.wallet-summary strong,.unlock-price strong,.coin-packages span{display:flex;align-items:center;gap:7px}.coin-lock{position:absolute;right:14px;bottom:14px;padding:6px 10px;border-radius:999px;background:#100b10d9;border:1px solid rgba(111,70,196,.5);color:#d9c8ff;font-size:10px;backdrop-filter:blur(8px)}.series-row button.coin-button{display:flex;align-items:center;gap:6px;background:#241a12;border:1px solid rgba(111,70,196,.35);border-radius:999px;color:#d9c8ff;padding:5px 9px}.series-row button.unlocked{color:#61ce94;border-color:#61ce9455;background:#15302155}.coin-card{width:min(460px,100%)}.wallet-summary{display:flex;justify-content:space-between;align-items:center;padding:18px;margin:16px 0;background:radial-gradient(circle at 90%,#6f46c444,transparent 40%),#0d0a0e;border:1px solid rgba(111,70,196,.28);border-radius:14px}.wallet-summary>span{color:#a9a2ac;font-size:12px}.wallet-summary strong{font-size:27px;color:#d9c8ff}#unlockPanel{text-align:center}.lock-icon{display:grid;place-items:center;width:55px;height:55px;margin:10px auto;border-radius:50%;background:#6f46c414;border:1px solid #6f46c444;font-size:22px}.unlock-price{display:flex;justify-content:space-between;padding:12px 16px;margin:17px 0;border-radius:10px;background:#0c0a0d}.unlock-price span{color:#89838b}.unlock-price strong{color:#d9c8ff}#confirmUnlock{width:100%}.topup-panel{margin-top:20px}.coin-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.coin-packages button{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 8px;background:#0e0b10;border:1px solid var(--line);border-radius:10px;color:#ddd}.coin-packages button:hover{border-color:var(--purple)}.coin-packages span{color:#d9c8ff;font-weight:700}.coin-packages small{position:absolute;right:3px;top:-8px;background:var(--purple);color:#fff;padding:2px 5px;border-radius:8px;font-size:7px}.topup-panel>small{display:block;color:#756f78;text-align:center;margin-top:10px}
.library-count{color:var(--gold2);font-size:12px}.original-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.book-card{min-width:0}.book-cover-button{width:100%;aspect-ratio:4/5.2;padding:0;border:0;border-radius:16px;overflow:hidden;position:relative;background:#18131a;box-shadow:0 20px 55px rgba(0,0,0,.44)}.book-cover-button img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.book-cover-button:hover img{transform:scale(1.035)}.free-ribbon{position:absolute;left:13px;top:13px;padding:6px 10px;border-radius:999px;background:#e2b956;color:#1b1205;font-size:9px;font-weight:700}.complete-badge{position:absolute;right:13px;top:13px;padding:5px 9px;border-radius:999px;background:#080709bb;border:1px solid #ffffff33;font-size:9px}.book-cover-button:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#080709aa)}.book-card-info{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 6px}.book-index{font-family:"Playfair Display";font-size:25px;color:#6e656f}.book-card-info h3{font-size:18px;margin:0}.book-card-info p{color:var(--gold2);font-size:11px;margin:2px 0}.book-card-info small{color:var(--muted);font-size:10px}.book-card-info>button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(215,174,82,.4);background:#181311;color:var(--gold2)}
.book-workspace{background:radial-gradient(circle at 15% 25%,#4e252733,transparent 28%),#09080a}.book-detail{max-width:1180px;margin:0 auto;padding:60px 35px 100px;display:grid;grid-template-columns:310px 1fr;gap:70px}.book-detail>aside{position:sticky;top:105px;align-self:start}.book-detail>aside img{width:100%;aspect-ratio:4/5.5;object-fit:cover;border-radius:16px;box-shadow:0 28px 80px #000}.book-status{display:flex;gap:8px;justify-content:center;margin-top:16px}.book-status span{font-size:10px;color:#73d59a;border:1px solid #73d59a44;border-radius:999px;padding:5px 9px}.book-status span:last-child{color:var(--gold2);border-color:#d7ae5244}.book-detail section h1{font-family:"Noto Serif Thai";font-size:clamp(38px,5vw,66px);line-height:1.15;margin:18px 0 0}.book-subtitle{font-family:"Mali";color:var(--gold2);font-size:22px;margin:2px 0 15px}.book-meta{display:flex;flex-wrap:wrap;gap:8px}.book-meta span{font-size:10px;color:#aaa;padding:5px 9px;background:#ffffff08;border:1px solid var(--line);border-radius:999px}.book-summary{color:#b6afb8;max-width:720px;line-height:1.9}.book-actions{display:flex;gap:10px;margin:25px 0 45px}.chapter-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:13px}.chapter-heading h2{font-family:"Noto Serif Thai";font-size:26px;margin:0}.chapter-heading small,.chapter-heading>span{color:#858087;font-size:10px}.chapter-heading>span{color:#65cb92}.chapter-list{display:flex;flex-direction:column}.chapter-row{display:grid;grid-template-columns:48px 1fr auto 24px;gap:12px;align-items:center;width:100%;text-align:left;padding:17px 8px;border:0;border-bottom:1px solid var(--line);background:none;color:#ddd}.chapter-row:hover,.chapter-row.last-read{background:#d7ae5209}.chapter-order{font-family:"Playfair Display";font-size:16px;color:#665f68}.chapter-row>span:nth-child(2){display:flex;flex-direction:column}.chapter-row b{font-size:13px;font-weight:500}.chapter-row small{font-size:9px;color:#78727a}.chapter-row em{font-size:9px;color:#65cb92;font-style:normal}.chapter-row i{color:var(--gold2);font-style:normal}
.reading-progress{height:3px;width:0;background:linear-gradient(90deg,#ad7723,#f3d88f);position:fixed;left:0;top:0;z-index:9;transition:width .08s linear}.reader-tools{display:flex;gap:3px}.reader-tools button{font-size:11px;padding:7px}.reader article p{font-size:var(--reader-font,17px)}.reader-end>span{display:block;margin-bottom:15px;color:#8f8178}.reader-end>div{display:flex;justify-content:center;gap:10px}.reader-end button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:1050px){.desktop-nav{display:none}.five-col{grid-template-columns:repeat(4,1fr)}.five-col .media-card:last-child{display:none}.manga-scroll{grid-template-columns:repeat(2,1fr)}.quick-strip{grid-template-columns:repeat(2,1fr)}.quick-card:nth-child(2){border-right:0}.quick-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.series-grid{grid-template-columns:1fr}.series-list{display:grid;grid-template-columns:repeat(3,1fr)}.series-row{grid-template-columns:1fr}.creator-inner{gap:40px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{padding-bottom:68px}.site-header{height:64px;padding:0 16px;position:absolute}.brand img{width:38px;height:38px}.brand small{display:none}.brand b{font-size:14px}.header-actions .ghost-button,.header-actions .icon-button{display:none}.header-actions .gold-button{padding:8px 12px;font-size:11px}.hero{min-height:690px;height:92vh;align-items:flex-end}.hero-image{object-position:62% center}.hero-overlay{background:linear-gradient(0deg,#080709 3%,rgba(7,6,9,.85) 45%,rgba(7,6,9,.15) 80%),linear-gradient(90deg,#08070980,transparent)}.hero-content{margin:0 22px 65px}.hero h1{font-size:49px}.hero p{font-size:14px}.hero-proof{gap:7px;font-size:9px;flex-wrap:wrap}.hero-pagination{display:none}.quick-strip{width:calc(100% - 26px);margin:-32px auto 55px}.quick-card{padding:17px 13px;gap:9px}.quick-icon{width:33px;height:33px}.quick-card>i{display:none}.quick-card b{font-size:11px}.quick-card small{font-size:8px}.content-section{padding:35px 16px 65px}.section-heading{align-items:center}.section-heading h2{font-size:25px}.section-heading>a{font-size:10px}.five-col{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 3px 20px}.five-col .media-card,.five-col .media-card:last-child{display:block;min-width:42vw;scroll-snap-align:start}.cover .cover-title{font-size:18px}.continue-section{grid-template-columns:1fr;margin-bottom:40px;padding:20px;gap:15px}.continue-card{gap:11px}.continue-cover{width:82px}.continue-info h3{font-size:16px}.series-art{height:270px}.art-one:after{font-size:39px}.series-list{grid-template-columns:1fr}.series-row{grid-template-columns:110px 1fr}.manga-scroll{display:flex;overflow-x:auto}.manga-card{min-width:82vw}.character-section{margin:20px 12px 70px;padding:42px 20px;grid-template-columns:1fr;gap:35px}.character-copy h2{font-size:42px}.chat-body{min-height:240px}.creator-section{padding:70px 20px}.creator-inner{grid-template-columns:1fr;gap:35px}.creator-copy{grid-row:1}.creator-copy h2{font-size:44px}.creator-stats strong{font-size:31px}.membership{margin:70px auto;grid-template-columns:1fr;gap:25px;padding:0 16px}.plans{grid-template-columns:1fr}.plans article:first-child{display:none}footer{grid-template-columns:1fr;padding:40px 22px 100px}.footer-links{gap:15px}.footer-bottom{flex-direction:column;gap:5px}.mobile-nav{position:fixed;display:flex;z-index:50;bottom:0;left:0;right:0;height:66px;background:#100e12f2;border-top:1px solid var(--line);backdrop-filter:blur(14px);justify-content:space-around;align-items:center}.mobile-nav a,.mobile-nav button{width:20%;height:100%;border:0;background:none;text-decoration:none;color:#777;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.mobile-nav span{font-size:19px}.mobile-nav .active{color:var(--gold2)}.mobile-nav .create{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f0d28b,#a97827);color:#1e1405;margin-top:-22px;box-shadow:0 5px 20px #d7ae5244}.modal-card{padding:28px 22px}.studio-layout,.dashboard-body{grid-template-columns:1fr}.studio-layout aside,.dashboard-body aside{display:none}.workspace>header{padding:0 12px}.workspace header .gold-button,.workspace header .ghost-button{padding:8px 10px;font-size:10px}.editor-panel{width:94%;margin:15px auto}.editor-toolbar{padding:9px}.title-input{padding:25px 20px 8px;font-size:22px}.editor-panel textarea{padding:15px 20px}.dashboard-body>section{padding:20px 12px}.metric-grid{gap:9px}.metric-grid article{padding:14px}.metric-grid strong{font-size:18px}.dash-grid{grid-template-columns:1fr}.table-row{grid-template-columns:2fr 1fr 1fr}.table-row span:nth-child(4){display:none}.reader article{margin-top:40px}.reader article h1{font-size:37px}}
@media(max-width:720px){.library-count{display:none}.original-library{grid-template-columns:1fr;gap:24px}.book-cover-button{aspect-ratio:4/4.7}.book-card-info{padding-inline:2px}.book-detail{grid-template-columns:1fr;padding:28px 18px 90px;gap:28px}.book-detail>aside{position:relative;top:auto;width:65%;margin:auto}.book-detail section h1{font-size:39px}.book-subtitle{font-size:18px}.book-actions{flex-direction:column;margin-bottom:35px}.chapter-heading>span{display:none}.chapter-row{grid-template-columns:38px 1fr auto;padding:15px 3px}.chapter-row i{display:none}.chapter-row b{font-size:12px}.reader header{padding:0 10px}.reader header>div:nth-child(2){max-width:150px}.reader header b,.reader header small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-tools button{font-size:9px;padding:5px}.reader article{padding-inline:21px}.reader article p{line-height:2}.reader-end>div{flex-direction:column}.reader-end button{width:100%}.wallet-button{padding:7px 10px}}

/* Site theme: light is the welcoming default; dark remains one tap away. */
.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.18);background:rgba(12,10,14,.34);color:#fff;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:600;backdrop-filter:blur(10px)}
.theme-toggle span{font-size:15px;line-height:1}.site-header.scrolled{position:fixed!important;background:rgba(255,255,255,.94)!important;border-color:rgba(45,35,45,.1);box-shadow:0 8px 30px rgba(41,27,35,.08)}
.site-header.scrolled .desktop-nav a{color:#5f5861}.site-header.scrolled .desktop-nav a:hover,.site-header.scrolled .desktop-nav a.active{color:#201b22}.site-header.scrolled .theme-toggle{background:#f5f1f5;border-color:#ded6df;color:#332d35}.site-header.scrolled .icon-button{color:#2b252d}.site-header.scrolled .ghost-button{color:#332d35;background:#fff;border-color:#ded6df}
body[data-theme="light"]{--bg:#fff;--panel:#fff;--panel2:#f8f5f8;--text:#282229;--muted:#716a73;--line:rgba(58,43,57,.12);--shadow:0 18px 55px rgba(55,34,52,.12);background:#fff;color:var(--text)}
body[data-theme="light"] .site-header{position:fixed;background:rgba(255,255,255,.96);border-color:rgba(45,35,45,.1);box-shadow:0 4px 22px rgba(41,27,35,.06);backdrop-filter:blur(16px)}
body[data-theme="light"] .site-header .brand b{color:#8d671f}body[data-theme="light"] .site-header .brand small{color:#777078}body[data-theme="light"] .site-header .desktop-nav a{color:#625b63}body[data-theme="light"] .site-header .desktop-nav a:hover,body[data-theme="light"] .site-header .desktop-nav a.active{color:#1f1a20}body[data-theme="light"] .site-header .theme-toggle{background:#f5f1f5;border-color:#ded6df;color:#332d35}body[data-theme="light"] .site-header .icon-button{color:#2b252d}body[data-theme="light"] .site-header .ghost-button{color:#332d35;background:#fff;border-color:#ded6df}
body[data-theme="light"] .hero{width:min(1440px,calc(100% - 32px));height:min(650px,78vh);min-height:560px;margin:94px auto 0;border-radius:22px;box-shadow:0 22px 60px rgba(48,27,42,.14)}
body[data-theme="light"] .hero-overlay{background:linear-gradient(90deg,#050507 0%,#070609ed 31%,rgba(7,6,9,.35) 62%,rgba(7,6,9,.18)),linear-gradient(0deg,rgba(8,7,9,.72) 0%,transparent 24%)}
body[data-theme="light"] .quick-strip{margin-top:-30px}
body[data-theme="light"] .ambient{opacity:.07}
body[data-theme="light"] .quick-strip{background:rgba(255,255,255,.96);box-shadow:0 18px 55px rgba(58,36,53,.14)}
body[data-theme="light"] .quick-card{color:#2b252c}body[data-theme="light"] .quick-card:hover{background:#fbf6ec}
body[data-theme="light"] .content-section.tinted{background:#f8f6f9}
body[data-theme="light"] .continue-card,body[data-theme="light"] .series-feature,body[data-theme="light"] .series-row,body[data-theme="light"] .manga-card,body[data-theme="light"] .plans article{background:#fff;box-shadow:0 10px 32px rgba(54,36,51,.07)}
body[data-theme="light"] .plans article.featured{background:linear-gradient(145deg,#fffaf0,#fff)}
body[data-theme="light"] .book-index{color:#aaa1aa}body[data-theme="light"] .book-card-info>button{background:#fffaf0}
body[data-theme="light"] .card-meta span{color:#5e565f}
body[data-theme="light"] .character-section{background:radial-gradient(circle at 82% 35%,#b99af033,transparent 30%),linear-gradient(120deg,#fbf8ff,#f5effc);border-color:#9b76d933}
body[data-theme="light"] .character-copy p{color:#685f6d}
body[data-theme="light"] .chat-preview{background:#fff;color:#302a33;border-color:#b89adb66;box-shadow:0 25px 60px rgba(77,43,91,.16)}
body[data-theme="light"] .chat-body{background:#faf7fc}body[data-theme="light"] .bubble.bot{background:#eee8f1}body[data-theme="light"] .chat-input input{background:#fff;color:#2b252d}
body[data-theme="light"] .creator-section{background:linear-gradient(90deg,#fff,#fff8e9,#fff);border-color:#c79b4933}
body[data-theme="light"] .creator-stats div{background:#fff;border-color:#d7ae5266;box-shadow:0 12px 36px rgba(88,63,26,.08)}
body[data-theme="light"] .modal-card{background:#fff;border-color:#ded4c2;color:#292329}body[data-theme="light"] .modal-card input,body[data-theme="light"] .modal-card select,body[data-theme="light"] .price-row{background:#f7f4f7;color:#282229}body[data-theme="light"] .divider span{background:#fff}body[data-theme="light"] .social-login{background:#f7f4f7;color:#282229}
body[data-theme="light"] .mobile-nav{background:rgba(255,255,255,.95);box-shadow:0 -8px 30px rgba(40,25,38,.08)}
body[data-theme="light"] .mobile-nav a,body[data-theme="light"] .mobile-nav button{color:#777078}body[data-theme="light"] .mobile-nav .active{color:#8d671f}
body[data-theme="light"] footer{background:#181419;color:#f6f1f5;--muted:#aaa2ac;--line:rgba(255,255,255,.1)}
body[data-theme="dark"] .site-header.scrolled{background:rgba(8,7,9,.92)!important;border-color:rgba(255,255,255,.08);box-shadow:none}body[data-theme="dark"] .site-header.scrolled .desktop-nav a{color:#b9b3bb}body[data-theme="dark"] .site-header.scrolled .desktop-nav a:hover,body[data-theme="dark"] .site-header.scrolled .desktop-nav a.active{color:#fff}body[data-theme="dark"] .site-header.scrolled .theme-toggle{background:rgba(255,255,255,.07);border-color:var(--line);color:#fff}body[data-theme="dark"] .site-header.scrolled .icon-button,body[data-theme="dark"] .site-header.scrolled .ghost-button{color:#fff}
@media(max-width:720px){.theme-toggle{padding:7px 9px}.theme-toggle b{display:none}.site-header.scrolled .brand b{color:#8d671f}.site-header.scrolled .brand img{border-color:#b88b38}.header-actions .theme-toggle{display:inline-flex}body[data-theme="light"] .hero{width:100%;height:78vh;min-height:620px;margin-top:64px;border-radius:0;box-shadow:none}body[data-theme="light"] .hero-content{margin-bottom:70px}}

/* AT NOVEL identity: white canvas with a single, memorable royal-purple accent. */
:root{--gold:#7442d6;--gold2:#bda1ff;--purple:#7442d6;--red:#9a4bd8}
body[data-theme="light"]{--gold:#6f35cf;--gold2:#7442d6;--purple:#6f35cf;--red:#8d43c8}
body[data-theme="light"] .site-header .brand b,body[data-theme="light"] .site-header.scrolled .brand b{color:#5f2ab8}
body[data-theme="light"] .site-header .brand img,body[data-theme="light"] .site-header.scrolled .brand img{border-color:#8a5add66}
.gold-button{background:linear-gradient(135deg,#925ff0,#5b24b8);color:#fff;box-shadow:0 9px 28px rgba(111,53,207,.24)}
.profile-button{border-color:#8150d5;background:#ede5fb;color:#5b24b8}
body[data-theme="light"] .quick-icon{border-color:#7442d655}body[data-theme="light"] .quick-card:hover{background:#f7f2ff}
body[data-theme="light"] .free-ribbon,body[data-theme="light"] .popular{background:#6f35cf;color:#fff}
body[data-theme="light"] .complete-badge{background:#4a207dcc;border-color:#ffffff55}
body[data-theme="light"] .book-card-info>button{background:#f3edff;border-color:#7442d666;color:#5f2ab8}
body[data-theme="light"] .tag{border-color:#7442d655;color:#6630c1}
body[data-theme="light"] .progress span{background:linear-gradient(90deg,#5722ad,#9d72ec)}
body[data-theme="light"] .round-button{background:#6f35cf;color:#fff}
body[data-theme="light"] .plans article.featured{border-color:#8c5ed8;background:linear-gradient(145deg,#f7f1ff,#fff)}
body[data-theme="light"] .creator-section{background:linear-gradient(90deg,#fff,#f7f1ff,#fff);border-color:#8252ce33}
body[data-theme="light"] .creator-stats div{border-color:#8658d866;box-shadow:0 12px 36px rgba(78,43,132,.08)}
body[data-theme="light"] .theme-toggle{background:#f4effb;border-color:#ddd1ef;color:#54269e}
body[data-theme="light"] .mobile-nav .active{color:#642dbb}body[data-theme="light"] .mobile-nav .create{background:linear-gradient(135deg,#9869eb,#5d27b5);color:#fff;box-shadow:0 5px 20px #7442d655}
body[data-theme="light"] .eyebrow.red,body[data-theme="light"] .eyebrow.purple{color:#7442d6}
body[data-theme="light"] .book-workspace{background:radial-gradient(circle at 12% 22%,rgba(118,81,201,.11),transparent 30%),#fff;color:#211a2d}
body[data-theme="light"] .book-workspace>header{background:rgba(255,255,255,.94);border-color:#e7dff2;box-shadow:0 8px 28px rgba(55,32,82,.07);backdrop-filter:blur(16px)}
body[data-theme="light"] .book-workspace header b{color:#6842be}
body[data-theme="light"] .book-workspace .back-button{color:#4e4658}
body[data-theme="light"] .book-detail>aside img{box-shadow:0 24px 60px rgba(47,31,66,.18)}
body[data-theme="light"] .book-subtitle{color:#6842be}
body[data-theme="light"] .book-meta span{color:#655d6e;background:#f6f2fb;border-color:#e2d8ef}
body[data-theme="light"] .book-summary{color:#5f5767}
body[data-theme="light"] .chapter-heading{border-color:#e7dff2}
body[data-theme="light"] .chapter-heading small{color:#766e7f}
body[data-theme="light"] .chapter-row{color:#2b2334;border-color:#eee8f4}
body[data-theme="light"] .chapter-row:hover,body[data-theme="light"] .chapter-row.last-read{background:#f7f2fd}
body[data-theme="light"] .chapter-order{color:#8b8294}
body[data-theme="light"] .chapter-row small{color:#7b7284}
body[data-theme="light"] .reader:not(.reader-theme-dark){background:var(--reader-paper,#fff);color:var(--reader-ink,#2b2334)}
body[data-theme="light"] .reader:not(.reader-theme-dark) header{background:color-mix(in srgb,var(--reader-paper,#fff) 94%,transparent);border-color:#e7dff2}
body[data-theme="light"] .reader:not(.reader-theme-dark) .reader-end{border-color:#e7dff2;color:#6f6678}
body[data-theme="light"] .reader:not(.reader-theme-dark) .reader-end button{background:#7651c9;color:#fff}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
.continue-card img.continue-cover{display:block;object-fit:cover;font-family:"Mali","Noto Sans Thai",cursive}
.auth-card .social-login{display:block;width:100%;margin-top:10px}.auth-card>small{display:block;width:100%;margin-top:12px}
.auth-card{width:min(470px,100%);padding:30px 34px 26px}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-brand img{width:54px;height:54px;border-radius:15px;object-fit:cover;box-shadow:0 8px 24px rgba(92,54,139,.2)}.auth-brand div{display:flex;flex-direction:column;line-height:1.25}.auth-brand span{font-family:"Playfair Display","Noto Sans Thai";font-weight:700;letter-spacing:.13em;color:#6f46b6}.auth-brand small{color:#8b8390;font-size:10px}.auth-card>h2{font-family:"Noto Sans Thai";font-size:28px;margin:7px 0 4px}.auth-card>p{margin:0 0 18px;line-height:1.65}.oauth-login{display:grid;gap:9px}.oauth-button{width:100%;min-height:48px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:6px 12px;border:1px solid #ded7e4;border-radius:12px;background:#fff;color:#2e2930;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}.oauth-button:hover:not(.is-pending){border-color:#936bd1;box-shadow:0 7px 18px rgba(107,70,159,.12);transform:translateY(-1px)}.oauth-button b{font-family:"Noto Sans Thai";font-size:12px;font-weight:600}.oauth-button small{font-size:8px;color:#8b8290;background:#f1edf4;padding:3px 7px;border-radius:99px;white-space:nowrap}.oauth-button.is-pending{cursor:not-allowed;background:#faf9fb;color:#817a84}.oauth-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:700;background:#fff;border:1px solid #ece7ee}.oauth-button.google .oauth-icon{color:#4285f4}.oauth-button.facebook .oauth-icon{background:#1877f2;border-color:#1877f2;color:#fff;font-size:18px}.oauth-button.line .oauth-icon{background:#06c755;border-color:#06c755;color:#fff;font-size:7px}.auth-email-divider{margin:23px 0 8px}.auth-email-divider span{font-size:9px}.auth-card form{gap:10px}.auth-card form label{color:#5e5662;font-size:10px}.auth-card input{min-height:45px;background:#faf8fb!important;border-color:#ded7e4!important;color:#29232d!important}.auth-card input:focus{border-color:#8b5cc7!important;box-shadow:0 0 0 3px rgba(126,84,183,.1)}.purple-auth-button{min-height:46px;margin-top:3px;border:0;border-radius:11px;background:linear-gradient(135deg,#8d5bd3,#6840a3);color:#fff;font:600 13px "Noto Sans Thai";box-shadow:0 9px 22px rgba(105,63,160,.24)}#authMessage{min-height:18px;margin:8px 0 0!important;color:#8a4f9f!important;text-align:center}.auth-register{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:8px;color:#746d77;font-size:11px}.auth-register button{border:0;background:none;color:#7144b2;font:600 11px "Noto Sans Thai";padding:3px;cursor:pointer}.auth-card #logoutButton{border-color:#d9cde6;background:#f8f5fb;color:#6f46a8}.auth-terms{font-size:8px!important;text-align:center;color:#9b949f!important;margin:11px auto 0!important;max-width:330px}.auth-card #authNote{text-align:center;color:#777078}@media(max-width:520px){.auth-card{padding:24px 20px 20px;border-radius:20px}.auth-brand{margin-bottom:14px}.auth-brand img{width:48px;height:48px}.auth-card>h2{font-size:24px}.oauth-button{min-height:46px}.modal{padding:12px}}

/* Member center: one account for reading, writing and purchases. */
.profile-button{overflow:hidden;padding:0;display:grid;place-items:center}.profile-button img{display:none;width:100%;height:100%;object-fit:cover}.profile-button.has-avatar img{display:block}.profile-button.has-avatar span{display:none}
.member-workspace{background:#f7f5f9;color:#2d2830}.member-workspace>header{background:rgba(255,255,255,.96);border-color:#e7e0eb;box-shadow:0 6px 24px rgba(64,40,76,.07)}.member-workspace>header b{color:#6530bd;letter-spacing:.14em}.member-workspace>header small{color:#817987}.member-workspace .back-button{color:#514a55}.member-theme{background:#f4effb;border-color:#ded2ec;color:#55279f}
.member-layout{min-height:calc(100vh - 70px);display:grid;grid-template-columns:310px minmax(0,1fr);max-width:1320px;margin:auto;padding:34px 30px 60px;gap:30px}.member-sidebar,.member-panel,.member-stats article{background:#fff;border:1px solid #e9e3ec;box-shadow:0 12px 34px rgba(59,38,68,.06)}.member-sidebar{border-radius:22px;padding:24px 20px;height:max-content;position:sticky;top:102px}.member-identity{display:flex;gap:14px;align-items:center;padding:4px 3px 14px;border-bottom:1px solid #eee9f0}.member-avatar-wrap{width:68px;height:68px;flex:0 0 68px;position:relative}.member-avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f0e8fb,#dac8f5);border:3px solid #fff;box-shadow:0 6px 18px rgba(94,50,142,.16);color:#6332ad;font-weight:700}.member-avatar img{display:none;width:100%;height:100%;object-fit:cover}.member-avatar.has-avatar img{display:block}.member-avatar.has-avatar span{display:none}.change-avatar-button{position:absolute;right:-2px;bottom:-2px;width:27px;height:27px;border-radius:50%;border:2px solid #fff;background:#6c35bd;color:#fff;display:grid;place-items:center;padding:0;font-size:14px;box-shadow:0 4px 12px rgba(64,30,105,.22)}.member-identity h1{font-size:18px;margin:0 0 2px;max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-identity p{margin:0;color:#7651b1;font-size:11px}.member-identity small{display:block;color:#8c8590;font-size:9px;margin-top:3px;max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-edit-photo{width:100%;border:1px solid #d9cbe8;background:#faf7fd;color:#6331ad;border-radius:10px;padding:9px;margin-top:12px;font:600 10px "Noto Sans Thai"}.member-edit-photo:hover{background:#f1e9fa}.avatar-status{display:block;text-align:center;color:#8b8390;font-size:8px;margin:6px 0 12px}.avatar-status.error{color:#b5345e}.avatar-status.success{color:#278559}.member-wallet{width:100%;border:0;border-radius:13px;background:linear-gradient(135deg,#7540cf,#9b6ce3);color:#fff;padding:14px 15px;margin:8px 0 12px;display:flex;align-items:center;justify-content:space-between;text-align:left}.member-wallet span{font-size:11px}.member-wallet i{font-style:normal;color:#ffe5a1}.member-wallet strong{font-size:12px}.member-menu{display:flex;flex-direction:column}.member-menu button{display:grid;grid-template-columns:30px 1fr 15px;align-items:center;text-align:left;border:0;background:transparent;color:#4f4853;padding:12px 8px;border-radius:10px}.member-menu button:hover,.member-menu button.active{background:#f3edfb;color:#612bb4}.member-menu button span{font-size:17px}.member-menu button b{font-size:11px;font-weight:500}.member-menu button i{font-size:18px;font-style:normal;color:#a69eaa}.member-theme-row{border-top:1px solid #eee9f0;margin-top:10px;padding:17px 7px 3px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#756e78}.member-theme-row button{border:0;background:#f4effa;border-radius:999px;padding:7px 10px;color:#5e2aa9}.member-theme-row i{font-style:normal;margin-right:5px}.member-logout{width:100%;margin-top:18px;border:1px solid #f0d4dd;background:#fff7fa;color:#c03e68;border-radius:10px;padding:11px;font:600 11px "Noto Sans Thai"}
.avatar-presets{margin:14px 0 7px}.avatar-presets>div:first-child{display:flex;flex-direction:column;gap:2px;margin-bottom:9px}.avatar-presets b{font-size:13px;color:#423849}.avatar-presets small{font-size:11px;color:#857b89}.avatar-preset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.avatar-preset{aspect-ratio:1;border:2px solid transparent;border-radius:50%;padding:2px;background:#f2ecf8;overflow:hidden;transition:.18s ease;cursor:pointer}.avatar-preset img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.avatar-preset:hover{border-color:#b990e7;transform:translateY(-2px)}.avatar-preset.selected{border-color:#6f35c5;box-shadow:0 0 0 3px #eee4fa}.avatar-preset:disabled{opacity:.55;cursor:wait}
.member-content{min-width:0}.member-welcome{min-height:180px;border-radius:24px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:radial-gradient(circle at 85% 30%,rgba(255,255,255,.2),transparent 23%),linear-gradient(125deg,#4f218f,#7d3bca 58%,#a66de4);box-shadow:0 18px 44px rgba(91,42,151,.2)}.member-welcome .eyebrow{color:#e7d8ff}.member-welcome h2{font-size:28px;margin:10px 0 4px}.member-welcome h2 em{color:#eadbff;font-style:normal}.member-welcome p{margin:0;color:#e9dcf5;font-size:11px}.member-welcome .purple-button{background:#fff;color:#6330ad;box-shadow:0 8px 24px rgba(38,14,66,.18)}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.member-stats article{border-radius:16px;padding:19px;display:flex;gap:14px;align-items:center}.member-stats article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f2ebfb;color:#6a32bd;font-size:19px}.member-stats article div{display:flex;flex-direction:column}.member-stats strong{font-size:22px}.member-stats small{color:#817a84;font-size:9px}.member-panel{border-radius:20px;padding:24px;margin-top:16px}.member-panel-head{display:flex;justify-content:space-between;align-items:start}.member-panel h3{font-size:16px;margin:0 0 3px}.member-panel p{font-size:10px;color:#837b86;margin:0}.member-panel button{border:0;background:transparent;color:#6831b9;font:600 10px "Noto Sans Thai"}.member-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.member-shelf-card{display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center;border:1px solid #ebe5ee;border-radius:13px;padding:9px;text-align:left;background:#fff;color:#342d38}.member-shelf-card:hover{border-color:#b798dd;box-shadow:0 8px 22px rgba(95,57,123,.08)}.member-shelf-card img{width:58px;height:76px;object-fit:cover;border-radius:8px}.member-shelf-card span{display:flex;flex-direction:column;min-width:0}.member-shelf-card b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-shelf-card small{font-size:8px;color:#857e88;margin-top:4px}.member-shelf-empty{grid-column:1/-1;border:1px dashed #dcd2e3;border-radius:14px;padding:28px;text-align:center;color:#837a88;font-size:11px}.account-panel{display:flex;align-items:center;justify-content:space-between}.account-panel>div{display:flex;align-items:center;gap:13px}.account-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f1eafa;color:#6e37bf;font-size:20px}
body[data-theme="dark"] .member-workspace{background:#0d0b10;color:#f5f1f6}body[data-theme="dark"] .member-workspace>header,body[data-theme="dark"] .member-sidebar,body[data-theme="dark"] .member-panel,body[data-theme="dark"] .member-stats article{background:#17131b;border-color:#2c2631;box-shadow:none}body[data-theme="dark"] .member-menu button{color:#d6cfd9}body[data-theme="dark"] .member-menu button:hover,body[data-theme="dark"] .member-menu button.active{background:#2a1c38;color:#caa8ff}body[data-theme="dark"] .member-shelf-card{background:#1d1821;border-color:#332b38;color:#eee8f0}body[data-theme="dark"] .member-theme-row button{background:#2a2033;color:#d0afff}body[data-theme="dark"] .member-theme{background:#28202e;border-color:#3b3043;color:#e8d9ff}
@media(max-width:860px){.member-layout{grid-template-columns:1fr;padding:18px 14px 90px}.member-sidebar{position:relative;top:auto}.member-menu{display:grid;grid-template-columns:1fr 1fr}.member-welcome{padding:26px 22px}.member-welcome .purple-button{display:none}.member-stats{grid-template-columns:1fr}.member-shelf{grid-template-columns:1fr 1fr}.member-theme{padding:8px}.member-theme b{display:none}}
@media(max-width:520px){.member-layout{padding:12px 10px 82px;gap:14px}.member-sidebar{border-radius:17px;padding:17px 14px}.member-menu{grid-template-columns:1fr}.member-theme-row{display:none}.member-welcome{min-height:160px;border-radius:18px}.member-welcome h2{font-size:23px}.member-stats{grid-template-columns:repeat(3,1fr);gap:7px}.member-stats article{padding:12px 8px;gap:7px;flex-direction:column;text-align:center}.member-stats article>span{width:34px;height:34px}.member-stats strong{font-size:18px}.member-shelf{grid-template-columns:1fr}.member-panel{padding:18px 14px}.account-panel{align-items:flex-start;gap:8px}}

/* Team operations back office */
.admin-workspace{--admin-purple:#6f35c5;--admin-purple-soft:#f3edfc;--admin-border:#e8e1ed;background:#f7f6f9;color:#2c2730}.admin-workspace>header{background:#fff;border-color:var(--admin-border);box-shadow:0 2px 14px rgba(53,36,63,.05)}.admin-workspace>header b{color:#5f2da9}.admin-header-actions{display:flex;align-items:center;gap:14px}.admin-secure{font-size:9px;color:#438467}.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 70px)}.admin-sidebar{background:#fff;border-right:1px solid var(--admin-border);padding:24px 15px;display:flex;flex-direction:column}.admin-account{display:flex;align-items:center;gap:10px;padding:0 8px 22px;border-bottom:1px solid #eee9f1}.admin-account>span{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6e35c5,#a879ea);color:#fff;display:grid;place-items:center;font-weight:800}.admin-account div{display:flex;flex-direction:column}.admin-account b{font-size:12px}.admin-account small{font-size:9px;color:#8d8491}.admin-sidebar nav{display:flex;flex-direction:column;gap:4px;padding-top:18px}.admin-sidebar nav button{display:grid;grid-template-columns:28px 1fr;align-items:center;text-align:left;border:0;background:transparent;color:#625b67;border-radius:10px;padding:11px 10px;font:500 11px "Noto Sans Thai"}.admin-sidebar nav button span{font-size:16px;color:#95899e}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:var(--admin-purple-soft);color:#5e28ad}.admin-sidebar nav button.active span{color:#7135c5}.admin-sidebar-note{margin-top:auto;border-radius:13px;background:#f7f2fc;padding:14px;color:#5f397f;display:flex;flex-direction:column}.admin-sidebar-note b{font-size:10px}.admin-sidebar-note small{font-size:8px;line-height:1.6;margin-top:3px}.admin-main{padding:36px clamp(22px,4vw,58px) 70px;overflow:auto}.admin-page{display:none;max-width:1280px;margin:auto}.admin-page.active{display:block}.admin-page-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:25px}.admin-page-head>div>span{color:#7440c3;font-size:8px;letter-spacing:.25em;font-weight:800}.admin-page-head h1{font-family:"Noto Serif Thai";font-size:29px;margin:4px 0;color:#28222c}.admin-page-head p{font-size:10px;color:#8c8490;margin:0}.admin-primary,.admin-secondary{border-radius:10px;padding:11px 17px;font:600 10px "Noto Sans Thai"}.admin-primary{border:0;color:#fff;background:linear-gradient(135deg,#8250d6,#6026b6);box-shadow:0 8px 18px rgba(101,43,184,.18)}.admin-secondary{border:1px solid #d9cce5;background:#fff;color:#6330ad}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-kpis article{background:#fff;border:1px solid var(--admin-border);border-radius:15px;padding:18px;display:flex;gap:13px;align-items:center;box-shadow:0 8px 24px rgba(53,36,63,.04)}.kpi-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:16px}.kpi-icon.purple{background:#f0e7fc;color:#7131c8}.kpi-icon.amber{background:#fff2d9;color:#b97813}.kpi-icon.green{background:#e2f5eb;color:#26845a}.kpi-icon.blue{background:#e5effd;color:#376ab2}.admin-kpis article div{display:flex;flex-direction:column}.admin-kpis small{font-size:8px;color:#8e8792}.admin-kpis strong{font-size:22px;line-height:1.25}.admin-kpis em{font-style:normal;color:#9c949f;font-size:8px}.admin-overview-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:15px;margin-top:15px}.admin-card,.admin-upload-zone,.admin-empty,.admin-role-grid article{background:#fff;border:1px solid var(--admin-border);border-radius:15px}.admin-card{padding:20px}.admin-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.admin-card-head h2{font-size:14px;margin:0}.admin-card-head p{font-size:8px;color:#9b929d;margin:2px 0}.admin-card-head button{border:0;background:transparent;color:#6e34bd;font-size:9px}.admin-task{display:grid;grid-template-columns:55px 1fr auto;gap:11px;align-items:center;border-top:1px solid #f0ebf2;padding:13px 0}.admin-task>div{display:flex;flex-direction:column}.admin-task b{font-size:10px}.admin-task small{font-size:8px;color:#938b97}.admin-task em{font-size:8px;font-style:normal;color:#9a6510;background:#fff1d7;padding:5px 8px;border-radius:999px}.task-type{font-size:8px;text-align:center;padding:6px;border-radius:7px}.task-type.series{color:#7040b6;background:#f0e8fb}.task-type.manga{color:#b35064;background:#fce9ed}.task-type.novel{color:#3b7399;background:#e8f2f8}.admin-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-quick-actions button{border:1px solid #ece5ef;background:#fbfafc;border-radius:12px;padding:16px 10px;text-align:left;display:flex;flex-direction:column;color:#4d4551}.admin-quick-actions button:hover{border-color:#bda2de;background:#f7f1fd}.admin-quick-actions span{font-size:20px;color:#753cc3}.admin-quick-actions b{font-size:10px;margin-top:7px}.admin-quick-actions small{font-size:8px;color:#99909b}.admin-toolbar{display:flex;justify-content:space-between;margin-bottom:12px;gap:12px}.admin-toolbar label{display:flex;align-items:center;gap:7px;flex:1;max-width:420px;background:#fff;border:1px solid var(--admin-border);border-radius:10px;padding:0 12px;color:#8c8290}.admin-toolbar input{border:0;outline:0;background:transparent;padding:11px 0;width:100%;font:10px "Noto Sans Thai"}.admin-toolbar select{border:1px solid var(--admin-border);background:#fff;border-radius:10px;padding:0 12px;color:#6d6570}.admin-data-table{background:#fff;border:1px solid var(--admin-border);border-radius:14px;overflow:hidden;min-height:80px}.admin-table-row{display:grid;grid-template-columns:minmax(220px,2fr) .7fr .7fr .8fr 42px;align-items:center;gap:12px;padding:13px 17px;border-top:1px solid #f0ecf2;font-size:9px}.admin-table-row:first-child{border-top:0}.admin-table-row.header{background:#faf8fb;color:#948b98;font-weight:700}.admin-table-title{display:flex;align-items:center;gap:10px}.admin-table-title img,.admin-table-placeholder{width:36px;height:46px;border-radius:6px;object-fit:cover;background:linear-gradient(135deg,#e9dcf7,#bfa4df)}.admin-table-title div{display:flex;flex-direction:column}.admin-table-title b{font-size:10px}.admin-table-title small{font-size:8px;color:#978e9b}.admin-status{justify-self:start;border-radius:999px;padding:5px 8px;font-style:normal}.admin-status.published{background:#e4f5eb;color:#2c845b}.admin-status.draft{background:#f0eafa;color:#6d3baa}.admin-row-menu{border:0;background:transparent;font-size:18px;color:#8d8491}.admin-upload-zone{text-align:center;padding:55px 20px;border-style:dashed}.admin-upload-zone>span{font-size:34px;color:#7540c2}.admin-upload-zone h2{font-size:15px;margin:12px 0 3px}.admin-upload-zone p{font-size:9px;color:#918895}.admin-upload-zone button{border:1px solid #cbb9df;background:#f8f3fc;color:#642db1;border-radius:9px;padding:9px 14px}.admin-media-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:15px}.admin-media-grid figure{margin:0;border:1px solid var(--admin-border);background:#fff;border-radius:11px;overflow:hidden}.admin-media-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.admin-media-grid figcaption{font-size:8px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-role-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:15px}.admin-role-grid article{padding:14px}.admin-role-grid b{font-size:10px;color:#6330ad}.admin-role-grid p{font-size:8px;color:#8d8590;line-height:1.55}.admin-empty{text-align:center;padding:55px 20px;margin-top:15px}.admin-empty>span{font-size:30px;color:#7d48c8}.admin-empty h2{font-size:16px}.admin-empty p{font-size:9px;color:#8d8590}.admin-audit-list article{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--admin-border);padding:15px;border-radius:12px}.admin-audit-list article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e4f5eb;color:#2c845b}.admin-audit-list div{display:flex;flex-direction:column}.admin-audit-list b{font-size:10px}.admin-audit-list small{font-size:8px;color:#938a96}.admin-editor-card{width:min(680px,94vw);max-height:90vh;overflow:auto}.admin-editor-card h2{font-size:25px;margin:8px 0 2px}.admin-editor-card>p{font-size:10px;color:#8d8590}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#675e6a}.admin-form-grid .wide{grid-column:1/-1}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{border:1px solid #ded5e3;background:#fbfafc;border-radius:9px;padding:11px;font:10px "Noto Sans Thai";color:#39313d}.admin-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.admin-form-status{min-height:16px;font-size:9px;color:#b43e62}.admin-form-status.success{color:#277e58}
.admin-form-grid .admin-check{flex-direction:row;align-items:center;border:1px solid #e3d9e8;background:#fbfafc;border-radius:9px;padding:10px}.admin-form-grid .admin-check input{width:16px;height:16px;accent-color:#6f35c5}.admin-installment-button{border:1px solid #d7c6e6;background:#faf6fd;color:#6330ad;border-radius:7px;padding:6px 8px;font:600 8px "Noto Sans Thai";white-space:nowrap}
@media(max-width:980px){.admin-shell{grid-template-columns:78px 1fr}.admin-sidebar{padding-inline:10px}.admin-account div,.admin-sidebar nav button:not(.active){font-size:0}.admin-sidebar nav button{grid-template-columns:1fr;text-align:center}.admin-sidebar nav button span{font-size:19px}.admin-sidebar-note{display:none}.admin-account{justify-content:center}.admin-account>span{width:38px;height:38px}.admin-overview-grid{grid-template-columns:1fr}.admin-role-grid{grid-template-columns:repeat(2,1fr)}.admin-media-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.admin-workspace>header{padding:0 10px}.admin-secure{display:none}.admin-shell{display:block}.admin-sidebar{position:sticky;top:70px;z-index:4;padding:6px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--admin-border)}.admin-account,.admin-sidebar-note{display:none}.admin-sidebar nav{padding:0;display:flex;flex-direction:row;min-width:max-content}.admin-sidebar nav button,.admin-sidebar nav button:not(.active){font-size:8px;display:flex;gap:5px;padding:8px 10px}.admin-sidebar nav button span{font-size:14px}.admin-main{padding:22px 12px 85px}.admin-page-head{align-items:flex-start}.admin-page-head h1{font-size:23px}.admin-page-head p{max-width:220px}.admin-kpis{grid-template-columns:1fr 1fr}.admin-kpis article{padding:13px}.admin-kpis strong{font-size:18px}.admin-table-row{grid-template-columns:minmax(150px,1fr) .7fr 32px}.admin-table-row>:nth-child(3),.admin-table-row>:nth-child(4){display:none}.admin-role-grid{grid-template-columns:1fr}.admin-media-grid{grid-template-columns:repeat(3,1fr)}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .wide{grid-column:auto}.admin-header-actions .purple-button{display:none}}

/* Consumer-first layout and accessible sizing */
.quick-card{text-decoration:none;cursor:pointer}.quick-card,.gold-button,.glass-button,.ghost-button,.outline-button{min-height:44px}.content-section{max-width:1480px}.section-heading h2{font-size:clamp(30px,3vw,46px)}.book-card-info h3,.series-row h3,.manga-info h3{font-size:16px}.book-card-info p,.series-row p,.manga-info p{font-size:12px}.book-card-info small{font-size:11px}.member-layout{max-width:1460px;grid-template-columns:340px minmax(0,1fr)}.member-sidebar{padding:28px 24px}.member-menu button{min-height:52px}.member-menu button b{font-size:14px}.member-menu button span{font-size:19px}.member-identity h1{font-size:20px}.member-identity p{font-size:13px}.member-identity small,.avatar-status{font-size:11px}.member-edit-photo,.member-logout{min-height:44px;font-size:13px}.member-welcome p,.member-panel p{font-size:13px}.member-stats small{font-size:11px}.admin-shell{grid-template-columns:280px minmax(0,1fr)}.admin-sidebar nav button{min-height:48px;font-size:13px}.admin-account b{font-size:14px}.admin-account small,.admin-page-head p{font-size:12px}.admin-page-head h1{font-size:34px}.admin-primary,.admin-secondary{min-height:44px;font-size:12px}.admin-kpis small,.admin-kpis em,.admin-card-head p,.admin-task small,.admin-table-title small,.admin-form-grid label,.admin-form-status{font-size:10px}.admin-card-head h2{font-size:17px}.admin-table-row{font-size:11px}.admin-table-title b{font-size:12px}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{font-size:13px;min-height:44px}

.admin-live{font-size:10px;color:#9b6a20;background:#fff6df;border:1px solid #f0ddb1;border-radius:999px;padding:7px 10px;white-space:nowrap}.admin-live.connected{color:#237551;background:#e7f7ef;border-color:#bee7d2}.admin-row-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-row-actions button,.admin-installment-button{border:1px solid #d8c8e7;background:#fff;color:#6834ae;border-radius:8px;padding:7px 9px;font:600 10px "Noto Sans Thai";white-space:nowrap}.admin-table-row{grid-template-columns:minmax(220px,2fr) .7fr .7fr .8fr minmax(115px,.8fr)}.admin-table-row select{width:100%;border:1px solid #ded5e3;border-radius:8px;background:#fff;padding:8px;font:10px "Noto Sans Thai"}.admin-finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.admin-inline-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-inline-form label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#675e6a}.admin-inline-form label.wide,.admin-inline-form .admin-form-status{grid-column:1/-1}.admin-inline-form input,.admin-inline-form textarea{border:1px solid #ded5e3;background:#fbfafc;border-radius:9px;padding:10px;font:12px "Noto Sans Thai"}.admin-mode-badge{font-size:9px;font-weight:800;color:#815a00;background:#fff1c7;border-radius:999px;padding:6px 9px}.admin-subheading{font-size:17px;margin:24px 0 9px}.payout-summary{margin-top:12px;border-top:1px solid #eee7f1;padding-top:12px;display:flex;flex-direction:column;gap:3px}.payout-summary b{font-size:12px}.payout-summary span,.payout-summary small{font-size:10px;color:#7e7481}.admin-installment-list{display:flex;flex-direction:column;gap:7px;max-height:210px;overflow:auto;margin:12px 0 18px;padding:10px;background:#f8f5fa;border-radius:12px}.admin-installment-list>button{display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid #e4dbe9;background:#fff;border-radius:9px;padding:10px;color:#39313d}.admin-installment-list>button span{display:flex;flex-direction:column}.admin-installment-list b{font-size:11px}.admin-installment-list small{font-size:9px;color:#8e8491}.admin-installment-list em{font-style:normal;color:#6f35c5;font-size:10px}.admin-installment-list>p{font-size:10px;color:#817783;text-align:center}.admin-audit-list{display:grid;gap:8px}.admin-data-table small{display:block;color:#918794;margin-top:2px}.admin-data-table .hidden{display:none}

@media(max-width:900px){.admin-finance-grid{grid-template-columns:1fr}.admin-live{display:none}}
@media(max-width:680px){.admin-table-row{grid-template-columns:minmax(145px,1fr) minmax(90px,.7fr)}.admin-table-row>:nth-child(2),.admin-table-row>:nth-child(3),.admin-table-row>:nth-child(4){display:none}.admin-row-actions{justify-content:flex-end}.admin-inline-form{grid-template-columns:1fr}.admin-inline-form label.wide,.admin-inline-form .admin-form-status{grid-column:auto}}

/* Reading room */
.reader{--reader-paper:#f6f0e5;--reader-ink:#302a28;background:var(--reader-paper);color:var(--reader-ink);font-family:"Noto Sans Thai",sans-serif}.reader.reader-theme-light{--reader-paper:#fff;--reader-ink:#29262a}.reader.reader-theme-sepia{--reader-paper:#f6f0e5;--reader-ink:#302a28}.reader.reader-theme-dark{--reader-paper:#171519;--reader-ink:#e7e1e7}.reader .reader-header{height:76px;padding:0 clamp(14px,3vw,42px);background:color-mix(in srgb,var(--reader-paper) 92%,transparent);color:var(--reader-ink);border-color:color-mix(in srgb,var(--reader-ink) 14%,transparent);backdrop-filter:blur(18px)}.reader-back,.reader-tools button{min-height:44px;border-radius:10px!important;padding:8px 12px!important;color:inherit!important;font:600 12px "Noto Sans Thai"!important}.reader-back:hover,.reader-tools button:hover,.reader-tools button.active{background:color-mix(in srgb,var(--reader-ink) 9%,transparent)!important}.reader-current b{font-size:14px}.reader-current small{font-size:11px!important;color:color-mix(in srgb,var(--reader-ink) 65%,transparent)!important}.reader-tools{gap:8px}.reader-settings{position:sticky;top:76px;z-index:4;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:12px 18px;background:color-mix(in srgb,var(--reader-paper) 96%,transparent);border-bottom:1px solid color-mix(in srgb,var(--reader-ink) 12%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--reader-ink) 7%,transparent);transition:.2s}.reader-settings.collapsed{display:none}.reader-settings>div{display:flex;align-items:center;gap:7px}.reader-settings span{font-size:11px;color:color-mix(in srgb,var(--reader-ink) 67%,transparent);margin-right:3px}.reader-settings button,.reader-settings select{min-height:36px;border:1px solid color-mix(in srgb,var(--reader-ink) 18%,transparent);background:transparent;color:inherit;border-radius:9px;font:500 11px "Noto Sans Thai"}.reader-settings button{min-width:40px}.reader-settings select{min-width:176px;padding:6px 30px 6px 10px}.reader-settings select option{background:var(--reader-paper);color:var(--reader-ink)}.reader-settings button:hover,.reader-settings button.active,.reader-settings select:focus{border-color:#7c48c9;outline:2px solid color-mix(in srgb,#7c48c9 24%,transparent)}.reader-settings button:hover,.reader-settings button.active{background:#7c48c9;color:#fff}.reader-settings output{min-width:28px;text-align:center;font-size:12px}.reader article{width:calc(100% - 32px);max-width:760px;margin:70px auto;padding:0 32px 120px;font-family:var(--reader-font-family,"Noto Sans Thai",sans-serif)}.reader-width-narrow article{max-width:620px}.reader-width-standard article{max-width:760px}.reader-width-wide article{max-width:900px}.reader article h1{font-family:"Noto Serif Thai";font-size:clamp(32px,4vw,48px);line-height:1.4;margin:18px auto;text-align:center;color:inherit}.reader-chapter-label{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;color:color-mix(in srgb,var(--reader-ink) 60%,transparent);font-size:12px}.reader .chapter-no{display:inline;color:#7650aa;font-size:12px}.reader-divider{text-align:center;color:#8759ba;margin:18px 0 42px;font-size:10px}.reader article p{font-family:inherit;font-size:var(--reader-font,18px);line-height:var(--reader-line,2);margin:0 0 1.7em;text-align:left;letter-spacing:.012em;word-break:break-word}.reader-end{border-color:color-mix(in srgb,var(--reader-ink) 15%,transparent);color:color-mix(in srgb,var(--reader-ink) 65%,transparent)}.reader-end button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:15px 4px;background:#6c39b6;color:#fff;font:600 13px "Noto Sans Thai"}.reading-progress{height:4px;background:linear-gradient(90deg,#6b34bd,#b080f1)}

/* Dedicated entertainment catalogues */
.catalog-body{min-height:100vh;background:#f7f5f8;color:#2c2730;font-family:"Noto Sans Thai",sans-serif}.catalog-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(18px,5vw,72px);background:#fff;border-bottom:1px solid #ece6ef;position:sticky;top:0;z-index:10}.catalog-header .brand{color:#3b313f}.catalog-header nav{display:flex;gap:8px}.catalog-header nav a,.catalog-account{padding:11px 16px;border-radius:10px;text-decoration:none;color:#625a66;font-weight:600;font-size:14px}.catalog-header nav a:hover,.catalog-header nav a.active{background:#f1e9fb;color:#6730b8}.catalog-account{background:#6d35bc;color:#fff}.catalog-main{max-width:1480px;margin:auto;padding:64px clamp(18px,5vw,72px) 100px}.catalog-intro{max-width:760px}.catalog-intro>span{color:#7040bc;font-size:12px;letter-spacing:.2em;font-weight:800}.catalog-intro h1{font:700 clamp(42px,6vw,72px) "Noto Serif Thai";margin:8px 0}.catalog-intro p{font-size:16px;line-height:1.75;color:#716976}.catalog-filter{margin:36px 0 28px;display:flex;align-items:end;justify-content:space-between;gap:18px}.catalog-filter label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#706873;flex:1;max-width:500px}.catalog-filter input{height:48px;border:1px solid #dcd4e2;border-radius:12px;background:#fff;padding:0 15px;font:14px "Noto Sans Thai"}.catalog-filter>div{display:flex;gap:7px;flex-wrap:wrap}.catalog-filter button{min-height:40px;padding:8px 13px;border:1px solid #dcd2e5;background:#fff;border-radius:999px;color:#625a67}.catalog-filter button.active{background:#6c35ba;color:#fff;border-color:#6c35ba}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.catalog-card{min-width:0;background:#fff;border:1px solid #e9e2ed;border-radius:18px;overflow:hidden;box-shadow:0 14px 38px rgba(62,42,71,.06)}.catalog-card>a:first-child{display:block;aspect-ratio:3/4;overflow:hidden;background:#ede5f4}.catalog-card img,.catalog-art{width:100%;height:100%;object-fit:cover}.catalog-art{display:grid;place-items:center;font:600 62px "Noto Serif Thai";color:#fff;background:radial-gradient(circle at 25% 20%,#ffffff33,transparent 30%),linear-gradient(145deg,#5f2aa6,#aa6a99)}.catalog-card>div{padding:18px}.catalog-card span{font-size:10px;color:#7643bd;font-weight:700}.catalog-card h2{font:700 21px "Noto Serif Thai";margin:7px 0}.catalog-card p{font-size:12px;line-height:1.65;color:#746c78;min-height:40px}.catalog-card small{display:block;font-size:11px;color:#8f8792}.catalog-open{display:inline-block;margin-top:14px;text-decoration:none;color:#6630b5;font-weight:700;font-size:12px}.catalog-video-grid .catalog-card>a:first-child{aspect-ratio:16/10}.catalog-empty{grid-column:1/-1;padding:60px;text-align:center;background:#fff;border-radius:18px;color:#827987}.catalog-footer{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;padding:28px;background:#fff;border-top:1px solid #ebe5ef;font-size:12px}.catalog-footer a{color:#6835b1;text-decoration:none}

@media(max-width:980px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-header nav{display:none}.catalog-main{padding-top:42px}.admin-shell{grid-template-columns:96px 1fr}.admin-sidebar nav button,.admin-sidebar nav button:not(.active){font-size:0}}
@media(max-width:680px){.reader .reader-header{height:66px}.reader-back span,.reader-tools button span{display:none}.reader-current{max-width:45vw}.reader-settings{top:66px;justify-content:flex-start;gap:10px;padding:10px;overflow-x:auto;flex-wrap:nowrap}.reader-settings>div{flex:0 0 auto}.reader-settings>div>span{display:none}.reader article{width:100%;margin:44px auto;padding:0 20px 100px}.reader article p{text-align:left}.catalog-header{height:68px;padding:0 14px}.catalog-header .brand small{display:none}.catalog-account{padding:9px 11px;font-size:11px}.catalog-main{padding:34px 14px 80px}.catalog-intro p{font-size:14px}.catalog-filter{align-items:stretch;flex-direction:column}.catalog-filter label{max-width:none}.catalog-grid{grid-template-columns:1fr 1fr;gap:12px}.catalog-card>div{padding:13px}.catalog-card h2{font-size:16px}.catalog-card p{font-size:10px}.catalog-card small{font-size:9px}.catalog-open{font-size:11px}.member-layout{grid-template-columns:1fr}.member-menu button b{font-size:13px}.admin-sidebar nav button,.admin-sidebar nav button:not(.active){font-size:10px}.admin-page-head p{font-size:11px}}

@media(max-width:680px){.reader-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px;overflow:visible}.reader-settings.collapsed{display:none}.reader-settings>div{min-width:0;display:grid;grid-template-columns:auto repeat(3,minmax(34px,auto));justify-content:center;gap:5px;padding:8px 7px;border:1px solid color-mix(in srgb,var(--reader-ink) 12%,transparent);border-radius:12px}.reader-settings>div>span{display:block;grid-column:1/-1;margin:0;text-align:center;font-size:10px}.reader-settings button{min-width:34px;min-height:34px;padding:4px}.reader-settings output{min-width:26px;align-self:center}.reader-font-family-controls{grid-column:1/-1!important;grid-template-columns:auto minmax(0,1fr)!important}.reader-font-family-controls>span{grid-column:auto!important;text-align:left!important}.reader-settings select{width:100%;min-width:0}.reader-theme-controls,.reader-width-controls{grid-template-columns:repeat(3,minmax(40px,1fr))!important}.reader article{margin-top:34px}.reader article p{font-size:max(var(--reader-font,18px),17px)}}

.catalog-cover-button{display:block;width:100%;aspect-ratio:3/4;padding:0;border:0;cursor:pointer;overflow:hidden;background:#ede5f4}.catalog-cover-button img,.catalog-cover-button .catalog-art{width:100%;height:100%;object-fit:cover}.catalog-video-grid .catalog-cover-button{aspect-ratio:16/10}.catalog-open{border:0;background:transparent;padding:0;cursor:pointer}.viewer-open{overflow:hidden}.catalog-viewer{position:fixed;inset:0;z-index:100;background:#17101f;color:#fff;overflow:auto}.catalog-viewer[aria-hidden="true"]{display:none}.catalog-viewer-bar{position:sticky;top:0;z-index:2;min-height:70px;display:grid;grid-template-columns:90px 1fr 90px;align-items:center;padding:10px clamp(14px,4vw,36px);background:rgba(23,16,31,.96);border-bottom:1px solid #382943;backdrop-filter:blur(12px)}.catalog-viewer-bar button{justify-self:start;border:0;background:transparent;color:#fff;font:700 14px "Noto Sans Thai";cursor:pointer}.catalog-viewer-bar>div{text-align:center;min-width:0}.catalog-viewer-bar b,.catalog-viewer-bar small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-viewer-bar b{font:700 17px "Noto Serif Thai"}.catalog-viewer-bar small{color:#aa98b6;font-size:10px;margin-top:2px}.catalog-viewer-bar>span{justify-self:end;color:#caa8f7;font-size:10px;font-weight:800;letter-spacing:.15em}.manga-viewer-content{width:min(900px,100%);margin:auto;background:#111}.manga-viewer-content>img{display:block;width:100%;height:auto}.viewer-end{text-align:center;padding:60px 20px 80px;background:#21162c}.viewer-end b{color:#d4b5fa;font:700 28px "Noto Serif Thai"}.viewer-end p{color:#b6a7c1}.video-viewer-content{max-width:1100px;margin:auto;padding:clamp(22px,5vw,72px)}.video-viewer-content video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:20px;box-shadow:0 26px 80px #0008}.video-detail{padding:30px 4px}.video-detail span{color:#c69af8;font-size:11px;font-weight:800;letter-spacing:.15em}.video-detail h1{font:700 clamp(30px,5vw,52px) "Noto Serif Thai";margin:8px 0}.video-detail p{color:#c6bbce;line-height:1.7}.video-detail small{display:block;color:#8f7f9b;margin-top:18px}

/* Scalable entertainment-home layout */
body{font-family:"Noto Sans Thai",Tahoma,sans-serif;font-weight:400}
.site-header,.quick-strip,.content-section,.continue-section,.membership,footer{font-family:"Noto Sans Thai",Tahoma,sans-serif}
.hero h1,.section-heading h2,.book-card-info h3,.series-feature h3,.series-row h3,.manga-info h3,.membership h2{font-family:"Noto Serif Thai","Noto Sans Thai",serif;font-style:normal}
body[data-theme="light"] .hero{height:min(520px,66vh);min-height:460px;max-width:1540px;margin-top:84px}
.hero-content{max-width:540px;margin-top:20px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.12;margin:14px 0}.hero h1 em{font-family:"Noto Serif Thai","Noto Sans Thai",serif;font-style:normal;font-weight:700}.hero p{font-size:16px}.hero-proof{margin-top:22px}
.quick-strip{width:min(1280px,94%);margin-bottom:42px}.quick-card{padding:18px 20px}
.content-section{width:min(100%,1540px);padding:34px clamp(20px,4vw,64px) 48px}.content-section.tinted>*{max-width:1410px}
.section-heading{margin-bottom:18px;align-items:center}.section-heading h2{font-size:clamp(25px,2.3vw,35px);line-height:1.35;margin-top:4px}.eyebrow{font-size:10px}.shelf-actions{display:flex;align-items:center;gap:7px}.shelf-actions>button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);font-size:23px;line-height:1}.shelf-actions>a{text-decoration:none;color:var(--purple);font-size:12px;font-weight:700;margin-left:5px}
.original-library{display:grid;grid-auto-flow:column;grid-auto-columns:172px;grid-template-columns:none;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b89dde transparent;padding:2px 2px 14px}.book-card{width:172px;scroll-snap-align:start}.book-cover-button{aspect-ratio:148/210;border-radius:10px;box-shadow:0 9px 24px rgba(41,24,45,.14)}.book-card-info{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:10px 2px 0}.book-index{display:none}.book-card-info h3{font-size:15px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-info p{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-info small{font-size:9px}.book-card-info>button{width:30px;height:30px}.free-ribbon,.complete-badge{font-size:8px;padding:4px 7px;top:8px}.free-ribbon{left:8px}.complete-badge{right:8px}
.continue-section{max-width:1410px;margin-bottom:28px;padding-block:24px}.continue-copy h2{font-size:30px}
.series-grid{display:block}.series-feature{position:relative;border-radius:12px;margin-bottom:18px}.series-art{height:clamp(260px,30vw,410px)}.series-feature>div:last-child{position:absolute;left:0;right:0;bottom:0;padding:70px 28px 24px;background:linear-gradient(transparent,rgba(8,7,10,.94));color:#fff}.series-feature p{color:#d7d0d8;max-width:700px}.series-list{display:grid;grid-auto-flow:column;grid-auto-columns:260px;grid-template-columns:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#7650b1 transparent;padding:1px 1px 15px}.series-row{display:block;position:relative;padding:0;overflow:hidden;border-radius:9px;scroll-snap-align:start;background:#17121c}.series-thumb{aspect-ratio:16/9;min-height:0;border-radius:0;font-size:28px;overflow:hidden}.series-thumb img{width:100%;height:100%;object-fit:cover}.series-row>div:last-child{padding:11px}.series-row h3{font-size:14px}.series-row p{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-row .coin-button{margin-top:7px;font-size:10px}
.manga-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:172px;grid-template-columns:none;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b89dde transparent;padding:2px 2px 15px}.manga-card{display:block;min-height:0;scroll-snap-align:start;border-radius:10px;background:transparent!important;box-shadow:none!important;border:0}.manga-art{width:100%;aspect-ratio:148/210;border-radius:10px;overflow:hidden;font-family:"Noto Serif Thai";font-size:28px}.manga-art img{width:100%;height:100%;object-fit:cover}.manga-info{padding:9px 2px}.manga-info h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-info p{font-size:9px}.manga-info a,.manga-info button{margin-top:6px;font-size:10px}
.membership{margin-block:52px}

/* Bordered A5-like reading paper */
.reader{background:#e9e6eb}.reader.reader-theme-light{background:#ece9ee}.reader.reader-theme-sepia{background:#e7dfd1}.reader.reader-theme-dark{background:#0d0c0f}
.reader article{max-width:820px;width:calc(100% - 40px);margin:42px auto 90px;padding:58px clamp(34px,7vw,86px) 100px;background:var(--reader-paper);border:1px solid color-mix(in srgb,var(--reader-ink) 15%,transparent);border-radius:4px;box-shadow:0 18px 55px rgba(40,28,45,.14);min-height:calc(100vh - 160px)}
.reader-width-narrow article{max-width:680px}.reader-width-standard article{max-width:820px}.reader-width-wide article{max-width:960px}.reader article p{max-width:68ch;margin-left:auto;margin-right:auto}.reader article h1{font-family:"Noto Serif Thai","Noto Sans Thai",serif}.reader-end{max-width:68ch;margin-left:auto;margin-right:auto}

@media(max-width:720px){body[data-theme="light"] .hero{height:68vh;min-height:540px}.hero h1{font-size:42px}.hero p{font-size:14px}.content-section{padding:28px 14px 40px}.section-heading{align-items:flex-end}.section-heading h2{font-size:23px}.shelf-actions>button{display:none}.shelf-actions>a{font-size:10px}.original-library{grid-auto-columns:142px;gap:12px}.book-card{width:142px}.manga-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:124px;grid-template-columns:none;gap:11px;overflow-x:auto;padding:2px 2px 14px}.manga-card{width:124px;min-width:0;overflow:hidden}.manga-art{width:124px}.manga-info{min-width:0;overflow:hidden;padding:8px 1px}.manga-info h3{display:-webkit-box;min-width:0;height:2.85em;margin:6px 0 3px;overflow:hidden;white-space:normal;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}.book-card-info h3,.manga-info h3{font-size:13px}.manga-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manga-info a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-list{grid-auto-columns:225px}.series-feature>div:last-child{padding:60px 18px 17px}.series-feature h3{font-size:21px}.reader article{width:calc(100% - 20px);margin:22px auto 80px;padding:38px 22px 82px;border-radius:3px;box-shadow:0 10px 30px rgba(40,28,45,.12)}.reader article p{font-size:var(--reader-font,18px);line-height:var(--reader-line,1.95)}}

/* Dense, scalable full catalogues */
.catalog-main{max-width:1540px;padding-top:48px}.catalog-intro h1{font-size:clamp(38px,4vw,58px)}.catalog-filter{margin-top:28px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(168px,210px));gap:24px 18px;justify-content:start}.catalog-card{border-radius:12px;box-shadow:0 8px 24px rgba(62,42,71,.06)}.catalog-cover-button{aspect-ratio:148/210}.catalog-card>div{padding:13px}.catalog-card h2{font-size:17px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-card p{font-size:10px;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-card small,.catalog-open{font-size:10px}.catalog-video-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.catalog-video-grid .catalog-card{max-width:370px}.catalog-video-grid .catalog-cover-button{aspect-ratio:16/9}
.catalog-cover-button{display:block;width:100%;padding:0;border:0;overflow:hidden;background:#ede5f4;cursor:pointer}.catalog-cover-button img,.catalog-cover-button .catalog-art{display:block;width:100%;height:100%;object-fit:cover}.manga-search{display:grid;grid-template-columns:auto minmax(240px,520px);align-items:center;justify-content:end;gap:12px;margin:30px 0 24px}.manga-search label{color:#655b69;font-size:12px;font-weight:800}.manga-search input{width:100%;height:46px;padding:0 15px;border:1px solid #ddd4e2;border-radius:12px;background:#fff;font:13px "Noto Sans Thai"}.manga-discovery{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.manga-category-panel{position:sticky;top:106px;padding:20px;border:1px solid #e5ddea;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(62,42,71,.05)}.manga-category-panel>span,.manga-catalog-results>header span{color:#7b47bf;font-size:9px;font-weight:900;letter-spacing:.18em}.manga-category-panel h2{margin:5px 0 2px;font:700 20px "Noto Serif Thai"}.manga-category-panel p{margin:0 0 15px;color:#8b828e;font-size:10px}.manga-category-list{display:flex;flex-direction:column;gap:7px}.manga-category-list button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:8px 12px;border:1px solid #e4dbe8;border-radius:10px;background:#faf8fb;color:#5f5662;font:700 12px "Noto Sans Thai";cursor:pointer}.manga-category-list button:after{content:"›";color:#a28eae}.manga-category-list button.active{border-color:#7340bc;background:#7340bc;color:#fff}.manga-category-list button.active:after{color:#fff}.manga-catalog-results{min-width:0}.manga-catalog-results>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px;padding-bottom:12px;border-bottom:1px solid #e6dfe9}.manga-catalog-results>header h2{margin:3px 0 0;font:700 25px "Noto Serif Thai"}.manga-catalog-results>header>b{color:#796f7d;font-size:11px}.manga-catalog-page .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,188px));gap:22px 16px}.manga-catalog-page .catalog-card{width:100%;max-width:188px}.manga-catalog-page .catalog-cover-button{aspect-ratio:148/210}.manga-catalog-page .catalog-card h2{font-size:16px}.manga-catalog-page .catalog-card p{min-height:32px}
@media(max-width:860px){.manga-discovery{grid-template-columns:minmax(0,1fr);gap:20px}.manga-category-panel,.manga-catalog-results{min-width:0;max-width:100%}.manga-category-panel{position:static;padding:14px}.manga-category-panel>span,.manga-category-panel>p{display:none}.manga-category-panel h2{font-size:17px;margin:0 0 10px}.manga-category-list{max-width:100%;flex-direction:row;overflow-x:auto;padding-bottom:3px}.manga-category-list button{flex:0 0 auto;width:auto;min-height:38px;border-radius:999px}.manga-category-list button:after{display:none}.manga-catalog-page .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.manga-catalog-page .catalog-card{max-width:190px}}
@media(max-width:560px){.manga-search{grid-template-columns:1fr;gap:6px;margin-top:22px}.manga-search label{font-size:11px}.manga-catalog-results>header h2{font-size:21px}.manga-catalog-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 11px}.manga-catalog-page .catalog-card{max-width:none}.manga-catalog-page .catalog-card p{display:none}.manga-catalog-page .catalog-card h2{font-size:14px}}
.entertainment-main{padding-top:42px}.entertainment-main .catalog-intro{max-width:900px}.entertainment-filters{position:sticky;top:82px;z-index:8;margin:30px 0 32px;padding:10px 0 14px;background:rgba(247,245,248,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e8e1eb}.media-type-tabs{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:4px;padding:4px;background:#fff;border:1px solid #e8e0eb;border-radius:18px;box-shadow:0 12px 32px rgba(60,39,70,.08)}.media-type-tabs button{height:43px;border:0;border-radius:14px;background:transparent;color:#6d6370;font:700 13px "Noto Sans Thai"}.media-type-tabs button.active{background:linear-gradient(135deg,#7a3cc5,#9f3154);color:#fff;box-shadow:0 7px 18px rgba(105,50,167,.22)}.genre-scroll{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 5px;scrollbar-width:thin;scrollbar-color:#b79bd8 transparent}.genre-scroll button{flex:0 0 auto;min-height:38px;padding:7px 15px;border:1px solid #e2d9e5;border-radius:999px;background:#fff;color:#665b69;font:700 11px "Noto Sans Thai"}.genre-scroll button.active{border-color:#a873c9;background:#f4e8f1;color:#8f3152}.entertainment-search{display:flex;align-items:center;gap:10px;margin-top:12px;color:#766d79;font-size:11px}.entertainment-search input{flex:1;max-width:480px;height:44px;padding:0 14px;border:1px solid #ded4e2;border-radius:12px;background:#fff;font:13px "Noto Sans Thai"}.entertainment-grid{grid-template-columns:repeat(auto-fill,minmax(168px,210px))}
@media(max-width:680px){.entertainment-main{padding-top:26px}.entertainment-main .catalog-intro h1{font-size:34px;line-height:1.25}.entertainment-filters{top:68px;margin-top:22px}.media-type-tabs{display:flex;overflow-x:auto;border-radius:14px}.media-type-tabs button{flex:0 0 92px}.genre-scroll{padding-top:11px}.entertainment-search{align-items:stretch;flex-direction:column;gap:6px}.entertainment-search input{max-width:none;width:100%}.entertainment-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.catalog-video-grid{grid-template-columns:1fr}.catalog-video-grid .catalog-card{max-width:none}.catalog-card h2{font-size:15px}}

/* Compact series discovery and episode-based video player */
.series-grid{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);gap:20px;align-items:start}.series-art{height:205px}.series-feature>div:last-child{padding:16px}.series-feature h3{font-size:20px}.series-list{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:12px}.series-row{grid-template-columns:86px minmax(0,1fr);gap:11px;padding:9px}.series-thumb{min-height:68px}.series-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}.big-play{z-index:2}.coin-lock{pointer-events:none}
.catalog-video-grid{grid-template-columns:repeat(auto-fill,minmax(190px,230px));gap:20px 16px}.catalog-video-grid .catalog-card{max-width:230px}.catalog-video-grid .catalog-cover-button{aspect-ratio:16/10}.catalog-video-grid .catalog-card>div{padding:12px}.catalog-video-grid .catalog-card h2{font-size:16px}.catalog-video-grid .catalog-card p{min-height:31px}
.manga-detail-content{min-height:calc(100vh - 70px);background:#0e0a13}.manga-detail-shell{display:grid;grid-template-columns:340px minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100vh - 70px)}.manga-toc{position:sticky;top:70px;align-self:start;max-height:calc(100vh - 70px);overflow:auto;padding:24px 18px;background:#17111d;border-right:1px solid #382b43}.manga-work{padding:0 6px 22px;border-bottom:1px solid #382b43}.manga-work>img{display:block;width:118px;aspect-ratio:148/210;object-fit:cover;border-radius:9px;border:1px solid #51405c;box-shadow:0 12px 28px #0007}.manga-work>span,.manga-toc>header>span{display:block;margin-top:15px;color:#c89cf4;font-size:10px;font-weight:800;letter-spacing:.14em}.manga-work h1{margin:7px 0;font:700 22px/1.45 "Noto Serif Thai"}.manga-work p{margin:0;color:#a99db0;font-size:11px;line-height:1.65}.manga-toc>header{display:flex;align-items:center;justify-content:space-between;padding:18px 6px 9px}.manga-toc>header>span{margin:0}.manga-toc>header>b{color:#aa9caf;font-size:10px}.manga-chapter-list{display:flex;flex-direction:column;gap:7px}.manga-chapter-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#fff;text-align:left;cursor:pointer}.manga-chapter-row:hover,.manga-chapter-row.active{background:#281d30;border-color:#523b61}.manga-chapter-row>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#3a2850;color:#d7b7fb;font-size:11px;font-weight:800}.manga-chapter-row>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.manga-chapter-row b{font-size:11px;line-height:1.4}.manga-chapter-row small{margin-top:4px;color:#a897b0;font-size:9px}.manga-chapter-row i{color:#cda8f6;font-size:9px;font-style:normal}.manga-reader-stage{min-width:0;padding:clamp(18px,4vw,52px);background:radial-gradient(circle at 50% 0,#2b1c3738,transparent 35%),#0e0a13}.manga-paper{width:min(900px,100%);margin:auto;padding:18px;background:#f8f5fa;border:1px solid #d7cedd;border-radius:14px;box-shadow:0 26px 80px #0009}.manga-paper>header{padding:22px 18px 28px;color:#291f2f;text-align:center;border-bottom:1px solid #ddd4e2}.manga-paper>header span{color:#7742bd;font-size:10px;font-weight:800;letter-spacing:.15em}.manga-paper>header h2{margin:7px 0 0;font:700 25px "Noto Serif Thai"}.manga-paper>img{display:block;width:100%;height:auto;margin:14px 0;border:1px solid #d8d0dd;background:#111}.manga-paper .viewer-end{margin-top:16px;border-radius:8px}.manga-lock-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(760px,100%);min-height:520px;margin:auto;padding:40px;text-align:center;border:1px solid #493854;border-radius:16px;background:radial-gradient(circle at 50% 10%,#7544a342,transparent 42%),#18121e}.manga-lock-screen>span{font-size:42px}.manga-lock-screen h2{margin:14px 0 6px;font:700 clamp(24px,4vw,38px) "Noto Serif Thai"}.manga-lock-screen p{max-width:520px;color:#b3a6ba;line-height:1.7}.manga-lock-screen strong{margin:20px 0 13px;color:#d9b7ff;font-size:20px}.manga-lock-screen button{border:0;border-radius:10px;background:#7842c7;color:#fff;padding:12px 22px;font:700 13px "Noto Sans Thai";cursor:pointer}.manga-lock-screen small{min-height:18px;margin-top:12px;color:#efb1b1}
.video-viewer-content{max-width:none;margin:0;padding:0;background:#0b0910;min-height:calc(100vh - 70px)}.video-theater{display:grid;grid-template-columns:minmax(0,1fr) 370px;min-height:calc(100vh - 70px)}.video-stage{padding:22px clamp(18px,3vw,42px);background:#09080b}.at-video-player{position:relative;width:100%;background:#000;border:1px solid #302735;border-radius:9px;overflow:hidden;box-shadow:0 22px 70px #000b}.video-stage .at-video-player video{display:block;width:100%;max-height:70vh;aspect-ratio:16/9;object-fit:contain;background:#000;border:0;border-radius:0;box-shadow:none}.at-video-tools{position:absolute;right:10px;bottom:48px;display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #ffffff38;border-radius:13px;background:#160f1ee8;backdrop-filter:blur(10px)}.at-video-tools label{display:flex;align-items:center;gap:7px;color:#fff;font:700 10px "Noto Sans Thai"}.at-video-tools select,.at-video-tools button{height:34px;border:1px solid #ffffff38;border-radius:9px;background:#2a1f33;color:#fff;font:700 10px "Noto Sans Thai";cursor:pointer}.at-video-tools select{padding:0 28px 0 10px}.at-video-tools button{display:flex;align-items:center;gap:5px;padding:0 11px;font-size:16px}.at-video-tools button span{font-size:10px}.at-video-player:fullscreen{display:grid;place-items:center;background:#000;border:0;border-radius:0}.at-video-player:fullscreen video{width:100vw;height:100vh;max-height:none}.at-video-player:fullscreen .at-video-tools{right:18px;bottom:70px}.video-stage .video-detail{padding:22px 2px}.video-stage .video-detail h1{font-size:clamp(25px,3vw,40px)}.series-lock-screen{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 20%,#673ca144,transparent 40%),#120f16;border:1px solid #3b3043;border-radius:9px}.series-lock-screen>span{font-size:34px}.series-lock-screen h2{font:700 clamp(21px,3vw,34px) "Noto Serif Thai";margin:10px 0 2px}.series-lock-screen p{color:#a99eae;margin:0}.series-lock-screen strong{color:#d5b5ff;font-size:18px;margin:20px 0 12px}.series-lock-screen button,.test-coin-button{border:0;border-radius:10px;background:#7640c5;color:#fff;padding:11px 18px;font:700 12px "Noto Sans Thai";cursor:pointer}.series-lock-screen small{color:#94889d;margin-top:10px}.episode-panel{min-width:0;background:#151218;border-left:1px solid #332a38;padding:22px 16px;display:flex;flex-direction:column}.episode-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:0 4px 16px;border-bottom:1px solid #332a38}.episode-panel header span{color:#b88bea;font-size:10px;font-weight:800;letter-spacing:.14em}.episode-panel header h2{font:700 19px "Noto Serif Thai";margin:4px 0}.episode-panel header strong{white-space:nowrap;color:#d2b2f8;font-size:12px;background:#251c2d;padding:8px 10px;border-radius:999px}.episode-list{display:flex;flex-direction:column;gap:6px;overflow:auto;padding:12px 0;max-height:calc(100vh - 245px)}.episode-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px;align-items:center;width:100%;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#fff;text-align:left;cursor:pointer}.episode-item:hover,.episode-item.active{background:#251d2b;border-color:#493752}.episode-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:linear-gradient(135deg,#4d2b62,#17121d);color:#d8baf7}.episode-thumb img{width:100%;height:100%;object-fit:cover}.episode-thumb i{position:absolute;left:6px;bottom:5px;background:#08070acc;padding:2px 5px;border-radius:4px;font-style:normal;font-size:9px}.episode-item>span:last-child{display:flex;flex-direction:column;min-width:0}.episode-item b{font-size:11px;line-height:1.45}.episode-item small{font-size:9px;color:#9f93a5;margin-top:5px}.test-coin-button{margin-top:auto}.series-test-note{text-align:center;color:#7f7485;font-size:8px;margin-top:8px}
@media(max-width:1050px){.series-grid{grid-template-columns:1fr}.series-feature{max-width:350px}.series-list{grid-template-columns:repeat(3,minmax(180px,1fr))}.video-theater{grid-template-columns:minmax(0,1fr) 320px}.episode-item{grid-template-columns:92px minmax(0,1fr)}}
@media(max-width:760px){.series-feature{max-width:none}.series-list{display:flex;overflow-x:auto}.series-row{min-width:250px}.video-theater{display:block}.video-stage{padding:12px}.at-video-tools{right:6px;bottom:42px;padding:5px;gap:5px}.at-video-tools label>span{display:none}.at-video-tools select{max-width:128px}.at-video-tools button span{display:none}.episode-panel{border-left:0;border-top:1px solid #332a38}.episode-list{max-height:none}.episode-item{grid-template-columns:118px minmax(0,1fr)}.catalog-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-video-grid .catalog-card{max-width:none}}
@media(max-width:860px){.manga-detail-shell{display:block}.manga-toc{position:static;max-height:none;border-right:0;border-bottom:1px solid #382b43}.manga-work{display:grid;grid-template-columns:82px minmax(0,1fr);column-gap:14px}.manga-work>img{grid-row:1/5;width:82px}.manga-work>span{margin-top:2px}.manga-work h1{font-size:18px}.manga-reader-stage{padding:12px}.manga-paper{padding:8px;border-radius:9px}.manga-paper>header{padding:16px 10px 20px}.manga-paper>header h2{font-size:20px}.manga-paper>img{margin:8px 0}.manga-lock-screen{min-height:360px;padding:24px}}

/* Readable back office: minimum practical sizes for sustained staff work. */
.admin-workspace{font-size:15px}.admin-secure,.admin-live{font-size:12px}.admin-shell{grid-template-columns:300px minmax(0,1fr)}.admin-account b{font-size:16px}.admin-account small{font-size:13px}.admin-sidebar nav button{min-height:52px;font-size:15px}.admin-sidebar-note b{font-size:14px}.admin-sidebar-note small{font-size:12px}.admin-page-head>div>span{font-size:11px}.admin-page-head h1{font-size:36px}.admin-page-head p{font-size:15px;line-height:1.65}.admin-primary,.admin-secondary{min-height:46px;font-size:14px}.admin-kpis small,.admin-kpis em{font-size:12px}.admin-kpis strong{font-size:28px}.admin-card-head h2{font-size:20px}.admin-card-head p,.admin-card-head button{font-size:13px}.admin-task b{font-size:14px}.admin-task small,.admin-task em,.task-type{font-size:12px}.admin-quick-actions b{font-size:14px}.admin-quick-actions small{font-size:12px}.admin-toolbar input,.admin-toolbar select{min-height:46px;font-size:14px}.admin-table-row{padding:16px 18px;font-size:14px;line-height:1.5}.admin-table-row.header{font-size:13px}.admin-table-title b{font-size:15px}.admin-table-title small,.admin-data-table small{font-size:12px}.admin-status{font-size:13px;padding:6px 10px}.admin-row-actions button,.admin-installment-button,.admin-table-row select{min-height:40px;font-size:13px}.admin-upload-zone h2{font-size:20px}.admin-upload-zone p,.admin-upload-zone button{font-size:14px}.admin-media-grid figcaption{font-size:12px}.admin-role-grid b{font-size:14px}.admin-role-grid p{font-size:12px}.admin-empty h2{font-size:20px}.admin-empty p{font-size:13px}.admin-audit-list b{font-size:14px}.admin-audit-list small{font-size:12px}.admin-editor-card>p{font-size:14px}.admin-form-grid label,.admin-inline-form label{font-size:14px}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea,.admin-inline-form input,.admin-inline-form textarea{font-size:15px;min-height:46px}.admin-form-status{font-size:13px}.admin-mode-badge{font-size:12px}.admin-subheading{font-size:22px}.payout-summary b{font-size:15px}.payout-summary span,.payout-summary small{font-size:13px}.admin-installment-list b{font-size:14px}.admin-installment-list small,.admin-installment-list em,.admin-installment-list>p{font-size:12px}
@media(max-width:980px){.admin-shell{grid-template-columns:88px 1fr}.admin-sidebar nav button{font-size:0}.admin-sidebar nav button.active{font-size:0}}
@media(max-width:680px){.admin-sidebar nav button,.admin-sidebar nav button:not(.active){font-size:13px;min-height:46px}.admin-main{padding:24px 14px 90px}.admin-page-head h1{font-size:29px}.admin-page-head p{font-size:13px;max-width:260px}.admin-kpis small,.admin-kpis em{font-size:11px}.admin-kpis strong{font-size:23px}.admin-table-row{font-size:13px}.admin-table-title b{font-size:14px}.admin-row-actions button,.admin-installment-button{min-height:42px;font-size:13px}.avatar-preset-grid{gap:9px}}

/* Multi-select team permissions. */
.staff-permission-fieldset{border:1px solid #ded5e3;border-radius:14px;padding:14px;margin:4px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fbfafc}.staff-permission-fieldset legend{padding:0 7px;color:#554b59;font-size:14px;font-weight:700}.staff-permission-option{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;border:1px solid #e8e0ec;border-radius:11px;background:#fff;padding:12px!important;color:#3e3542!important;cursor:pointer}.staff-permission-option.all{grid-column:1/-1;border-color:#c9afe8;background:#f7f1fd}.staff-permission-option input{width:19px;min-height:19px!important;height:19px;margin:2px 0 0;accent-color:#7135c5;flex:0 0 auto}.staff-permission-option span{display:flex;flex-direction:column;gap:2px}.staff-permission-option b{font-size:14px}.staff-permission-option small{font-size:12px;color:#857b89;line-height:1.5}.staff-active-option{display:flex;flex-direction:row!important;align-items:center;gap:9px!important;margin-top:16px;font-size:14px!important}.staff-active-option input{width:20px;height:20px;min-height:20px!important;accent-color:#7135c5}.admin-permission-badges{display:flex;flex-wrap:wrap;gap:5px}.admin-permission-badges i{font-style:normal;font-size:12px;color:#6130a8;background:#f1e9fb;border-radius:999px;padding:4px 8px}.admin-row-menu[data-staff-edit]{font-size:13px;border:1px solid #d9cce5;border-radius:8px;padding:7px 10px;color:#6330ad;background:#fff;white-space:nowrap}.admin-staff-row{grid-template-columns:minmax(220px,1.4fr) minmax(260px,1.3fr) .55fr .55fr 100px}
@media(max-width:900px){.staff-permission-fieldset{grid-template-columns:1fr}.staff-permission-option.all{grid-column:auto}.admin-staff-row{grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) 92px}.admin-staff-row>:nth-child(3),.admin-staff-row>:nth-child(4){display:none}}

/* Compact, swipe-ready promotional banner. */
.hero{height:min(520px,66vh);min-height:440px}.hero-image{transition:opacity .3s ease,transform .8s ease}.hero-image.changing{opacity:.35;transform:scale(1.015)}.hero-actions .gold-button{padding:15px 25px;text-decoration:none}.hero-pagination button{height:4px;border-radius:99px;background:#ffffff73;cursor:pointer;transition:width .25s ease,background .25s ease}.hero-pagination button.active{background:#fff}body[data-theme="light"] .hero{height:min(440px,58vh);min-height:410px}.hero-content{max-width:560px}.hero h1{font-size:clamp(40px,4.8vw,68px)}
@media(max-width:720px){body[data-theme="light"] .hero,.hero{width:calc(100% - 24px);height:360px;min-height:360px;margin:76px 12px 0;border-radius:20px}.hero-content,body[data-theme="light"] .hero-content{margin:0 20px 42px;max-width:82%}.hero h1{font-size:32px;line-height:1.12;margin:9px 0}.hero p{font-size:12px;line-height:1.6;margin-bottom:14px}.hero-proof{display:none}.hero-actions .gold-button{padding:11px 16px;font-size:11px}.hero-actions .glass-button{display:none}.hero-pagination{right:18px;bottom:18px}.hero-pagination button{width:7px;height:7px}.hero-pagination button.active{width:22px}}
@media(prefers-reduced-motion:reduce){.hero-image{transition:none}}

/* Homepage banner management. */
.banner-admin-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px}.banner-editor,.banner-list-card{padding:22px}.banner-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.banner-form-grid label{display:flex;flex-direction:column;gap:7px;color:#554b59;font-size:14px;font-weight:700}.banner-form-grid label.wide{grid-column:1/-1}.banner-form-grid input,.banner-form-grid textarea{width:100%;border:1px solid #ded5e3;border-radius:10px;background:#fff;color:#332b36;font:14px "Noto Sans Thai";padding:11px 12px;resize:vertical}.banner-active-control{flex-direction:row!important;align-items:center;justify-content:flex-start;padding-top:27px}.banner-active-control input{width:20px!important;height:20px;accent-color:#7135c5}.banner-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.banner-upload-card{display:flex;flex-direction:column;gap:7px;color:#554b59;font-size:13px}.banner-upload-card>span{color:#817687;font-size:11px}.banner-frame{position:relative;display:grid;place-items:center;overflow:hidden;border:2px dashed #cdbce0;border-radius:14px;background:linear-gradient(135deg,#f4effa,#ebe2f5);background-size:cover;background-position:center}.banner-frame.desktop{aspect-ratio:5/2}.banner-frame.mobile{aspect-ratio:3/2}.banner-frame:after{content:"";position:absolute;inset:12%;border:1px dashed rgba(112,67,167,.55);border-radius:8px}.banner-frame i{position:relative;z-index:1;color:#7859a1;font-size:10px;font-style:normal;background:#ffffffd9;border-radius:999px;padding:5px 9px}.banner-upload-card input{font-size:12px}.banner-safe-note{color:#766d7a;font-size:12px;line-height:1.6;margin:15px 0}.banner-editor>.admin-primary{width:100%}.banner-admin-row{display:grid;grid-template-columns:140px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #eee7f1}.banner-admin-row img{width:140px;aspect-ratio:5/2;object-fit:cover;border-radius:10px;background:#eee}.banner-admin-copy{min-width:0;display:flex;flex-direction:column}.banner-admin-copy b{font-size:14px;color:#352d38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-admin-copy small{font-size:11px;color:#887f8b;margin-top:4px}.banner-admin-actions{display:flex;flex-direction:column;gap:6px}.banner-admin-actions button{border:1px solid #d9cce5;border-radius:8px;background:#fff;color:#6330ad;font-size:11px;padding:6px 8px}.banner-admin-actions button.danger{color:#a33b55}.banner-order{display:inline-flex;align-items:center;gap:5px;margin-top:7px}.banner-order button{width:25px;height:25px;border:1px solid #dfd4e7;border-radius:7px;background:#fff;color:#6840a3}.banner-state{display:inline-block;width:max-content;margin-top:6px;border-radius:999px;padding:3px 8px;font-size:10px;color:#28765c;background:#e6f6ef}.banner-state.off{color:#8c6470;background:#f5e9ed}
@media(max-width:1050px){.banner-admin-layout{grid-template-columns:1fr}.banner-list-card{order:-1}}@media(max-width:680px){.banner-form-grid,.banner-upload-grid{grid-template-columns:1fr}.banner-form-grid label.wide{grid-column:auto}.banner-active-control{padding-top:0}.banner-admin-row{grid-template-columns:105px 1fr}.banner-admin-row img{width:105px}.banner-admin-actions{grid-column:1/-1;flex-direction:row}}

/* Guided artwork upload inside the content editor. */
.content-editor-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start;margin-top:18px}.content-cover-upload{display:flex;flex-direction:column;gap:8px;color:#4d4351;font-size:13px;cursor:pointer}.content-cover-upload>b{font-size:15px}.content-cover-upload>strong{color:#6d35bb;font-size:14px}.content-cover-upload>small{color:#7f7484;line-height:1.55}.content-cover-frame{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:7/10;overflow:hidden;border:2px dashed #c9b7dc;border-radius:16px;background:linear-gradient(145deg,#f7f2fb,#eee5f6);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.content-cover-frame.landscape{aspect-ratio:16/9;margin-top:2px}.content-cover-frame:after{content:"";position:absolute;inset:10px;border:1px dashed rgba(111,63,168,.42);border-radius:10px}.content-cover-frame.has-image:after{background:linear-gradient(180deg,transparent 60%,rgba(30,20,36,.42))}.content-cover-frame i{position:relative;z-index:1;color:#7047a2;background:rgba(255,255,255,.91);border-radius:999px;padding:7px 11px;font-style:normal;font-size:11px;box-shadow:0 4px 14px rgba(67,42,84,.12)}.content-cover-frame.has-image i{align-self:end;margin-bottom:18px}.content-cover-url{border:1px solid #e3d9e8;border-radius:11px;background:#faf8fb;padding:10px 12px}.content-cover-url summary{cursor:pointer;color:#6a5278;font-weight:700}.content-cover-url label{margin-top:10px}.content-image-note{margin:14px 0 0;color:#7d7281;font-size:12px;line-height:1.6}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.media-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.media-spec-grid article{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--admin-border);border-radius:13px;background:#fff}.media-spec-grid b{font-size:13px;color:#4f4454}.media-spec-grid strong{font-size:16px;color:#6f35c5}.media-spec-grid small{font-size:11px;color:#897e8d}
@media(max-width:760px){.content-editor-layout{grid-template-columns:1fr}.content-cover-upload{max-width:230px;margin:0 auto;width:100%}.content-cover-frame.landscape{max-width:360px;width:calc(100vw - 70px);margin-left:50%;transform:translateX(-50%)}}
@media(max-width:900px){.media-spec-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.media-spec-grid{grid-template-columns:1fr}}

/* Content protection is a deterrence layer. Paid-content authorization remains enforced by Supabase RLS. */
.at-protected-content{position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.at-protected-content img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.at-video-player video,.manga-paper>img,#readerContent{position:relative;z-index:1}.at-video-tools{z-index:6}.content-protection-notice{position:fixed;left:50%;bottom:28px;z-index:1000;max-width:min(520px,calc(100vw - 32px));padding:12px 18px;border:1px solid #b991e7;border-radius:999px;background:#21152eef;color:#fff;font:700 12px "Noto Sans Thai";text-align:center;box-shadow:0 14px 45px #0008;opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:.2s ease}.content-protection-notice.show{opacity:1;transform:translate(-50%,0)}.at-content-obscured .at-protected-content>*{filter:blur(24px);opacity:.08}
@media(max-width:680px){.content-protection-notice{bottom:20px;border-radius:14px;font-size:11px}}

/* Visual Webtoon page manager in the back office. */
.manga-page-manager{border:1px solid #dfd3e8;border-radius:16px;background:#faf7fc;padding:16px}.manga-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.manga-page-head h3{margin:0;color:#302736;font:700 19px "Noto Serif Thai",serif}.manga-page-head p{margin:5px 0 0;color:#7d7181;font-size:12px;line-height:1.55}.manga-page-upload{display:flex!important;align-items:center;justify-content:center;min-width:170px;cursor:pointer;color:#fff!important}.manga-page-toolbar{display:flex;align-items:center;gap:10px;margin:16px 0 10px}.manga-page-toolbar strong{color:#6530aa;font-size:14px}.manga-page-toolbar span{color:#8a7e8e;font-size:11px;margin-right:auto}.manga-page-toolbar button{min-height:36px;padding:6px 10px}.manga-page-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:430px;overflow:auto;margin:0;padding:0;list-style:none}.manga-page-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #ded3e6;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(64,43,76,.06)}.manga-page-card img{display:block;width:100%;aspect-ratio:7/10;object-fit:contain;background:#eee7f2}.manga-page-number{position:absolute;top:7px;left:7px;z-index:1;display:grid;place-items:center;min-width:31px;height:25px;padding:0 6px;border-radius:999px;background:#21162ddd;color:#fff;font-size:11px;font-weight:800}.manga-page-copy{display:flex;flex-direction:column;min-width:0;padding:9px}.manga-page-copy b{overflow:hidden;color:#403647;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.manga-page-copy small{color:#8c808f;font-size:9px;margin-top:3px}.manga-page-actions{display:flex;gap:5px;padding:0 9px 9px}.manga-page-actions button{width:30px;height:30px;border:1px solid #ded2e7;border-radius:8px;background:#fff;color:#6431a8;font-weight:800}.manga-page-actions button.danger{margin-left:auto;color:#a13f59}.manga-page-actions button:disabled{opacity:.35}.manga-page-empty{grid-column:1/-1;display:grid;place-items:center;min-height:160px;border:2px dashed #d6c6e2;border-radius:13px;color:#8d8092;font-size:12px;text-align:center;padding:20px}.manga-page-note{margin:11px 0 0;color:#817585;font-size:11px;line-height:1.55}.manga-url-fallback{margin-top:2px}.manga-url-fallback textarea{min-height:78px!important}
@media(max-width:760px){.manga-page-head{flex-direction:column}.manga-page-upload{width:100%}.manga-page-toolbar{align-items:flex-start;flex-wrap:wrap}.manga-page-toolbar span{width:100%;order:3}.manga-page-preview{grid-template-columns:repeat(2,minmax(0,1fr));max-height:52vh}}

/* Launch-ready cinema placeholder */
.series-coming-soon{position:relative;overflow:hidden;min-height:420px;border-radius:32px;background:#0c0810;color:#fff;box-shadow:0 26px 70px rgba(31,14,37,.28)}
.series-coming-soon>img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block;filter:saturate(.88) contrast(1.06)}
.series-coming-soon-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,5,12,.14),rgba(9,5,12,.28) 48%,rgba(9,5,12,.82))}
.series-coming-soon-copy{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:36px;max-width:none;text-shadow:0 4px 24px rgba(0,0,0,.86)}
.series-coming-soon-copy small{display:block;color:#f1ca8a;font-size:12px;font-weight:900;letter-spacing:.28em}
.series-coming-soon-copy strong{margin:10px 0 6px;font-family:serif;font-size:clamp(40px,7vw,76px);line-height:1}
.series-coming-soon-copy em{font-style:normal;color:#f5edf7;font-size:16px}
.series-coming-soon-copy b{margin-top:16px;font-size:12px;color:#f1ca8a}
.series-launch-main{min-height:calc(100vh - 76px);padding:28px;background:#0b080e;color:#fff}
.series-launch-hero{position:relative;min-height:calc(100vh - 132px);max-width:1480px;margin:auto;overflow:hidden;border:1px solid rgba(242,202,139,.28);border-radius:30px;background:#120b16}
.series-launch-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.series-launch-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:42px;text-align:center;background:linear-gradient(180deg,rgba(8,5,10,.1),rgba(8,5,10,.28) 45%,rgba(8,5,10,.82))}
.series-launch-copy{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:42px;max-width:none;text-align:center;text-shadow:0 4px 24px rgba(0,0,0,.88)}
.series-launch-copy>span{display:block;color:#f1ca8a;font-size:12px;font-weight:900;letter-spacing:.28em}
.series-launch-copy h1{margin:14px 0 10px;font-family:serif;font-size:clamp(50px,9vw,108px);line-height:.95;letter-spacing:.03em}
.series-launch-copy p{margin:0;color:#f3eaf5;font-size:clamp(16px,2vw,22px)}

/* Continuous reader controls: change episodes without returning to the table of contents. */
.manga-chapter-navigation{position:fixed;left:50%;bottom:18px;z-index:12;display:grid;grid-template-columns:minmax(118px,1fr) 48px minmax(118px,1fr);gap:7px;width:min(430px,calc(100vw - 28px));padding:7px;border:1px solid #5a4568;border-radius:16px;background:#17101ff2;box-shadow:0 15px 48px #000b;backdrop-filter:blur(16px);transform:translateX(-50%)}
.manga-chapter-navigation button{min-height:46px;border:1px solid #4d3a5a;border-radius:11px;background:#2a1d34;color:#fff;font:700 12px "Noto Sans Thai";cursor:pointer}.manga-chapter-navigation button:nth-child(2){font-size:18px;color:#d9b7ff}.manga-chapter-navigation button:hover{background:#7040b6}.manga-chapter-navigation button:disabled{opacity:.35;cursor:not-allowed}.manga-reader-stage{padding-bottom:92px}

/* Keep the compact reading toolbar reachable while the page itself scrolls. */
.reader .reader-header{position:sticky;top:0;z-index:8}.reader-settings{max-height:calc(100vh - 90px);overflow:auto}.reader-settings.collapsed+article{margin-top:42px}

@media print{.at-protected-content{visibility:hidden!important}.at-protected-content:after{content:"เนื้อหาได้รับการคุ้มครอง — ไม่อนุญาตให้พิมพ์หรือบันทึก";visibility:visible;position:fixed;inset:0;display:grid;place-items:center;background:#fff;color:#222;font:700 20px "Noto Sans Thai"}}

/* Realtime audience and buyer summary in the operations dashboard. */
.admin-live-metrics{margin-top:15px}.admin-live-metrics article{position:relative}.admin-live-metrics article:first-child:after{content:"LIVE";position:absolute;right:12px;top:10px;padding:3px 6px;border-radius:999px;background:#e5f7ee;color:#188653;font-size:9px;font-weight:800}.admin-live-note{margin:8px 2px 0;color:#887f8b;font-size:11px}

/* Owner analytics: live traffic, buyers, unlocks and revenue trends. */
.admin-analytics{margin-top:22px;border:1px solid var(--admin-border);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(53,36,63,.06);overflow:hidden}.admin-analytics-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:22px 24px 18px}.admin-analytics-head>div:first-child>span{color:#7440c3;font-size:8px;letter-spacing:.22em;font-weight:800}.admin-analytics-head h2{margin:3px 0 1px;font:700 22px "Noto Serif Thai"}.admin-analytics-head p{margin:0;color:#8c8490;font-size:10px}.admin-analytics-filters{display:flex;align-items:flex-end;justify-content:flex-end;gap:9px;flex-wrap:wrap}.admin-analytics-filters label{display:flex;flex-direction:column;gap:5px;color:#6f6673;font-size:9px}.admin-analytics-filters select{min-width:150px;height:40px;border:1px solid #ddd4e3;border-radius:9px;background:#fff;padding:0 30px 0 10px;color:#3e3543;font:500 11px "Noto Sans Thai"}.admin-analytics-filters .admin-secondary{height:40px;min-height:40px;padding:0 13px}.admin-analytics-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid #ece6f0;overflow-x:auto}.admin-analytics-tabs button{flex:0 0 auto;min-width:118px;padding:12px 17px;border:0;border-bottom:3px solid transparent;background:none;color:#7a717e;font:600 11px "Noto Sans Thai";cursor:pointer}.admin-analytics-tabs button:hover,.admin-analytics-tabs button.active{color:#6930b8;border-bottom-color:#6e35c5}.admin-chart-card{padding:20px 24px 24px}.admin-chart-summary{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.admin-chart-summary div{display:flex;flex-direction:column}.admin-chart-summary small{color:#867d8a;font-size:10px}.admin-chart-summary strong{font-size:28px;color:#29222d}.admin-chart-summary>span{color:#188653;background:#e5f7ee;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.admin-chart{min-height:300px;border-radius:13px;background:linear-gradient(180deg,#fbf9fd,#fff);overflow:hidden}.admin-chart>p{display:grid;place-items:center;min-height:300px;color:#8c8290;font-size:11px}.admin-chart svg{display:block;width:100%;height:300px}.admin-chart-grid{stroke:#e9e3ed;stroke-width:1}.admin-chart-axis{fill:#8e8492;font:9px "Noto Sans Thai"}.admin-chart-area{fill:url(#adminChartGradient)}.admin-chart-line{fill:none;stroke:#6c35be;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.admin-chart-dot{fill:#fff;stroke:#6c35be;stroke-width:2}.admin-ranking-card{border-top:1px solid #eee8f1;padding:20px 24px 24px}.admin-ranking-card>.admin-card-head>small{color:#8c8390;font-size:9px}.admin-ranking-table{border:1px solid #e7e0eb;border-radius:11px;overflow:hidden}.admin-ranking-row{display:grid;grid-template-columns:52px minmax(220px,1.8fr) repeat(3,minmax(90px,.6fr));align-items:center;gap:12px;padding:12px 15px;border-top:1px solid #eee9f1;font-size:10px}.admin-ranking-row:first-child{border-top:0}.admin-ranking-row.header{background:#faf8fb;color:#8b8290;font-weight:700}.admin-ranking-row>span:first-child{text-align:center}.admin-ranking-title{display:flex;flex-direction:column;min-width:0}.admin-ranking-title b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-ranking-title small{color:#948a98;font-size:8px}.admin-ranking-value{font-weight:700;color:#44394a}.admin-ranking-table>p{padding:28px;text-align:center;color:#8c8390;font-size:10px}.admin-ranking-empty{padding:28px;text-align:center;color:#8c8390;font-size:10px}

@media(max-width:860px){.manga-reader-stage{padding-bottom:88px}.manga-chapter-navigation{bottom:76px;grid-template-columns:1fr 44px 1fr}.manga-chapter-navigation button{min-height:43px}.manga-chapter-navigation span{font-size:11px}}

@media(max-width:860px){.admin-analytics-head{align-items:flex-start;flex-direction:column}.admin-analytics-filters{width:100%;justify-content:flex-start}.admin-analytics-filters label{flex:1}.admin-analytics-filters select{width:100%}.admin-ranking-row{grid-template-columns:42px minmax(160px,1fr) repeat(2,minmax(75px,.55fr))}.admin-ranking-row>:nth-child(4){display:none}}
@media(max-width:560px){.admin-analytics-head,.admin-chart-card,.admin-ranking-card{padding-left:14px;padding-right:14px}.admin-analytics-filters{display:grid;grid-template-columns:1fr 1fr}.admin-analytics-filters .admin-secondary{grid-column:1/-1}.admin-analytics-tabs{padding:0 14px}.admin-analytics-tabs button{min-width:105px}.admin-chart{min-height:240px}.admin-chart svg{height:240px}.admin-ranking-row{grid-template-columns:34px minmax(130px,1fr) 68px}.admin-ranking-row>:nth-child(3),.admin-ranking-row>:nth-child(4){display:none}.admin-chart-axis{font-size:8px}}

/* The manga cover is the primary navigation target, matching novel covers. */
.manga-card>a.manga-art{color:#fff;text-decoration:none;cursor:pointer;transition:transform .25s ease,filter .25s ease}
.manga-card>a.manga-art:hover,.manga-card>a.manga-art:focus-visible{transform:scale(1.025);filter:brightness(1.08)}
.manga-info>a{margin-top:auto;color:var(--gold2);font-size:11px;text-align:left;text-decoration:none}
@media(max-width:680px){.reader-settings{max-height:min(48vh,360px);overflow-y:auto;overscroll-behavior:contain}.reader-settings.collapsed+article{margin-top:24px}}
.series-launch-copy>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.series-launch-copy>div a{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;background:#fff;color:#24142a;font-weight:900;text-decoration:none}
.series-launch-copy>div a+ a{background:rgba(22,12,27,.72);color:#fff;border:1px solid rgba(255,255,255,.5)}
.series-launch-copy>small{margin-top:18px;color:#d8c9dc}

/* Team content controls */
.admin-action-spacer{flex:1}
.admin-danger,.admin-installment-quick-delete{border-color:#d9a4ae!important;color:#a32142!important;background:#fff7f8!important}
.admin-danger:hover,.admin-installment-quick-delete:hover{background:#a32142!important;color:#fff!important}
.admin-installment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin-bottom:8px}
.admin-installment-row>[data-edit-installment]{width:100%;margin:0!important}
.admin-installment-order-controls{display:grid;grid-template-columns:44px 44px 64px;gap:6px}
.admin-installment-order-controls>button{min-width:0;border:1px solid #cfc6d6;border-radius:12px;background:#fff;color:#4d3d59;font-size:18px;font-weight:900;cursor:pointer}
.admin-installment-order-controls>button:hover:not(:disabled){border-color:#7c3bd1;background:#f5effd;color:#6b22c7}
.admin-installment-order-controls>button:disabled{cursor:not-allowed;opacity:.32}
.admin-installment-quick-delete{font-size:14px!important}
#adminInstallmentList.is-reordering{pointer-events:none;opacity:.62}

@media(max-width:700px){
  .series-coming-soon,.series-coming-soon>img{min-height:360px}
  .series-coming-soon-copy,.series-launch-copy{padding:24px}
  .series-launch-main{padding:12px}
  .series-launch-hero{min-height:calc(100vh - 100px);border-radius:20px}
  .admin-action-spacer{display:none}
  .admin-installment-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .admin-installment-order-controls{grid-template-columns:48px 48px minmax(64px,1fr)}
  .admin-installment-order-controls>button{min-height:42px}
}

/* Monthly buyer report */
.admin-monthly-buyers-card{border-top:1px solid #eee8f1;padding:20px 24px 24px}
.admin-monthly-actions{display:flex;align-items:flex-end;gap:9px}
.admin-monthly-actions label{display:flex;flex-direction:column;gap:5px;color:#6f6673;font-size:9px}
.admin-monthly-actions select{height:38px;min-width:120px;border:1px solid #ddd4e3;border-radius:9px;background:#fff;padding:0 28px 0 10px;color:#3e3543;font:500 10px "Noto Sans Thai"}
.admin-monthly-actions .admin-secondary{min-height:38px;height:38px}
.admin-monthly-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.admin-monthly-summary article{display:flex;flex-direction:column;padding:15px;border:1px solid #e8e1ec;border-radius:12px;background:#fbf9fc}
.admin-monthly-summary small{color:#827887;font-size:9px}
.admin-monthly-summary strong{margin:3px 0;color:#382f3d;font-size:23px}
.admin-monthly-summary span{color:#978d9b;font-size:8px}
.admin-monthly-table{border:1px solid #e7e0eb;border-radius:11px;overflow:hidden}
.admin-monthly-table>p{padding:28px;text-align:center;color:#8c8390;font-size:10px}
.admin-monthly-row{display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(4,minmax(95px,.7fr));align-items:center;gap:12px;padding:12px 15px;border-top:1px solid #eee9f1;font-size:10px}
.admin-monthly-row:first-child{border-top:0}
.admin-monthly-row.header{background:#faf8fb;color:#8b8290;font-weight:700}
.admin-monthly-row:not(.header)>span:not(:first-child){font-weight:700;color:#44394a}
.admin-monthly-row b{font-size:11px}

@media(max-width:860px){
  .admin-monthly-buyers-card>.admin-card-head{align-items:flex-start;flex-direction:column}
  .admin-monthly-actions{width:100%}
  .admin-monthly-actions label{flex:1}
  .admin-monthly-actions select{width:100%}
  .admin-monthly-row{grid-template-columns:minmax(135px,1.3fr) repeat(3,minmax(85px,.7fr))}
  .admin-monthly-row>:nth-child(5){display:none}
}

@media(max-width:560px){
  .admin-monthly-buyers-card{padding-left:14px;padding-right:14px}
  .admin-monthly-actions{display:grid;grid-template-columns:1fr}
  .admin-monthly-summary{grid-template-columns:1fr}
  .admin-monthly-row{grid-template-columns:minmax(125px,1.4fr) 72px 78px}
  .admin-monthly-row>:nth-child(4),.admin-monthly-row>:nth-child(5){display:none}
}

/* Webtoon scene cutter and mobile-first manga reading */
.manga-page-card{grid-template-columns:42px 72px minmax(0,1fr) auto auto}
.manga-page-copy small em{font-style:normal;font-weight:700;color:#a14545}
.manga-page-card.is-webtoon-scene .manga-page-copy small em{color:#29835d}
.manga-scene-cut{min-height:36px;border:1px solid #b795df;border-radius:9px;background:#f8f3ff;color:#6931a9;padding:6px 10px;font:700 10px "Noto Sans Thai";cursor:pointer;white-space:nowrap}
.manga-scene-cut:hover{background:#7040b6;color:#fff}
.manga-crop-card{width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto}
.manga-crop-card>p{max-width:760px;color:#776d7d;line-height:1.65}
.manga-crop-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin:18px 0}
.manga-crop-layout>div>small{display:block;margin-top:8px;color:#817588;font-size:10px}
.manga-crop-stage{position:relative;width:fit-content;max-width:100%;margin:auto;background:#151018;box-shadow:0 14px 40px #24182f30;touch-action:none;cursor:crosshair;user-select:none}
.manga-crop-stage>img{display:block;max-width:100%;max-height:58vh;width:auto;height:auto;pointer-events:none}
#mangaCropSelection{position:absolute;border:3px solid #b56cff;background:#a84fff26;box-shadow:0 0 0 9999px #0f091080;pointer-events:none}
.manga-crop-layout>aside{padding:16px;border:1px solid #e2d9e8;border-radius:13px;background:#fbf9fc}
.manga-crop-layout>aside h3{margin:0;font:700 18px "Noto Serif Thai"}
.manga-crop-layout>aside>p{color:#827789;font-size:10px;line-height:1.6}
.manga-crop-list{display:flex;flex-direction:column;gap:7px;max-height:42vh;overflow:auto;margin:13px 0}
.manga-crop-list>span{padding:24px 10px;text-align:center;color:#99909e;font-size:10px}
.manga-crop-list article{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:9px;padding:9px;border:1px solid #e5ddea;border-radius:10px;background:#fff}
.manga-crop-list article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eee3fa;color:#7540b4;font-size:9px;font-weight:800}
.manga-crop-list article b,.manga-crop-list article small{display:block}.manga-crop-list article b{font-size:11px}.manga-crop-list article small{color:#8c8290;font-size:8px}
.manga-crop-list article button{border:0;background:transparent;color:#a23c55;font-size:18px;cursor:pointer}
.manga-crop-layout>aside>.admin-secondary{width:100%}

@media(max-width:860px){
  .manga-page-card{grid-template-columns:36px 60px minmax(0,1fr) auto}.manga-scene-cut{grid-column:3/4;justify-self:start}.manga-page-actions{grid-column:4;grid-row:1/3}
  .manga-crop-layout{grid-template-columns:1fr}.manga-crop-layout>aside{order:2}.manga-crop-stage>img{max-height:50vh}
  .manga-reader-stage{padding:0 0 88px}.manga-paper{width:100%;padding:0;border:0;border-radius:0;box-shadow:none}.manga-paper>header{margin:0;background:#f8f5fa}.manga-paper>img{width:100%;margin:0;border:0}
}

@media(max-width:560px){
  .manga-page-card{grid-template-columns:32px 50px minmax(0,1fr)}.manga-page-actions{grid-column:1/-1;grid-row:auto}.manga-scene-cut{grid-column:3}.manga-crop-card{padding:24px 14px}.manga-crop-stage>img{max-height:45vh}
}

/* Keep consecutive webtoon scenes visually distinct on every screen. */
.manga-paper>img+img{box-sizing:border-box;border-top:8px solid #fff!important}

/* Member directory and restricted login security history. */
.member-kpis{margin-bottom:22px}.member-directory-table,.login-audit-table{overflow-x:auto}.member-table-row,.login-table-row{display:grid;align-items:center;gap:14px;min-width:850px;padding:15px 18px;border-top:1px solid #f0ecf2;font-size:14px}.member-table-row{grid-template-columns:minmax(250px,2fr) .65fr .75fr 1.15fr .55fr}.login-table-row{grid-template-columns:minmax(230px,1.5fr) 1fr .75fr .65fr 1fr}.member-table-row:first-child,.login-table-row:first-child{border-top:0}.member-table-row.header,.login-table-row.header{background:#faf8fb;color:#948b98;font-size:13px;font-weight:700}.admin-member-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7540c2,#ab7ee6);color:#fff;font-style:normal;font-weight:800}.login-table-row>span:first-child{display:flex;flex-direction:column}.login-table-row small{color:#918794}.login-table-row code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#573183;background:#f3edfc;border-radius:7px;padding:6px 8px;justify-self:start}.member-directory-table>.admin-empty,.login-audit-table>.admin-empty{margin:0;border:0;border-radius:0}
@media(max-width:680px){.member-kpis{grid-template-columns:1fr 1fr}.member-table-row,.login-table-row{min-width:720px;font-size:13px;padding:13px 14px}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar label{max-width:none}.admin-toolbar select{min-height:44px}}