@font-face{font-family:__geistSans_1e4310;src:url(/_next/static/media/4473ecc91f70f139-s.p.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:__geistSans_Fallback_1e4310;src:local("Arial");ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.__className_1e4310{font-family:__geistSans_1e4310,__geistSans_Fallback_1e4310}.__variable_1e4310{--font-geist-sans:"__geistSans_1e4310","__geistSans_Fallback_1e4310"}@font-face{font-family:__geistMono_c3aa02;src:url(/_next/static/media/463dafcda517f24f-s.p.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:__geistMono_Fallback_c3aa02;src:local("Arial");ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.__className_c3aa02{font-family:__geistMono_c3aa02,__geistMono_Fallback_c3aa02}.__variable_c3aa02{--font-geist-mono:"__geistMono_c3aa02","__geistMono_Fallback_c3aa02"}@font-face{font-family:__Anton_ec6dc7;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6ced06489fd81a3f-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Anton_ec6dc7;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/aa5f74293546f6d0-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Anton_ec6dc7;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/62c97acc3aa63787-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Anton_Fallback_ec6dc7;src:local("Arial");ascent-override:129.70%;descent-override:36.29%;line-gap-override:0.00%;size-adjust:90.69%}.__className_ec6dc7{font-family:__Anton_ec6dc7,__Anton_Fallback_ec6dc7;font-weight:400;font-style:normal}.__variable_ec6dc7{--font-display:"__Anton_ec6dc7","__Anton_Fallback_ec6dc7"}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--background:#0b0b12;--foreground:#f4f4f8}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif}.vibe-yt-mount{display:none;width:0;height:0}.vibe-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:var(--background)}.vibe-bg-layer{position:absolute;inset:-6%;background-size:cover;background-position:50%;animation:vibeKenBurns 32s ease-in-out infinite alternate}.vibe-bg-layer-enter{animation:vibeKenBurns 32s ease-in-out infinite alternate,vibeFadeIn 1.1s ease forwards}@keyframes vibeKenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.12) translate(-1.5%,-1.5%)}}@keyframes vibeFadeIn{0%{opacity:0}to{opacity:1}}.vibe-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.15) 45%,rgba(0,0,0,.8))}.vibe-bg-grain{position:absolute;inset:-20%;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:reduce){.vibe-bg-layer,.vibe-bg-layer-enter{animation:none!important}}.vibe-live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:vibePulse 2s ease-in-out infinite}@keyframes vibePulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 6px rgba(74,222,128,0)}to{box-shadow:0 0 0 0 rgba(74,222,128,0)}}@media (prefers-reduced-motion:reduce){.vibe-live-dot{animation:none}}.vibe-picker{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:6rem 1.5rem 4rem}.vibe-picker-header{text-align:center;margin-bottom:3rem}.vibe-picker-header h1{font-size:clamp(2.25rem,6vw,3.25rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .5rem;text-shadow:0 2px 24px rgba(0,0,0,.5)}.vibe-picker-header p{color:rgba(244,244,248,.7);font-size:1.05rem;margin:0}.vibe-grid{width:100%;max-width:880px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}@media (max-width:640px){.vibe-grid{grid-template-columns:1fr}.vibe-picker{padding-top:4rem}}.vibe-card{position:relative;display:block;min-height:220px;border-radius:20px;border:1px solid hsla(0,0%,100%,.12);text-decoration:none;color:inherit;overflow:hidden;isolation:isolate;transition:transform .25s ease,border-color .25s ease}.vibe-card:focus-visible,.vibe-card:hover{transform:translateY(-3px);border-color:hsla(0,0%,100%,.28)}.vibe-card-bg{position:absolute;inset:0;background-size:cover;background-position:50%;transform:scale(1.02);transition:transform .4s ease}.vibe-card:hover .vibe-card-bg{transform:scale(1.08)}.vibe-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.35) 45%,rgba(0,0,0,.88))}.vibe-card-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem 1.4rem}.vibe-card-title{font-size:1.1rem;font-weight:700;line-height:1.35;margin:0 0 .4rem}.vibe-card-tagline{font-size:.88rem;color:rgba(244,244,248,.75);line-height:1.5;margin:0 0 .9rem}.vibe-card-listeners{display:inline-flex;align-items:center;font-size:.78rem;color:rgba(244,244,248,.7)}.vibe-room{position:relative;z-index:1;min-height:100dvh}.vibe-topbar{position:absolute;top:0;left:0;right:0;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.5rem}.vibe-topbar-clock{justify-self:start;color:rgba(244,244,248,.85);text-decoration:none;font-size:.95rem;font-weight:500;font-variant-numeric:tabular-nums;transition:color .2s ease;white-space:nowrap}.vibe-topbar-clock:hover{color:#f4f4f8}.vibe-room-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:100%;max-width:90vw;text-align:center;padding:0 1.5rem}.vibe-room-title h1{margin:0;font-family:var(--font-display),sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:.95;font-size:clamp(2.75rem,9vw,6.5rem);color:#fff;text-shadow:0 4px 28px rgba(0,0,0,.65),0 2px 10px rgba(0,0,0,.85)}.vibe-room-title p{margin:.9rem 0 0;font-size:clamp(1rem,2vw,1.2rem);font-weight:500;color:hsla(0,0%,100%,.9);text-shadow:0 2px 14px rgba(0,0,0,.7)}.vibe-topbar-listeners{justify-self:center;display:inline-flex;align-items:center;font-size:.85rem;color:rgba(244,244,248,.85);white-space:nowrap}.vibe-topbar-links{justify-self:end;display:flex;align-items:center;gap:1.4rem;flex-shrink:0}.vibe-topbar-link{display:inline-flex;align-items:center;gap:.4rem;color:rgba(244,244,248,.85);text-decoration:none;font-size:.85rem;white-space:nowrap;opacity:.85;transition:opacity .2s ease}.vibe-topbar-link:hover{opacity:1}.vibe-topbar-link svg:last-child{opacity:.6}@media (max-width:560px){.vibe-topbar{grid-template-columns:1fr;justify-items:start;row-gap:.9rem}.vibe-topbar-links,.vibe-topbar-listeners{justify-self:start}}.vibe-player-bar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;width:min(94vw,560px);padding:.7rem 1.2rem .7rem .7rem;border-radius:20px;background:rgba(18,18,24,.55);border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px rgba(0,0,0,.4)}.vibe-bar-progress-track{position:absolute;top:-8px;left:1.2rem;right:1.2rem;height:4px;border-radius:2px;cursor:pointer;background:hsla(0,0%,100%,.25);overflow:hidden}.vibe-bar-progress-fill{height:100%;background:#f4f4f8;transition:width .1s linear}.vibe-bar-row{display:flex;align-items:center;gap:.75rem}.vibe-bar-cover{width:52px;height:52px;border-radius:12px;object-fit:cover;flex-shrink:0}.vibe-bar-info{min-width:0;flex:1}.vibe-bar-title{font-size:.9rem;font-weight:700}.vibe-bar-artist,.vibe-bar-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vibe-bar-artist{font-size:.78rem;color:rgba(244,244,248,.65);margin-top:.1rem}.vibe-bar-time{font-size:.7rem;color:rgba(244,244,248,.45);margin-top:.2rem}.vibe-bar-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.vibe-bar-skip{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:rgba(244,244,248,.8);cursor:pointer;transition:color .2s ease}.vibe-bar-skip:hover{color:#f4f4f8}.vibe-bar-play{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#f4f4f8;color:#111116;cursor:pointer;transition:transform .15s ease}.vibe-bar-play:hover{transform:scale(1.06)}.vibe-bar-play:active{transform:scale(.96)}.vibe-bar-play svg{margin-left:1px}@media (max-width:480px){.vibe-player-bar{width:94vw;padding:.55rem .9rem .55rem .55rem}.vibe-bar-cover{width:44px;height:44px}.vibe-bar-controls{gap:.3rem}}