:root{
  --serial-bg:#070a0f;
  --serial-panel:#10151d;
  --serial-panel-2:#151c26;
  --serial-ivory:#f7f2e8;
  --serial-muted:#aeb7c1;
  --serial-gold:#dfbd77;
  --serial-teal:#4cc7d2;
  --serial-blue:#59a7ff;
  --serial-line:rgba(223,189,119,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.serial-page,body.reader-page{margin:0;background:var(--serial-bg);color:var(--serial-ivory);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.serial-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.serial-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(16px,calc((100vw - 1180px)/2));background:rgba(7,10,15,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--serial-line)}
.serial-brand img{display:block;width:min(290px,56vw);height:56px;object-fit:contain;object-position:left center}
.serial-nav{display:flex;align-items:center;gap:8px}.serial-nav a{padding:10px 12px;border-radius:999px;text-decoration:none;color:#d8dce1;font-weight:700;font-size:13px}.serial-nav a:hover{background:rgba(255,255,255,.06)}.serial-nav .serial-nav-primary{background:linear-gradient(135deg,#d9b66d,#8a5b22);color:#090b0f}
.serial-hero{padding:72px 0 40px;position:relative;overflow:hidden}.serial-hero:before{content:"";position:absolute;inset:-30% -10% auto;height:520px;background:radial-gradient(circle at 28% 42%,rgba(63,199,211,.16),transparent 30%),radial-gradient(circle at 74% 32%,rgba(91,99,210,.14),transparent 28%),radial-gradient(circle at 52% 20%,rgba(223,189,119,.12),transparent 25%);filter:blur(18px);pointer-events:none}.serial-hero>*{position:relative;z-index:1}
.serial-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--serial-gold);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.serial-hero h1{margin:12px 0 16px;font:700 clamp(44px,8vw,90px)/.92 Georgia,serif;max-width:860px}.serial-hero p{max-width:720px;color:#c2c7cd;font-size:18px;line-height:1.7}.serial-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.serial-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;text-decoration:none;font-weight:850;cursor:pointer}.serial-button.primary{border:none;background:linear-gradient(135deg,#dfbd77,#8e6126);color:#090b0e}.serial-button.teal{border:none;background:linear-gradient(135deg,#1f8390,#245c82)}
.serial-section{padding:38px 0}.serial-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.serial-section-head h2{margin:5px 0 0;font:700 clamp(30px,4vw,48px)/1 Georgia,serif}.serial-section-head p{margin:0;color:var(--serial-muted);max-width:520px;line-height:1.6}
.serial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.serial-card{position:relative;display:grid;grid-template-columns:180px 1fr;gap:22px;min-height:290px;padding:18px;border:1px solid var(--serial-line);border-radius:28px;background:linear-gradient(145deg,rgba(20,27,36,.96),rgba(10,14,20,.98));box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}.serial-card:after{content:"";position:absolute;width:220px;height:220px;right:-80px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,rgba(71,195,206,.18),transparent 66%);pointer-events:none}.serial-card[data-accent="blue"]:after{background:radial-gradient(circle,rgba(83,137,255,.20),transparent 66%)}.serial-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:19px;box-shadow:0 18px 40px rgba(0,0,0,.34);position:relative;z-index:1}.serial-card-copy{align-self:center;position:relative;z-index:1}.serial-status{display:inline-flex;padding:7px 9px;border-radius:999px;background:rgba(76,199,210,.1);border:1px solid rgba(76,199,210,.18);color:#87dce3;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.serial-card[data-accent="blue"] .serial-status{background:rgba(89,167,255,.09);border-color:rgba(89,167,255,.17);color:#9dc9ff}.serial-card h3{margin:12px 0 8px;font:700 30px/1.02 Georgia,serif}.serial-byline{color:#d8bc80;font-size:12px;font-weight:800}.serial-card p{color:#aeb7c1;line-height:1.55;font-size:14px}.serial-meta{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.serial-meta span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:#d7dce2;font-size:10px;font-weight:800}.serial-card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.serial-card-actions a,.serial-card-actions button{font-size:12px;min-height:40px;padding:0 14px}
.continue-card{display:none;align-items:center;gap:18px;padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(24,89,97,.26),rgba(21,29,41,.9));border:1px solid rgba(76,199,210,.20);margin:12px 0 28px}.continue-card.active{display:flex}.continue-card img{width:70px;aspect-ratio:2/3;object-fit:cover;border-radius:10px}.continue-card h3{margin:0 0 4px;font:700 24px/1 Georgia,serif}.continue-card p{margin:0;color:#aeb7c1;font-size:13px}.continue-card .serial-button{margin-left:auto}
.update-list{display:grid;gap:10px}.update-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025);text-decoration:none}.update-row img{width:50px;height:65px;object-fit:cover;border-radius:8px}.update-row strong{display:block;font-size:14px}.update-row small{display:block;color:#8f9aa6;margin-top:4px}.update-row .update-arrow{color:var(--serial-gold);font-size:18px}
.serial-coming{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.serial-coming-card{display:grid;grid-template-columns:115px 1fr;gap:18px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.025)}.serial-coming-card img{width:115px;aspect-ratio:2/3;object-fit:cover;border-radius:14px}.serial-coming-card h3{margin:7px 0;font:700 25px/1 Georgia,serif}.serial-coming-card p{margin:0;color:#aeb7c1;font-size:13px;line-height:1.5}.serial-coming-card .serial-status{color:#e1c482;background:rgba(223,189,119,.08);border-color:rgba(223,189,119,.16)}
.serial-footer{margin-top:48px;padding:30px max(16px,calc((100vw - 1180px)/2));border-top:1px solid var(--serial-line);color:#838d98;display:flex;justify-content:space-between;gap:20px;font-size:12px}

/* series detail */
.series-hero{padding:54px 0 34px}.series-hero-grid{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center}.series-hero-cover{width:100%;border-radius:24px;box-shadow:0 26px 65px rgba(0,0,0,.38)}.series-hero h1{margin:12px 0 8px;font:700 clamp(40px,6vw,72px)/.95 Georgia,serif}.series-hero .series-synopsis{max-width:780px;color:#b7c0c9;line-height:1.72;font-size:16px}.series-stat-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.series-stat{padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.series-stat strong{display:block;font-size:17px}.series-stat span{color:#8e99a5;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.follow-button.active{background:rgba(223,189,119,.15);border-color:rgba(223,189,119,.35);color:#f0cf8e}
.chapter-panel{padding:22px;border-radius:26px;border:1px solid var(--serial-line);background:linear-gradient(180deg,#111720,#0b1017)}.chapter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.chapter-toolbar h2{margin:0;font:700 34px/1 Georgia,serif}.chapter-search{min-width:220px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#080c11;color:#fff}.chapter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chapter-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);text-decoration:none}.chapter-row:hover{background:rgba(76,199,210,.06);border-color:rgba(76,199,210,.15)}.chapter-row.read{opacity:.72}.chapter-row-title strong{display:block;font-size:13px}.chapter-row-title small{display:block;color:#7f8a96;margin-top:4px}.chapter-row-meta{white-space:nowrap;color:#8e99a5;font-size:10px}

/* reader */
body.reader-page{--reader-bg:#f8f3e9;--reader-ink:#24211e;--reader-muted:#746e67;background:var(--reader-bg);color:var(--reader-ink);transition:background .2s,color .2s}
body.reader-page[data-theme="dark"]{--reader-bg:#090d12;--reader-ink:#e9e6df;--reader-muted:#a7afb8}
body.reader-page[data-theme="sepia"]{--reader-bg:#eee2c7;--reader-ink:#33291e;--reader-muted:#776b5d}
.reader-progress-track{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(0,0,0,.08);z-index:300}.reader-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#1f8390,#d9b66d)}
.reader-header{position:sticky;top:3px;z-index:250;display:flex;align-items:center;gap:12px;padding:10px 14px;background:color-mix(in srgb,var(--reader-bg) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--reader-ink) 10%,transparent)}.reader-back,.reader-tool{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--reader-ink) 12%,transparent);background:color-mix(in srgb,var(--reader-bg) 85%,var(--reader-ink) 3%);color:var(--reader-ink);text-decoration:none;font-weight:800;font-size:12px;cursor:pointer}.reader-header-title{min-width:0;flex:1}.reader-header-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.reader-header-title small{display:block;color:var(--reader-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.reader-tools{display:flex;gap:6px}.reader-main{width:min(780px,calc(100% - 34px));margin:0 auto;padding:52px 0 100px}.reader-chapter-head{text-align:center;margin-bottom:36px}.reader-chapter-head .serial-kicker{color:#92702d}.reader-chapter-head h1{margin:10px 0 10px;font:700 clamp(34px,6vw,56px)/1.02 Georgia,serif}.reader-chapter-head p{margin:0;color:var(--reader-muted);font-size:12px}.reader-body{font-family:Georgia,"Times New Roman",serif;font-size:var(--reader-font-size,20px);line-height:1.82;letter-spacing:.003em}.reader-body p{margin:0 0 1.22em}.reader-body .system-panel{font-family:Inter,system-ui,sans-serif;font-size:.78em;line-height:1.6;padding:12px 14px;margin:1.4em 0;border-left:3px solid #2a8392;background:color-mix(in srgb,var(--reader-bg) 84%,#3e91a5 10%);border-radius:0 12px 12px 0;font-weight:700;letter-spacing:.02em}.reader-nav-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:50px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--reader-ink) 12%,transparent)}.reader-nav-bottom a,.reader-nav-bottom button{min-height:46px;border-radius:14px;border:1px solid color-mix(in srgb,var(--reader-ink) 12%,transparent);background:color-mix(in srgb,var(--reader-bg) 92%,var(--reader-ink) 3%);color:var(--reader-ink);font-weight:800;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0 14px}.reader-nav-bottom .next{background:#142f3e;color:#fff;border:none}.reader-drawer,.reader-settings{position:fixed;inset:0;z-index:400;pointer-events:none}.reader-drawer.open,.reader-settings.open{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(420px,92vw);background:#0d1219;color:#fff;transform:translateX(100%);transition:transform .24s;box-shadow:-20px 0 60px rgba(0,0,0,.28);display:flex;flex-direction:column}.open .drawer-panel{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid rgba(255,255,255,.08)}.drawer-head h3{margin:0}.drawer-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#141c26;color:#fff;font-size:20px}.drawer-list{padding:10px;overflow:auto}.drawer-chapter{display:block;padding:12px;border-radius:12px;text-decoration:none;color:#dce2e7;border:1px solid transparent}.drawer-chapter:hover,.drawer-chapter.active{background:rgba(76,199,210,.08);border-color:rgba(76,199,210,.15)}.settings-panel{padding:18px;display:grid;gap:20px}.settings-group label{display:block;color:#9eabb7;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.settings-row{display:flex;gap:8px;flex-wrap:wrap}.settings-choice{padding:10px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#141c26;color:#fff;font-weight:800}.settings-choice.active{border-color:#d9b66d;background:rgba(217,182,109,.12);color:#f0d496}.reader-mobile-nav{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:240;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px;border-radius:18px;background:rgba(12,17,23,.94);backdrop-filter:blur(14px);box-shadow:0 16px 48px rgba(0,0,0,.28)}.reader-mobile-nav a,.reader-mobile-nav button{min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:#141c26;color:#fff;font-size:11px;font-weight:850;text-decoration:none;display:flex;align-items:center;justify-content:center}
@media(max-width:900px){.serial-nav a:not(.serial-nav-primary){display:none}.serial-grid,.serial-coming{grid-template-columns:1fr}.series-hero-grid{grid-template-columns:180px 1fr}.chapter-list{grid-template-columns:1fr}.serial-card{grid-template-columns:145px 1fr}.serial-card h3{font-size:26px}}
@media(max-width:640px){.serial-shell{width:min(100% - 22px,1180px)}.serial-header{padding:8px 11px}.serial-brand img{height:46px;width:min(230px,62vw)}.serial-nav-primary{padding:9px 11px!important;font-size:11px!important}.serial-hero{padding:44px 0 26px}.serial-hero h1{font-size:51px}.serial-hero p{font-size:15px}.serial-section{padding:28px 0}.serial-section-head{align-items:start;flex-direction:column}.serial-card{grid-template-columns:112px 1fr;gap:14px;padding:13px;min-height:0;border-radius:22px}.serial-card h3{font-size:22px}.serial-card p{font-size:12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.serial-meta span:nth-child(n+3){display:none}.serial-card-actions{grid-column:1/-1}.continue-card{align-items:center}.continue-card .serial-button{margin-left:0}.serial-coming-card{grid-template-columns:90px 1fr}.serial-coming-card img{width:90px}.series-hero{padding-top:30px}.series-hero-grid{grid-template-columns:110px 1fr;gap:16px;align-items:start}.series-hero h1{font-size:34px}.series-hero .series-synopsis{grid-column:1/-1;font-size:14px}.series-hero-actions{grid-column:1/-1}.chapter-panel{padding:14px;border-radius:20px}.chapter-toolbar{align-items:stretch;flex-direction:column}.chapter-search{width:100%;min-width:0}.serial-footer{flex-direction:column}.reader-header .reader-tool.font-tool{display:none}.reader-main{width:min(100% - 30px,780px);padding-top:38px;padding-bottom:120px}.reader-body{font-size:var(--reader-font-size,19px);line-height:1.75}.reader-nav-bottom{display:none}.reader-mobile-nav{display:grid}}

/* Serial Novels platform shell - Phase 1 */
:root{--sn-panel:#101720;--sn-panel2:#0b1118;--sn-gold:#e1c27a;--sn-teal:#59cad3;--sn-ink:#f5f2eb;--sn-muted:#98a5b3;--sn-border:rgba(255,255,255,.085)}
html[data-sn-appearance="light"] body.serial-page{background:#f4f0e7;color:#171b20}html[data-sn-appearance="light"] .sn-page-card,html[data-sn-appearance="light"] .sn-settings-card{background:#fff;color:#171b20;border-color:rgba(0,0,0,.09)}
body.sn-lock{overflow:hidden}.sn-topbar{position:sticky;top:0;z-index:350;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:10px max(16px,calc((100vw - 1180px)/2));background:rgba(7,11,16,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--sn-border)}.sn-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.sn-brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#13313d,#1e6670);border:1px solid rgba(89,202,211,.3);font-weight:950;color:#dffcff}.sn-brand strong,.sn-brand small{display:block}.sn-brand strong{font:700 18px/1 Georgia,serif}.sn-brand small{margin-top:2px;color:#7f8b97;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.sn-desktop-nav{display:flex;justify-content:center;gap:8px}.sn-desktop-nav a{color:#aeb8c2;text-decoration:none;font-weight:800;font-size:12px;padding:9px 12px;border-radius:999px}.sn-desktop-nav a:hover,.sn-desktop-nav a.active{color:#fff;background:rgba(255,255,255,.06)}.sn-top-actions{display:flex;align-items:center;gap:8px}.sn-auth-button,.sn-profile-chip{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;border:1px solid rgba(225,194,122,.26);background:rgba(225,194,122,.08);color:#f5d99a;text-decoration:none;font-size:11px;font-weight:900}.sn-menu-button{width:42px;height:42px;border-radius:13px;border:1px solid var(--sn-border);background:#111922;color:#fff;font-size:19px;cursor:pointer}.sn-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;display:grid;place-items:center;flex:0 0 auto;border:2px solid rgba(225,194,122,.24)}.sn-avatar-small{width:28px;height:28px;border-width:1px}.sn-avatar-fallback{background:linear-gradient(145deg,#183a45,#9b7135);color:#fff;font-weight:950;font-size:15px}.sn-avatar-small.sn-avatar-fallback{font-size:9px}.sn-drawer{position:fixed;inset:0;z-index:900;pointer-events:none}.sn-drawer.open{pointer-events:auto}.sn-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.62);opacity:0;transition:.2s}.sn-drawer.open .sn-drawer-backdrop{opacity:1}.sn-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(390px,92vw);background:#0b1118;border-left:1px solid var(--sn-border);transform:translateX(100%);transition:transform .23s ease;display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.45)}.sn-drawer.open .sn-drawer-panel{transform:none}.sn-drawer-head{padding:18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sn-border)}.sn-drawer-user{display:flex;align-items:center;gap:12px}.sn-drawer-user strong,.sn-drawer-user span{display:block}.sn-drawer-user strong{font-size:14px}.sn-drawer-user span{color:#7f8d9b;font-size:10px;margin-top:4px}.sn-drawer-x{width:38px;height:38px;border-radius:50%;border:1px solid var(--sn-border);background:#141d27;color:#fff;font-size:23px}.sn-menu-list{padding:10px;overflow:auto;display:grid;gap:4px}.sn-menu-list a{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;padding:12px;border-radius:13px;color:#dce4eb;text-decoration:none;font-size:12px;font-weight:800}.sn-menu-list a:hover{background:rgba(89,202,211,.07);color:#fff}.sn-drawer-bottom{margin-top:auto;padding:14px 18px 20px;border-top:1px solid var(--sn-border)}.sn-drawer-bottom button,.sn-drawer-bottom a{width:100%;display:block;padding:11px;border-radius:12px;border:1px solid rgba(225,194,122,.22);background:rgba(225,194,122,.07);color:#f0cf8d;text-align:center;text-decoration:none;font-weight:900}.sn-drawer-bottom p{color:#66717d;font-size:9px;text-align:center;margin:12px 0 0}.sn-page{min-height:70vh;padding:34px 0 70px}.sn-page-shell{width:min(1180px,calc(100% - 32px));margin:auto}.sn-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.sn-page-head h1{margin:5px 0 0;font:700 clamp(34px,5vw,58px)/1 Georgia,serif}.sn-page-head p{max-width:650px;color:#93a0ad;line-height:1.6}.sn-eyebrow{color:var(--sn-gold);font-size:10px;letter-spacing:.17em;font-weight:950;text-transform:uppercase}.sn-page-card,.sn-settings-card{border:1px solid var(--sn-border);background:linear-gradient(180deg,#111822,#0b1118);border-radius:24px;padding:20px}.sn-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sn-empty{padding:40px 20px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:20px;color:#81909f}.sn-empty strong{display:block;color:#e8edf1;font:700 22px/1.1 Georgia,serif;margin-bottom:8px}.sn-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 15px;border-radius:12px;border:1px solid var(--sn-border);background:#121c26;color:#fff;text-decoration:none;font-weight:900;font-size:11px;cursor:pointer}.sn-button.primary{background:linear-gradient(135deg,#1d6974,#17404f);border-color:rgba(89,202,211,.3)}.sn-button.gold{background:linear-gradient(135deg,#8e662e,#60461f);border-color:rgba(225,194,122,.32)}.sn-button.danger{color:#ffb8b8;border-color:rgba(255,90,90,.2);background:rgba(255,70,70,.06)}.sn-form{display:grid;gap:14px}.sn-field{display:grid;gap:6px}.sn-field label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8d9aa7;font-weight:900}.sn-input,.sn-select,.sn-textarea{width:100%;padding:12px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#080d13;color:#f5f7f9;font:inherit}.sn-textarea{min-height:100px;resize:vertical}.sn-help{color:#75818d;font-size:10px;line-height:1.45}.sn-message{display:none;padding:11px 12px;border-radius:12px;font-size:11px}.sn-message.show{display:block}.sn-message.error{background:rgba(255,77,77,.08);border:1px solid rgba(255,77,77,.18);color:#ffc0c0}.sn-message.success{background:rgba(89,202,211,.08);border:1px solid rgba(89,202,211,.18);color:#b9f4f8}.sn-auth-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch}.sn-auth-intro{min-height:560px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(12,18,25,.15),rgba(6,10,15,.92)),url('assets/jureel-scene-3.png') center/cover;border-radius:28px;border:1px solid var(--sn-border)}.sn-auth-intro h1{font:700 54px/.95 Georgia,serif;margin:10px 0}.sn-auth-intro p{max-width:500px;color:#c1cad2;line-height:1.6}.sn-auth-box{padding:26px}.sn-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;padding:5px;border-radius:14px;background:#080d13}.sn-auth-tab{border:0;border-radius:10px;padding:10px;background:transparent;color:#83909d;font-weight:900}.sn-auth-tab.active{background:#16212c;color:#fff}.sn-auth-pane{display:none}.sn-auth-pane.active{display:block}.sn-role-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sn-role{position:relative}.sn-role input{position:absolute;opacity:0}.sn-role span{display:block;padding:13px;border:1px solid var(--sn-border);border-radius:13px;background:#0b1118}.sn-role input:checked+span{border-color:rgba(89,202,211,.35);background:rgba(89,202,211,.07);color:#c8fbff}.sn-preview-note{margin-top:16px;padding:11px 12px;border-radius:12px;background:rgba(225,194,122,.06);border:1px solid rgba(225,194,122,.13);color:#a99b80;font-size:10px;line-height:1.45}.sn-profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.sn-profile-hero .sn-avatar{width:88px;height:88px;font-size:24px}.sn-profile-name h1{margin:0;font:700 36px/1 Georgia,serif}.sn-profile-name p{margin:7px 0;color:#8e9aa6}.sn-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(89,202,211,.08);border:1px solid rgba(89,202,211,.16);color:#9ee7ed;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.sn-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}.sn-stat{padding:13px;border-radius:15px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.sn-stat strong{display:block;font-size:21px}.sn-stat span{color:#7d8996;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.sn-tabs{display:flex;gap:6px;overflow:auto;margin:18px 0 12px}.sn-tab-link{white-space:nowrap;padding:9px 12px;border-radius:999px;background:#0d141c;border:1px solid var(--sn-border);color:#aab4be;text-decoration:none;font-size:10px;font-weight:900}.sn-tab-link.active{color:#fff;border-color:rgba(89,202,211,.24);background:rgba(89,202,211,.07)}.sn-settings-layout{display:grid;grid-template-columns:230px 1fr;gap:18px}.sn-settings-nav{display:grid;align-content:start;gap:5px}.sn-settings-nav button{padding:11px 12px;text-align:left;border-radius:11px;border:0;background:transparent;color:#96a2ae;font-weight:800}.sn-settings-nav button.active,.sn-settings-nav button:hover{background:rgba(89,202,211,.07);color:#fff}.sn-settings-section{display:none}.sn-settings-section.active{display:block}.sn-settings-section h2{margin:0 0 16px;font:700 30px/1 Georgia,serif}.sn-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.sn-toggle-row:last-child{border-bottom:0}.sn-toggle-row strong{font-size:12px}.sn-toggle-row small{display:block;color:#7f8b97;margin-top:3px}.sn-switch{position:relative;width:46px;height:26px;flex:0 0 auto}.sn-switch input{opacity:0;width:0;height:0}.sn-switch span{position:absolute;inset:0;border-radius:999px;background:#26313d;cursor:pointer;transition:.2s}.sn-switch span:after{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s}.sn-switch input:checked+span{background:#297985}.sn-switch input:checked+span:after{transform:translateX(20px)}.sn-book-list{display:grid;gap:10px}.sn-book-row{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.sn-book-row img{width:58px;height:78px;object-fit:cover;border-radius:8px}.sn-book-row h3{margin:0 0 5px;font-size:13px}.sn-book-row p{margin:0;color:#7f8c98;font-size:10px}.sn-bottom-nav{display:none}
@media(max-width:800px){.sn-desktop-nav{display:none}.sn-profile-chip span{display:none}.sn-auth-layout{grid-template-columns:1fr}.sn-auth-intro{min-height:340px}.sn-grid-2,.sn-grid-3{grid-template-columns:1fr}.sn-profile-hero{grid-template-columns:auto 1fr}.sn-profile-actions{grid-column:1/-1}.sn-stats{grid-template-columns:repeat(3,1fr)}.sn-settings-layout{grid-template-columns:1fr}.sn-settings-nav{grid-template-columns:repeat(2,1fr)}.sn-bottom-nav{position:fixed;z-index:320;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;border-radius:18px;background:rgba(10,15,21,.94);border:1px solid var(--sn-border);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.35)}.sn-bottom-nav a{padding:8px 3px;border-radius:12px;color:#8995a1;text-align:center;text-decoration:none;font-size:9px;font-weight:850}.sn-bottom-nav a span{display:block;font-size:15px;margin-bottom:3px}.sn-bottom-nav a.active{background:rgba(89,202,211,.08);color:#d8fbff}.serial-page{padding-bottom:78px}}
@media(max-width:520px){.sn-topbar{padding:8px 10px}.sn-brand small{display:none}.sn-brand strong{font-size:16px}.sn-page-shell{width:min(100% - 20px,1180px)}.sn-page{padding-top:24px}.sn-page-head{align-items:start;flex-direction:column}.sn-auth-intro{padding:22px}.sn-auth-intro h1{font-size:42px}.sn-auth-box{padding:18px}.sn-stats{grid-template-columns:repeat(2,1fr)}.sn-profile-hero .sn-avatar{width:68px;height:68px}.sn-profile-name h1{font-size:28px}.sn-settings-card{padding:14px}.sn-settings-nav{grid-template-columns:1fr 1fr}.sn-book-row{grid-template-columns:50px 1fr}.sn-book-row img{width:50px;height:70px}.sn-book-row .sn-button{grid-column:1/-1}}

/* Phase 2 cloud-account refinements */
.sn-auth-benefits{display:grid;gap:9px;margin-top:24px;color:#c9d3dc;font-size:.92rem}.sn-auth-benefits span{display:block}.sn-recovery-box{margin-top:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.sn-recovery-box summary{cursor:pointer;color:#d9be7a;font-weight:700}.sn-recovery-box .sn-form{margin-top:16px}.sn-cloud-note{margin-top:22px;padding:14px 16px;border:1px solid rgba(74,199,205,.22);background:rgba(74,199,205,.06);border-radius:14px;color:#aebcc6;line-height:1.55}.sn-cloud-note strong{color:#e7edf1}.sn-account-email{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin:12px 0 20px}.sn-account-email span{color:#84929e}.sn-compact-form{padding:18px 0;border-top:1px solid rgba(255,255,255,.07)}.series-follow-hint{color:#8fa1ad;font-size:.82rem;margin:8px 0 0}.reader-cloud-note{font-size:.82rem;line-height:1.5;color:#7c8792;margin:20px 0 0}.reader-page[data-spacing="compact"] .reader-body p{margin-bottom:.8em}.reader-page[data-spacing="comfortable"] .reader-body p{margin-bottom:1.25em}.reader-page[data-spacing="wide"] .reader-body p{margin-bottom:1.8em}

/* Phase 3 — Writer Studio + AI narration */
.writer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.writer-toolbar>div{display:grid;gap:3px}.writer-toolbar strong{font-size:18px}.writer-toolbar span{font-size:10px;color:#71808d}.writer-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.writer-stat{padding:14px 15px;border-radius:16px;background:linear-gradient(180deg,#111923,#0a1017);border:1px solid rgba(255,255,255,.065)}.writer-stat strong{display:block;font-size:22px;color:#f4f6f8}.writer-stat span{display:block;margin-top:4px;color:#7e8b97;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.writer-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px}.writer-sidebar{padding:12px;align-self:start;position:sticky;top:84px}.writer-side-head{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 10px}.writer-icon-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--sn-border);background:#0c131b;color:#bac5cf;cursor:pointer}.writer-novel-list{display:grid;gap:7px}.writer-novel-item{width:100%;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;padding:8px;border:1px solid transparent;border-radius:13px;background:transparent;color:#dfe5ea;cursor:pointer}.writer-novel-item:hover,.writer-novel-item.active{background:rgba(89,202,211,.06);border-color:rgba(89,202,211,.15)}.writer-mini-cover{width:42px;height:58px;border-radius:7px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#17313a,#121722);font-weight:900;color:#d7bd80}.writer-mini-cover img{width:100%;height:100%;object-fit:cover}.writer-novel-item strong{display:block;font-size:11px}.writer-novel-item small{display:block;color:#6f7c88;font-size:9px;margin-top:3px}.writer-main{min-height:520px}.writer-book-head{display:grid;grid-template-columns:82px 1fr auto;gap:16px;align-items:start}.writer-book-cover{width:82px;height:116px;border-radius:10px;background:linear-gradient(145deg,#17313a,#121722);display:grid;place-items:center;overflow:hidden;color:#dcc384;font-weight:900}.writer-book-cover img{width:100%;height:100%;object-fit:cover}.writer-book-title h2{font:700 30px/1.05 Georgia,serif;margin:5px 0 9px}.writer-book-title p{margin:0;color:#85929e;line-height:1.5;font-size:11px;max-width:680px}.writer-tabs{display:flex;gap:6px;overflow:auto;margin:22px 0 14px;padding-bottom:4px}.writer-tabs button{border:1px solid var(--sn-border);background:#0b1219;color:#86939f;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;cursor:pointer;text-transform:capitalize}.writer-tabs button.active{background:rgba(89,202,211,.09);color:#d9fbff;border-color:rgba(89,202,211,.24)}.writer-list-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.writer-list-head h3{margin:0;font:700 24px/1 Georgia,serif}.writer-list-head p{margin:5px 0 0;color:#778490;font-size:10px}.writer-chapter-list{display:grid;gap:7px}.writer-chapter-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.02)}.writer-chapter-row button{border:0;background:transparent;color:#e5eaee;text-align:left;padding:12px 14px;cursor:pointer}.writer-chapter-row strong{display:block;font-size:11px}.writer-chapter-row small{display:block;color:#6f7c88;font-size:9px;margin-top:4px}.writer-status{margin-right:12px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:950;text-transform:uppercase}.writer-status.published{background:rgba(73,199,153,.1);color:#9ce7c9}.writer-status.draft{background:rgba(225,194,122,.09);color:#e8cf96}.writer-status.scheduled{background:rgba(95,162,255,.1);color:#b2d0ff}.writer-status.trash{background:rgba(255,93,93,.08);color:#ffb4b4}.writer-mini-empty{padding:24px 10px;color:#6e7a86;text-align:center;font-size:10px}.writer-settings-form{max-width:850px}.writer-stats-detail{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.chapter-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.writer-back-btn{border:0;background:transparent;color:#b7c2cc;font-weight:900;cursor:pointer}.editor-save-state{font-size:9px;color:#7f8d98}.chapter-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px}.writer-editor-toolbar{display:flex;justify-content:space-between;color:#687682;font-size:9px;padding:10px 2px}.chapter-editor{width:100%;min-height:610px;padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#070c11;color:#eef2f5;font:17px/1.72 Georgia,serif;resize:vertical;outline:none}.chapter-editor:focus{border-color:rgba(89,202,211,.25);box-shadow:0 0 0 3px rgba(89,202,211,.04)}.chapter-publish-panel{position:sticky;top:84px;align-self:start;padding:16px;border-radius:16px;background:#0b1219;border:1px solid rgba(255,255,255,.07);display:grid;gap:11px}.chapter-publish-panel h3{margin:0 0 4px;font-size:14px;text-transform:capitalize}.writer-form-actions{display:flex;justify-content:flex-end;gap:8px}.writer-modal{position:fixed;z-index:900;inset:0;display:none}.writer-modal.open{display:block}.writer-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.writer-modal-panel{position:relative;z-index:1;width:min(760px,calc(100% - 24px));max-height:calc(100vh - 30px);overflow:auto;margin:15px auto;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:#0d141d;box-shadow:0 35px 100px rgba(0,0,0,.55)}.writer-modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.writer-modal-head h2{margin:5px 0 0;font:700 32px/1 Georgia,serif}.writer-modal-x{width:38px;height:38px;border-radius:50%;border:1px solid var(--sn-border);background:#111a24;color:#fff;font-size:21px}.writer-cover-field{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}.writer-cover-preview{width:110px;height:158px;border:1px dashed rgba(255,255,255,.15);border-radius:12px;display:grid;place-items:center;color:#677481;overflow:hidden;background:#080d13}.writer-cover-preview img{width:100%;height:100%;object-fit:cover}.community-section-head{margin-top:34px}.community-card>a{display:block;color:inherit;text-decoration:none}.community-cover-fallback{width:100%;aspect-ratio:2/3;display:grid;place-items:center;background:linear-gradient(145deg,#1c3942,#17141d);color:#e1c884;font:900 32px/1 Georgia,serif}.community-large-cover{font:900 44px/1 Georgia,serif;display:grid;place-items:center;color:#e1c884}.community-large-cover img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.ai-narration{margin-top:18px}.ai-audio-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:15px 16px;border-radius:17px;border:1px solid rgba(74,199,205,.2);background:linear-gradient(135deg,rgba(24,103,116,.09),rgba(225,194,122,.035));text-align:left}.ai-audio-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(89,202,211,.11);color:#9de7ed;font-size:13px}.ai-audio-main{min-width:0}.ai-audio-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-audio-title strong{font:800 12px/1.2 Inter,sans-serif}.ai-audio-title span{font:800 8px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#8fa3ad}.ai-audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0}.ai-audio-controls button,.ai-audio-controls select{border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.12);color:inherit;border-radius:9px;padding:7px 9px;font:800 9px/1 Inter,sans-serif}.ai-play{min-width:84px}.ai-part{font:800 8px/1 Inter,sans-serif;color:#8997a1}.ai-audio-progress{height:3px;border-radius:999px;background:rgba(128,128,128,.18);overflow:hidden}.ai-audio-progress span{display:block;height:100%;width:0;background:currentColor;opacity:.65}.ai-audio-main small{display:block;margin-top:7px;color:#7b8790;font:500 8px/1.4 Inter,sans-serif}
@media(max-width:900px){.writer-layout{grid-template-columns:1fr}.writer-sidebar{position:static}.writer-stats{grid-template-columns:repeat(3,1fr)}.chapter-editor-grid{grid-template-columns:1fr}.chapter-publish-panel{position:static}.writer-book-head{grid-template-columns:70px 1fr}.writer-book-head>.sn-button{grid-column:1/-1}.writer-book-cover{width:70px;height:100px}.writer-stats-detail{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.writer-toolbar{align-items:stretch;flex-direction:column}.writer-toolbar .sn-button{width:100%}.writer-stats{grid-template-columns:repeat(2,1fr)}.writer-main{padding:13px}.writer-book-title h2{font-size:25px}.writer-cover-field{grid-template-columns:85px 1fr}.writer-cover-preview{width:85px;height:123px}.chapter-editor{min-height:520px;padding:16px;font-size:16px}.ai-audio-card{grid-template-columns:1fr}.ai-audio-icon{display:none}.ai-audio-title{align-items:flex-start;flex-direction:column}.writer-modal-panel{padding:18px}.writer-stats-detail{grid-template-columns:1fr 1fr}}

/* Phase 3.1 — mobile writer + community card fixes */
.writer-studio-page,.writer-studio-page *{min-width:0}
.writer-studio-page{overflow-x:hidden}
.writer-layout,.writer-main,.writer-sidebar,.writer-book-title,.chapter-editor-grid>*,.sn-field{min-width:0}
.sn-input,.sn-select,.sn-textarea{min-width:0;max-width:100%}

/* Published community novels should always render like book cards, never full-width cover posters. */
.serial-card.community-card{display:block;min-height:0;padding:0}
.community-card>a{position:relative;z-index:1;display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;width:100%;padding:16px;color:inherit;text-decoration:none}
.serial-cover-wrap{position:relative;width:150px;max-width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:16px;background:#0b1118;box-shadow:0 14px 34px rgba(0,0,0,.32)}
.serial-cover-wrap>img{display:block;width:100%;height:100%;object-fit:cover}
.serial-cover-wrap>.serial-status{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);font-size:8px;padding:5px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(7,12,17,.86);backdrop-filter:blur(8px)}
.community-card .serial-card-copy{align-self:center}
.community-card .serial-card-author{display:block;color:#d8bc80;font-size:11px;font-weight:800;margin-bottom:6px}
.community-card h3{margin:4px 0 8px}

@media(max-width:700px){
  .writer-studio-page .sn-page-shell{width:calc(100% - 18px)}
  .writer-studio-page .sn-page{padding-top:18px}
  .writer-studio-page .sn-page-head{gap:8px;margin-bottom:14px}
  .writer-studio-page .sn-page-head h1{font-size:34px}
  .writer-studio-page .sn-page-head p{font-size:12px;margin:0}
  .writer-toolbar{gap:10px;margin-bottom:10px}
  .writer-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .writer-stat{padding:10px 11px;border-radius:13px}
  .writer-stat strong{font-size:18px}
  .writer-layout{gap:10px}
  .writer-sidebar{padding:9px}
  .writer-main{padding:12px;min-height:0}
  .writer-book-head{grid-template-columns:58px minmax(0,1fr);gap:10px}
  .writer-book-cover{width:58px;height:84px}
  .writer-book-title h2{font-size:22px;margin:3px 0 6px;overflow-wrap:anywhere}
  .writer-book-title p{font-size:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .writer-book-head>.sn-button{grid-column:1/-1;width:100%}
  .writer-tabs{margin:14px -2px 10px;padding:0 2px 4px;scrollbar-width:none}
  .writer-tabs::-webkit-scrollbar{display:none}
  .writer-tabs button{flex:0 0 auto}
  .writer-chapter-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}
  .writer-chapter-row button{padding:11px 10px;overflow:hidden}
  .writer-chapter-row strong,.writer-chapter-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .writer-status{margin-right:8px}
  .chapter-editor-head{align-items:flex-start;flex-direction:column;gap:7px}
  .chapter-editor-grid{gap:10px}
  .chapter-editor{min-height:55vh;max-height:none;padding:14px;font-size:16px;line-height:1.65}
  .writer-editor-toolbar{gap:10px;flex-wrap:wrap}
  .chapter-publish-panel{padding:12px;border-radius:14px}
  .chapter-publish-panel .sn-button{width:100%}
  .writer-form-actions{position:sticky;bottom:-1px;z-index:4;margin:4px -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(13,20,29,.86),#0d141d 28%);border-top:1px solid rgba(255,255,255,.08)}
  .writer-form-actions .sn-button{flex:1}

  /* Full-screen create-book sheet on phones. */
  .writer-modal-panel{width:100%;height:100dvh;max-height:100dvh;margin:0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));border-radius:0;border-left:0;border-right:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .writer-modal-head{position:sticky;top:-16px;z-index:6;margin:0 -16px 14px;padding:14px 16px 12px;background:rgba(13,20,29,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}
  .writer-modal-head h2{font-size:27px}
  .writer-cover-field{grid-template-columns:72px minmax(0,1fr);gap:11px;align-items:start}
  .writer-cover-preview{width:72px;height:108px}
  .writer-modal .sn-grid-2,.writer-modal .sn-grid-3{grid-template-columns:1fr;gap:11px}
  .writer-modal .sn-form{gap:12px}
  .writer-modal .sn-input,.writer-modal .sn-select,.writer-modal .sn-textarea{font-size:16px} /* prevents iOS input zoom */

  .community-card>a{grid-template-columns:86px minmax(0,1fr);gap:12px;padding:12px}
  .serial-cover-wrap{width:86px;border-radius:11px;box-shadow:0 10px 24px rgba(0,0,0,.28)}
  .community-card .serial-card-copy{min-width:0}
  .community-card .serial-card-author{font-size:9px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .community-card h3{font-size:20px;line-height:1.02;margin:3px 0 6px;overflow-wrap:anywhere}
  .community-card p{font-size:11px;line-height:1.42;-webkit-line-clamp:3}
  .community-card .serial-meta{margin:8px 0 0;gap:5px}
  .community-card .serial-meta span{font-size:8px;padding:5px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .community-card .serial-meta span:nth-child(n+2){display:none}
}

@media(max-width:430px){
  .writer-stats{grid-template-columns:1fr 1fr}
  .writer-stat:last-child{grid-column:1/-1}
  .writer-toolbar .sn-button{min-height:46px}
  .reader-main{width:calc(100% - 24px);padding-top:28px}
  .reader-chapter-head{margin-bottom:24px}
  .reader-chapter-head h1{font-size:clamp(30px,10vw,42px);overflow-wrap:anywhere}
  .reader-body{font-size:var(--reader-font-size,18px);line-height:1.7}
  .ai-audio-card{padding:12px;border-radius:14px}
  .ai-audio-controls{display:grid;grid-template-columns:minmax(110px,1fr) repeat(2,auto) auto;gap:6px}
  .ai-audio-controls button,.ai-audio-controls select{min-height:36px;padding:7px 8px}
  .ai-part{grid-column:1/-1}
}
.community-large-cover{aspect-ratio:2/3;overflow:hidden;height:auto}
@media(max-width:640px){.community-large-cover{width:110px;max-width:110px}.series-hero-grid>div:nth-child(2){min-width:0}.series-hero-grid .serial-byline{font-size:10px;overflow-wrap:anywhere}}

/* Phase 4 — premium social reader / Wattpad-inspired hybrid (original Serial Novels styling) */
:root{
  --sn-warm:#fffdf9;
  --sn-paper:#fffaf2;
  --sn-ink:#28231f;
  --sn-coral:#e56f55;
  --sn-coral-deep:#bd4d3a;
  --sn-soft-gold:#c89b53;
}

/* Story pages keep the cinematic dark shell, but simplify the content like a premium reading app. */
.series-hero{background:linear-gradient(180deg,#0a0d12 0%,#0b1016 82%,transparent 100%)}
.community-story-hero{align-items:start}
.community-story-copy{min-width:0;padding-top:6px}
.community-story-copy h1{font-size:clamp(36px,5vw,64px);line-height:1;overflow-wrap:anywhere}
.story-social-strip{display:flex;align-items:center;gap:8px;margin-top:16px}
.social-vote{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#111820;color:#cbd4dc;font-weight:900;cursor:pointer}
.social-vote.active{background:rgba(229,111,85,.14);border-color:rgba(229,111,85,.38);color:#ffc1b2}
.social-vote span{font-size:12px}.social-vote strong{font-size:11px}
.social-count-label{color:#788794;font-size:10px;font-weight:800;letter-spacing:.03em}

/* Writer chapter media */
.chapter-media-editor{margin:18px 0;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(180deg,#0c131b,#090f15)}
.chapter-media-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:13px}
.chapter-media-head strong{display:block;color:#eef3f6;font-size:14px}.chapter-media-head span{display:block;color:#71808c;font-size:10px;margin-top:3px}
.chapter-media-badge{padding:5px 8px;border-radius:999px!important;background:rgba(229,111,85,.10);color:#f4aa98!important;font-size:8px!important;font-weight:950;letter-spacing:.08em}
.chapter-media-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
.chapter-media-thumb{position:relative;margin:0;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#060a0e;border:1px solid rgba(255,255,255,.06)}
.chapter-media-thumb img{width:100%;height:100%;object-fit:cover}
.chapter-media-thumb button{position:absolute;right:6px;top:6px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.chapter-media-empty{grid-column:1/-1;padding:18px;border:1px dashed rgba(255,255,255,.09);border-radius:12px;text-align:center;color:#65727e;font-size:10px}
.chapter-media-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.chapter-video-frame{aspect-ratio:16/9}.chapter-video-frame iframe{width:100%;height:100%;border:0;border-radius:14px}.chapter-video-native{width:100%;border-radius:14px}

/* Reader becomes a light, quiet, premium surface by default. */
body.reader-page{--reader-bg:#fffdf9;--reader-ink:#2a2623;--reader-muted:#81776f;background:var(--reader-bg)}
body.reader-page[data-theme="sepia"]{--reader-bg:#f5ead4;--reader-ink:#332c25;--reader-muted:#796c60}
body.reader-page[data-theme="dark"]{--reader-bg:#111216;--reader-ink:#e9e6e0;--reader-muted:#9ea5ad}
.reader-header{min-height:54px;padding:7px max(10px,calc((100vw - 980px)/2));background:color-mix(in srgb,var(--reader-bg) 96%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--reader-ink) 7%,transparent)}
.reader-back,.reader-tool{min-height:36px;padding:0 11px;border-radius:10px;border:0;background:transparent;font-size:11px}
.reader-back:hover,.reader-tool:hover{background:color-mix(in srgb,var(--reader-ink) 6%,transparent)}
.reader-main{width:min(720px,calc(100% - 54px));padding:38px 0 110px}
.reader-chapter-head{margin:0 0 30px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--reader-ink) 9%,transparent);padding-bottom:20px}
.reader-chapter-head .serial-kicker{color:var(--sn-coral-deep);font-size:9px;letter-spacing:.12em}
.reader-chapter-head h1{font:700 clamp(30px,5vw,43px)/1.06 Georgia,serif;margin:8px 0 8px}
.reader-chapter-head p{font-size:11px}
.reader-body{font-size:var(--reader-font-size,18px);line-height:1.78;letter-spacing:0;color:var(--reader-ink)}
.reader-body p{margin:0}
.reader-paragraph-wrap{position:relative;margin:0 0 1.22em}
.reader-paragraph-wrap.panel-wrap{margin:1.4em 0}
.reader-body .system-panel{margin:0;font-size:.78em;background:color-mix(in srgb,var(--reader-bg) 87%,#5ca3b0 9%)}
.para-comment{position:absolute;right:-40px;top:2px;min-width:30px;height:30px;border:0;background:transparent;color:color-mix(in srgb,var(--reader-ink) 38%,transparent);font:700 10px/1 Inter,sans-serif;cursor:pointer;opacity:.62}
.para-comment:hover{opacity:1;color:var(--sn-coral-deep)}.para-comment span{font-size:9px;margin-left:2px}
.reader-media{margin:0 0 28px}.reader-media-gallery{display:grid;gap:13px;margin-bottom:26px}.reader-media-gallery figure{margin:0;border-radius:14px;overflow:hidden;background:#ece7df}.reader-media-gallery img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#111}.reader-video{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}.reader-video iframe{width:100%;height:100%;border:0}.reader-native-video{display:block;width:100%;border-radius:14px;background:#000}

/* Community actions and comments */
.reader-social-host{margin:52px 0 14px}
.reader-community{padding-top:26px;border-top:1px solid color-mix(in srgb,var(--reader-ink) 12%,transparent)}
.reader-community-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.reader-community-head h2{margin:4px 0 0;font:700 25px/1.05 Georgia,serif}.social-eyebrow{font:900 8px/1 Inter,sans-serif;letter-spacing:.13em;color:var(--sn-coral-deep)}
.chapter-vote-host{display:flex;gap:6px}.reader-page .social-vote{background:color-mix(in srgb,var(--reader-bg) 93%,var(--reader-ink) 4%);border-color:color-mix(in srgb,var(--reader-ink) 12%,transparent);color:var(--reader-ink)}.reader-page .social-vote.active{color:#b24935;background:color-mix(in srgb,var(--reader-bg) 88%,#e56f55 12%);border-color:rgba(229,111,85,.35)}
.reaction-bar{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.reaction-bar button{min-height:38px;padding:0 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--reader-ink) 10%,transparent);background:color-mix(in srgb,var(--reader-bg) 94%,var(--reader-ink) 3%);color:var(--reader-ink);cursor:pointer}.reaction-bar button.active{border-color:rgba(229,111,85,.35);background:rgba(229,111,85,.1)}.reaction-bar span{font:800 9px/1 Inter,sans-serif}
.social-comment-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.social-comment-toolbar strong{font:800 12px/1 Inter,sans-serif}.social-comment-toolbar button{border:0;background:none;color:var(--sn-coral-deep);font-size:10px;font-weight:800;cursor:pointer}
.social-comment-form{border:1px solid color-mix(in srgb,var(--reader-ink) 10%,transparent);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--reader-bg) 96%,var(--reader-ink) 2%)}.social-comment-form textarea{display:block;width:100%;min-height:80px;padding:13px;border:0;resize:vertical;background:transparent;color:var(--reader-ink);font:14px/1.5 Inter,sans-serif;outline:none}.social-comment-form>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-top:1px solid color-mix(in srgb,var(--reader-ink) 8%,transparent)}.social-comment-form span{font-size:9px;color:var(--reader-muted)}.social-comment-form button{border:0;border-radius:999px;background:var(--sn-coral);color:#fff;padding:9px 14px;font-size:10px;font-weight:900;cursor:pointer}
.social-comments{display:grid;gap:0;margin-top:14px}.social-comment{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--reader-ink) 8%,transparent)}.social-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#163942,#613d35);color:#fff;font:900 11px/1 Inter,sans-serif}.social-comment-main{min-width:0}.social-comment-head{display:flex;align-items:center;gap:7px}.social-comment-head strong{font:800 11px/1 Inter,sans-serif}.social-comment-head span{font:500 9px/1 Inter,sans-serif;color:var(--reader-muted)}.social-comment p{margin:7px 0 8px;font:13px/1.5 Inter,sans-serif;color:var(--reader-ink)}.social-comment-actions{display:flex;gap:9px}.social-comment-actions button{border:0;background:none;padding:0;color:var(--reader-muted);font-size:9px;font-weight:800;cursor:pointer}.social-comment-actions button.active{color:var(--sn-coral-deep)}.social-replies{margin-top:7px;padding-left:13px;border-left:2px solid color-mix(in srgb,var(--reader-ink) 8%,transparent)}.social-empty{padding:25px 0;text-align:center;color:var(--reader-muted);font-size:11px}

/* More editorial chapter list */
.chapter-panel{border-radius:18px;background:#0d131a}.chapter-row{border-radius:10px;background:transparent;border-color:rgba(255,255,255,.055)}.chapter-row:hover{background:rgba(255,255,255,.035)}

@media(max-width:760px){
  .reader-main{width:calc(100% - 44px);padding-top:28px}
  .reader-header-title strong{font-size:11px}.reader-header-title small{font-size:9px}
  .reader-tools .reader-tool:first-child{display:none}
  .para-comment{right:-32px}
  .reader-community-head{align-items:flex-start;flex-direction:column}.chapter-vote-host{width:100%}.chapter-vote-host .social-vote{flex:1;justify-content:center}
  .chapter-media-fields{grid-template-columns:1fr}.chapter-media-previews{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .reader-main{width:calc(100% - 42px);padding:24px 0 96px}
  .reader-header{gap:5px;padding:6px 7px}.reader-back{font-size:10px;padding:0 8px}.reader-tools .reader-tool{padding:0 7px;font-size:9px}
  .reader-chapter-head{margin-bottom:24px;padding-bottom:15px}.reader-chapter-head h1{font-size:31px}
  .reader-body{font-size:var(--reader-font-size,17px);line-height:1.72}
  .para-comment{right:-28px;width:26px;min-width:26px;padding:0;font-size:9px}
  .reaction-bar{display:grid;grid-template-columns:repeat(4,1fr)}.reaction-bar button{padding:0 5px}
  .social-comment{grid-template-columns:29px 1fr}.social-avatar{width:29px;height:29px}
  .chapter-media-previews{grid-template-columns:1fr}.chapter-media-thumb{aspect-ratio:16/9}
  .community-story-hero{grid-template-columns:92px minmax(0,1fr);gap:14px}.community-story-hero .community-large-cover{width:92px;max-width:92px}.community-story-copy h1{font-size:30px}.community-story-hero .series-synopsis,.community-story-hero .series-hero-actions{grid-column:1/-1}.story-social-strip{flex-wrap:wrap}
}
.reader-author-note{margin:36px 0 0;padding:17px 18px;border-radius:14px;background:color-mix(in srgb,var(--reader-bg) 91%,#e7a55c 9%);border-left:3px solid var(--sn-soft-gold)}.reader-author-note strong{display:block;font:900 9px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#9a6a2e}.reader-author-note p{margin:8px 0 0!important;font:13px/1.55 Inter,sans-serif!important;color:var(--reader-ink)}