.reel{--reel-ease:cubic-bezier(.4, 0, .2, 1);--reel-pop:cubic-bezier(.18, 1.5, .4, 1);--reel-swipe:cubic-bezier(.16, .84, .24, 1);flex-direction:column;gap:14px;display:flex}.reel__deck{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:stretch;gap:28px;display:grid}.reel__slide{flex-direction:column;min-width:0;padding:4px 0;display:flex}.reel__caption{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.reel__kicker{font-family:var(--font-mono,ui-monospace), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:8px;font-size:11px;display:flex}.reel__rec{background:var(--brand,#f0b429);border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite reel-rec}@keyframes reel-rec{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--brand,#f0b429) 55%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.reel__headline{letter-spacing:-.025em;margin-top:14px;font-size:clamp(1.7rem,2.9vw,2.8rem);font-weight:600;line-height:1.06}.reel__caption{animation:reel-slide .46s var(--reel-swipe) both}@keyframes reel-slide{0%{opacity:0;transform:translate(46px)}to{opacity:1;transform:none}}.reel__accent{background-image:linear-gradient(241deg, var(--brand-lift) 4%, var(--brand-to) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.reel__sub{max-width:46ch;color:var(--muted-foreground);text-wrap:pretty;margin-top:16px;font-size:.92rem;line-height:1.6}.reel__metric{align-items:baseline;gap:10px;margin-top:22px;display:flex}.reel__metric-n{font-family:var(--font-mono,ui-monospace), monospace;letter-spacing:-.03em;background-image:linear-gradient(241deg, var(--brand-lift) 4%, var(--brand-to) 100%);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,3.4vw,3.1rem);font-weight:600;line-height:1}.reel__metric-l{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px}.reel__controls{gap:6px;margin-top:24px;display:flex}.reel__btn{border:1px solid var(--border);height:30px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:12px;transition:color .15s,border-color .15s;display:inline-flex}.reel__btn:hover{color:var(--foreground);border-color:color-mix(in oklab, var(--foreground) 25%, transparent)}.reel__progress{z-index:10;background:color-mix(in oklab, var(--border) 70%, transparent);width:100vw;height:3px;transition:opacity .24s var(--reel-ease);margin-left:-50vw;position:absolute;top:0;left:50%;overflow:hidden}.reel__progress--away{opacity:0}.reel__progress-fill{background:var(--brand-gradient,currentColor);border-radius:999px;height:100%;transition-property:width;transition-timing-function:linear;display:block}.reel__stage{pointer-events:none;-webkit-user-select:none;user-select:none;transition:background-color .48s var(--reel-ease), border-color .48s var(--reel-ease);border:1px solid;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 30px 70px -40px #000000d9}.reel__chrome{height:36px;transition:background-color .48s var(--reel-ease), border-color .48s var(--reel-ease);border-bottom:1px solid;align-items:center;gap:12px;padding:0 12px;display:flex}.reel__lights{gap:6px;display:inline-flex}.reel__lights i{opacity:.22;background:currentColor;border-radius:50%;width:9px;height:9px}.reel__url,.reel__live{height:21px;font-family:var(--font-mono,ui-monospace), monospace;transition:border-color .48s var(--reel-ease), color .48s var(--reel-ease);border:1px solid;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:inline-flex}.reel__url{flex:1;max-width:230px}.reel__live{margin-left:auto}.reel__live i{border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite reel-blink}@keyframes reel-blink{0%,to{opacity:1}50%{opacity:.25}}.reel__chart{min-width:0;height:520px;position:relative;overflow:hidden}.reel__chart-loading{background:linear-gradient(100deg,#0000 20%,#ffffff0a 50%,#0000 80%) 0 0/200% 100%;width:100%;height:100%;animation:1.4s linear infinite reel-shimmer}@keyframes reel-shimmer{to{background-position:-200% 0}}.reel__tag{z-index:3;font-family:var(--font-mono,ui-monospace), monospace;animation:reel-tag .52s var(--reel-pop) both;border:1px solid;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:11.5px;display:inline-flex;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 24px #00000059}.reel__tag i{border-radius:50%;width:6px;height:6px}@keyframes reel-tag{0%{opacity:0;transform:translateY(10px)scale(.85)}to{opacity:1;transform:none}}.reel__note{color:var(--muted-foreground);font-size:12px;line-height:1.6}.reel__note strong{font-family:var(--font-mono,ui-monospace), monospace;color:var(--foreground);font-weight:500}.reel__link{color:var(--primary);text-underline-offset:4px}.reel__link:hover{text-decoration:underline}@media (max-width:1023px){.reel__deck{grid-template-columns:minmax(0,1fr);gap:20px}.reel__caption{min-height:230px}.reel__chart{height:440px}}@media (max-width:767px){.reel__caption{min-height:280px}.reel__chart{height:360px}.reel__sub{max-width:none}}@media (prefers-reduced-motion:reduce){.reel__caption,.reel__tag,.reel__rec,.reel__live i,.reel__chart-loading{animation:none}.reel__stage,.reel__chrome,.reel__url,.reel__live,.reel__progress-fill{transition:none}}