@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Thin-B4qF6YvX.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Thin%20Italic-BEocT9Vx.otf) format("opentype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Light-D5mGGDJC.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Light%20Italic-DnIYH0SJ.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Regular-Nqh1vODu.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Italic-0ih_8aFK.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Medium-CgmZluGb.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Medium%20Italic-DcZeGB-D.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Semi%20Bold-C9tXNAJP.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Semi%20Bold%20Italic-BVzlKSOL.otf) format("opentype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Bold-MdTP-lpx.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Bold%20Italic-Ci9tFN32.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Extra%20Bold-CBs_tXmo.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Extra%20Bold%20Italic-Cyb65Jnd.otf) format("opentype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Black-BkQjNxbM.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Black%20Italic-vVVf4m7J.otf) format("opentype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Extra%20Black-CqOOMFZW.otf) format("opentype");font-weight:950;font-style:normal;font-display:swap}@font-face{font-family:Brown Pro;src:url(/assets/Brown%20Pro%20Extra%20Black%20Italic-DgYlTx6T.otf) format("opentype");font-weight:950;font-style:italic;font-display:swap}@font-face{font-family:Brown Pro Condensed;src:url(/assets/Brown%20Pro%20Extra%20Bold%20Condensed-BoMs2Ovk.otf) format("opentype");font-weight:800;font-style:normal;font-stretch:condensed;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background:#101010;font-family:Zalando Sans,sans-serif}*{box-sizing:border-box}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}header{width:100%;position:fixed;top:0;display:flex;justify-content:space-between;left:0;background:#101010cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px}header .links{display:flex;gap:20px;font-size:14px}header .links a{color:#fff;font-weight:400;font-style:normal;text-decoration:none}header .brand img{width:50px}.landing{padding-top:100px;height:calc(100vh - 100px);width:100%;display:flex;justify-content:center;align-items:center}.landing h1{font-size:52px;text-align:center;font-weight:600;margin-bottom:40px;color:#fff}.landing .main-helper{margin-bottom:40px!important;font-size:18px!important}.landing .room-input{display:flex}.landing .row{margin:0 auto 30px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;flex-wrap:wrap}.landing .row .room-prefix{background:#171717;border:1px solid #9aa4b2;border-right:none;display:inline-flex;padding:0 20px;height:64px;line-height:61px;border-top-left-radius:20px;border-bottom-left-radius:20px;color:#cbd3dd;font-size:22px}.landing .row .room-field{width:min(520px,70vw);height:64px;padding:0 14px;background:transparent;border:1px solid #9aa4b2;color:#fff;border-top-right-radius:20px;border-bottom-right-radius:20px;outline:none;font-size:22px;line-height:62px;transition:border-color .15s ease,box-shadow .15s ease;caret-color:var(--accent)}.landing .row .room-field::placeholder{color:transparent}.landing .row .btn-start{height:52px;padding:0 22px;background:#fff;border:none;color:#000;font-weight:700;font-size:16px;border-radius:15px;cursor:pointer;transition:all .3s linear;position:absolute;right:6px}.landing .row .btn-start:hover{background:#b2b2b2;border:none;color:#000}.landing .helper{color:#9aa4b2;text-align:center;margin:10px 0}.landing footer{position:absolute;bottom:20px;display:flex;gap:15px}.landing footer a{color:#404040;text-decoration:none;font-size:12px}h1 i{display:inline-block;background-image:linear-gradient(90deg,#07aeea,#2bf598,#07aeea,#2bf598,#07aeea,#2bf598);background-size:200% 100%;background-position:0% 50%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:shine 4s linear infinite;will-change:background-position}@keyframes shine{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.room-shell{display:flex;flex-direction:column;height:100vh;background:#0e0e0e;color:#fff;overflow:hidden;font-family:Inter,sans-serif}.stage-inner{flex:1;display:flex;transition:all .25s ease}.stage-inner.with-panel .video-area{flex:1 1 calc(100% - 320px)}.video-area{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;transition:flex .25s ease}.video-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;padding:24px}.video-tile{position:relative;background:#000;border-radius:10px;overflow:hidden;width:100%;max-width:480px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.video-tile video{width:100%;height:100%;object-fit:cover;background:#000}.video-tile .label{position:absolute;bottom:8px;left:12px;font-size:12px;opacity:.9}.expand-btn{position:absolute;top:8px;right:8px;background:#ffffff1a;border:none;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer}.controls-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.05)}.bb-left,.bb-center,.bb-right{display:flex;align-items:center;gap:12px}.bb-left{gap:20px}.bb-center{position:absolute;left:0;right:0;margin:0 auto;width:228px}.bb-username{display:flex;align-items:center;gap:5px}.bb-username img{width:10px}.bb-username,.bb-name-edit{background:#0e0e0e;border:none;color:#fff;padding:12px 17px;line-height:1;border-radius:50px;cursor:pointer}.bb-name-edit input{background:transparent;border:none;color:#fff;padding:0}.control{width:2.7em;height:2.7em;background:transparent;border:1px solid hsl(0 0% 100% / .2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s}.control img{width:32px}.control.off{background:#e64b33}.control.danger{border-color:transparent;background:#e64b33;width:2.6em;height:2.6em}.control.danger img{width:24px}.username-box{display:flex;align-items:center;gap:6px;font-size:14px}.username-box input{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:3px 6px;border-radius:4px}.sidepanel{width:320px;background:#121212;border-left:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.sidepanel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.sidepanel-tabs{display:flex;gap:8px;font-size:13px}.sidepanel-tabs .tab{padding:4px 8px;cursor:pointer;opacity:.6;border-radius:4px}.sidepanel-tabs .tab.active{background:#ffffff1a;opacity:1}.sidepanel-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.sidepanel-body{flex:1;overflow-y:auto;padding:12px}.chat{display:flex;flex-direction:column;height:100%}.chat-scroll{flex:1;overflow-y:auto;padding-right:4px}.msg{margin-bottom:8px}.msg.mine .bubble{background:#3a3a3a}.msg .meta{font-size:11px;opacity:.6}.bubble{background:#2a2a2a;border-radius:8px;padding:6px 10px;display:inline-block;margin-top:2px}.chat-input{display:flex;gap:8px;margin-top:8px}.chat-input input{flex:1;border:none;border-radius:8px;padding:6px 10px;background:#1e1e1e;color:#fff}.chat-input button{background:#3a3a3a;border:none;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.participants{list-style:none;padding:0;margin:0}.participants li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.dot{width:8px;height:8px;border-radius:50%;background:#5df28f}.info-pane{display:flex;flex-direction:column;gap:8px;font-size:13px}.info-row{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:4px}.bottombar.sticky{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px;background:#000}.toggle{cursor:pointer;display:grid;font-size:clamp(1em,calc(.75em + 1vw),1em);grid-template-areas:". button .";grid-template-columns:minmax(0,auto) 3em minmax(0,auto);grid-template-rows:3em auto}.state{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid hsl(0 0% 100% / .2);border-radius:50%;box-shadow:0 2px #0000004d,0 .25em 1em #0000001a;cursor:inherit;font:inherit;grid-area:button;height:100%;margin:0;padding:0;transition-duration:.2s;transition-property:background-color,border-color,box-shadow,filter,--gradient-start,--gradient-end;transition-timing-function:cubic-bezier(.5,1,.89,1);width:100%}.toggle .state:checked{background-color:#e64b33;border-color:transparent}.toggle:active .state{box-shadow:none;filter:brightness(.9)}.toggle:active .state:not(:checked){--gradient-start: hsl(344 78% 52%)}.state:checked{--gradient-start: transparent;--gradient-end: transparent;background-color:transparent;box-shadow:none}.state:focus-visible{outline:2px solid currentColor;outline-offset:2px}.state:checked:focus-visible{border-color:transparent}.bb-right img{width:20px}.icon{aspect-ratio:1;color:#fff;display:grid;grid-area:button;height:auto;mix-blend-mode:screen;place-self:center;transition:.4s cubic-bezier(.25,1,.5,1);transition-property:scale,opacity;width:66%}.toggle:active .icon{opacity:.8;scale:.9}.icon:after{align-self:center;background:currentColor;border:.125em solid #000;border-radius:99em;clip-path:polygon(100% 0%,100% 100%,100% 100%,100% 0%);content:"";grid-column:1;grid-row:1;height:.125em;rotate:-45deg;transition:clip-path .2s ease-out}.state:checked~.icon:after{clip-path:polygon(0% 0%,0% 100%,100% 100%,100% 0%)}.icon svg{grid-column:1;grid-row:1;height:100%;width:100%}