:root{background-color:transparent;color:#ffffffde;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color-scheme:dark}html,body,#app{height:100%;margin:0;padding:0;min-height:100vh}a{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}#menubar{margin-top:15px;z-index:1000}@media screen and (max-width: 1280px){#menubar{position:fixed;top:0;left:0;width:100%;border-radius:0;border:none;border-bottom:1px solid #000;margin-top:0}}#app-container{max-width:1280px;margin:0 auto;font-weight:400}main{padding:0 20px;display:flex}.col{flex:1}@media screen and (max-width: 1280px){#app-container{padding-top:50px}}@media screen and (max-width: 1024px){main{display:block}}.chat-iframe{width:100%;border:none;height:350px}#login-page{background-color:#0e0e10;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}#login-page .login-container{text-align:center;background-color:#1f1f23;padding:2rem;border-radius:12px;box-shadow:0 0 16px #0009;width:300px}#login-page .login-container h1{margin-bottom:.5rem;font-size:2rem}#login-page .login-container p{margin-bottom:1.5rem;font-size:1rem;color:#b9b9bc}#login-page .login-button{background-color:#6441a5;color:#fff;border:none;padding:.75rem 1.25rem;font-size:1rem;border-radius:6px;cursor:pointer;gap:.5rem;transition:background .3s ease}#login-page .login-button:hover{background-color:#7d5bbe}#login-page .login-button img{width:20px;height:20px}:root{overflow:hidden}#overlay-container{height:100%;min-height:100vh}.chat-box{height:100%;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.chat-box .message{margin:4px;font-size:20pt;filter:drop-shadow(0px 0px 0px #000000);animation:fadeIn 1s forwards}.chat-box .message .badge{margin:0 2px;vertical-align:middle}.chat-box .message .username{font-weight:700;margin:0 4px}.chat-box .message .pronouns{color:#fff;background-color:#222;font-size:16px;padding:1px 6px 4px;border-radius:8px;position:relative;top:-2px;font-weight:600;margin-left:3px}.chat-box .message .mention{font-weight:700}.chat-box .message .emote{vertical-align:middle;margin:-.5rem 0}.chat-box .message.fade-out{animation:fadeOut 1s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.chat-box.theme-bubble{position:relative}.chat-box.theme-bubble .message{background-color:#fff;color:#000;border-radius:10px;padding:10px;margin-top:40px;width:fit-content;min-width:300px}.chat-box.theme-bubble .message .badge{vertical-align:baseline;margin:0 2px 0 0;border-radius:px;width:20px}.chat-box.theme-bubble .message .user{position:absolute;top:-20px;left:5px;border-radius:10px;padding:0 8px;font-size:23px;white-space:nowrap}.chat-box.theme-bubble .message .user .colon{display:none}.chat-box.theme-bubble .message .user .pronouns{background:none;color:#ffffffd4;margin:0;top:-3px}.chat-box.theme-bubble .message .user .username{margin:0 6px 0 0;position:relative;top:-7px;border-radius:10px;padding:0 8px}.chat-box.theme-bubble .message .user .username .name{color:#fff;position:relative;top:-2px;padding-left:4px}.preview-iframe{width:100%;border:none;height:400px}.clip{position:absolute;top:0;left:0;width:100%;height:100vh;margin:0;padding:0}.clip video{width:100%;margin:0;padding:10px}.clip video.title{padding-top:35px}.clip video.border{background-color:#000;border-radius:10px}.clip div.title{position:absolute;top:0;left:0;color:#fff;padding:5px 0 0 10px;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;white-space:nowrap;overflow:hidden;border-radius:10px}