@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&display=swap";:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Source Serif 4", Georgia, ui-serif, serif;--brand-gradient-start: #22d3ee;--brand-gradient-mid: #818cf8;--brand-gradient-end: #a78bfa;--brand-wordmark-start: #67e8f9;--brand-wordmark-mid: #a5b4fc;--brand-wordmark-end: #c4b5fd;--brand-wordmark-fallback: #67e8f9;--brand-subtitle: #94a3b8;--accent-fg: #67e8f9}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0a0a;color:#f8fafc;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}button,input,select,textarea{font-family:inherit}.brand-wordmark{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--brand-wordmark-fallback)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.brand-wordmark{background-image:linear-gradient(120deg,var(--brand-wordmark-start) 0%,var(--brand-wordmark-mid) 48%,var(--brand-wordmark-end) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}}.brand-wordmark-suffix,.brand-subtitle{font-family:var(--font-sans);color:var(--brand-subtitle);font-weight:500}.pairing-screen{display:flex;min-height:100%;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 50% 0%,#1e293b,#0a0a0a 55%)}.pairing-card{width:100%;max-width:22rem;text-align:center}.pairing-brand{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem}.pairing-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.pairing-hint{font-size:.875rem;line-height:1.5;color:#94a3b8;margin-bottom:1.75rem}.pairing-form{display:flex;flex-direction:column;gap:1rem}.pairing-input{width:100%;border:1px solid #334155;border-radius:.75rem;background:#0f172a;color:#f8fafc;font-size:2rem;font-weight:600;letter-spacing:.35em;text-align:center;padding:.85rem 1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.pairing-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.pairing-input::placeholder{color:#475569;letter-spacing:.2em;font-weight:500}.pairing-error{font-size:.8125rem;line-height:1.45;color:#fca5a5;text-align:left}.pairing-submit{width:100%;border:none;border-radius:.75rem;background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;font-size:.9375rem;font-weight:600;padding:.85rem 1rem;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.pairing-submit:disabled{opacity:.45;cursor:not-allowed}.pairing-submit:not(:disabled):active{transform:scale(.98)}.player-root{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.player-stage{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;background:linear-gradient(145deg,#fff,#f1f5f9);overflow:hidden}.player-stage--portrait{aspect-ratio:9 / 16;height:100%;width:auto}.player-stage--landscape{aspect-ratio:16 / 9;width:100%;height:auto}.player-stage--video{background:#000}.player-stage--video .player-backdrop-veil{display:none}.player-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.player-backdrop-media{position:absolute;left:50%;top:50%;width:140%;height:140%;transform:translate(-50%,-50%) scale(1.1);object-fit:cover;opacity:.35;filter:blur(28px) saturate(1.2)}.player-backdrop-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#ffffffe6,#f1f5f9d9)}.player-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.player-layer--exit{z-index:1}.player-layer--enter{z-index:2}.player-media-shell{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.player-media-rotated{will-change:opacity,transform}.player-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;color:#64748b}.player-empty-title{font-size:1.125rem;font-weight:600;color:#334155}.player-status{position:absolute;left:0;right:0;bottom:0;padding:.5rem 1rem;font-size:.65rem;color:#0f172a59;text-align:center;pointer-events:none;opacity:0;transition:opacity .3s ease}.player-root:hover .player-status,.player-root:focus-within .player-status{opacity:1}@keyframes slide-fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-left-in{0%{transform:translate3d(4%,0,0)}to{transform:translateZ(0)}}@keyframes slide-left-out{0%{transform:translateZ(0)}to{transform:translate3d(-3.5%,0,0)}}@keyframes slide-up-in{0%{transform:translate3d(0,4%,0)}to{transform:translateZ(0)}}@keyframes slide-up-out{0%{transform:translateZ(0)}to{transform:translate3d(0,-3%,0)}}@keyframes slide-zoom-in{0%{transform:scale(.968)}to{transform:scale(1)}}@keyframes slide-zoom-out{0%{transform:scale(1)}to{transform:scale(1.018)}}.anim-fade-in{animation:slide-fade-in .62s cubic-bezier(.33,1,.68,1) forwards}.anim-fade-out{animation:slide-fade-out .62s cubic-bezier(.33,1,.68,1) forwards}.anim-slide-left-in{animation:slide-left-in .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-slide-left-out{animation:slide-left-out .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-slide-up-in{animation:slide-up-in .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-slide-up-out{animation:slide-up-out .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-zoom-in{animation:slide-zoom-in .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-zoom-out{animation:slide-zoom-out .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}@keyframes slide-blur-in{0%{filter:blur(14px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes slide-blur-out{0%{filter:blur(0);opacity:1}to{filter:blur(10px);opacity:0}}@keyframes slide-right-in{0%{transform:translate3d(-4%,0,0)}to{transform:translateZ(0)}}@keyframes slide-right-out{0%{transform:translateZ(0)}to{transform:translate3d(3.5%,0,0)}}@keyframes slide-down-in{0%{transform:translate3d(0,-4%,0)}to{transform:translateZ(0)}}@keyframes slide-down-out{0%{transform:translateZ(0)}to{transform:translate3d(0,3%,0)}}@keyframes slide-push-left-in{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes slide-push-left-out{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes slide-wipe-left-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes slide-wipe-left-out{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes slide-wipe-right-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes slide-wipe-right-out{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes slide-zoom-out-in{0%{transform:scale(1.08);opacity:.55}to{transform:scale(1);opacity:1}}@keyframes slide-zoom-out-exit{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.5}}@keyframes slide-flip-in{0%{transform:perspective(900px) rotateY(-82deg);opacity:.45}to{transform:perspective(900px) rotateY(0);opacity:1}}@keyframes slide-flip-out{0%{transform:perspective(900px) rotateY(0);opacity:1}to{transform:perspective(900px) rotateY(82deg);opacity:.45}}.anim-blur-in{animation:slide-blur-in .62s cubic-bezier(.33,1,.68,1) forwards}.anim-blur-out{animation:slide-blur-out .62s cubic-bezier(.33,1,.68,1) forwards}.anim-slide-right-in{animation:slide-right-in .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-slide-right-out{animation:slide-right-out .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-slide-down-in{animation:slide-down-in .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-slide-down-out{animation:slide-down-out .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-push-left-in{animation:slide-push-left-in .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-push-left-out{animation:slide-push-left-out .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-wipe-left-in{animation:slide-wipe-left-in .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-wipe-left-out{animation:slide-wipe-left-out .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-wipe-right-in{animation:slide-wipe-right-in .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-wipe-right-out{animation:slide-wipe-right-out .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-zoom-out-in{animation:slide-zoom-out-in .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-zoom-out-exit{animation:slide-zoom-out-exit .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1}.anim-flip-in{animation:slide-flip-in .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1;transform-style:preserve-3d}.anim-flip-out{animation:slide-flip-out .62s cubic-bezier(.33,1,.68,1) forwards;opacity:1;transform-style:preserve-3d}
