:root{--safe: env(safe-area-inset-top, 0px);--bg: #050610;--bg-2: #0c0e18;--bg-3: #161824;--line: rgba(243,244,246,.06);--line-2: rgba(243,244,246,.14);--ink: #f3f4f6;--ink-2: rgba(243,244,246,.62);--ink-3: rgba(243,244,246,.56);--ink-decor: rgba(243,244,246,.3);--accent: #ff2d55;--accent-2: #00d8c8;--leader: var(--accent);--good: #36d8a0;--shadow: 0 24px 64px rgba(0,0,0,.6);--shadow-glass: 0 12px 40px rgba(0,0,0,.45);--shadow-glass-lg: 0 20px 60px rgba(0,0,0,.55);--chrome-dim: 1;--grain-opacity: .08;--glow-accent: 0 0 16px color-mix(in srgb, var(--accent) 50%, transparent);--glow-accent-soft: 0 0 10px color-mix(in srgb, var(--accent) 32%, transparent);--text-glow: 0 0 12px color-mix(in srgb, var(--accent) 42%, transparent);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-text: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 3px;--radius: 8px;--radius-lg: 14px;--radius-pill: 999px;--radius-circle: 50%;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--leading-tight: 1.2;--leading-normal: 1.4;--leading-relaxed: 1.55;--ring: var(--accent);--ring-width: 2px;--ring-offset: 2px;--qr-paper: #fff;--dur-fast: .2s;--dur-base: .35s;--dur-slow: .5s;--ease-out: cubic-bezier(.2,.7,.3,1);--ease-emphasis: cubic-bezier(.4,0,.2,1);--eyebrow-font: var(--font-display);--eyebrow-transform: none;--eyebrow-tracking: 0;--eyebrow-weight: 500;--eyebrow-size: 12px;--eyebrow-style: normal;--eyebrow-color: var(--ink-3);--tile-bg: var(--bg-2);--tile-line: var(--line)}html,body{background:var(--bg);color:var(--ink)}body{font-family:var(--font-text);font-feature-settings:"ss01","cv11"}body[data-theme=matinee]{--bg: #f4ede0;--bg-2: #ede4d2;--bg-3: #e3d8c1;--line: rgba(40,28,16,.1);--line-2: rgba(40,28,16,.22);--ink: #1a1410;--ink-2: rgba(26,20,16,.72);--ink-3: rgba(26,20,16,.64);--ink-decor: rgba(26,20,16,.42);--accent: #c2410c;--accent-2: #5d7a8a;--leader: var(--accent);--good: #2e5a2e;--shadow: 0 16px 50px rgba(40,28,16,.18);--grain-opacity: .04;--glow-accent: none;--glow-accent-soft: none;--text-glow: none;--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-text: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--radius: 6px;--radius-sm: 3px;--radius-lg: 10px}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;color:inherit}.scroll-y{overflow-y:auto;scrollbar-width:thin}.scroll-y::-webkit-scrollbar{width:6px}.scroll-y::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.scroll-y::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.scroll-x{scrollbar-width:thin}.scroll-x::-webkit-scrollbar{height:6px}.scroll-x::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.scroll-x::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}html,body{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:padding-box}.iconbtn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--ink-2);border-radius:var(--radius);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.iconbtn:hover{color:var(--ink);background:var(--bg-3)}.iconbtn-hit{position:relative}.iconbtn-hit:before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius);font:500 14px/1 var(--font-display);letter-spacing:0;text-transform:none;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--ink);transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),filter var(--dur-fast)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;font-weight:700}.btn-primary:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.06);transform:translateY(-1px);box-shadow:var(--glow-accent-soft)}.btn-secondary{background:var(--bg-3);color:var(--ink);border-color:var(--line-2)}.btn-secondary:hover:not(:disabled){background:var(--bg-2)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover:not(:disabled){color:var(--ink);background:var(--bg-3)}.btn-ghost-outline{color:var(--ink-2);border-color:var(--line-2)}.btn-ghost-outline:hover:not(:disabled){color:var(--ink);background:var(--bg-3)}.btn-glass{color:#fff;background:#00000080;border-color:#fff3}.btn-glass:hover:not(:disabled){background:#000000a6}.btn-sm{padding:6px 10px;font-size:12px}.input{display:block;height:32px;padding:0 10px;font:var(--text-base)/1 var(--font-text);color:var(--ink);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);outline:none;transition:border-color var(--dur-fast),background var(--dur-fast)}.input::placeholder{color:var(--ink-3)}.input:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--line-2)}.input:disabled,.input[aria-disabled=true]{opacity:.55;cursor:not-allowed}.input-sm{height:28px;font-size:var(--text-sm)}.input-lg{height:48px;font-size:var(--text-lg);padding:0 14px;border-radius:var(--radius-sm)}@media (pointer: coarse){.input,.input-sm,.input-glass{font-size:16px}.kino-volume-label{display:none}}.input-glass{display:block;height:30px;padding:0 10px;font:var(--text-sm)/1 var(--font-text);color:#fff;background:#ffffff14;border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.12));border-radius:var(--radius-sm);outline:none;transition:background var(--dur-fast),border-color var(--dur-fast)}.input-glass::placeholder{color:#ffffff80}.input-glass:hover{background:#ffffff1f}.input-glass:focus-visible{outline:none!important;background:#ffffff24;border-color:color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.2));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.btn-tab{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;color:var(--ink-2)}.btn-tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink)}.btn-tab:hover:not([aria-selected=true]){color:var(--ink)}@keyframes reactionRise{0%{transform:translate(var(--rx,0)) scale(.7);opacity:0}10%{opacity:1}to{transform:translate(calc(var(--rx,0) + var(--drift,40px)),-180px) scale(1.2);opacity:0}}.reaction{position:absolute;bottom:8%;font-size:28px;animation:reactionRise 2.4s ease-out forwards;pointer-events:none;z-index:4;text-shadow:0 4px 12px rgba(0,0,0,.5)}@keyframes leaderPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes kinoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kinoBufferPulse{0%,to{transform:scale(1);opacity:1}45%{transform:scale(1.18);opacity:.35}}.kino-buffer-badge{animation:kinoBufferPulse .6s ease-in-out infinite}@keyframes kinoBreathe{0%,to{opacity:.82}50%{opacity:1}}.kino-breathe{animation:kinoBreathe 4.2s ease-in-out infinite}@keyframes kinoSyncPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 80%,transparent)}to{box-shadow:0 0 0 14px transparent}}.kino-sync-pulse{animation:kinoSyncPulse .35s ease-out}@keyframes connectionPulse{0%,to{opacity:1}50%{opacity:.55}}.kino-conn-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;animation:connectionPulse 1.1s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.kino-conn-toast{animation:toastIn .25s ease-out both}.kino-toast{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font:500 var(--text-base)/1 var(--font-display);border-radius:var(--radius-pill);max-width:min(80vw,480px);cursor:pointer;transition:padding-right var(--dur-fast),background var(--dur-fast)}.kino-toast-x{width:0;overflow:hidden;font:400 var(--text-lg)/1 var(--font-mono);opacity:0;transition:width var(--dur-fast),opacity var(--dur-fast)}.kino-toast:hover .kino-toast-x,.kino-toast:focus-visible .kino-toast-x{width:14px;opacity:.65}.kino-toast:hover .kino-toast-x{opacity:.8}@keyframes kinoPopoverIn{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.kino-popover-anim{animation:kinoPopoverIn var(--dur-fast) var(--ease-out) both;transform-origin:top right}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,6px)}}.kino-toast[data-exiting="1"]{animation:toastOut .2s ease-out forwards}@keyframes kinoShutterReveal{0%{clip-path:inset(100% 0 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}.kino-list-item{animation:kinoShutterReveal var(--dur-base) var(--ease-emphasis) both;animation-delay:calc(var(--i, 0) * 30ms)}@keyframes kinoVendingClick{0%{transform:translateY(0);border-color:var(--btn-border, transparent)}30%{transform:translateY(1px);border-color:var(--accent)}to{transform:translateY(0);border-color:var(--btn-border, transparent)}}.kino-react-btn{transition:background var(--dur-fast),color var(--dur-fast)}.kino-react-btn:active{animation:kinoVendingClick .14s var(--ease-out)}@keyframes kinoMarqueeSweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}.kino-pulse-success{position:relative;overflow:hidden;isolation:isolate}.kino-pulse-success:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,#fff 55%,transparent) 50%,transparent 70%);pointer-events:none;z-index:1;animation:kinoMarqueeSweep .6s var(--ease-out)}@keyframes kinoPerforationBob{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.kino-typing{display:flex;align-items:center;gap:8px;font:italic 400 var(--text-xs) var(--font-text);color:var(--ink-3)}.kino-typing-dots{display:inline-flex;gap:3px;align-items:center;margin-bottom:1px}.kino-typing-dots>span{width:4px;height:8px;background:color-mix(in srgb,var(--accent) 35%,#ffb000);border-radius:1px;animation:kinoPerforationBob 1.1s ease-in-out infinite}.kino-typing-dots>span:nth-child(2){animation-delay:.15s}.kino-typing-dots>span:nth-child(3){animation-delay:.3s}.kino-link-preview{display:flex;gap:10px;align-items:stretch;margin-top:6px;padding:8px 10px;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-decoration:none;max-width:360px;overflow:hidden;transition:border-color var(--dur-fast),background var(--dur-fast);animation:kinoTipIn var(--dur-base) var(--ease-out) both}.kino-link-preview:hover{border-color:var(--line-2);background:var(--bg-2)}.kino-link-preview-thumb{width:64px;height:64px;flex-shrink:0;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg)}.kino-link-preview-body{min-width:0;display:flex;flex-direction:column;gap:2px;justify-content:center}.kino-link-preview-site{font:500 var(--text-xs) var(--font-display);color:var(--ink-3);text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kino-link-preview-title{font:600 var(--text-sm)/1.25 var(--font-display);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kino-link-preview-desc{font:400 var(--text-xs)/1.4 var(--font-text);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kino-queue-indicator{height:0;overflow:hidden;display:flex;justify-content:center;gap:6px;transition:height .12s var(--ease-out)}.kino-queue-indicator[data-show="1"]{height:8px}.kino-queue-indicator>span{width:3px;height:6px;background:color-mix(in srgb,var(--accent) 40%,#ffb000);border-radius:1px;align-self:center}@keyframes kinoTitleFade{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.kino-title-fade{animation:kinoTitleFade .25s var(--ease-out) both;display:inline-block}.kino-dock-icon{opacity:0;transform:translate(var(--slide, 0)) scale(.92);transition:opacity var(--dur-base) ease-out,transform var(--dur-base) var(--ease-emphasis);transition-delay:calc(var(--i, 0) * 35ms)}.kino-dock-icon[data-show="1"]{opacity:1;transform:translate(0) scale(1)}.kino-scroll-bottom{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 10px;font:500 var(--text-xs) var(--font-display);color:#fff;background:var(--accent);border:none;border-radius:var(--radius-pill);box-shadow:0 8px 20px #00000059;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity var(--dur-fast) ease-out,transform var(--dur-fast) ease-out;z-index:2}.kino-scroll-bottom[data-show="1"]{opacity:1;pointer-events:auto;transform:translate(-50%)}@keyframes kinoIrisIn{0%{clip-path:inset(50% 50% 50% 50% round 50%);opacity:0;transform:scale(.92)}60%{opacity:1}to{clip-path:inset(0 0 0 0 round 0);opacity:1;transform:scale(1)}}.kino-iris-in{animation:kinoIrisIn .72s var(--ease-emphasis) both}.kino-landing-helper{font:italic 400 var(--text-sm) var(--font-display);color:var(--ink-3);margin:-2px 2px 0;opacity:0;transform:translateY(-2px);transition:opacity var(--dur-base) ease-out,transform var(--dur-base) ease-out;pointer-events:none;min-height:1.4em}.kino-landing-helper[data-show="1"]{opacity:1;transform:translateY(0)}.kino-firstrun{overflow:hidden;transition:max-height .32s var(--ease-emphasis),opacity .22s ease-out,margin .32s var(--ease-emphasis),padding .32s var(--ease-emphasis);max-height:600px}.kino-firstrun[data-leaving="1"]{max-height:0;opacity:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;pointer-events:none}@keyframes kinoSheetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes kinoSheetIn{0%{opacity:0;transform:translateY(calc(-50% + 8px)) scale(.98)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media (max-width: 767px){@keyframes kinoSheetIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-3)}.eyebrow{font:var(--eyebrow-style) var(--eyebrow-weight) var(--eyebrow-size)/1.1 var(--eyebrow-font);letter-spacing:var(--eyebrow-tracking);text-transform:var(--eyebrow-transform);color:var(--eyebrow-color)}body[data-playing=true]{--grain-opacity: .04;--chrome-dim: .55}.kino-room-header{transition:opacity var(--dur-fast)}body[data-playing=true] .kino-room-header{opacity:var(--chrome-dim);transition:opacity var(--dur-slow)}body[data-playing=true][data-mouse-active=true] .kino-room-header,body[data-playing=true] .kino-room-header:hover,body[data-playing=true] .kino-room-header:focus-within{opacity:1;transition:opacity var(--dur-fast)}@media (pointer: coarse){body[data-playing=true] .kino-room-header{opacity:1}.kino-scrubber-marker{opacity:1!important}}@media (prefers-reduced-motion: reduce){.kino-scrubber-marker{opacity:1!important}}body video::cue{font-family:var(--font-text);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}body[data-cc-size=sm] video::cue{font-size:80%}body[data-cc-size=md] video::cue{font-size:100%}body[data-cc-size=lg] video::cue{font-size:130%}body[data-cc-bg=off] video::cue{background:transparent}body[data-cc-bg=on] video::cue{background:#000000a6}.kino-header-code:hover,.kino-header-code[aria-expanded=true]{text-decoration:underline}.kino-header-room{font-size:11px}.surface{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.surface-flush{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius)}.tabnums{font-variant-numeric:tabular-nums}.kino-tooltip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;font:500 var(--text-sm)/1 var(--font-display);color:var(--ink);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);white-space:nowrap;animation:kinoTipIn var(--dur-fast) var(--ease-out) both}.kino-tooltip-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font:600 var(--text-xs)/1 var(--font-mono);color:var(--ink-2);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-sm)}@keyframes kinoTipIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=radio]:focus-visible,[tabindex]:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset)}.kino-skip-link{position:absolute;left:8px;top:-100px;padding:8px 14px;background:var(--accent);color:#fff;font:500 14px var(--font-display);text-decoration:none;border-radius:var(--radius);z-index:100;transition:top var(--dur-fast)}.kino-skip-link:focus{top:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.reaction{display:none!important}}