.reader-body{background:#0b060b}.reader-body footer{display:none}.rbar{z-index:50;-webkit-backdrop-filter:blur(14px);background:#0b060be0;align-items:center;gap:12px;height:56px;padding:0 12px;transition:transform .25s;display:flex;position:fixed;left:0;right:0}.rbar-top{border-bottom:1px solid var(--line);top:0}.rbar-bottom{border-top:1px solid var(--line);height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);justify-content:space-between;bottom:0}.reader-hidden .rbar-top{transform:translateY(-100%)}.reader-hidden .rbar-bottom{transform:translateY(100%)}.rbar a,.rbar button{min-width:44px;height:44px;color:var(--text);font:600 14px var(--body);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.rbar a:hover,.rbar button:hover{background:var(--surface)}.rbar svg{width:22px;height:22px}.rbar .rtitle{flex:1;min-width:0;line-height:1.2}.rbar .rtitle b{font:700 15px var(--display);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.rbar .rtitle span{color:var(--dim);font-size:12px}.rbar [aria-disabled=true]{opacity:.35;pointer-events:none}.rprogress{z-index:60;background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:3px;position:fixed;top:0;left:0}.episode{max-width:720px;margin:0 auto;padding:72px 0 96px}.ep-notice{color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:12px;margin:0 12px 16px;padding:10px 14px;font-size:13px}.ep-notice b{color:var(--accent-2)}.ep-cover{aspect-ratio:3/4;position:relative;overflow:hidden}.ep-cover img{object-fit:cover;width:100%;height:100%;display:block}.ep-cover:after{content:"";background:linear-gradient(#0000 45%,#000000d9);position:absolute;inset:0}.ep-cover .ep-cover-text{z-index:1;position:absolute;bottom:24px;left:20px;right:20px}.ep-cover small{color:var(--accent-2);font:700 13px var(--body);letter-spacing:.12em;text-transform:uppercase;display:block}.ep-cover h1{color:#fff;margin:6px 0 0;font-size:clamp(30px,8vw,44px);font-weight:800}.slices img{width:100%;height:auto;display:block}.panel{background:radial-gradient(120% 80% at 80% 0%, color-mix(in srgb, var(--sb-accent) 22%, transparent), transparent 60%), linear-gradient(180deg, var(--sb-bg1), var(--sb-bg2));border-top:1px solid #ffffff0a;flex-direction:column;justify-content:center;gap:12px;padding:44px 18px 22px;display:flex;position:relative;overflow:hidden}.panel.h-short{aspect-ratio:1/.55}.panel.h-medium{aspect-ratio:1/.9}.panel.h-tall{aspect-ratio:1/1.35}.panel.h-splash{aspect-ratio:1/1.8}.panel+.panel{margin-top:28px}.panel.scene-start{margin-top:64px}.panel.has-image{aspect-ratio:auto;background:#000;gap:0;padding:0}.panel.has-image img{width:100%;height:auto;display:block}.panel.has-image .panel-meta{display:none}.panel.has-image .panel-lines{background:linear-gradient(180deg, var(--sb-bg1), var(--sb-bg2));padding:14px 16px 4px}.panel.has-image .panel-lines:empty{display:none}.panel-meta{font:600 10.5px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;justify-content:space-between;gap:10px;display:flex;position:absolute;top:12px;left:14px;right:14px}.panel-visual{color:#ffffff8c;text-align:center;max-width:460px;margin:0 auto;font-size:13.5px;font-style:italic;line-height:1.5}.panel-lines{flex-direction:column;gap:10px;display:flex}.b-dialogue,.b-thought,.b-caption,.b-text,.b-lyrics{max-width:82%;padding:10px 14px;font-size:15px;line-height:1.4;position:relative}.b-dialogue{color:#140b14;background:#fff;border-radius:18px;align-self:flex-start}.b-dialogue.r,.b-thought.r{align-self:flex-end}.b-dialogue .spk,.b-thought .spk,.b-lyrics .spk{font:700 10px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-bottom:4px;display:block}.b-thought{color:#140b14;background:#ffffffe6;border:2px dashed #b9a6b6;border-radius:22px;align-self:flex-start;font-style:italic}.b-caption{color:#2a1a10;background:#f3e3c7;border-radius:4px;align-self:flex-start;font-family:Georgia,serif;font-style:italic}.b-text{color:#2a2a33;background:#f6f1ea;border-radius:3px;align-self:center;font-family:Courier New,monospace;font-size:13.5px;transform:rotate(-1deg);box-shadow:0 6px 16px #00000059}.b-lyrics{text-align:center;color:#ffe7c2;align-self:center;font-style:italic}.b-lyrics:before{content:"♪ ";color:var(--sb-accent)}.b-sfx{font:800 clamp(26px, 8vw, 40px)/1 var(--display);letter-spacing:.02em;color:var(--sb-accent);-webkit-text-stroke:1px #0006;text-shadow:0 4px 18px #00000080;align-self:center;transform:rotate(-4deg)}.ep-end{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:20px;margin:56px 12px 0;padding:28px 20px}.ep-end h2{margin:8px 0;font-size:26px;font-weight:800}.ep-end p{color:var(--muted);margin:0 0 18px}.ep-next{text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex}.ep-next img{object-fit:cover;border-radius:8px;flex-shrink:0;width:64px;height:85px}.ep-next b{font:700 16px var(--display);display:block}.ep-next span{color:var(--muted);font-size:13.5px}.ep-end .btn{width:100%}.ep-end .btn+.btn{margin-top:10px}.resume{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:55;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;max-width:480px;margin:0 auto;padding:12px 14px;font-size:14px;display:none;position:fixed;box-shadow:0 16px 40px #00000080}.resume.show{display:flex}.resume .btn{height:36px;padding:0 14px;font-size:13px}@media (min-width:760px){.episode{padding-top:88px}.panel{padding:56px 40px 32px}.ep-notice,.ep-end{margin-left:0;margin-right:0}}.panel-art{position:relative;container-type:inline-size}.art-inner{position:relative}.art-inner>img{width:100%;height:auto;display:block}.panel.lettered .panel-lines{display:none}.panel.has-image.lettered{background:0 0;overflow:visible}.bubbles{pointer-events:none;z-index:2;position:absolute;inset:0}.bb{box-sizing:border-box;letter-spacing:.01em;color:#16101a;text-align:center;pointer-events:auto;width:max-content;min-width:min-content;max-width:64%;font-family:Patrick Hand,Comic Neue,system-ui,sans-serif;font-size:4.2cqw;line-height:1.18;position:absolute}.bb-t{display:block}.bb-t em{text-underline-offset:.12em;font-style:normal;font-weight:700;text-decoration:underline;text-decoration-thickness:.08em}.bb-dialogue{background:#fffdf9;border:2px solid #16101a;border-radius:1.3em;padding:.55em .95em .6em;box-shadow:0 .18em .6em #00000047}.bb-thought{color:#2a2030;background:#fffdf9f0;border:2px dashed #6b5a70;border-radius:2em;padding:.6em 1em;font-style:italic;box-shadow:0 .18em .6em #00000038}.bb-caption{color:#2a1a12;border-left:.28em solid var(--sb-accent,#ff4f8b);text-align:left;background:#f6ecdc;border-radius:.25em;padding:.45em .8em .5em;font-family:Lora,Georgia,serif;font-size:3.8cqw;font-style:italic;box-shadow:0 .15em .5em #0000004d}.bb-text{color:#2a2a33;text-align:left;background:#f7f2ea;border-radius:.15em;padding:.6em .8em;font-family:Courier New,monospace;font-size:3.4cqw;transform:rotate(-1.5deg);box-shadow:0 .3em .9em #00000073}.bb-lyrics{color:#fff4e0;text-shadow:0 0 .4em #000000e6,0 .1em .2em #000000e6;font-size:4.3cqw;font-style:italic}.bb-lyrics .bb-t:before{content:"♪ ";color:var(--sb-accent,#ff9a5c)}.bb-sfx{letter-spacing:.04em;color:var(--sb-accent,#ff4f8b);-webkit-text-stroke:.08em #120a12;paint-order:stroke fill;text-shadow:.04em .06em #120a12,0 .1em .5em #00000080;white-space:nowrap;font-family:Bangers,Impact,sans-serif;font-size:10cqw;transform:rotate(-7deg)}.bb-tail{z-index:-1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.bb-dialogue .bb-tail polygon{fill:#fffdf9;stroke:#16101a;stroke-width:2px;stroke-linejoin:round}.bb-thought .bb-tail circle{fill:#fffdf9f0;stroke:#6b5a70;stroke-width:2px}.letter-edit .bb{cursor:move;touch-action:none;outline-offset:3px;outline:1px dashed #6fd3ffb3}.letter-edit .bb.dragging{outline:2px solid #6fd3ff}.bb-resize{cursor:ew-resize;background:#6fd3ff;border-radius:4px;width:12px;height:24px;margin-top:-12px;position:absolute;top:50%;right:-8px}.letter-bar{z-index:99;color:#dfe6ff;font:13px var(--body);background:#1b1f33;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:10px 12px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.letter-bar button{color:#0b1020;font:600 13px var(--body);cursor:pointer;background:#6fd3ff;border:0;border-radius:8px;padding:7px 12px}.letter-edit .rbar-bottom{display:none}.bb-label{white-space:nowrap;pointer-events:none;font:700 11px/1 var(--body);letter-spacing:.02em;color:#0b0610;background:#d9d4e0;border-radius:999px;padding:4px 7px;position:absolute;top:-10px;left:-6px;transform:translateY(-100%);box-shadow:0 2px 6px #00000080}.bb-label.bad{color:#fff;background:#ff3b3b!important}.bb-label.off{outline-offset:1px;outline:2px dashed #fffc}.bb-label.offbad{color:#1a0610;background:#ff9a1f!important}.bb-label.offbad:after{content:"  ← tail inside frame"}.bb-label.bad:before{content:"↑ order · "}.bb-sfx .bb-label,.bb-text .bb-label{transform:translateY(-100%)rotate(7deg)}.panel-badge{z-index:4;font:800 13px var(--body);color:#fff;background:#000000a6;border-radius:6px;padding:4px 8px;position:absolute;bottom:8px;left:8px}.bb-tip{width:20px;height:20px;font:800 10px/14px var(--body);color:#0b0610;text-align:center;z-index:5;box-sizing:border-box;cursor:crosshair;pointer-events:auto;touch-action:none;background:#ff4f8b;border:3px solid #fff;border-radius:50%;margin:-10px 0 0 -10px;position:absolute;box-shadow:0 2px 8px #0009}.snap-guide{z-index:6;pointer-events:none;background:#ff2fb3;display:none;position:absolute;box-shadow:0 0 0 1px #00000059}.snap-x{width:1px;top:-40%;bottom:-40%}.snap-y{height:1px;left:-2%;right:-2%}.rbar .rmode{border:1px solid var(--line);min-width:0;height:36px;font:600 12.5px var(--body);color:var(--muted);border-radius:999px;gap:6px;padding:0 10px}.rbar .rmode svg{width:18px;height:18px}.rmode .i-paged,.mode-paged .rmode .i-scroll{display:none}.mode-paged .rmode .i-paged{display:block}.mode-paged .rbar .rmode{color:var(--text);border-color:var(--accent)}@media (max-width:380px){.rmode-label{display:none}}.page-count{display:none}.mode-paged{overscroll-behavior:none;overflow:hidden}.mode-paged .episode{background:#0b060b;justify-content:center;align-items:center;max-width:none;padding:0;display:flex;position:fixed;inset:0}.mode-paged #episode-content{display:contents}.mode-paged .ep-notice,.mode-paged .ep-cover,.mode-paged .panel,.mode-paged .ep-end{display:none}.mode-paged .ep-cover.is-current,.mode-paged .ep-end.is-current{display:block}.mode-paged .panel.is-current{display:flex}.mode-paged .ep-cover.is-current{aspect-ratio:3/4;height:min(100svh,133.333vw)}.mode-paged .panel.is-current{background:0 0;border-top:0;justify-content:center;align-items:center;width:100%;max-width:720px;margin:0!important}.mode-paged .panel.has-image{padding:0}.mode-paged .panel-art{width:min(100%, calc((100svh - 160px) * var(--ar,1)));margin:0 auto}.mode-paged .panel:not(.has-image).is-current{max-height:100svh;overflow:hidden}.mode-paged .ep-end.is-current{width:100%;max-width:520px;margin:0 12px}.mode-paged .page-count{right:12px;bottom:calc(70px + env(safe-area-inset-bottom));z-index:45;font:600 12px var(--body);color:var(--muted);background:#0b060bbf;border-radius:999px;padding:4px 9px;display:block;position:fixed}.mode-paged .page-count:empty{display:none}.mode-paged.reader-hidden .page-count{bottom:calc(12px + env(safe-area-inset-bottom))}.ep-end .ep-fiction{color:var(--dim);margin:18px 0 0;font-size:12.5px;line-height:1.45}
