@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-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:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-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:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}:root{--xxs-font-size:calc(var(--base-font-size) * 0.5);--xs-font-size:calc(var(--base-font-size) * 0.75);--small-font-size:calc(var(--base-font-size) * 1);--medium-font-size:calc(var(--base-font-size) * 1.10);--large-font-size:calc(var(--base-font-size) * 1.25);--logo-small-font-size:calc(var(--base-font-size) * 3)}@media (max-width:768px){:root{--base-font-size:calc(var(--root-font-size) * 0.9375)}}
/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */.animated-text{--amplitude:.7vw;color:red;mix-blend-mode:screen;font-weight:700;animation:pulseRed 5s infinite;display:inline-block;position:relative}.animated-text:after,.animated-text:before{content:attr(data-text);mix-blend-mode:screen;width:100%;height:100%;position:absolute;top:0;left:0}.animated-text:before{color:var(--theme-color,green);animation:pulseGreen 5s .1s infinite}.animated-text:after{color:#00f;animation:pulseBlue 5s .2s infinite}@keyframes pulseRed{0%{transform:translate(0)}25%{transform:translate(var(--amplitude),calc(-1*var(--amplitude)))}50%{transform:translate(0)}75%{transform:translate(calc(-1*var(--amplitude)),var(--amplitude))}to{transform:translate(0)}}@keyframes pulseGreen{0%{transform:translate(0)}25%{transform:translate(calc(-1*var(--amplitude)),calc(-1*var(--amplitude)))}50%{transform:translate(0)}75%{transform:translate(var(--amplitude),var(--amplitude))}to{transform:translate(0)}}@keyframes pulseBlue{0%{transform:translate(0)}25%{transform:translate(var(--amplitude),var(--amplitude))}50%{transform:translate(0)}75%{transform:translate(calc(-1*var(--amplitude)),calc(-1*var(--amplitude)))}to{transform:translate(0)}}:root{--theme-color-02:rgba(var(--theme-color-rgb),.02);--theme-color-05:rgba(var(--theme-color-rgb),.05);--theme-color-07:rgba(var(--theme-color-rgb),.07);--theme-color-10:rgba(var(--theme-color-rgb),.1);--theme-color-20:rgba(var(--theme-color-rgb),.2);--theme-color-30:rgba(var(--theme-color-rgb),.3);--theme-color-40:rgba(var(--theme-color-rgb),.4);--theme-color-50:rgba(var(--theme-color-rgb),.5);--theme-color-60:rgba(var(--theme-color-rgb),.6);--theme-color-70:rgba(var(--theme-color-rgb),.7);--theme-color-80:rgba(var(--theme-color-rgb),.8);--theme-color-90:rgba(var(--theme-color-rgb),.9);--theme-bg-5:rgba(var(--theme-color-rgb),.05);--theme-bg-10:rgba(var(--theme-color-rgb),.1);--theme-bg-20:rgba(var(--theme-color-rgb),.2);--theme-bg-30:rgba(var(--theme-color-rgb),.3);--theme-border-10:rgba(var(--theme-color-rgb),.1);--theme-border-20:rgba(var(--theme-color-rgb),.2);--theme-border-30:rgba(var(--theme-color-rgb),.3);--theme-border-50:rgba(var(--theme-color-rgb),.5);--theme-shadow-20:rgba(var(--theme-color-rgb),.2);--theme-cyan:#0ff;--theme-cyan-hover:#6ff;--theme-cyan-active:#0cc;--theme-white:#fff}.scrollbar-theme{scrollbar-color:var(--theme-border-30)#00000080}.scrollbar-theme::-webkit-scrollbar-track{background:#00000080}:root{--root-font-size:1rem;--base-font-size:var(--root-font-size);--xxs-font-size:calc(var(--base-font-size)*.5);--xs-font-size:calc(var(--base-font-size)*.75);--small-font-size:calc(var(--base-font-size)*1);--medium-font-size:calc(var(--base-font-size)*1.1);--large-font-size:calc(var(--base-font-size)*1.25);--banner-font-size:var(--base-font-size);--logo-small-font-size:calc(var(--base-font-size)*3);--base-line-height:1.5}@media (width<=768px){:root{--base-font-size:calc(var(--root-font-size)*.9375)}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:var(--font-geist-mono);--color-red-50:oklch(.971 .013 17.38);--color-red-100:oklch(.936 .032 17.717);--color-red-300:oklch(.808 .114 19.571);--color-red-400:oklch(.704 .191 22.216);--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-red-700:oklch(.505 .213 27.518);--color-red-800:oklch(.444 .177 26.899);--color-red-900:oklch(.396 .141 25.723);--color-yellow-300:oklch(.905 .182 98.111);--color-yellow-500:oklch(.795 .184 86.047);--color-yellow-800:oklch(.476 .114 61.907);--color-yellow-900:oklch(.421 .095 57.708);--color-green-300:oklch(.871 .15 154.449);--color-green-400:oklch(.792 .209 151.711);--color-green-800:oklch(.448 .119 151.328);--color-green-900:oklch(.393 .095 152.535);--color-gray-500:oklch(.551 .027 264.364);--color-gray-900:oklch(.21 .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.z-\[1000\]{z-index:1000}.z-\[9990\]{z-index:9990}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.col-span-full{grid-column:1/-1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-12{margin-top:calc(var(--spacing)*12)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-full{height:100%}.max-h-40{max-height:calc(var(--spacing)*40)}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[400px\]{max-width:400px}.max-w-md{max-width:var(--container-md)}.min-w-\[300px\]{min-width:300px}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-3{row-gap:calc(var(--spacing)*3)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-green-800{border-color:var(--color-green-800)}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-yellow-800{border-color:var(--color-yellow-800)}.border-yellow-900\/50{border-color:color-mix(in oklab,var(--color-yellow-900)50%,transparent)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-900\/20{background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-yellow-900\/30{background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-2{padding-top:calc(var(--spacing)*2)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-black{color:var(--color-black)}.text-gray-500{color:var(--color-gray-500)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-500\/70{color:color-mix(in oklab,var(--color-red-500)70%,transparent)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-500{color:var(--color-yellow-500)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-85{opacity:.85}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-red-900\/20:hover{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=80rem){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}:root{--background:#000;--foreground:var(--theme-color);--foreground-rgb:var(--theme-color-rgb);--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--nav-height:calc(var(--base-font-size)*3);--chat-width:350px}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:var(--theme-color)}}@media (width<=768px){:root{--nav-height:calc(var(--base-font-size)*3)}}body{color:var(--foreground);background:var(--background);font-family:var(--font-geist-mono);box-sizing:border-box;max-width:100vw;height:auto;min-height:100%;margin:0;padding:0;overflow:hidden auto}html{height:100%;overflow-y:auto}@media (width<=768px){body,html{-webkit-overflow-scrolling:touch;height:auto;min-height:100%;overflow-y:auto!important}}.fullscreen-visualizer{background-color:#000;z-index:9999!important;box-sizing:border-box!important;width:100%!important;height:100%!important;padding-top:calc(var(--banner-font-size)*2 + 2px)!important;padding-bottom:30px!important;position:fixed!important;inset:0!important}@keyframes listener-count-glow{0%{opacity:1;text-shadow:0 0 3px var(--theme-color),0 0 5px var(--theme-color)}25%{opacity:1;text-shadow:0 0 5px var(--theme-color),0 0 10px var(--theme-color)}50%{opacity:1;text-shadow:0 0 8px var(--theme-color),0 0 15px var(--theme-color)}75%{opacity:1;text-shadow:0 0 5px var(--theme-color),0 0 10px var(--theme-color)}to{opacity:1;text-shadow:0 0 3px var(--theme-color),0 0 5px var(--theme-color)}}.listener-count-glow{font-weight:700;transition:transform .2s ease-in-out;animation:listener-count-glow 1.5s ease-in-out;transform:scale(1.05)}@keyframes people-icon-glow{0%{filter:drop-shadow(0 0 1px var(--theme-color))}25%{filter:drop-shadow(0 0 3px var(--theme-color))}50%{filter:drop-shadow(0 0 5px var(--theme-color))drop-shadow(0 0 8px var(--theme-color))}75%{filter:drop-shadow(0 0 3px var(--theme-color))}to{filter:drop-shadow(0 0 1px var(--theme-color))}}.people-icon-glow{transition:transform .2s ease-in-out;animation:people-icon-glow 1.5s ease-in-out;transform:scale(1.1)}.fullscreen-visualizer>div{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.fullscreen-visualizer .ascii-visualizer,.fullscreen-visualizer canvas{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.fullscreen-visualizer~.bottom-banner,.fullscreen-visualizer~.song-banner-container{z-index:10000!important;visibility:visible!important;opacity:1!important;display:flex!important;position:fixed!important}.fullscreen-visualizer~.nav{visibility:hidden!important;opacity:0!important}body:has(.fullscreen-visualizer) .song-banner-container{z-index:10000!important;visibility:visible!important;opacity:1!important;width:100%!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.fullscreen-visualizer .pointer-events-none{pointer-events:none!important}.fullscreen-visualizer{transition:all .3s ease-in-out}#controls{border-bottom:1px solid var(--theme-color-20);z-index:1000;pointer-events:auto;background:#000000e6;justify-content:space-between;align-items:center;height:40px;padding:0 10px;transition:opacity .5s,transform .5s;display:flex;position:fixed;top:0;left:0;right:0}#controls.fade{opacity:.05}#controls.fade>*{pointer-events:none}#controls.fade button#fullscreenButton{pointer-events:auto}#controls.fade:hover{opacity:.8}#controls.fade:hover>*{pointer-events:auto}#controls:hover{opacity:1}#visualizer-container{z-index:1;position:fixed;inset:0}#visualizer-container.fullscreen{top:0}#loader{text-align:center;z-index:2;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border-top:4px solid var(--theme-color-30);border:4px solid var(--theme-color-30);border-top-color:var(--theme-color);border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake-animation{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}#volume-level{background:linear-gradient(to right,var(--theme-color),#ff0);width:0;height:100%;transition:width .1s}#info{letter-spacing:1px;border:1px solid var(--theme-color-20);z-index:1000;background:#000c;padding:8px 12px;font-size:12px;transition:opacity .5s,transform .5s;position:fixed;bottom:10px;right:10px}#info.fade{opacity:.05;pointer-events:none}#info.fade:hover{opacity:.8;pointer-events:auto}#info:hover{opacity:1}button,select{border:1px solid var(--theme-color-30);color:var(--theme-color);font-family:var(--font-geist-mono);cursor:pointer;background:0 0;margin-right:5px;padding:5px 10px;font-size:12px;transition:all .3s}button:hover,select:hover{border-color:var(--theme-color);box-shadow:0 0 10px var(--theme-color-50)}#start-overlay{z-index:2000;background:#000;width:100%;height:100%;min-height:100%;padding-top:5px;display:block;position:fixed;top:0;left:0;overflow:hidden}@supports (-webkit-touch-callout:none){#start-overlay{-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-y:auto}#start-overlay,body,html{height:100%;position:fixed}body,html{overscroll-behavior-y:none;width:100%;overflow:hidden}}#start-container{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}@media (width<=768px){.start-container{height:100vh;overflow:hidden}@supports (-webkit-touch-callout:none){.start-container{height:auto;min-height:100vh}}}.title{letter-spacing:2px;opacity:.8;text-transform:lowercase;font-size:24px;text-align:center;margin-top:0;margin-bottom:15px}.title,input{color:var(--theme-color);font-family:var(--font-geist-mono)}input{border:1px solid var(--theme-color-30);background:0 0;width:100%;height:40px;padding:8px 12px;font-size:14px;transition:all .3s}input:focus{border-color:var(--theme-color);outline:none}input::placeholder{color:var(--theme-color-30)}.logs{font-family:var(--font-geist-mono);color:var(--theme-color-80);border:1px solid var(--theme-color-10);scrollbar-width:thin;scrollbar-color:var(--theme-border-30)#00000080;background:#00000080;max-height:200px;margin-top:20px;padding:10px;font-size:12px;line-height:1.4;overflow-y:auto}.logs::-webkit-scrollbar{width:6px}.logs::-webkit-scrollbar-track{background:#00000080}.logs::-webkit-scrollbar-thumb{background-color:var(--theme-border-30);border-radius:3px}.logs::-webkit-scrollbar-thumb:hover{background-color:var(--theme-border-50)}.error{color:red;text-align:center;background:#ff00001a;border:1px solid #f003;max-width:400px;margin-top:10px;margin-left:auto;margin-right:auto;padding:8px;font-size:12px;animation:flash-red 2s infinite}@keyframes flash-red{0%{box-shadow:0 0 #f006}50%{box-shadow:0 0 0 10px #f000}to{box-shadow:0 0 #f000}}.room-info{opacity:.8;align-items:center;gap:10px;font-size:12px;display:flex}@media (width>=769px){.room-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (width<=768px){.room-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:0 5px;display:flex}.room-info span{align-items:center;display:inline-flex}}.room-info .dot{background:var(--theme-color);border-radius:50%;width:6px;height:6px}.room-info .role{text-transform:uppercase;letter-spacing:1px}.room-info span[onClick]{cursor:pointer;background:0 0;align-items:center;padding:0;display:flex;position:relative}.room-info span[onClick]:hover:after{content:"";background-color:var(--theme-color);width:100%;height:1px;animation:pulse-copy 2s ease-in-out infinite;position:absolute;bottom:-2px;left:0}.room-info span[onClick]:active{transform:scale(.98)}.nav{z-index:1000;width:100%;min-height:var(--nav-height);background:#000000e6;border-bottom:none;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:auto;padding:10px 20px;display:flex;position:fixed;top:0;left:0;right:0;overflow-x:hidden}@media (width<=768px){.nav{height:auto;min-height:var(--nav-height);flex-flow:column wrap;gap:10px;padding:10px}.nav .logo-container{justify-content:center;width:100%;margin-bottom:5px;display:flex}.nav .info-container{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.nav .room-info{text-align:center;flex-wrap:wrap;justify-content:center}.nav .controls{z-index:1001;justify-content:center;width:100%;margin-top:5px;position:relative}}@media (width>=769px){.nav{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;display:grid}.nav .logo-container{justify-self:start}.nav .info-container{grid-column:2;justify-content:center;align-items:center;gap:20px;width:auto;margin:0 auto;display:flex}.nav .controls{justify-self:end;min-width:120px}.nav .controls,.nav .room-info{align-items:center;display:flex}.nav .room-info{justify-content:center;min-width:200px}}.nav .logo-container{align-items:center;padding:0 10px;transition:all .2s;display:flex}.nav .logo-container:hover{opacity:.8;transform:scale(1.02)}.nav .logo{color:var(--theme-color);letter-spacing:2px;font-size:24px;font-weight:700;text-decoration:none;display:block}.nav .controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav .controls button,.nav .controls>div{flex-shrink:0}@media (width<=992px){.nav .controls{justify-content:center;gap:8px}}.nav .controls .flex.items-center.gap-2{flex-shrink:0;min-width:max-content;display:flex}.nav button{border:1px solid var(--theme-color-30);color:var(--theme-color);cursor:pointer;white-space:nowrap;background:0 0;padding:6px 12px;font-size:12px;transition:all .3s}.nav button:hover{border-color:var(--theme-color);box-shadow:0 0 10px var(--theme-color-50)}.nav button.active{background:var(--theme-color-10);border-color:var(--theme-color)}.card{border:1px solid var(--theme-color-30);background:#00000080;width:100%;max-width:250px;margin:0 auto;padding:15px;transition:all .3s}@media (width>=769px){.card{flex-direction:column;justify-content:space-between;min-height:150px;padding:20px;display:flex}}.card:hover{border-color:var(--theme-color-50);box-shadow:0 0 20px var(--theme-color-10)}.card h2{color:var(--theme-color);margin-bottom:10px;font-size:18px}.card p{color:var(--theme-color-70);font-size:14px;line-height:1.4}@keyframes pulse{50%{opacity:.5}}.pulse{animation:pulse 2s infinite}.now-playing{border:1px solid var(--theme-color-30);background:#00000080;width:100%;min-width:200px;padding:10px;transition:all .3s}.now-playing:hover{border-color:var(--theme-color-50);background:var(--theme-color-10)}.spinner-small{border-top:2px solid var(--theme-color-30);border:2px solid var(--theme-color-30);border-top-color:var(--theme-color-80);border-radius:50%;width:100%;height:100%;animation:spin 1s linear infinite}@media (width>=769px){.nav .now-playing-container{align-items:center;max-width:300px;margin-left:20px;display:flex}.nav .now-playing{margin-top:0}}@media (width<=768px){.nav .now-playing-container{order:3;width:100%;margin-top:10px}}.full-viewport-width{width:100vw;margin:0 -50vw;position:relative;left:50%;right:50%}.song-banner-container{top:var(--nav-height);z-index:10;width:100vw;position:fixed;left:0;right:0}.on-air-button{white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;width:auto;height:32px;padding:0 12px;font-size:12px;display:inline-flex;overflow:hidden;color:#fffffe!important;text-shadow:0 0 5px red,0 0 8px red,0 0 12px #ff0000f2!important;background-color:#000!important;border:1px solid #fffffe!important;box-shadow:0 0 10px red,0 0 15px #f00c,inset 0 0 5px red!important}@media (width<=768px){.on-air-button{height:36px;padding:0 12px;font-size:14px}}.on-air-button:hover{color:#fffffe!important;background-color:#ff00001a!important}@media (width<=768px){.room-creation{flex-direction:column;align-items:center}}@media (width>=769px){.room-creation{flex-direction:row;justify-content:center;align-items:center}}.chat-container{border:1px solid var(--theme-color-30);z-index:10005;touch-action:manipulation;background-color:#ff0;flex-direction:column;width:350px;height:400px;display:flex;position:absolute;overflow:hidden;box-shadow:0 0 10px #00000080}.desktop-chat{resize:none!important;cursor:default!important;-webkit-backdrop-filter:blur(5px)!important;width:350px!important;min-width:250px!important;height:auto!important;font-family:var(--font-geist-mono)!important;letter-spacing:.02em!important;background-color:#000000eb!important;border-top:none!important;border-bottom:none!important;border-right:none!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;right:0!important;box-shadow:-5px 0 15px #00000080!important}.resize-handle-left{cursor:ew-resize;z-index:101;background-color:#0000;width:2px;height:100%;transition:background-color .2s ease-out;position:absolute;top:0;left:0}.resize-handle-left:hover{background-color:var(--theme-color-30)}.desktop-chat.resizing .resize-handle-left,.resize-handle-left.active{background-color:var(--theme-color);opacity:.8;box-shadow:0 0 8px var(--theme-color)}.desktop-chat-initial{transition:none!important}.desktop-chat .chat-header{cursor:default!important;font-size:var(--banner-font-size)!important;letter-spacing:0!important;padding:6px 12px!important}.desktop-chat .chat-input-container{background-color:#000000f2!important;padding:8px!important}.desktop-chat .chat-close{cursor:pointer!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;transition:all .2s!important;display:flex!important}.desktop-chat .chat-close:hover{color:red!important;background-color:#0000!important;transform:none!important}.desktop-chat .chat-messages{scrollbar-width:thin;scrollbar-color:var(--theme-border-30)#00000080;flex-direction:column;flex-grow:1;gap:1px;display:flex;overflow-y:auto;background-color:#000000eb!important;padding:10px!important;font-size:12px!important;line-height:1.3!important}.desktop-chat .chat-messages::-webkit-scrollbar{width:6px}.desktop-chat .chat-messages::-webkit-scrollbar-track{background:#00000080}.desktop-chat .chat-messages::-webkit-scrollbar-thumb{background-color:var(--theme-border-30);border-radius:3px}.desktop-chat .chat-messages::-webkit-scrollbar-thumb:hover{background-color:var(--theme-border-50)}.desktop-chat .chat-input{background-color:var(--theme-color-05)!important;border:1px solid var(--theme-color-30)!important;font-size:var(--xs-font-size)!important;letter-spacing:.02em!important;padding:8px 12px!important;transition:all .2s!important}.desktop-chat .chat-input:focus{border-color:var(--theme-color-30)!important;box-shadow:0 0 0 1px var(--theme-color-30)!important;outline:none!important}.desktop-chat .chat-send-button{background-color:var(--theme-color-05);border:1px solid var(--theme-color-30)!important;color:var(--theme-color)!important;font-size:var(--xs-font-size)!important;letter-spacing:.05em!important;text-transform:uppercase!important;height:32px!important;font-weight:500!important;transition:all .2s!important}.desktop-chat .chat-send-button:hover{background-color:var(--theme-color-10)!important;border-color:var(--theme-color)!important}@media (width>=769px){.chat-visible .ascii-visualizer{will-change:transform!important;box-sizing:border-box!important;width:100%!important;margin-right:0!important}.chat-visible,.chat-visible .ascii-visualizer{backface-visibility:hidden!important;transform:translateZ(0)!important}.chat-visible{right:var(--chat-width,350px)!important;width:calc(100% - var(--chat-width,350px))!important;will-change:transform,width,right!important;contain:layout size!important;transition:right .2s ease-out,width .2s ease-out!important;left:0!important}.desktop-chat{z-index:50!important;will-change:transform,width!important;backface-visibility:hidden!important;min-width:250px!important;max-width:550px!important;transition:width .2s ease-out!important}}@supports ((-webkit-hyphens:none)){body,html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.animated-text,.animated-text:after,.animated-text:before,.banner-segment,.banner-segment span,.running-banner{backface-visibility:hidden;-webkit-font-smoothing:antialiased;-webkit-perspective:1000px;-webkit-transform-style:preserve-3d;opacity:.999;text-rendering:optimizeLegibility;transform:translateZ(0)}.animated-text,.animated-text:after,.animated-text:before{-webkit-filter:blur()}@keyframes scrollBannerLeft{0%,to{transform:translateZ(0)}}@keyframes scrollBannerRight{0%,to{transform:translateZ(0)}}@keyframes safariBannerLeft{0%,to{transform:translateZ(0)}}@keyframes safariBannerRight{0%,to{transform:translateZ(0)}}}.room-creation-button{font-size:var(--small-font-size);height:calc(var(--small-font-size)*2.5);box-sizing:border-box;text-align:center;white-space:nowrap;color:var(--theme-color);border:1px solid var(--theme-color);transition-colors:.3s;background-color:#000;justify-content:center;align-items:center;padding:0 .5rem;line-height:1;display:flex}.room-creation-button:hover:not(:disabled){background-color:var(--theme-color-10)}.room-creation-button:disabled{opacity:.5;border-color:var(--theme-color-30);color:var(--theme-color-50)}.room-creation-input{height:calc(var(--small-font-size)*2.5);font-size:var(--small-font-size);box-sizing:border-box;background-color:#000;outline:none;padding:.5rem}.dialog-overlay{z-index:50;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-container{border:1px solid var(--theme-color-30);background-color:#000;width:100%;max-width:24rem;margin-left:1rem;margin-right:1rem;padding:1rem}.dialog-content,.dialog-title{color:var(--theme-color);font-size:var(--small-font-size);margin-bottom:1rem}.tab-content{width:100%;min-height:300px;padding:.5rem}.dialog-input{border:1px solid var(--theme-color-50);width:100%;color:var(--theme-color);font-size:var(--small-font-size);background-color:#000;outline:none;margin-bottom:1rem;padding:.75rem .5rem}.dialog-input:focus{border-color:var(--theme-color)}.password-toggle-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-top:-8px;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle-btn,.password-toggle-btn:hover{color:var(--theme-color-70)}.password-toggle-btn:focus{outline:none}.dialog-buttons{justify-content:flex-end;gap:.5rem;display:flex}.dialog-button{border:1px solid var(--theme-color-30);color:var(--theme-color);font-size:var(--small-font-size);cursor:pointer;background-color:#0000;padding:.375rem .75rem;transition:background-color .2s}.dialog-button:hover{background-color:var(--theme-color-10)}.chat-header{background-color:var(--theme-color-05);border-bottom:1px solid var(--theme-color-30);color:var(--theme-color);text-align:center;font-weight:700;font-size:var(--banner-font-size);letter-spacing:2px;font-family:var(--font-geist-mono);cursor:move;height:calc(var(--banner-font-size)*2);justify-content:space-between;padding:4px 10px}.chat-controls,.chat-header{align-items:center;display:flex}.chat-message{word-break:break-word;font-size:12px;line-height:1.2;font-family:var(--font-geist-mono);-webkit-user-select:none;user-select:none;flex-direction:column;margin-bottom:2px;display:flex}.chat-message.chat-continuation{margin-top:-1px;margin-bottom:1px}.chat-user-row{margin-bottom:1px;display:flex}.chat-content-row{padding-left:10px;line-height:1.1;display:flex}.chat-continuation .chat-content-row{margin-top:-1px;padding-left:10px}.resize-handle{z-index:100;border:none;width:10px;height:10px;position:absolute}.resize-handle,.resize-handle:hover{background-color:#0000}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--theme-border-30)#00000080;font-family:var(--font-geist-mono);flex-direction:column;flex:1;gap:1px;padding:8px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#00000080}.chat-messages::-webkit-scrollbar-thumb{background-color:var(--theme-border-30);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:var(--theme-border-50)}.chat-message.system-message{margin-bottom:8px;font-style:italic}.chat-user-id{letter-spacing:.5px;min-width:60px;font-size:12px}.chat-user-id,.chat-user-id.host{font-weight:800}.chat-user-id.system{color:#ff0;text-transform:uppercase;font-size:12px;font-style:italic;font-weight:800}.chat-user-id strong{font-weight:800}.chat-text{letter-spacing:.2px;flex:1}.chat-text.host{font-weight:500}.chat-text.system{letter-spacing:.5px;font-weight:400}.chat-text.system,.system-message .chat-text{color:#ff0;font-style:italic}.typing-indicator{margin-top:8px;padding:4px 0;font-size:smaller;font-style:italic;animation:typing-pulse 1.5s infinite}.typing-indicator .chat-user-id,.typing-indicator .typing-dots{margin-right:4px}.typing-indicator.paused,.typing-indicator.paused .typing-dots{opacity:.5;animation:none}.expiring-text{opacity:1;transition:opacity .5s}@keyframes typing-expiring{0%{opacity:1}80%{opacity:.7}to{opacity:0}}.chat-text.typing{color:inherit;opacity:.8;font-style:italic}@keyframes typing-pulse{0%,50%,to{opacity:.7}25%,75%{opacity:1}}.chat-input-container{border-top:1px solid var(--theme-color-30);background-color:#000000e6;align-items:center;padding:6px;display:flex}.chat-input{resize:none;scrollbar-width:thin;scrollbar-color:var(--theme-border-30)#00000080;outline:none;flex:1;min-height:32px;max-height:100px;background-color:var(--theme-color-05)!important;border:1px solid var(--theme-color-30)!important;font-size:var(--xs-font-size)!important;letter-spacing:.02em!important;padding:8px 12px!important;transition:all .2s!important}@media (width>=769px){.chat-input{overflow-y:hidden}.chat-input::-webkit-scrollbar{width:6px;display:none}.chat-input[style*="height: 100px"]{overflow-y:auto}.chat-input[style*="height: 100px"]::-webkit-scrollbar{background-color:var(--theme-border-30);border-radius:3px;display:block}.chat-input[style*="height: 100px"]::-webkit-scrollbar-thumb:hover{background-color:var(--theme-border-50)}}@media (width<=768px){.chat-input{-ms-overflow-style:none;scrollbar-width:none}.chat-input::-webkit-scrollbar{display:none}}.chat-input::placeholder{color:var(--theme-color-30)}.chat-send-button{cursor:pointer;font-family:inherit;font-size:var(--xs-font-size);text-transform:none;height:32px;transition:all .2s}.chat-send-button:hover{background-color:var(--theme-color-10)}.control-button{border:1px solid var(--theme-color-30);background:#0000004d;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.control-button:hover{border-color:var(--theme-color);background:#ffffff1a}.control-button i{justify-content:center;align-items:center;line-height:1;display:flex}.control-button i.fa-compress,.control-button i.fa-expand{font-size:14px}@media (width<=768px){.control-button{width:36px;height:36px;margin:0 4px;font-size:14px}.control-button i{font-size:16px}.control-button i.fa-compress,.control-button i.fa-compress-arrows-alt,.control-button i.fa-expand,.control-button i.fa-maximize{display:none}}.control-button:hover{background-color:var(--theme-color-10)}.control-button i{font-size:16px}.relative{position:relative!important}.chat-notification{background-color:var(--theme-color);width:10px;height:10px;box-shadow:0 0 0 2px black,0 0 12px var(--theme-color);z-index:20;pointer-events:none;border-radius:50%;animation:notification-pulse 1.2s infinite;display:block;position:absolute;top:-3px;right:-3px}@keyframes notification-pulse{0%{opacity:.7;box-shadow:0 0 0 2px black,0 0 5px var(--theme-color);transform:scale(.8)}50%{opacity:1;box-shadow:0 0 0 2px black,0 0 15px var(--theme-color);transform:scale(1.3)}to{opacity:.7;box-shadow:0 0 0 2px black,0 0 5px var(--theme-color);transform:scale(.8)}}.tab-notification-badge{display:inline-block;position:relative}.tab-notification-badge:after{content:"";background-color:var(--theme-color);z-index:999;border-radius:50%;width:10px;height:10px;animation:notification-pulse 1.2s infinite;position:absolute;top:-5px;right:-5px}@media (width<=768px){.chat-container{z-index:100!important;touch-action:manipulation!important;background-color:#000!important;flex-direction:column!important;width:95%!important;height:400px!important;max-height:calc(100vh - 180px)!important;margin:0!important;transition:all .3s ease-out!important;display:flex!important;position:fixed!important;top:auto!important;bottom:35px!important;left:50%!important;transform:translate(-50%)!important}.chat-container.keyboard-visible{border:1px solid var(--theme-color-50)!important;border-radius:4px!important;height:300px!important;max-height:40vh!important;position:fixed!important;top:auto!important;bottom:235px!important;box-shadow:0 0 20px #00000080!important}.chat-header{cursor:default!important;z-index:101!important;background-color:#000000f2!important;position:sticky!important;top:0!important}.chat-close{cursor:pointer;width:20px;height:20px;color:var(--theme-color);justify-content:center;align-items:center;font-size:16px;display:flex!important}.chat-close:hover{color:red}.chat-message.chat-continuation{margin-top:-1px;margin-bottom:1px}.resize-handle{display:none!important}.chat-messages{flex:1!important;max-height:320px!important;transition:max-height .3s ease-out!important;overflow-y:auto!important}.keyboard-visible .chat-messages{max-height:calc(50vh - 120px)!important}.chat-input-container{z-index:101!important;border-top:1px solid var(--theme-color-30)!important;background-color:#000000f2!important;padding:10px!important;position:sticky!important;bottom:0!important}.keyboard-visible .chat-input-container{padding-bottom:env(safe-area-inset-bottom,5px)!important;border-top:1px solid var(--theme-color)!important;background-color:#000000fa!important}.keyboard-visible .chat-input{border:1px solid var(--theme-color)!important;background-color:#000000b3!important;min-height:40px!important}}@supports (-webkit-touch-callout:none){.chat-container{-webkit-overflow-scrolling:touch}.keyboard-visible.chat-container{height:300px!important;max-height:35vh!important;padding-bottom:env(safe-area-inset-bottom,0)!important;top:auto!important;bottom:260px!important}.keyboard-visible .chat-input-container{padding-bottom:env(safe-area-inset-bottom,5px)!important}}.desktop-chat .chat-continuation .chat-content-row{margin-top:-1px!important;padding-left:10px!important}.emoji-picker-button{color:var(--theme-color-30);background-color:var(--theme-color-05);border:1px solid var(--theme-color-30);cursor:pointer;font-family:inherit;font-size:var(--xs-font-size);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:6px;padding:0;transition:all .2s;display:flex}.emoji-picker-button:hover{background-color:var(--theme-color-10)}.emoji-picker-button:disabled{opacity:.5;cursor:not-allowed}.emoji-icon{stroke-width:2px;width:18px;height:18px}.emoji-popup{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999!important;background:#000000f2!important;border-radius:0!important;overflow:visible!important}.emoji-picker-container{align-items:center;display:flex;position:relative}.emoji-item{cursor:pointer;justify-content:center;align-items:center;display:flex}.emoji-picker-footer{gap:1rem;padding-top:.5rem;display:flex;justify-content:center!important}.emoji-picker-footer button{color:var(--theme-color-70);cursor:pointer;background:0 0;border:none;outline:none;padding:0;transition:color .2s}.emoji-picker-footer button:hover{color:var(--theme-color)}.emoji-picker-footer button:focus{outline:none}@media (width<=768px){.emoji-popup{height:200px;position:absolute;bottom:calc(100% + 10px);left:auto;z-index:9999!important;width:200px!important;right:0!important}}.room-card{text-align:left;-webkit-backdrop-filter:blur(5px);z-index:1;background-color:#0000004d;border:1px solid #8080804d;border-radius:2px;height:100%;margin:0;transition:opacity .2s,transform .2s;position:relative;overflow:hidden}@media (width<=768px){.rooms-container .grid{grid-template-columns:1fr;width:100%}}.room-card:hover{z-index:2;background-color:#8080800d;border-color:#808080cc;box-shadow:0 0 10px #80808026}.room-card:active{background-color:#80808014;border-color:#808080cc;transition:all .1s}.room-card .room-name{font-family:var(--font-geist-mono);color:#808080cc;font-weight:700;font-size:var(--medium-font-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-card .live-badge{background-color:rgba(var(--theme-color-rgb),.05);border-radius:2px;align-items:center;margin-right:4px;padding:2px 6px;display:flex}.room-card .live-badge .live-text{color:var(--theme-color-80);font-size:var(--xs-font-size);letter-spacing:.5px;white-space:nowrap;font-weight:600}.room-card .info-row{color:#80808099;font-size:var(--xs-font-size);justify-content:space-between;margin-top:3px}.room-card .info-item,.room-card .info-row{align-items:center;display:flex}.room-card .info-item svg{opacity:.8;width:14px;height:14px;margin-right:4px}.room-card .key-button{z-index:10;background-color:#8080800d;border:1px solid #8080804d;border-radius:2px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.room-card .key-button:hover{background-color:#8080801a;border-color:#80808080;box-shadow:0 0 8px #80808033}.room-card .key-button.is-copied{background-color:#8080804d;border-color:#808080cc;animation:pulse-copy-gray 2s ease-in-out}.live-room{animation:pulse-border 3s infinite;border-color:var(--theme-color-30)!important}@keyframes pulse-border{0%{border-color:var(--theme-color-30)!important}50%{border-color:var(--theme-color-60)!important}to{border-color:var(--theme-color-30)!important}}.live-room:hover{animation:none;background-color:var(--theme-color-05)!important;box-shadow:0 0 10px var(--theme-color-20)!important}.live-room:active,.live-room:hover{border-color:var(--theme-color)!important}.live-room:active{background-color:var(--theme-color-08)!important}.live-room .room-name{color:var(--theme-color)!important}.live-room .info-row{color:var(--theme-color-60)!important}.live-room .info-item{color:var(--theme-color)!important}.live-room .key-button{background-color:var(--theme-color-05);border-color:var(--theme-color-30)}.live-room .key-button:hover{background-color:var(--theme-color-10);border-color:var(--theme-color);box-shadow:0 0 8px var(--theme-color-20)}.live-room .key-button.is-copied{background-color:var(--theme-color-30);border-color:var(--theme-color);animation:pulse-copy 2s ease-in-out}@keyframes pulse-copy-gray{0%{background-color:#8080804d}50%{background-color:#80808080}to{background-color:#8080804d}}.room-card .copy-button{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;border-radius:2px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:2px;transition:all .2s;display:flex}.room-card:hover .copy-button{opacity:.7}.room-card .copy-button:hover{opacity:1;background-color:rgba(var(--theme-color-rgb),.2)}.room-card .copy-button:active{transform:scale(.95)}.room-card .copy-button.is-copied{opacity:1;background-color:rgba(var(--theme-color-rgb),.3);animation:pulse-copy 2s ease-in-out}@keyframes pulse-copy{0%{background-color:rgba(var(--theme-color-rgb),.3)}50%{background-color:rgba(var(--theme-color-rgb),.5)}to{background-color:rgba(var(--theme-color-rgb),.3)}}@keyframes pulse-live{0%{box-shadow:0 0 0 0 rgba(var(--theme-color-rgb),.7)}70%{box-shadow:0 0 10px 6px rgba(var(--theme-color-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--theme-color-rgb),0)}}.room-card .live-badge.pulsing{animation:pulse-live 2s infinite}.desktop-chat .chat-content-row{padding-left:10px!important;line-height:1.1!important}.grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr));display:grid}.drum-grid{background-color:#0000004d;border-radius:.5rem;margin-top:1rem;padding:1rem}.drum-grid button{aspect-ratio:1;transition:all .2s}.drum-grid button:hover{box-shadow:0 0 8px var(--theme-color-50);transform:scale(1.05)}.analysis .control-button,.drum-machine .control-button{border:1px solid var(--theme-color-30)!important;background:#0000004d!important}.analysis .control-button:hover,.drum-machine .control-button:hover{border-color:var(--theme-color)!important;background:#ffffff1a!important}.bottom-banner{z-index:50;background-color:#000;width:100%;position:fixed;bottom:0;left:0}.rooms-container{scrollbar-width:thin;scrollbar-color:var(--theme-color-30)transparent;z-index:5;touch-action:pan-y;padding-bottom:10px;position:relative}.rooms-container::-webkit-scrollbar{width:6px}.rooms-container::-webkit-scrollbar-track{background:0 0}.rooms-container::-webkit-scrollbar-thumb{background-color:var(--theme-color-30);border-radius:3px}.rooms-container::-webkit-scrollbar-thumb:hover{background-color:var(--theme-color-50)}.desktop-chat.custom-width{width:var(--chat-width,350px)!important}.desktop-chat{z-index:100!important}.chat-visible .ascii-visualizer,.chat-visible .h-full,.chat-visible .w-full,.chat-visible canvas,.chat-visible>div{box-sizing:border-box!important;will-change:transform!important;width:100%!important;max-width:100%!important;height:100%!important;transform:translateZ(0)!important}.fixed:not(.chat-visible){justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important;left:0!important;right:0!important}.fixed:not(.chat-visible) .ascii-visualizer,.fixed:not(.chat-visible) .h-full,.fixed:not(.chat-visible) .w-full{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin-right:0!important;display:flex!important}.volume-control-container{display:inline-block;position:relative;z-index:99999!important}.volume-popup{justify-content:center;align-items:center;display:flex;z-index:2147483647!important;width:36px!important;height:120px!important;box-shadow:0 0 8px #000000e6,0 0 8px var(--theme-color-30)!important;border:1px solid var(--theme-color-30)!important;-webkit-backdrop-filter:blur(5px)!important;visibility:visible!important;opacity:1!important;background-color:#000000e6!important;border-radius:4px!important;padding:10px 0!important;transition:opacity .2s!important;position:fixed!important;transform:none!important}@supports (-webkit-touch-callout:none){.volume-popup{top:calc(var(--nav-height) + 40px)!important;will-change:transform!important;visibility:visible!important;opacity:1!important;z-index:9999999!important;width:40px!important;position:fixed!important;left:50%!important;transform:translate(-50%)!important}@media (width<=768px){.volume-popup{visibility:visible!important;opacity:1!important;width:50px!important;height:150px!important;display:flex!important;position:fixed!important;top:auto!important;bottom:120px!important;left:50%!important;transform:translate(-50%)!important}.volume-control-container,.volume-popup{z-index:9999999!important}}}.volume-slider-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.volume-slider,.volume-slider-wrapper{position:relative;z-index:2147483647!important}.volume-slider{appearance:none;transform-origin:50%;cursor:pointer;background:0 0;outline:none;margin:0;padding:0;transform:rotate(-90deg);width:100px!important;height:6px!important}@supports (-webkit-touch-callout:none){.volume-slider-wrapper{width:100%!important;height:100%!important}.volume-slider{width:120px!important}@media (width<=768px){.volume-slider{width:140px!important}}}.volume-slider::-webkit-slider-runnable-track{cursor:pointer;background:#fff3;border-radius:2px;width:100%;height:4px;z-index:2147483647!important}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--theme-color);cursor:pointer;width:14px;height:14px;box-shadow:0 0 5px var(--theme-color-50);border-radius:50%;margin-top:-5px;z-index:2147483647!important}.volume-slider::-moz-range-track{cursor:pointer;background:#fff3;border-radius:2px;width:100%;height:4px;z-index:2147483647!important}.volume-slider::-moz-range-thumb{background:var(--theme-color);cursor:pointer;width:14px;height:14px;box-shadow:0 0 5px var(--theme-color-50);border:none;border-radius:50%;z-index:2147483647!important}.volume-slider:hover::-webkit-slider-thumb{box-shadow:0 0 8px var(--theme-color-50);z-index:2147483647!important}.volume-slider:hover::-moz-range-thumb{box-shadow:0 0 8px var(--theme-color-50);z-index:2147483647!important}.room-info>div{flex-wrap:nowrap;justify-content:center;align-items:center;display:flex}@media (width<=768px){.room-info>div{flex-wrap:wrap;gap:5px}}.theme-checkbox-container input[type=checkbox]{appearance:none;border:1px solid var(--theme-color);cursor:pointer;width:18px;height:18px;box-shadow:0 0 3px rgba(var(--theme-color-rgb),.3);background-color:#0000004d;border-radius:3px;margin-right:8px;transition:all .2s;display:inline-block;position:relative}.theme-checkbox-container input[type=checkbox]:checked{background-color:var(--theme-color);border-color:var(--theme-color);animation:checkbox-glow .4s ease-in-out}@keyframes checkbox-glow{0%{box-shadow:0 0 2px rgba(var(--theme-color-rgb),.3)}50%{box-shadow:0 0 10px rgba(var(--theme-color-rgb),.7)}to{box-shadow:0 0 5px rgba(var(--theme-color-rgb),.5)}}.theme-checkbox-container input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;animation:checkmark-appear .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-75%)rotate(45deg)}@keyframes checkmark-appear{0%{opacity:0;transform:translate(-50%,-75%)rotate(45deg)scale(.8)}to{opacity:1;transform:translate(-50%,-75%)rotate(45deg)scale(1)}}.theme-checkbox-container input[type=checkbox]:hover{border-color:var(--theme-color-hover);box-shadow:0 0 5px rgba(var(--theme-color-rgb),.5)}.color-theme-button{border:1px solid;padding:.5rem;transition:all .2s}.color-theme-button:disabled{cursor:not-allowed;position:relative}.color-theme-button:disabled:after{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000080;border-radius:2px;position:absolute;inset:0}.room-card.touch-active{background-color:#ffffff0d;border:1px solid #ffffff14;transform:scale(.98)}.info-button-container,.welcome-button-container{z-index:9998;pointer-events:none;display:none;position:fixed;top:70%;left:0}.terms-button-container{z-index:9998;pointer-events:none;text-align:center;width:auto;display:block;position:fixed;bottom:37px;left:50%;transform:translate(-50%)}.feedback-button-container{z-index:9998;pointer-events:none;display:none;position:fixed;top:80%;left:0}@media (width>=769px){.feedback-button-container,.info-button-container,.welcome-button-container{display:block}}.feedback-panel{border-right:1px solid var(--theme-color-30);z-index:9999;background-color:#000000f2;flex-direction:column;width:320px;height:100vh;padding:1.5rem;transition:left .25s ease-in-out;display:flex;position:fixed;top:0;left:-350px;overflow-y:auto;box-shadow:0 0 20px #00000080}.feedback-panel.open{left:0}.feedback-panel-header{border-bottom:1px solid var(--theme-color-30);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.feedback-panel-title{font-size:var(--medium-font-size);color:var(--theme-color);letter-spacing:1px;font-weight:700}.feedback-close-button{color:var(--theme-color-70);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;transition:color .2s;display:flex}.feedback-close-button:hover{color:var(--theme-color)}.feedback-panel textarea.dialog-input{min-height:120px;font-family:var(--font-geist-mono);color:var(--theme-color);border:1px solid var(--theme-color-30);resize:vertical;background-color:#00000080;width:100%;margin-bottom:1rem;padding:.5rem;line-height:1.5}.feedback-panel textarea.dialog-input:focus{border-color:var(--theme-color);outline:none}.feedback-panel input.dialog-input{color:var(--theme-color);background-color:#00000080;width:100%;margin-bottom:1rem}.feedback-panel input.dialog-input:focus{border-color:var(--theme-color);outline:none}.feedback-panel-buttons{justify-content:flex-end;gap:.5rem;margin-top:auto;display:flex}.feedback-panel-button{color:var(--theme-color);border:1px solid var(--theme-color-30);cursor:pointer;font-family:var(--font-geist-mono);font-size:var(--small-font-size);background-color:#0000;border-radius:2px;justify-content:center;align-items:center;gap:.25rem;padding:.5rem 1rem;transition:background-color .2s,color .2s;display:inline-flex}.feedback-panel-button:hover:not(:disabled){background-color:var(--theme-color);color:#000}.feedback-panel-button:disabled{opacity:.5;cursor:not-allowed}.feedback-success-message{text-align:center;color:var(--theme-color);font-size:var(--base-font-size);margin:2rem 0}.feedback-modal textarea.dialog-input{min-height:120px;font-family:var(--font-geist-mono);color:var(--theme-color);border:1px solid var(--theme-color-30);resize:vertical;background-color:#00000080;padding:.5rem;line-height:1}.feedback-modal textarea.dialog-input:focus{border-color:var(--theme-color);outline:none}.feedback-modal input.dialog-input{color:var(--theme-color);background-color:#00000080}.feedback-modal input.dialog-input:focus{border-color:var(--theme-color);outline:none}.feedback-modal .dialog-button:last-child{background-color:rgba(var(--theme-color-rgb),.1);border:1px solid var(--theme-color-30)}.feedback-modal .dialog-button:last-child:hover{background-color:var(--theme-color);color:#000}.feedback-modal .dialog-button:disabled{opacity:.5;cursor:not-allowed}.visualization-toggle-button{justify-content:center;align-items:center;margin:0 4px;display:flex;position:relative}@keyframes pulse-eye{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.visualization-toggle-button.disabled i{color:rgba(var(--theme-color-rgb),.6)}.visualization-toggle-button.enabled i{color:var(--theme-color);animation:pulse-eye 2s ease-in-out infinite}@media (width<=768px){.ascii-visualizer{font-size:12px;line-height:1}.chat-visible,.fixed:not(.chat-visible),.visualizer-selector-container{will-change:auto!important;transform:none!important}.chat-container,.song-banner-container,.visualizer-selector-container{transition:none!important}}.mobile-perf-mode{color:var(--theme-color)!important;text-align:center!important;background-color:#000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:20px!important;font-size:14px!important;line-height:1.4!important;display:flex!important}.mobile-perf-mode p{opacity:.8!important;max-width:80%!important}.mobile-perf-icon{opacity:.9!important;margin-bottom:10px!important;font-size:24px!important}.user-color-0{color:var(--theme-green)}.user-color-1{color:var(--theme-blue)}.user-color-2{color:var(--theme-red)}.user-color-3{color:var(--theme-purple)}.user-color-4{color:var(--theme-yellow)}.user-color-5{color:var(--theme-pink)}.user-color-6{color:var(--theme-cyan)}.user-color-7{color:var(--theme-orange)}.user-color-8{color:var(--theme-white)}.host{color:var(--theme-pink)!important}.typing-indicator{opacity:.7;-webkit-user-select:none;user-select:none;background-color:#0000;border-left:none;align-items:center;gap:4px;margin-bottom:2px;transition:opacity .3s;display:flex}.typing-indicator .chat-text,.typing-indicator .chat-user-id{font-size:inherit}.typing-indicator.active,.typing-indicator.expiring,.typing-indicator.paused{opacity:.8;background-color:#0000;border-left:none}.expiring-text{opacity:.7;color:#fffc;margin-left:4px;font-size:10px;font-style:italic;animation:typing-expiring 3s forwards}.chat-text.typing{opacity:.9;font-style:normal;color:#888!important}@media (width<=768px){.chat-text.typing,.typing-indicator .chat-text,.typing-indicator .chat-user-id{font-size:12px!important}.typing-indicator{margin-bottom:2px!important}.typing-indicator,.typing-indicator.active,.typing-indicator.paused{background-color:#0000!important;border-left:none!important}}.typing-dots{display:inline-block}.typing-dots .dot-1,.typing-dots .dot-2,.typing-dots .dot-3{opacity:0;animation:typingDotFade 2s infinite;display:inline-block}.typing-dots .dot-2{animation-delay:.6s}.typing-dots .dot-3{animation-delay:1.2s}@keyframes typingDotFade{0%,to{opacity:.3}50%{opacity:1}}.room-card .key-button svg{width:16px;height:16px}.ascii-visualizer,.visualization,.visualization-container,[class*=Viz],[class*=visualizer],[class*=viz]{-webkit-user-select:none!important;user-select:none!important;pointer-events:auto!important}.no-select{-webkit-user-select:none!important;user-select:none!important}.streaming-controls-container{flex-shrink:0;align-items:center;gap:10px;min-width:max-content;display:flex}.streaming-controls-group{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex}@media (width>=769px){.nav .controls{flex-wrap:nowrap}.streaming-controls-container{margin-right:0}}@media (width<=768px){.streaming-controls-container{order:-1;justify-content:center;gap:8px;width:100%;margin-bottom:8px}.streaming-controls-group{gap:8px;width:auto}}.song-clickable:hover{background-color:var(--theme-color-10)!important}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--theme-color:#20e070;--theme-color-rgb:32,224,112;--theme-color-hover:#4dea8a;--theme-color-active:#19b259;--theme-color-02:rgba(var(--theme-color-rgb),0.02);--theme-color-05:rgba(var(--theme-color-rgb),0.05);--theme-color-07:rgba(var(--theme-color-rgb),0.07);--theme-color-10:rgba(var(--theme-color-rgb),0.1);--theme-color-20:rgba(var(--theme-color-rgb),0.2);--theme-color-30:rgba(var(--theme-color-rgb),0.3);--theme-color-40:rgba(var(--theme-color-rgb),0.4);--theme-color-50:rgba(var(--theme-color-rgb),0.5);--theme-color-60:rgba(var(--theme-color-rgb),0.6);--theme-color-70:rgba(var(--theme-color-rgb),0.7);--theme-color-80:rgba(var(--theme-color-rgb),0.8);--theme-color-90:rgba(var(--theme-color-rgb),0.9);--theme-bg-5:rgba(var(--theme-color-rgb),0.05);--theme-bg-10:rgba(var(--theme-color-rgb),0.1);--theme-bg-20:rgba(var(--theme-color-rgb),0.2);--theme-bg-30:rgba(var(--theme-color-rgb),0.3);--theme-border-10:rgba(var(--theme-color-rgb),0.1);--theme-border-20:rgba(var(--theme-color-rgb),0.2);--theme-border-30:rgba(var(--theme-color-rgb),0.3);--theme-border-50:rgba(var(--theme-color-rgb),0.5);--theme-shadow-20:rgba(var(--theme-color-rgb),0.2);--background:#000000;--background-rgb:0,0,0;--theme-green:#20e070;--theme-green-rgb:32,224,112;--theme-green-hover:#4dea8a;--theme-green-active:#19b259;--theme-blue:#4a84e6;--theme-blue-rgb:74,132,230;--theme-blue-hover:#6797f0;--theme-blue-active:#3a69b8;--theme-red:#e05757;--theme-red-rgb:224,87,87;--theme-red-hover:#e87979;--theme-red-active:#b84545;--theme-purple:#c05af2;--theme-purple-rgb:192,90,242;--theme-purple-hover:#cc88fc;--theme-purple-active:#a651d6;--theme-yellow:#f0dc30;--theme-yellow-rgb:240,220,48;--theme-yellow-hover:#f5e660;--theme-yellow-active:#c0b025;--theme-pink:#ff55b4;--theme-pink-rgb:255,85,180;--theme-pink-hover:#ff94c9;--theme-pink-active:#d0458f;--theme-cyan:#00ffff;--theme-cyan-rgb:0,255,255;--theme-cyan-hover:#66ffff;--theme-cyan-active:#00cccc;--theme-orange:#f0802e;--theme-orange-rgb:240,128,46;--theme-orange-hover:#f59a5b;--theme-orange-active:#c6682a;--theme-white:#ffffff;--theme-white-rgb:255,255,255;--theme-white-hover:#f0f0f0;--theme-white-active:#e6e6e6}.text-theme{color:var(--theme-color)}.text-theme-50{color:var(--theme-color-50)}.text-theme-70{color:var(--theme-color-70)}.text-theme-80{color:var(--theme-color-80)}.bg-theme{background-color:var(--theme-color)}.bg-theme-5{background-color:var(--theme-bg-5)}.bg-theme-10{background-color:var(--theme-bg-10)}.bg-theme-20{background-color:var(--theme-bg-20)}.bg-theme-30{background-color:var(--theme-bg-30)}.border-theme{border-color:var(--theme-color)}.border-theme-30{border-color:var(--theme-border-30)}.border-theme-50{border-color:var(--theme-border-50)}.hover\:bg-theme:hover{background-color:var(--theme-color)}.hover\:bg-theme-10:hover{background-color:var(--theme-bg-10)}.hover\:bg-theme-20:hover{background-color:var(--theme-bg-20)}.hover\:bg-theme-30:hover{background-color:var(--theme-bg-30)}.hover\:text-theme:hover{color:var(--theme-color)}.hover\:border-theme:hover{border-color:var(--theme-color)}.hover\:bg-theme-hover:hover{background-color:var(--theme-color-hover)}.active\:bg-theme-active:active{background-color:var(--theme-color-active)}.shadow-theme{box-shadow:0 0 10px var(--theme-shadow-20)}.scrollbar-theme{scrollbar-width:thin;scrollbar-color:var(--theme-border-30) rgba(0,0,0,.5)}.scrollbar-theme::-webkit-scrollbar{width:6px}.scrollbar-theme::-webkit-scrollbar-track{background:rgba(0,0,0,.5)}.scrollbar-theme::-webkit-scrollbar-thumb{background-color:var(--theme-border-30);border-radius:3px}.scrollbar-theme::-webkit-scrollbar-thumb:hover{background-color:var(--theme-border-50)}@keyframes rotateIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotate-animation{display:inline-block;animation:rotateIcon 2s linear infinite!important;color:gray!important}.control-button:disabled{pointer-events:none;opacity:.5}