:root{--brand:#00c73c;--ink:#171717;--muted:#777;--line:#e7e7e7;--soft:#f6f6f6;--white:#fff;--danger:#e23b3b;--shadow:0 10px 30px rgba(0,0,0,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.55 Inter,system-ui,sans-serif}body.reader-mode{background:#111}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{width:min(920px,calc(100% - 40px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,Inter,sans-serif}.site-header{height:72px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:100%;width:min(1240px,calc(100% - 32px));margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}.desktop-nav{display:flex;height:100%;align-items:center;gap:25px;font-size:13px;font-weight:700;text-transform:uppercase}.desktop-nav a:hover{color:var(--brand)}.header-search{margin-left:auto;display:flex;width:215px;height:38px;background:#f4f4f4;border-radius:20px;overflow:hidden}.header-search input{width:100%;border:0;background:transparent;padding:0 4px 0 16px;outline:0;font-size:13px}.header-search button{border:0;background:transparent;padding:0 14px;font-size:20px}.header-actions{display:flex;align-items:center;gap:8px}.avatar-button{width:38px;height:38px;border-radius:50%;background:#f1f1f1;display:grid;place-items:center}.btn{border:0;border-radius:4px;min-height:42px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;gap:8px}.btn-sm{min-height:34px;padding:0 14px;font-size:12px}.btn-lg{min-height:52px;padding:0 28px}.btn-block{width:100%}.btn-dark{background:#171717;color:#fff}.btn-light{background:#fff;color:#171717}.btn-outline{border:1px solid #ccc;background:#fff;color:#222}.btn-glass{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.45)}.btn-danger{background:var(--danger);color:#fff}.banner-carousel{position:relative;height:440px;overflow:hidden;background:#222}.banner-slide{position:absolute;inset:0;color:#fff;display:none;overflow:hidden}.banner-slide.active{display:block}.banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}.banner-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.03))}.banner-content{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1180px}.banner-content>span{font-size:12px;font-weight:800;letter-spacing:.14em}.banner-content h1{font-size:46px;line-height:1.05;margin:12px 0;max-width:580px}.banner-content p{max-width:560px;color:rgba(255,255,255,.88);font-size:17px}.banner-content div{margin-bottom:22px}.banner-art{position:absolute;z-index:1;right:12%;top:50%;transform:translateY(-50%);font-size:180px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.2))}.banner-dots{position:absolute;z-index:4;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.banner-dots button{width:8px;height:8px;border:0;padding:0;border-radius:9px;background:rgba(255,255,255,.5)}.banner-dots button.active{width:24px;background:#fff}.home-section{padding:64px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-heading small,.list-heading small{color:var(--brand);font-weight:800;letter-spacing:.12em}.section-heading h2{font-size:28px;margin:3px 0 0}.section-heading>a{font-weight:700;font-size:13px}.ranking-strip,.toon-grid,.schedule-list{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.toon-card{min-width:0}.toon-cover{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#ddd}.toon-cover>img{width:100%;height:100%;object-fit:cover;transition:.3s}.toon-cover:hover>img{transform:scale(1.025)}.toon-cover>span{height:100%;display:grid;place-items:center;font-size:72px}.rank-badge{position:absolute;left:8px;bottom:8px;width:35px;height:42px;background:#fff;color:#111;display:grid;place-items:center;font-size:23px;box-shadow:var(--shadow)}.update-badge{position:absolute;right:7px;top:7px;background:var(--brand);color:#fff;padding:4px 7px;font-weight:700}.toon-info{padding:12px 2px}.toon-info h3{font-size:16px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toon-info p{font-size:12px;color:#888;margin:0 0 8px}.toon-info>div{display:flex;justify-content:space-between;font-size:11px;color:#777}.toon-info>div span{color:var(--brand);font-weight:700}.schedule-section{background:#fafafa}.day-tabs{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #ddd;margin-bottom:28px}.day-tabs a{text-align:center;padding:12px;font-weight:700}.day-tabs a.active{color:var(--brand);border-bottom:3px solid var(--brand)}.category-band{background:#171717;color:#fff;padding:62px 0}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-grid a{background:#282828;border-radius:7px;padding:22px 12px;text-align:center}.category-grid span{display:block;font-size:34px;color:var(--brand);margin-bottom:8px}.category-grid b,.category-grid small{display:block}.category-grid small{color:#999;margin-top:3px}.empty-inline,.empty-state{background:#f7f7f7;padding:35px;text-align:center;color:#666}.empty-state{padding:80px 30px}.empty-state>span{font-size:50px}.empty-state h1,.empty-state h2,.empty-state h3{color:#222}.series-masthead{min-height:450px;color:#fff;position:relative;overflow:hidden}.series-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}.series-masthead:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.05))}.series-masthead-inner{min-height:450px;display:flex;align-items:flex-end;gap:45px;padding-top:55px;padding-bottom:45px;position:relative;z-index:2}.series-cover-large{width:230px;aspect-ratio:3/4;flex:none;background:rgba(255,255,255,.15);box-shadow:0 15px 35px rgba(0,0,0,.25);overflow:hidden}.series-cover-large img{width:100%;height:100%;object-fit:cover}.series-cover-large span{height:100%;display:grid;place-items:center;font-size:90px}.series-copy{max-width:630px}.series-copy>small{font-weight:800}.series-copy h1{font-size:43px;line-height:1.05;margin:9px 0}.series-copy .creator{font-weight:700}.series-copy>p:not(.creator){color:rgba(255,255,255,.86);font-size:16px}.series-meta,.series-actions{display:flex;gap:18px;align-items:center}.series-meta{font-size:12px;margin:18px 0}.series-tabs{position:sticky;top:72px;z-index:20;border-bottom:1px solid var(--line);background:#fff}.series-tabs .container{display:flex;gap:35px}.series-tabs a{padding:18px 3px;font-weight:700}.series-tabs a.active{color:var(--brand);border-bottom:3px solid var(--brand)}.series-tabs span{background:#eee;padding:2px 6px;border-radius:9px}.series-content,.learning-section,.about-section{padding:55px 0}.learning-section{background:#f7f7f7}.list-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.list-heading h2{margin:3px 0}.list-heading p{margin:0;color:#777}.episode-list-modern{border-top:1px solid var(--line)}.episode-item{display:flex;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.episode-image{width:170px;aspect-ratio:16/9;flex:none;overflow:hidden}.episode-image img{width:100%;height:100%;object-fit:cover}.episode-image span{height:100%;display:grid;place-items:center;font-size:40px}.episode-details{flex:1}.episode-details h3{margin:0 0 5px;font-size:17px}.episode-details p,.episode-details small{margin:0;color:#888;font-size:12px}.episode-details i{display:block;height:3px;background:#eee;margin-top:10px}.episode-details i b{display:block;height:100%;background:var(--brand)}.episode-arrow{font-size:30px;color:#999}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.module-card{background:#fff;border:1px solid #e3e3e3;display:flex;gap:16px;padding:21px;align-items:center;border-left:5px solid var(--module-accent);transition:.2s}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.module-icon{width:50px;height:50px;border-radius:50%;background:color-mix(in srgb,var(--module-accent) 14%,white);display:grid;place-items:center;font-size:25px;flex:none}.module-card>div{flex:1}.module-card small{color:var(--module-accent);font-weight:800}.module-card h3{margin:2px 0;font-size:17px}.module-card p{margin:0;color:#777;font-size:12px}.module-card>b{font-size:12px}.about-section dl{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ddd}.about-section dl div{background:#fff;padding:18px}.about-section dt{color:#888;font-size:12px}.about-section dd{margin:4px 0 0;font-weight:700}.site-footer{border-top:1px solid var(--line);padding:50px 0 100px;background:#fff}.footer-inner{width:min(1180px,calc(100% - 40px));margin:auto;text-align:center}.footer-brand{justify-content:center}.footer-inner p{color:#888;margin:15px 0}.footer-inner nav{display:flex;justify-content:center;gap:25px;margin:20px}.footer-inner small{color:#aaa}.mobile-nav{display:none}.flash-toast{position:fixed;z-index:999;right:20px;top:86px;max-width:360px;background:#222;color:#fff;padding:14px 16px;box-shadow:var(--shadow);display:flex;gap:15px;align-items:center}.flash-toast.success{border-left:5px solid var(--brand)}.flash-toast.danger{border-left:5px solid var(--danger)}.flash-toast button{border:0;background:transparent;color:#fff;font-size:20px}.login-nudge{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:90;background:#fff;color:#222;box-shadow:var(--shadow);padding:13px 18px;display:flex;align-items:center;gap:18px;min-width:480px}.login-nudge p{margin:0}.login-nudge>a{color:var(--brand);font-weight:800}.login-nudge button{border:0;background:transparent;font-size:20px}.admin-layout{min-height:calc(100vh - 72px);display:grid;grid-template-columns:230px 1fr;background:#f5f5f5}.admin-sidebar{background:#171717;color:#fff;padding:24px 15px}.admin-home{display:flex;gap:10px;font-size:17px;margin-bottom:32px}.admin-home span{color:var(--brand)}.admin-sidebar>small{display:block;color:#777;font-size:10px;font-weight:800;letter-spacing:.13em;margin:22px 10px 8px}.admin-sidebar nav{display:grid;gap:3px}.admin-sidebar nav a{padding:10px;border-radius:4px;color:#bbb;font-size:13px}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#2a2a2a;color:#fff}.admin-main{padding:40px;min-width:0}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-title small{color:var(--brand);font-weight:800}.admin-title h1{margin:2px 0;font-size:30px}.admin-title p{color:#777;margin:0}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.admin-stats article{background:#fff;padding:20px;border:1px solid #e5e5e5}.admin-stats b{font-size:28px;display:block}.admin-stats span{color:#777;font-size:12px}.admin-panel{background:#fff;border:1px solid #e2e2e2;padding:24px;margin-bottom:20px}.admin-panel h2{font-size:20px}.workflow>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow a{border:1px solid #ddd;padding:18px;display:flex;gap:12px}.workflow a>b{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center}.workflow span{font-weight:700}.workflow small{display:block;color:#888;font-weight:400}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #eee;font-size:13px;vertical-align:middle}.admin-table th{font-size:10px;letter-spacing:.08em;color:#888}.admin-table td>small,.admin-table td>b+small{display:block;color:#888}.table-actions{display:flex;gap:12px;align-items:center;white-space:nowrap}.table-actions a,.table-actions button,.link-button{border:0;background:transparent;padding:0;color:#1477cb;font-weight:700;font-size:12px}.status-pill{background:#dff8e5;color:#07822b;padding:4px 8px;border-radius:10px;font-size:10px;font-weight:800}.status-pill.off{background:#eee;color:#777}.admin-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.admin-form input,.admin-form textarea,.admin-form select,.alt-form input{width:100%;border:1px solid #ccc;background:#fff;padding:10px;outline:0}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--brand)}.admin-form textarea{min-height:100px;resize:vertical}.admin-form textarea.json-editor{min-height:220px;font-family:ui-monospace,monospace}.admin-form small{font-weight:400;color:#888}.field-grid{display:grid;gap:18px}.field-grid.two{grid-template-columns:repeat(2,1fr)}.field-grid.three{grid-template-columns:repeat(3,1fr)}.span-two{grid-column:span 2}.check-label{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.check-label input{width:auto}.form-actions{display:flex;gap:10px;align-items:center;margin-top:25px}.danger-zone{border-color:#f4c5c5}.upload-drop form{display:flex;gap:20px;align-items:center}.upload-drop label{border:2px dashed #bbb;padding:25px;display:flex;align-items:center;gap:14px;flex:1;position:relative}.upload-drop label>span{font-size:34px;color:var(--brand)}.upload-drop label small{display:block;color:#888}.upload-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.page-manager-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.page-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.page-admin-grid article{background:#fff;border:1px solid #ddd;position:relative;padding:8px}.page-admin-grid article>img{width:100%;height:240px;object-fit:contain;background:#eee}.page-number{position:absolute;top:13px;left:13px;background:#111;color:#fff;width:28px;height:28px;display:grid;place-items:center;z-index:2}.page-controls{display:flex;justify-content:space-between;padding:8px 2px}.page-controls form{display:flex}.page-controls button{border:1px solid #ddd;background:#fff;width:30px;height:28px}.page-controls .delete{color:var(--danger)}.alt-form{display:flex}.alt-form input{font-size:11px;padding:7px}.alt-form button{border:0;background:#111;color:#fff}.template-help{background:#f5f5f5;padding:15px;margin-top:20px}.template-help code{display:block;padding:6px;margin-top:5px;background:#fff;white-space:pre-wrap}.dashboard-hero{padding:45px 0;background:#171717;color:#fff}.dashboard-head,.profile-title{display:flex;align-items:center;justify-content:space-between}.profile-title{justify-content:start;gap:18px}.big-avatar{width:70px;height:70px;background:#333;border-radius:50%;display:grid;place-items:center;font-size:35px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:35px 0}.stat-card{border:1px solid #ddd;padding:20px}.stat-card span,.stat-card b,.stat-card small{display:block}.stat-card b{font-size:24px}.stat-card small{color:#888}.level-card{background:#282828;color:#fff;padding:25px;display:flex;align-items:center;gap:25px}.level-orb{width:60px;height:60px;border-radius:50%;background:var(--brand);display:grid;place-items:center;font-size:25px}.level-card>div:nth-child(2){flex:1}.level-progress,.progress-line{height:5px;background:#555}.level-progress span,.progress-line span{display:block;height:100%;background:var(--brand)}.section,.section-tight{padding:45px 0}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.badge-card{border:1px solid #ddd;padding:20px}.badge-card.locked{opacity:.45}.install-page{background:#f3f3f3}.install-shell{width:min(900px,calc(100% - 30px));margin:40px auto}.install-hero,.install-card{background:#fff;padding:35px;margin-bottom:20px}.install-hero{display:flex;gap:20px}.requirement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:25px}.requirement{background:#eee;padding:10px}.requirement.passed span{color:var(--brand)}.requirement.failed{color:var(--danger)}.form-section{margin:25px 0}.step-number{background:#111;color:#fff;width:25px;height:25px;display:inline-grid;place-items:center;margin-right:8px}.notice{padding:15px;background:#eee;margin:15px 0}.notice.danger{background:#ffe8e8}.notice.success{background:#e8fbe9}.stack-form label{display:grid;gap:6px}.stack-form input{padding:10px;border:1px solid #ccc}
@media(max-width:900px){.desktop-nav{display:none}.header-search{width:180px}.ranking-strip,.toon-grid,.schedule-list{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.banner-art{font-size:120px;right:5%}.series-masthead-inner{align-items:center}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-sidebar nav{display:flex;flex-wrap:wrap}.admin-main{padding:25px}.admin-stats{grid-template-columns:repeat(3,1fr)}.workflow>div{grid-template-columns:repeat(2,1fr)}.page-admin-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){body{padding-bottom:65px}.container,.narrow{width:min(100% - 24px,1180px)}.site-header{height:58px}.header-inner{width:calc(100% - 20px);gap:10px}.brand>span:last-child{display:none}.desktop-nav,.header-search,.hide-mobile{display:none}.header-actions{margin-left:auto}.banner-carousel{height:380px}.banner-content{width:calc(100% - 32px)}.banner-content h1{font-size:34px;max-width:80%}.banner-content p{font-size:14px;max-width:86%}.banner-art{font-size:85px;right:4%;top:36%}.home-section{padding:42px 0}.section-heading h2{font-size:23px}.ranking-strip,.toon-grid,.schedule-list{grid-template-columns:repeat(2,1fr);gap:14px}.category-grid{grid-template-columns:repeat(2,1fr)}.day-tabs a{font-size:10px;padding:10px 4px}.series-masthead-inner{min-height:520px;display:block;padding-top:28px}.series-cover-large{width:125px}.series-copy{margin-top:18px}.series-copy h1{font-size:30px}.series-copy>p:not(.creator){font-size:13px}.series-tabs{top:58px;overflow:auto}.series-tabs .container{gap:23px}.series-content,.learning-section,.about-section{padding:38px 0}.episode-image{width:112px}.episode-details h3{font-size:14px}.module-grid{grid-template-columns:1fr}.module-card{padding:15px}.about-section dl{grid-template-columns:repeat(2,1fr)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:99;height:64px;background:#fff;border-top:1px solid #ddd;display:grid;grid-template-columns:repeat(4,1fr)}.mobile-nav a{display:grid;place-items:center;font-size:10px;padding:5px}.mobile-nav span{font-size:18px}.site-footer{padding-bottom:85px}.login-nudge{min-width:0;width:calc(100% - 20px);bottom:74px}.admin-main{padding:18px 12px}.admin-title{align-items:flex-start;gap:15px}.admin-title h1{font-size:25px}.admin-stats{grid-template-columns:repeat(2,1fr)}.workflow>div{grid-template-columns:1fr}.field-grid.two,.field-grid.three{grid-template-columns:1fr}.span-two{grid-column:auto}.upload-drop form{display:grid}.page-admin-grid{grid-template-columns:repeat(2,1fr);gap:8px}.page-admin-grid article>img{height:180px}.form-actions{flex-wrap:wrap}.stat-grid{grid-template-columns:repeat(2,1fr)}.badge-grid{grid-template-columns:1fr}.requirement-grid{grid-template-columns:1fr}}