.story-root{position:fixed;inset:0;width:100vw;color:#fff;touch-action:manipulation;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;z-index:50;display:flex;align-items:center;justify-content:center}.story-frame,.story-root{height:100dvh;background:#000;overflow:hidden}.story-frame{position:relative;width:100%}@media (min-width:768px){.story-root{background:radial-gradient(circle at 50% 30%,#1a1a2e 0,#000 100%)}.story-frame{width:min(440px,38vw);height:min(900px,92vh);aspect-ratio:9/19;border-radius:28px;box-shadow:0 60px 120px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}}.story-stage{position:absolute;inset:0;padding:calc(env(safe-area-inset-top, 0) + 28px) env(safe-area-inset-right,0) calc(env(safe-area-inset-bottom, 0) + 16px) env(safe-area-inset-left,0);display:flex;align-items:stretch;justify-content:center;overflow:hidden}.story-tap-zone{position:absolute;top:0;bottom:0;width:35%;z-index:30;cursor:pointer;-webkit-tap-highlight-color:transparent}.story-tap-zone.left{left:0}.story-tap-zone.right{right:0;width:65%}.story-progress{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;display:flex;gap:4px;padding:10px 12px 0;z-index:40;pointer-events:none}.story-progress-segment{flex:1;height:2.5px;background:rgba(255,255,255,.28);border-radius:2px;overflow:hidden}.story-progress-fill{height:100%;background:rgba(255,255,255,.95);width:0}.story-progress-fill.completed{width:100%}.story-progress-fill.active{animation:storyFill var(--story-duration,5.5s) linear forwards}.story-progress-fill.paused{animation-play-state:paused}@keyframes storyFill{0%{width:0}to{width:100%}}.story-close{position:absolute;top:calc(env(safe-area-inset-top, 0) + 18px);right:calc(env(safe-area-inset-right, 0) + 14px);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);color:rgba(255,255,255,.9);border:none;border-radius:999px;font-size:20px;line-height:1;z-index:50;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.story-close:active{transform:scale(.92)}.story-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 28px 44px;text-align:center}.story-eyebrow{font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.story-hero{font-size:clamp(56px,18vw,128px);line-height:1;font-weight:800;letter-spacing:-.04em;margin:18px 0}.story-sub{font-size:clamp(18px,5vw,24px);font-weight:500;opacity:.9;max-width:32ch;line-height:1.35}.story-bg-cover{background:radial-gradient(circle at 30% 20%,#6366f1 0,#1e1b4b 45%,#000 100%)}.story-bg-time{background:linear-gradient(180deg,#1e3a8a,#0c0a1f)}.story-bg-count{background:radial-gradient(circle at 70% 80%,#4338ca 0,#0a0a14 70%)}.story-bg-split{background:linear-gradient(180deg,#0c0a1f,#4c1d95)}.story-bg-emoji{background:radial-gradient(ellipse at center,#f59e0b 0,#92400e 50%,#18181b 100%)}.story-bg-hour{background:linear-gradient(180deg,#0f172a,#1e293b 70%,#312e81)}.story-bg-weekday{background:linear-gradient(180deg,#064e3b,#022c22)}.story-bg-laugh{background:radial-gradient(circle at center,#fbbf24 0,#b45309 50%,#1c1917 100%)}.story-bg-words{background:linear-gradient(180deg,#1e1b4b,#0a0a14)}.story-bg-phrase{background:linear-gradient(180deg,#831843,#1e1b4b)}.story-bg-first{background:linear-gradient(180deg,#14532d,#042f2e)}.story-bg-summary{background:radial-gradient(circle at 50% 30%,#6366f1 0,#1e1b4b 60%,#000 100%)}.story-root a,.story-root button{touch-action:manipulation}@media (prefers-reduced-motion:reduce){.story-progress-fill.active{animation-duration:.001ms}}