.ab-stage{--ab-night: #1f2552;--ab-dawn: #fbd4b0;--ab-n: 0;--ab-d: 0}[data-theme=dark] .ab-stage{--ab-night: #0b0d22;--ab-dawn: #5b3f58}.ab-stage .ab-sky{fill:color-mix(in srgb,var(--ab-night) calc(var(--ab-n) * 100%),color-mix(in srgb,var(--ab-dawn) calc(var(--ab-d) * 100%),var(--lf-sky)))}.ab-story{position:relative;height:100svh;overflow:hidden}.ab-stage{position:absolute;inset:0;background:var(--lf-sky)}.ab-stage>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.ab-stage text{font-family:Inter,system-ui,sans-serif}.ab-cut{position:absolute;inset:0;background:var(--color-bg);opacity:0;pointer-events:none}.ab-cut-go{animation:ab-cut .55s ease both}@keyframes ab-cut{0%{opacity:1}}.ab-text{position:absolute;inset:0 auto 0 0;z-index:2;width:min(44%,560px);padding:96px 32px 48px max(48px,6vw);display:flex;flex-direction:column;justify-content:center;gap:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-bg) 96%,transparent) 72%,transparent)}.ab-count{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ab-count b{color:var(--color-active-text)}.ab-lines{display:grid;margin:0;padding:0;list-style:none}.ab-lines>li{grid-area:1 / 1;visibility:hidden}.ab-lines>li.ab-on{visibility:visible}.ab-lines p{margin:0;font-size:clamp(21px,2.2vw,30px);font-weight:650;line-height:1.38;letter-spacing:-.015em;text-wrap:pretty;color:var(--color-text-primary)}.ab-w{display:inline-block;white-space:pre;opacity:0;transform:translateY(.4em)}.ab-on .ab-w{animation:ab-word .5s cubic-bezier(.2,.7,.3,1) calc(var(--i) * 22ms) forwards}@keyframes ab-word{to{opacity:1;transform:none}}.ab-controls{display:flex;align-items:center;gap:12px;max-width:300px}.ab-play{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary)}.ab-play:hover{background:var(--color-surface-hover)}.ab-bars{flex:1;display:flex;gap:5px}.ab-bars button{flex:1;padding:8px 0;border:0;background:none;cursor:pointer}.ab-bars i{display:block;height:4px;border-radius:4px;overflow:hidden;background:var(--color-border)}.ab-bars b{display:block;width:0;height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.ab-switch{align-self:flex-start;padding:2px 0;font-size:13px;font-weight:600;color:var(--color-text-muted);opacity:.75;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:opacity .2s,text-decoration-color .2s}.ab-switch:hover,.ab-switch:focus-visible{opacity:1;text-decoration-color:currentColor}.ab-portrait{display:block;flex:none;border-radius:50%;-o-object-fit:cover;object-fit:cover}.ab-portrait-empty{display:grid;place-items:center;background:var(--color-surface);border:2px dashed var(--color-border);color:var(--color-text-faint)}.ab-portrait-empty svg{width:42%;height:42%}.ab-head{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:8vh}.ab-portrait-sm{width:96px;height:96px}.ab-portrait-lg{width:168px;height:168px;margin:0 auto 36px}.ab-read-view p{margin:0 0 1.1em;font-size:19px;line-height:1.65;color:var(--color-text-secondary)}.ab-read-view p:first-of-type{font-size:22px;font-weight:600;color:var(--color-text-primary)}@media(max-width:767px){.ab-stage{inset:0 0 auto;height:48svh;border-bottom:1px solid var(--color-border)}.ab-text{inset:48svh 0 0;width:auto;padding:20px 20px 24px;justify-content:flex-start;gap:14px;background:var(--color-bg)}.ab-lines p{font-size:clamp(17px,4.6vw,21px);line-height:1.42}.ab-head{flex-direction:row;align-items:center;gap:12px;margin-top:0}.ab-portrait-sm{width:52px;height:52px}.ab-controls{max-width:none;margin-top:auto}}@media(prefers-reduced-motion:reduce){.ab-w{opacity:1;transform:none}.ab-on .ab-w,.ab-cut-go{animation:none}}.ab-switch.ab-switch-end{align-self:center;margin-left:auto}