#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex}body{color:#fff;background:#0e0e10;min-height:100vh;margin:0}html,body,button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}@media (width<=1100px){.following-sidebar{width:170px}.chat-column{width:280px}}@media (width<=900px){.following-sidebar{display:none}.chat-column{width:300px}}@media (width<=700px){.chat-column{display:none}.video-column{padding:6px}.top-bar{padding:0 8px}.form{width:100%}}.welcome-page{box-sizing:border-box;color:#efeff1;background:radial-gradient(at 50% 100%,#9147ff1a,#0000 38%),#0e0e10;justify-content:center;align-items:center;min-height:100vh;padding:64px 24px;display:flex}.welcome-content{text-align:center;width:100%;max-width:760px}.welcome-content h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,6vw,4rem);line-height:1}.welcome-description{color:#adadb8;max-width:560px;margin:18px auto 0;font-size:1rem;line-height:1.6}.welcome-steps{text-align:left;gap:12px;margin-top:40px;display:grid}.welcome-step{background:#18181bbf;border:1px solid #29292e;border-radius:10px;grid-template-columns:46px 1fr;gap:14px;padding:18px 20px;display:grid}.welcome-step-number{color:#9147ff;letter-spacing:.08em;font-size:.75rem;font-weight:600}.welcome-step h3{margin:0 0 6px;font-size:1rem}.welcome-step p{color:#adadb8;margin:0;font-size:.9rem;line-height:1.5}.welcome-options{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.welcome-options>div{background:#111114;border:1px solid #2a2a2e;border-radius:8px;padding:14px}.welcome-options h4{margin:0 0 5px;font-size:.9rem}.welcome-cta{margin-top:28px}@media (width<=650px){.welcome-step,.welcome-options{grid-template-columns:1fr}.welcome-step-number{margin-bottom:-4px}}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:none}.landing{color:#efeff1;background:#0e0e10;min-height:100vh}.landing-section{scroll-snap-align:start;box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px;display:flex;position:relative;overflow:hidden}.hero-section{background:radial-gradient(circle at 50% 30%,#9147ff1c,#0000 42%),#0e0e10}.hero-content{text-align:center;z-index:3;width:100%;max-width:850px;padding-bottom:100px;position:relative}.hero-eyebrow,.section-eyebrow{letter-spacing:.14em;color:#a970ff;margin:0 0 14px;font-size:.75rem;font-weight:600}.hero-content h1{letter-spacing:-.05em;margin:0;font-size:clamp(3.6rem,9vw,6.5rem);line-height:.95}.hero-description{color:#adadb8;max-width:650px;margin:24px auto 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.landing-actions{justify-content:center;gap:12px;margin-top:32px;display:flex}.primary-button,.secondary-button{border-radius:7px;justify-content:center;align-items:center;min-height:42px;padding:0 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.github-button{gap:8px}.github-button svg{flex-shrink:0;width:17px;height:17px}.primary-button{color:#fff;background:#9147ff;border:1px solid #9147ff}.primary-button:hover{background:#772ce8;border-color:#772ce8;transform:translateY(-1px)}.secondary-button{color:#efeff1;background:#18181b;border:1px solid #303038}.secondary-button:hover{background:#222228;border-color:#464650;transform:translateY(-1px)}.landing-note{color:#73737d;margin:20px 0 0;font-size:.75rem}.section-arrow{z-index:5;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.section-arrow-down{color:#d1d1d7;border:1px solid #45454d;width:42px;height:42px;font-size:1.35rem;animation:1.8s ease-in-out infinite arrow-float;bottom:28px}.section-arrow-down:hover{color:#fff;background:#9147ff14;border-color:#9147ff}@keyframes arrow-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.section-arrow-up{color:#73737d;border:1px solid #0000;width:30px;height:30px;font-size:.95rem;top:22px}.section-arrow-up:hover{color:#c8c8cf;background:#18181b;border-color:#33333a}.hero-background{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-background:before{content:"";z-index:2;background:linear-gradient(#0e0e10 0%,#0e0e1000 100%);height:30vh;position:absolute;inset:0 0 auto}.hero-background:after{content:"";z-index:2;background:linear-gradient(#0e0e1000 0%,#0e0e10 100%);height:25vh;position:absolute;inset:auto 0 0}.squares{justify-content:space-around;display:flex;position:absolute;inset:0;overflow:hidden}.square{opacity:.55;background:#9147ff26;border:1px solid #9147ff2e;border-radius:3px;align-self:flex-end;width:1em;height:1em;animation:13s linear infinite squares;transform:translateY(100%)}.square:nth-child(2){filter:blur(4px);width:3em;height:1.5em;animation-duration:18s;animation-delay:1s}.square:nth-child(3){opacity:.3;width:1em;height:2em;animation-duration:10s;animation-delay:1.5s}.square:nth-child(4){filter:blur(2px);width:1.5em;height:1em;animation-duration:15s;animation-delay:.5s}.square:nth-child(5){filter:blur(1px);width:2em;height:1.25em;animation-duration:13s;animation-delay:4s}.square:nth-child(6){opacity:.4;width:2em;height:2.5em;animation-duration:11s;animation-delay:2s}.square:nth-child(7){filter:blur(2px);width:2em;height:5em;animation-duration:14s}.square:nth-child(8){filter:blur(5px);width:3em;height:1em;animation-duration:20s;animation-delay:5s}.square:nth-child(9){opacity:.35;width:2em;height:1.5em;animation-duration:11s}.square:nth-child(10){opacity:.28;width:2.4em;height:3em;animation-duration:14s;animation-delay:6s}@keyframes squares{0%{transform:translateY(100%)rotate(-35deg)}to{transform:translateY(calc(-100vh - 100%))rotate(20deg)}}.modes-section{background:#0e0e10}.section-content{text-align:center;width:100%;max-width:1100px}.section-content h2,.emotes-copy h2{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.05}.section-description{color:#adadb8;max-width:650px;margin:18px auto 0;line-height:1.6}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin-top:46px;display:grid}.mode-card{text-align:left;background:#18181bb8;border:1px solid #29292e;border-radius:12px;min-height:320px;padding:28px;transition:transform .16s,border-color .16s,background-color .16s}.mode-card:hover{background:#18181b;border-color:#9147ff8c;transform:translateY(-4px)}.mode-number{letter-spacing:.08em;color:#73737d;margin-bottom:26px;font-size:.75rem;font-weight:600;display:inline-block}.mode-card h3{margin:0 0 12px;font-size:1.5rem}.mode-card>p{color:#adadb8;margin:0;line-height:1.55}.mode-card ul{margin:24px 0 0;padding:0;list-style:none}.mode-card li{color:#c8c8cf;margin-top:10px;padding-left:18px;font-size:.9rem;position:relative}.mode-card li:before{content:"";background:#9147ff;border-radius:50%;width:5px;height:5px;position:absolute;top:.55em;left:0}.emotes-section{background:radial-gradient(circle at 75%,#9147ff17,#0000 38%),#0e0e10}.emotes-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1100px;display:grid}.emotes-copy{text-align:left}.emotes-copy>p:not(.section-eyebrow){color:#adadb8;max-width:520px;margin:20px 0 0;font-size:1rem;line-height:1.65}.provider-list{gap:10px;margin-top:26px;display:flex}.provider-list span{color:#c9c9d1;background:#18181b;border:1px solid #29292e;border-radius:6px;padding:7px 10px;font-size:.8rem;font-weight:600}.emote-showcase{justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex;position:relative}.emote-float{justify-content:center;align-items:center;display:flex}.showcase-emote{opacity:0;filter:drop-shadow(0 12px 24px #0000004d);width:160px;height:auto;transition:opacity .6s,transform .7s cubic-bezier(.22,1,.36,1)}.emote-left{transform:translate(-50px,35px)rotate(-12deg)scale(.75)}.emote-center{width:200px;transition-delay:.1s;transform:translateY(55px)scale(.7)}.emote-right{transition-delay:.2s;transform:translate(50px,35px)rotate(12deg)scale(.75)}.emotes-visible .emote-left{opacity:1;transform:translate(0)rotate(-7deg)scale(1)}.emotes-visible .emote-center{opacity:1;transform:translateY(-8px)scale(1)}.emotes-visible .emote-right{opacity:1;transform:translate(0)rotate(7deg)scale(1)}.emotes-visible .emote-left-float{animation:4s ease-in-out .9s infinite emote-float-left}.emotes-visible .emote-center-float{animation:3.6s ease-in-out .9s infinite emote-float-center}.emotes-visible .emote-right-float{animation:4.3s ease-in-out .9s infinite emote-float-right}@keyframes emote-float-left{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes emote-float-center{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes emote-float-right{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.showcase-emote{opacity:1;transition:none;transform:none!important}.emote-float{animation:none!important}}@media (width<=850px){.landing-section{min-height:auto;padding:100px 20px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:0}.emotes-layout{grid-template-columns:1fr;gap:48px}.emotes-copy{text-align:center}.emotes-copy>p:not(.section-eyebrow){margin-left:auto;margin-right:auto}.provider-list{justify-content:center}}@media (width<=600px){.landing-actions{flex-direction:column;align-items:stretch;width:min(100%,320px);margin-left:auto;margin-right:auto}.primary-button,.secondary-button{box-sizing:border-box;width:100%}.hero-content h1{font-size:clamp(3rem,18vw,4.8rem)}.emote-showcase{gap:10px}.emote-placeholder{width:78px;height:78px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.square,.section-arrow-down{animation:none}}.status-page{box-sizing:border-box;color:#efeff1;background:#0e0e10;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.status-card{text-align:center;width:100%;max-width:460px}.status-icon{color:#a970ff;border:1px solid #33333a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 22px;font-size:1.3rem;font-weight:600;display:flex}.status-card h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,5vw,3rem)}.status-card p{color:#adadb8;max-width:380px;margin:14px auto 0;line-height:1.6}.status-actions{justify-content:center;margin-top:26px;display:flex}.status-spinner{border:2px solid #33333a;border-top-color:#9147ff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite status-spin}@keyframes status-spin{to{transform:rotate(360deg)}}.viewer{box-sizing:border-box;flex:1;gap:0;min-height:0;padding:0;display:flex;overflow:hidden}.video-column{box-sizing:border-box;background:#0e0e10;flex-direction:column;flex:1;justify-content:flex-start;min-width:0;min-height:0;padding:10px;display:flex}.video{justify-content:center;width:100%;display:flex}.video iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.theater-button{color:#fff;cursor:pointer;background-color:#1a1a1a;border:2px solid #2c2c2c;border-radius:30px;outline:none;justify-content:center;align-self:flex-start;align-items:center;width:fit-content;padding:15px 30px;font-size:.9rem;font-weight:700;transition:all .4s;display:inline-flex;position:relative;overflow:hidden}.theater-button:after{content:"";background:radial-gradient(circle,#ffffff40 0%,#fff0 70%);width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0;transform:scale(0)}.theater-button:hover:after{transform:scale(4)}.theater-button:hover{background:#292929;border-color:#9147ff}.chat{background:#18181b;border-left:1px solid #2a2a2e;flex-shrink:0;align-self:stretch;width:320px;min-height:0}.chat iframe{border:0;width:100%;height:100%;display:block}.following-sidebar{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent;background:#18181b;border:none;border-right:1px solid #2a2a2e;border-radius:0;flex-shrink:0;width:205px;height:100%;min-height:0;padding:10px 8px;overflow:hidden auto}.following-sidebar:hover{scrollbar-color:#4a4a52 transparent}.following-sidebar::-webkit-scrollbar{width:6px}.following-sidebar::-webkit-scrollbar-track{background:0 0}.following-sidebar::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.following-sidebar:hover::-webkit-scrollbar-thumb{background:#4a4a52}.following-sidebar:hover::-webkit-scrollbar-thumb:hover{background:#62626c}.following-sidebar h3{color:#adadb8;text-transform:uppercase;letter-spacing:.06em;margin:2px 6px 8px;font-size:11px;font-weight:500}.followed-channel{color:#efeff1;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;padding:7px 10px;display:flex}.followed-channel:hover{background:#1f1f23}.followed-info{flex-direction:column;gap:2px;min-width:0;display:flex}.followed-info strong{text-overflow:ellipsis;white-space:nowrap;color:#efeff1;font-size:.82rem;font-weight:600;overflow:hidden}.followed-info span{text-overflow:ellipsis;white-space:nowrap;color:#adadb8;font-size:.74rem;overflow:hidden}.followed-viewers{color:#dedee3;flex-shrink:0;align-items:center;gap:5px;margin-top:2px;font-size:.74rem;display:flex}.live-dot{background:#eb0400;border-radius:50%;width:7px;height:7px}.app.theater-active{height:100dvh}.theater-active .top-bar{display:none}.viewer.theater{gap:0;padding:0}.viewer.theater .video-column{flex:0 min(100% - 320px,177.778dvh - 74.6667px)}.viewer.theater .video iframe{aspect-ratio:16/9;width:100%;max-width:none;height:auto;display:block}.viewer.theater .video{flex:none}.viewer.theater .theater-button{margin:5px}.viewer.theater .chat{flex:1 0 320px}.top-bar{background:#18181b;border-bottom:1px solid #2a2a2e;flex-shrink:0;justify-content:center;align-items:center;height:46px;display:flex}.form{--input-text-color:#efeff1;--input-bg-color:#18181b;--focus-input-bg-color:#18181b;--text-color:#adadb8;--active-color:#9147ff;--width-of-input:300px;--inline-padding-of-input:.85rem;--gap:.6rem;width:min(var(--width-of-input), calc(100% - 32px));isolation:isolate;align-items:center;height:32px;margin:0;font-size:.82rem;display:flex;position:relative}.fancy-bg{background:var(--input-bg-color);z-index:-1;pointer-events:none;border:1px solid #2a2a2e;border-radius:6px;width:100%;height:100%;transition:border-color .12s,background-color .12s;position:absolute;inset:0}.form label{width:100%;height:100%;padding:0 var(--inline-padding-of-input);box-sizing:border-box;align-items:center;display:flex}.search,.close-btn{position:absolute}.search{left:var(--inline-padding-of-input);fill:var(--text-color);align-items:center;display:flex}.form svg{width:15px;height:15px;display:block}.input{width:100%;margin-left:calc(var(--inline-padding-of-input) + var(--gap));color:var(--input-text-color);font:inherit;background:0 0;border:none;outline:none;margin-right:26px;padding:0;font-family:inherit}.input::placeholder{color:#8f8f98}.input:focus~.fancy-bg{border-color:var(--active-color);background:var(--focus-input-bg-color)}.input:focus~.search{fill:var(--active-color)}.close-btn{color:#adadb8;cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:opacity .12s,color .12s,background-color .12s;display:flex;right:8px}.close-btn:hover{color:#efeff1;background:#2a2a2e}.input:placeholder-shown~.close-btn{opacity:0;visibility:hidden}.input:not(:placeholder-shown)~.close-btn{opacity:1;visibility:visible}input:-webkit-autofill{-webkit-transition:"color 9999s ease-out, background-color 9999s ease-out";-webkit-transition-delay:9999s}input:-webkit-autofill:hover{-webkit-transition:"color 9999s ease-out, background-color 9999s ease-out";-webkit-transition-delay:9999s}input:-webkit-autofill:focus{-webkit-transition:"color 9999s ease-out, background-color 9999s ease-out";-webkit-transition-delay:9999s}input:-webkit-autofill:active{-webkit-transition:"color 9999s ease-out, background-color 9999s ease-out";-webkit-transition-delay:9999s}