@media (min-width:768px){:root:not(.dark) .reels-shell{background:radial-gradient(at top,#fff 0%,#f4f6fa 55%,#eceff5 100%)}}.dark .reel-sheet .bg-white,.dark .reel-sheet .bg-slate-50,.dark .reel-sheet .bg-slate-50\/40,.dark .reel-sheet .bg-slate-50\/60{background-color:#ffffff0d}.dark .reel-sheet .bg-slate-100{background-color:#ffffff1a}.dark .reel-sheet .hover\:bg-sky-50\/30:hover{background-color:#ffffff14}.dark .reel-sheet .text-slate-900,.dark .reel-sheet .text-slate-800{color:#fff}.dark .reel-sheet .text-slate-700,.dark .reel-sheet .text-slate-600{color:#fffc}.dark .reel-sheet .text-slate-500,.dark .reel-sheet .text-slate-400{color:#ffffff8c}.dark .reel-sheet .text-slate-300,.dark .reel-sheet .text-slate-200{color:#ffffff4d}.dark .reel-sheet .border-slate-100,.dark .reel-sheet .border-slate-200,.dark .reel-sheet .border-slate-200\/80,.dark .reel-sheet .divide-slate-100>:not(:last-child){border-color:#ffffff1a}.dark .reel-sheet [class*=shadow]{box-shadow:none}.dark .reel-sheet{--field-bg:#ffffff0f;--text-primary:#fff;--text-muted:#ffffff73;--border-color:#ffffff26}.dark .reel-sheet .bg-surface{background-color:#ffffff14}.dark .reel-sheet .hover\:bg-muted\/40:hover,.dark .reel-sheet .hover\:bg-accent:hover{background-color:#ffffff24}.dark .reel-sheet .hover\:text-text-primary:hover,.dark .reel-sheet .hover\:text-accent-foreground:hover{color:#fff}:root:not(.dark) .reel-sheet.text-white{color:#0f172a}:root:not(.dark) .reel-sheet.bg-neutral-900{background-color:#fff;box-shadow:0 -8px 24px #0f172a14}:root:not(.dark) .reel-sheet.border-white\/10{border-color:#e2e8f0}:root:not(.dark) .reel-sheet .bg-neutral-900,:root:not(.dark) .reel-sheet .bg-neutral-900\/95{background-color:#fff}:root:not(.dark) .reel-sheet .bg-neutral-700{background-color:#e2e8f0}:root:not(.dark) .reel-sheet .bg-white\/5,:root:not(.dark) .reel-sheet .bg-white\/\[0\.04\]{background-color:#0f172a0a}:root:not(.dark) .reel-sheet .bg-white\/10,:root:not(.dark) .reel-sheet .bg-white\/15,:root:not(.dark) .reel-sheet .bg-white\/25,:root:not(.dark) .reel-sheet .bg-black\/30,:root:not(.dark) .reel-sheet .bg-black\/35{background-color:#0f172a0f}:root:not(.dark) .reel-sheet .hover\:bg-white\/10:hover{background-color:#0f172a14}:root:not(.dark) .reel-sheet .bg-white\/40{background-color:#64748b99}:root:not(.dark) .reel-sheet .text-white:not([class*=bg-primary]):not([class*=bg-emerald-5]):not([class*=bg-rose-6]):not([class*=bg-black\/55]),:root:not(.dark) .reel-sheet .hover\:text-white:hover{color:#0f172a}:root:not(.dark) .reel-sheet .text-white\/90,:root:not(.dark) .reel-sheet .text-white\/85,:root:not(.dark) .reel-sheet .text-white\/80,:root:not(.dark) .reel-sheet .hover\:text-white\/80:hover{color:#334155}:root:not(.dark) .reel-sheet .text-white\/75,:root:not(.dark) .reel-sheet .text-white\/70{color:#475569}:root:not(.dark) .reel-sheet .text-white\/60,:root:not(.dark) .reel-sheet .text-white\/55,:root:not(.dark) .reel-sheet .text-white\/50{color:#64748b}:root:not(.dark) .reel-sheet .text-white\/45,:root:not(.dark) .reel-sheet .text-white\/40,:root:not(.dark) .reel-sheet .text-white\/30{color:#94a3b8}:root:not(.dark) .reel-sheet .border-white\/10,:root:not(.dark) .reel-sheet .divide-white\/10>:not(:last-child){border-color:#e2e8f0}:root:not(.dark) .reel-sheet .border-white\/15,:root:not(.dark) .reel-sheet .border-white\/20{border-color:#cbd5e1}:root:not(.dark) .reel-sheet .border-white\/25,:root:not(.dark) .reel-sheet .border-white\/30,:root:not(.dark) .reel-sheet .border-white\/40,:root:not(.dark) .reel-sheet .border-white\/50,:root:not(.dark) .reel-sheet .border-white\/60,:root:not(.dark) .reel-sheet .border-white\/70,:root:not(.dark) .reel-sheet .hover\:border-white\/25:hover,:root:not(.dark) .reel-sheet .hover\:border-white\/35:hover,:root:not(.dark) .reel-sheet .hover\:border-white\/40:hover,:root:not(.dark) .reel-sheet .hover\:border-white\/50:hover,:root:not(.dark) .reel-sheet .hover\:border-white\/70:hover{border-color:#94a3b8}:root:not(.dark) .reel-sheet .hover\:border-white:hover{border-color:#475569}:root:not(.dark) .reel-sheet .border-neutral-900{border-color:#fff}:root:not(.dark) .reel-sheet .text-amber-300{color:#d97706}:root:not(.dark) .reel-sheet .text-emerald-300,:root:not(.dark) .reel-sheet .text-emerald-400{color:#059669}:root:not(.dark) .reel-sheet .text-rose-300{color:#e11d48}:root:not(.dark) .reel-sheet .border-emerald-400\/30,:root:not(.dark) .reel-sheet .border-emerald-400\/50,:root:not(.dark) .reel-sheet .border-emerald-400\/70{border-color:#05966973}@media (min-width:768px){:root:not(.dark) .reel-side.text-white{color:#0f172a}:root:not(.dark) .reel-side.bg-neutral-900{background-color:#fff}:root:not(.dark) .reel-side.border-white\/10{border-color:#e2e8f0}:root:not(.dark) .reel-side .border-white{border-color:#0f172a}:root:not(.dark) .reel-side .bg-white{background-color:#0f172a}:root:not(.dark) .reel-side .bg-white .text-slate-900,:root:not(.dark) .reel-side .bg-white.text-slate-900{color:#fff}:root:not(.dark) .reel-side .drop-shadow{filter:none}:root:not(.dark) .reel-side .bg-neutral-900,:root:not(.dark) .reel-side .bg-neutral-900\/95{background-color:#fff}:root:not(.dark) .reel-side .bg-neutral-700{background-color:#e2e8f0}:root:not(.dark) .reel-side .bg-white\/5,:root:not(.dark) .reel-side .bg-white\/\[0\.04\]{background-color:#0f172a0a}:root:not(.dark) .reel-side .bg-white\/10,:root:not(.dark) .reel-side .bg-white\/15,:root:not(.dark) .reel-side .bg-white\/25,:root:not(.dark) .reel-side .bg-black\/30,:root:not(.dark) .reel-side .bg-black\/35{background-color:#0f172a0f}:root:not(.dark) .reel-side .hover\:bg-white\/10:hover{background-color:#0f172a14}:root:not(.dark) .reel-side .bg-white\/40{background-color:#64748b99}:root:not(.dark) .reel-side .text-white:not([class*=bg-primary]):not([class*=bg-emerald-5]):not([class*=bg-rose-6]):not([class*=bg-black\/55]),:root:not(.dark) .reel-side .hover\:text-white:hover{color:#0f172a}:root:not(.dark) .reel-side .text-white\/90,:root:not(.dark) .reel-side .text-white\/85,:root:not(.dark) .reel-side .text-white\/80,:root:not(.dark) .reel-side .hover\:text-white\/80:hover{color:#334155}:root:not(.dark) .reel-side .text-white\/75,:root:not(.dark) .reel-side .text-white\/70{color:#475569}:root:not(.dark) .reel-side .text-white\/60,:root:not(.dark) .reel-side .text-white\/55,:root:not(.dark) .reel-side .text-white\/50{color:#64748b}:root:not(.dark) .reel-side .text-white\/45,:root:not(.dark) .reel-side .text-white\/40,:root:not(.dark) .reel-side .text-white\/30{color:#94a3b8}:root:not(.dark) .reel-side .border-white\/10,:root:not(.dark) .reel-side .divide-white\/10>:not(:last-child){border-color:#e2e8f0}:root:not(.dark) .reel-side .border-white\/15,:root:not(.dark) .reel-side .border-white\/20{border-color:#cbd5e1}:root:not(.dark) .reel-side .border-white\/25,:root:not(.dark) .reel-side .border-white\/30,:root:not(.dark) .reel-side .border-white\/40,:root:not(.dark) .reel-side .border-white\/50,:root:not(.dark) .reel-side .border-white\/60,:root:not(.dark) .reel-side .border-white\/70,:root:not(.dark) .reel-side .hover\:border-white\/25:hover,:root:not(.dark) .reel-side .hover\:border-white\/35:hover,:root:not(.dark) .reel-side .hover\:border-white\/40:hover,:root:not(.dark) .reel-side .hover\:border-white\/50:hover,:root:not(.dark) .reel-side .hover\:border-white\/70:hover{border-color:#94a3b8}:root:not(.dark) .reel-side .hover\:border-white:hover{border-color:#475569}:root:not(.dark) .reel-side .border-neutral-900{border-color:#fff}:root:not(.dark) .reel-side .text-amber-300{color:#d97706}:root:not(.dark) .reel-side .text-emerald-300,:root:not(.dark) .reel-side .text-emerald-400{color:#059669}:root:not(.dark) .reel-side .text-rose-300{color:#e11d48}:root:not(.dark) .reel-side .border-emerald-400\/30,:root:not(.dark) .reel-side .border-emerald-400\/50,:root:not(.dark) .reel-side .border-emerald-400\/70{border-color:#05966973}}.reel-sheet>div>div>.rounded-2xl.bg-white{background:0 0;border-width:1px 0 0;border-radius:0;padding-left:0;padding-right:0}@keyframes reel-swipe-hint{0%,to{opacity:.95;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.reel-swipe-hint{animation:1.2s ease-in-out infinite reel-swipe-hint}@media (prefers-reduced-motion:reduce){.reel-swipe-hint{animation:none}}
.save-burst{pointer-events:none;position:absolute;inset:0}.save-burst__piece{opacity:0;border-radius:1px;width:1.5px;height:6px;margin:-3px 0 0 -.75px;animation:.65s ease-out forwards save-burst;position:absolute;top:50%;left:50%}@keyframes save-burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(-6px) rotate(0deg)}25%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) rotate(var(--tilt))}}@media (prefers-reduced-motion:reduce){.save-burst__piece{animation-name:save-burst-calm}}@keyframes save-burst-calm{0%{opacity:0;transform:rotate(var(--angle)) translateY(-6px)}30%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(-.7 * var(--distance)))}}.rail-bounce{animation:.6s cubic-bezier(.34,1.56,.64,1) rail-bounce}@keyframes rail-bounce{0%{transform:scale(1)}20%{transform:scale(.82)}55%{transform:scale(1.18)}80%{transform:scale(.96)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.rail-bounce{animation:.4s ease-out rail-bounce-calm}}@keyframes rail-bounce-calm{50%{transform:scale(1.06)}}
@keyframes play-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.play-card{will-change:transform, box-shadow;animation:.4s cubic-bezier(.16,1,.3,1) backwards play-card-in}.play-card:hover{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease-out;transform:translateY(-4px)}@keyframes story-ring-glow{0%,to{filter:drop-shadow(0 0 4px #0070b94d)}50%{filter:drop-shadow(0 0 9px #0070b9a6)}}.story-ring-active{animation:3s ease-in-out infinite story-ring-glow}@keyframes sound-bar-1{0%,to{height:25%}50%{height:95%}}@keyframes sound-bar-2{0%,to{height:85%}50%{height:35%}}@keyframes sound-bar-3{0%,to{height:40%}50%{height:100%}}.animate-sound-1{animation:.7s ease-in-out infinite alternate sound-bar-1}.animate-sound-2{animation:.85s ease-in-out infinite alternate sound-bar-2}.animate-sound-3{animation:.6s ease-in-out infinite alternate sound-bar-3}@media (prefers-reduced-motion:reduce){.play-card{animation:none}.play-card:hover{transform:none}.story-ring-active,.animate-sound-1,.animate-sound-2,.animate-sound-3{animation:none}}