.rp-stage{gap:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);touch-action:pan-y;outline:none;padding:clamp(22px,3.2vw,44px);display:grid;position:relative}.rp-stage:focus-visible{box-shadow:0 0 0 2px var(--accent)}.rp-slides{display:grid}.rp-slide{align-content:start;gap:var(--space-6);visibility:hidden;opacity:0;grid-area:1/1;transition:opacity .3s,visibility 0s linear .3s;display:grid}.rp-slide.is-on{visibility:visible;opacity:1;transition:opacity .35s .12s,visibility}.rp-top{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.rp-grid{gap:var(--space-10);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;display:grid}.rp-post,.rp-cut,.rp-kept{gap:var(--space-2);align-content:start;display:grid}.rp-post p{padding-left:var(--space-4);border-left:2px solid var(--border);font-size:var(--text-base);color:var(--text-secondary);white-space:pre-line;text-wrap:pretty;line-height:1.55}.rp-drafts{gap:var(--space-6);display:grid}.rp-cut p{font-size:var(--text-base);color:var(--text-muted);white-space:pre-line;text-wrap:pretty;line-height:1.6}.rp-cut .strike{background-size:100% 2px}.rp-kept p{font-family:var(--font-display);letter-spacing:-.035em;color:var(--foreground);text-wrap:balance;font-size:clamp(1.75rem,1.1rem + 2.4vw,3.25rem);font-weight:500;line-height:1.12}.rp-kept .hl{--hl-h:.26em;background-size:100% var(--hl-h)}:root[data-theme=dark] .rp-kept .hl{--hl-h:.07em}.rp-word{display:inline-block}.rp-by{color:var(--foreground);justify-self:start;align-items:center;gap:6px;display:inline-flex}.rp-by img{border-radius:4px;width:16px;height:16px}.rp-stage.in .rp-slide.is-on .rp-post{animation:rpRise .5s var(--ease-enter) .1s both}.rp-stage.in .rp-slide.is-on .rp-cut{animation:rpRise .5s var(--ease-enter) .25s both}.rp-stage.in .rp-slide.is-on .rp-cut .strike{animation:rpStrike .7s var(--ease-enter) .7s both}.rp-stage.in .rp-slide.is-on .rp-cut .note{animation:.4s 1.2s both rpFade}.rp-stage.in .rp-slide.is-on .rp-kept .note{animation:.4s 1.35s both rpFade}.rp-stage.in .rp-slide.is-on .rp-word{animation:rpWord .55s var(--ease-enter) both;animation-delay:calc(1.45s + var(--k) * 60ms)}.rp-stage.in .rp-slide.is-on .rp-kept .hl{animation:rpMark .7s var(--ease-enter) 2.3s both}@keyframes rpRise{0%{opacity:0;transform:translateY(10px)}}@keyframes rpFade{0%{opacity:0}}@keyframes rpStrike{0%{color:var(--text-secondary);background-size:0% 2px}}@keyframes rpWord{0%{opacity:0;filter:blur(6px);transform:translateY(.22em)}}@keyframes rpMark{0%{background-size:0% var(--hl-h)}}.rp-foot{align-items:center;gap:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.rp-dots{gap:2px;display:flex}.rp-dot{border-radius:50%;width:22px;height:22px;position:relative}.rp-dot:before{content:"";background:var(--border-strong);transition:background-color .25s ease, transform .3s var(--ease-enter);border-radius:50%;position:absolute;top:7px;bottom:7px;left:7px;right:7px}.rp-dot.is-on:before{background:var(--acid);transform:scale(1.25)}:root:not([data-theme=dark]) .rp-dot.is-on:before{background:var(--accent)}@media (hover:hover) and (pointer:fine){.rp-dot:hover:before{background:var(--text-secondary)}.rp-dot.is-on:hover:before{background:var(--acid)}}.rp-progress{background:var(--border-subtle);border-radius:1px;height:2px;position:relative;overflow:hidden}.rp-progress i{transform-origin:0;background:var(--acid);animation-name:rpProgress;animation-timing-function:linear;animation-fill-mode:both;position:absolute;top:0;bottom:0;left:0;right:0}:root:not([data-theme=dark]) .rp-progress i{background:var(--accent)}@keyframes rpProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.rp-arrows{gap:6px;display:flex}.rp-arrow{border:1px solid var(--border);border-radius:var(--radius-control);width:38px;height:38px;color:var(--text-secondary);place-items:center;transition:color .2s,border-color .2s,transform .15s;display:grid}.rp-arrow:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.rp-arrow:hover{color:var(--foreground);border-color:var(--border-strong)}}.rp-dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rp-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:760px){.rp-grid{gap:var(--space-6);grid-template-columns:1fr}.rp-foot{border-top:0;grid-template-columns:auto auto;justify-content:space-between;padding-top:0}.rp-progress{grid-area:1/1/auto/-1}}@media (prefers-reduced-motion:reduce){.rp-slide,.rp-slide.is-on{transition:none}}
