/* PLOT TWIST — Gen-Z colour blocking, heavy type and offset print shadows. */
html[data-theme=pop]{--bg:#faf09b;--surface:#fffcee;--surface2:#f3a4d1;--ink:#252d77;--muted:#53567c;--accent:#313ed6;--accent-ink:#fff;--line:#282f78;--display:SparkRound,Arial,sans-serif;--radius:0px;--hero-art:#f3a4d1;--reader:#252846}
[data-theme=pop] .preview-bar{background:var(--accent);color:white}[data-theme=pop] .theme-trigger svg{color:#faf09b}[data-theme=pop] .brand{font-size:34px;font-weight:800}[data-theme=pop] .hero h1{font-weight:800;line-height:.98;letter-spacing:-.065em;font-size:clamp(65px,6.2vw,90px)}[data-theme=pop] .hero h1 em{font-style:normal;font-weight:800}[data-theme=pop] .hero-art{border:2px solid var(--ink);border-radius:150px 150px 0 0;box-shadow:8px 8px var(--ink)}[data-theme=pop] .hero-art:before{border:0}[data-theme=pop] .daily-seal{border:2px solid var(--ink);background:#faf09b;outline:0;transform:rotate(12deg);box-shadow:4px 4px var(--ink)}[data-theme=pop] .daily-seal b{font-weight:800;font-style:normal}[data-theme=pop] .btn{box-shadow:4px 4px var(--ink);border:2px solid var(--ink);font-weight:700;font-size:13px}[data-theme=pop] .btn:hover{box-shadow:6px 6px var(--ink);transform:translate(-2px,-2px)}[data-theme=pop] .habit-strip{background:#fffcee;border:2px solid var(--ink);padding:24px;box-shadow:5px 5px var(--ink)}[data-theme=pop] .section-heading h2{font-weight:750;font-size:42px}[data-theme=pop] .story-card{background:var(--surface);border:2px solid var(--ink);box-shadow:6px 6px var(--ink)}[data-theme=pop] .card-body{padding:22px}[data-theme=pop] .card-body h3{font-size:26px;font-weight:700}[data-theme=pop] .cover-link{border-radius:0;border-bottom:2px solid var(--ink);background:#f3a4d1}[data-theme=pop] .violet .cover-link{background:#a2b6e8}[data-theme=pop] .amber .cover-link{background:#b6d6a5}[data-theme=pop] .genre-card{border:2px solid var(--ink);box-shadow:4px 4px var(--ink);background:#f3a4d1}[data-theme=pop] .genre-card:nth-child(2){background:#b5d9cc}[data-theme=pop] .genre-card:nth-child(3){background:#f6c693}[data-theme=pop] .genre-card h3{font-weight:700}[data-theme=pop] .sponsor,[data-theme=pop] .continue-empty{border:2px solid var(--ink)}[data-theme=pop] .chapter-end{border:2px solid var(--ink);box-shadow:7px 7px var(--ink)}
@media(max-width:600px){[data-theme=pop] .hero{gap:35px}[data-theme=pop] .hero h1{font-size:clamp(58px,17.3vw,68px)}[data-theme=pop] .hero-art{width:calc(100% - 8px);margin:0 8px 8px 0;height:350px}[data-theme=pop] .hero .btn{font-size:10px}[data-theme=pop] .habit-strip{padding:22px 16px;width:calc(100% - 5px)}[data-theme=pop] .section-heading h2{font-size:34px}[data-theme=pop] .story-grid{margin-right:6px}[data-theme=pop] .card-body{padding:23px}[data-theme=pop] .card-body h3{font-size:28px}[data-theme=pop] .genre-grid{padding-right:5px}[data-theme=pop] .chapter-heading h1{font-weight:700;font-size:40px}[data-theme=pop] .chapter-end{margin-right:7px}[data-theme=pop] .genre-card h3{font-size:26px}}