.comic-reader{gap:var(--k-s4,16px);min-width:0;max-width:1180px;margin:0 auto;padding-inline:16px;display:grid}.comic-head h1{font:800 1.5rem/1.2 var(--k-display);margin:0}.comic-head h1 small{font:600 .95rem var(--k-display);color:var(--k-ink-2);display:block}.comic-meta{color:var(--k-ink-2);flex-wrap:wrap;gap:8px 14px;margin:6px 0 0;font-size:.92rem;display:flex}.comic-meta span{align-items:center;gap:4px;display:inline-flex}@media (min-width:1024px){.comic-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.comic-meta{text-align:right;justify-content:flex-end;max-width:60%;margin:0 0 2px}}.comic-book-wrap{position:relative}.comic-book{width:100%;aspect-ratio:calc(2 * (var(--cb-ar,2 / 3)));border-radius:var(--k-r-md,20px);background:var(--k-paper-2);max-height:900px;box-shadow:0 3px 0 var(--k-rule), 0 14px 30px -18px var(--k-cast)}.comic-book img{object-fit:cover;width:100%;height:100%;display:block}.comic-coach{width:auto;max-width:360px;margin:0 auto;position:static;translate:none}.comic-coach:before{display:none}.comic-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.comic-page-num{text-align:center;min-width:7ch;font:700 .95rem var(--k-display);color:var(--k-ink-2)}.comic-listen[aria-pressed=true]{background:var(--k-primary);color:var(--k-on-primary)}.comic-help{justify-content:center;width:44px;font-weight:900}.comic-help-text{text-align:center;max-width:34rem;color:var(--k-ink-2);margin:0 auto;font-size:.95rem}.comic-lines{gap:6px;margin:0;padding:0;list-style:none;display:grid}.comic-lines button{text-align:left;background:var(--k-card);width:100%;color:var(--k-ink);font:inherit;cursor:pointer;box-shadow:0 2px 0 var(--k-rule);border:0;border-radius:14px;gap:2px;padding:10px 14px;display:grid}.comic-lines button:disabled{cursor:default;opacity:.7}.comic-lines li:not(.-here):not(.-now) button{opacity:.62}.comic-lines{max-height:420px;padding-right:4px;overflow-y:auto}.comic-lines b{font-weight:700}.comic-lines span{color:var(--k-ink-2);font-size:.92rem}.comic-lines li.-now button{box-shadow:inset 0 0 0 3px var(--k-primary), 0 2px 0 var(--k-primary-deep)}.comic-words{flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0;display:flex}.comic-words span{background:var(--k-paper-2);border-radius:999px;padding:2px 10px;font-size:.92rem}.comic-reels h2{font:800 1.1rem var(--k-display);align-items:center;gap:8px;margin:0 0 10px;display:flex}.comic-reels ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.comic-reels video{aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:14px;width:100%}.comic-reels li span{text-align:center;color:var(--k-ink-2);margin-top:4px;font-size:.9rem;display:block}@media (max-width:600px){.comic-book{aspect-ratio:var(--cb-ar,2 / 3);max-height:none}.comic-reader{padding-inline:12px}}.comic-film video{aspect-ratio:9/16;background:#000;border-radius:14px;width:min(100%,360px);margin:0 auto;display:block}.comic-book img{background-color:var(--k-paper-2);background-size:100% 100%}.comic-cover{border-radius:var(--k-r-md,20px) 0 0 var(--k-r-md,20px);pointer-events:none;text-align:center;z-index:2;background:linear-gradient(90deg,#f7f1e4 85%,#ece3cf);align-content:center;justify-items:center;gap:6px;width:50%;height:100%;padding:6%;display:grid;position:absolute;top:0;left:0}.comic-cover img{box-shadow:0 14px 28px -16px var(--k-cast);border-radius:14px;max-width:100%}.comic-cover b{color:#2b2118;margin-top:8px;font-size:clamp(1.1rem,2.2vw,1.6rem)}.comic-cover small{color:#5c4b3b}.comic-caption{background:var(--k-card);box-shadow:0 2px 0 var(--k-rule);text-align:center;border-radius:16px;gap:4px;margin:0;padding:10px 16px;display:grid}.comic-caption b{font-size:clamp(1.05rem,2.6vw,1.35rem);font-weight:700}.comic-caption b i{color:var(--k-accent,#e0405a);font-style:normal}.comic-caption b span{opacity:.45;transition:opacity .12s linear}.comic-caption b span[data-read]{opacity:1}.comic-caption small{opacity:.8}.comic-caption-turn{color:var(--k-accent,#e0405a);justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex}.comic-caption[data-turn]{box-shadow:0 0 0 3px color-mix(in srgb, var(--k-accent,#e0405a) 45%, transparent)}.comic-resume{justify-self:center}@media (prefers-reduced-motion:reduce){.comic-caption b span{transition:none}}.comic-bar{background:var(--k-card);box-shadow:0 4px 0 var(--k-rule), 0 18px 34px -22px var(--k-cast);border-radius:26px;justify-self:center;gap:10px;margin:2px auto 6px;padding:10px 12px 12px}.comic-bar .talk-pill{background:linear-gradient(180deg, color-mix(in oklch, var(--k-card) 70%, white), var(--k-paper-2));box-shadow:0 4px 0 color-mix(in oklch, var(--k-rule) 85%, black 10%), inset 0 1px 0 oklch(100% 5.96046e-8 none/.7);color:var(--k-ink);cursor:pointer;font:800 .95rem var(--k-display);border:0;border-radius:16px;align-items:center;gap:7px;min-height:46px;padding:0 16px;transition:transform 90ms,box-shadow 90ms,filter .12s;display:inline-flex}.comic-bar .talk-pill:hover{filter:brightness(1.04)}.comic-bar .talk-pill:active{box-shadow:0 1px 0 color-mix(in oklch, var(--k-rule) 85%, black 10%);transform:translateY(3px)}.comic-bar .talk-pill:focus-visible{outline:3px solid var(--k-primary);outline-offset:3px}.comic-bar .comic-nav{background:linear-gradient(180deg, oklch(86% .08 237), var(--k-sky));box-shadow:0 4px 0 var(--k-sky-deep);color:oklch(30% .08 248);border-radius:50%;justify-content:center;width:46px;padding:0}.comic-bar .comic-nav:active{box-shadow:0 1px 0 var(--k-sky-deep)}.comic-bar .comic-page-num{background:var(--k-paper-2);box-shadow:inset 0 2px 4px color-mix(in oklch, var(--k-cast) 40%, transparent);color:var(--k-ink);border-radius:999px;padding:8px 14px}.comic-bar .comic-play{color:#fff;background:linear-gradient(#ff8a6b,#e0405a);box-shadow:0 4px #a8303f,inset 0 1px #ffffff59}.comic-bar .comic-play:active{box-shadow:0 1px #a8303f}.comic-bar .comic-auto{color:#fff;background:linear-gradient(#5aa9ff,#2f80ed);box-shadow:0 4px #1d5bb5,inset 0 1px #ffffff59}.comic-bar .comic-auto:active{box-shadow:0 1px #1d5bb5}.comic-bar .comic-play[aria-pressed=true],.comic-bar .comic-auto[aria-pressed=true]{filter:saturate(1.15);transform:translateY(2px)}.comic-bar .comic-toggle[aria-pressed=true]{color:oklch(25% .06 160);background:linear-gradient(oklch(80% .1 160),oklch(70% .13 160));box-shadow:0 4px oklch(52% .12 160),inset 0 1px #ffffff59}.comic-bar .comic-help{border-radius:50%;justify-content:center;width:46px;padding:0}@media (max-width:600px){.comic-bar{border-radius:22px;gap:8px;padding:10px}.comic-bar .talk-pill{min-height:44px;padding:0 12px;font-size:.88rem}.comic-bar .comic-nav,.comic-bar .comic-help{width:44px}}@media (prefers-reduced-motion:reduce){.comic-bar .talk-pill{transition:none}}.comic-caption{align-content:center;min-height:5.4em}.comic-caption[data-idle] b{color:var(--k-ink-2,var(--k-ink));opacity:.7;font-size:1rem;font-weight:600}.comic-end{color:var(--k-ink);text-align:center;background:linear-gradient(#f7f1e4,#efe5cf);align-content:center;justify-items:center;gap:48px;height:100%;padding:8%;display:grid}.comic-end b{font:800 200px/1 var(--k-display);letter-spacing:.02em}.comic-end span{font:600 72px/1.3 var(--k-body);max-width:20ch}.comic-cover--back{border-radius:0 var(--k-r-md,20px) var(--k-r-md,20px) 0;background:linear-gradient(270deg,#f7f1e4 85%,#ece3cf);left:50%}.comic-end svg{color:var(--k-accent,#e0405a)}@media (max-width:600px){.comic-caption{min-height:8.6rem}}.comic-lines-wrap{gap:16px;max-height:480px;margin:12px 0;padding-right:6px;display:grid;overflow-y:auto}.comic-scene-section{gap:6px;display:grid}.comic-scene-title{color:var(--k-ink-2);margin:6px 0 2px;font-size:.95rem;font-weight:800}