@import "https://api.fonts.coollabs.io/css2?family=Inter:wght@400;500;600;700";@import "https://api.fonts.coollabs.io/css2?family=JetBrains+Mono:wght@300";:root{--color-bg:#0b0b0b}@keyframes spin{to{transform:rotate(360deg)}}::placeholder{color:#494949}input[type=text]{border:1px solid #292929;border-radius:7px;flex:1;width:100%;min-width:0;padding:8px 12px;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),outline-color .15s cubic-bezier(.4,0,.2,1)}input[type=text]:focus{border-color:#494949}.splash{z-index:99;-webkit-user-select:none;user-select:none;background:#0b0b0b;position:fixed;inset:0}[class^=icon-],[class*=\ icon-]{line-height:1}.btn{cursor:pointer;padding:8px;white-space:nowrap;background:#171717;border:1px solid #292929;border-radius:7px;justify-content:center;align-items:center;gap:0;padding-inline:12px;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),outline-color .15s cubic-bezier(.4,0,.2,1);display:flex}.btn:hover{background:#222}.btn:active{background:#1b1b1b}.btn:disabled{cursor:not-allowed;opacity:.35}.btn.noborder{border:none}.btn.circle{aspect-ratio:1;border-radius:100vmax}.btn.flat{background:0 0;border:0;padding:0!important}.btn.flat:active{color:#494949}.btn.ghost{border:0;background:0 0!important}.btn.large{padding:12px!important}:is(.btn[class*=icon-],.btn[class*=svg-icon],.btn.multi-state:not(:has(.state>:not([class*=icon-])))){padding:8px}.btn.multi-state{display:grid}.btn.multi-state .state{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;grid-area:1/1;justify-content:center;align-items:center;gap:0;display:flex}.btn.multi-state .state:not(.visible){opacity:0}.spin{animation:.35s linear infinite spin}.dropdown{flex-flow:row;gap:0;display:flex;position:relative}.dropdown.opened>.btn:not(.flat){background:#222}.dropdown .dropdown-content{z-index:9;will-change:transform;transform-origin:0 0;background:#171717;border:1px solid #292929;border-radius:16px;flex-flow:column;gap:8px;width:max-content;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);overflow:hidden auto;box-shadow:0 0 24px 4px #0b0b0b}.dropdown .dropdown-content.side-right{transform-origin:100% 0;right:0}.dropdown .dropdown-content.side-stretch{width:100%}.dropdown .dropdown-content .dropdown-option{border-radius:7px;flex-flow:row;align-items:center;gap:0;padding:8px 16px;display:flex}.dropdown .dropdown-content .dropdown-option:hover{background:#222}.dropdown .dropdown-content .dropdown-option:active{background:#1b1b1b}.dropdown:has(>.btn.circle){aspect-ratio:1}.btn-home{border-radius:100vmax;position:absolute;top:12px;left:12px;box-shadow:0 0 24px 4px #0b0b0b}.autocomplete{z-index:1;display:flex;position:relative}.autocomplete .input-group{border:1px solid #292929;border-radius:11px;flex-flow:row;gap:0;width:100%;height:100%;padding:4px;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),outline-color .15s cubic-bezier(.4,0,.2,1);display:flex}.autocomplete .input-group:has(>input:focus){border-color:#494949}.autocomplete .input-group:has(+.options.visible){border-bottom-right-radius:0;border-bottom-left-radius:0}.autocomplete .input-group input{border:none;padding:0 12px}.autocomplete .input-group>.btn{padding:12px!important}.autocomplete .options{background:#0b0b0b;border:1px solid #494949;border-top:none;border-radius:0 0 7px 7px;width:100%;padding:4px;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),outline-color .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:100%;overflow:hidden;box-shadow:0 16px 24px #0b0b0b}.autocomplete .options:not(.visible){display:none}.autocomplete .options{max-height:calc(6lh + 105px)}.autocomplete .options .options-wrap{flex-flow:column;flex:1;gap:0;display:flex;overflow-y:auto}.autocomplete .options .options-wrap .option{text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer;border-radius:7px;flex-flow:row;flex-shrink:0;align-items:center;gap:0;padding:8px 12px;display:flex;overflow:hidden}.autocomplete .options .options-wrap .option:hover{background:#171717}.autocomplete .options .options-wrap .option.selected{background:#222}.toast{z-index:99;cursor:pointer;will-change:transform;background:#111e0f;border:1px solid #5afb3a;border-radius:100vmax;width:max-content;max-width:100%;padding:16px 24px;position:absolute;box-shadow:0 0 24px 4px #0b0b0b}.toast .icon{color:#5afb3a}.toast.error{background:#1f0e0f;border-color:#ff2f39}.toast.error .icon{color:#ff2f39}.toast .toast-content{flex-flow:row;align-items:center;gap:12px;display:flex}.toast .toast-content .message-group{text-align:center;flex-flow:column;gap:8px;min-width:0;display:flex}.toast .toast-content .message-group .text{text-overflow:ellipsis;white-space:nowrap;white-space:normal;overflow:hidden}.toast .toast-content .message-group .text-warning{color:#e1a709;font-size:.75rem}.tooltip{margin:12px}.tooltip>.tooltip-content{color:#0b0b0b;pointer-events:none;z-index:99;background:#cacaca;border:1px solid #9b9b9b;border-radius:7px;padding:8px 16px;font-size:.85rem;font-weight:600;position:fixed;box-shadow:0 0 24px 4px #cacaca1a}.tooltip>.tooltip-content:after{content:"";background:inherit;width:10px;height:10px;z-index:inherit;border:1px solid #292929;border-color:inherit;border-width:0 1px 1px 0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip>.tooltip-content.bottom:after{border-width:1px 0 0 1px;top:-6px}.tooltip>.tooltip-content.left:after{top:50%;left:unset;border-width:1px 1px 0 0;position:absolute;right:-6px;transform:translateY(-50%)rotate(45deg)}.tooltip>.tooltip-content.right:after{border-width:0 0 1px 1px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}::-webkit-scrollbar{width:28px}::-webkit-scrollbar-thumb{background-color:#171717;background-clip:padding-box;border:12px solid #0000;border-radius:8px;min-height:40px}::-webkit-scrollbar-thumb:hover{background-color:#222}@supports ((-moz-appearance:none)){*{scrollbar-width:thin;scrollbar-color:#171717 transparent}}*,:before,:after{box-sizing:border-box;outline:0;margin:0;padding:0}input,button,textarea,select,a,iframe{all:unset;box-sizing:border-box}img,picture,video,canvas,svg{max-width:100%;display:block}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}body{-webkit-font-smoothing:antialiased}html{-webkit-text-size-adjust:100%}a{cursor:revert;word-break:break-all}button{cursor:pointer}textarea{word-break:break-word}html{color:#eaeaea;background-color:#0b0b0b;height:100vh;font-family:Inter,sans-serif;font-size:14px}html body{height:100%}.page{scrollbar-width:none;justify-content:center;align-items:center;gap:0;width:100%;height:100%;padding-inline:32px;display:flex;overflow-y:scroll}.page>.content{flex-flow:column;gap:0;width:480px;min-width:0;height:100%;display:flex}.page>.btn{z-index:9;position:fixed;top:12px;right:12px}@media (width<=768px){.page>.btn{background:0 0;border:0;top:0;right:0}.page>.btn:not(:hover){color:#494949}}.channels.live{flex-flow:column;gap:8px;padding-block:16px;display:flex}.channels.live:has(>img){pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;justify-content:center;align-items:center;gap:0;display:flex}.channels.live:has(>img) img{-webkit-mask-image:radial-gradient(60% 50%,#000 -400%,#0000 100%);mask-image:radial-gradient(60% 50%,#000 -400%,#0000 100%)}.channels.live .channel{background:radial-gradient(650% 1500% at 30% 50%, #171717 1%, transparent 25%), linear-gradient(to right, var(--color) 0%, #171717 35%);--avatar-size:50px;border:1px solid #292929;border-radius:100vmax;flex-flow:row;align-items:center;gap:20px;padding:12px 48px;display:flex;position:relative;overflow:hidden}.channels.live .channel>.channel-content{flex-flow:row;align-items:center;gap:12px;width:100%;display:flex;overflow:hidden}.channels.live .channel>.channel-content .avatar{aspect-ratio:1;width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size);border-radius:12px;justify-content:center;align-items:center;gap:0;display:flex;position:relative;overflow:hidden}.channels.live .channel>.channel-content .avatar img{object-fit:cover;opacity:0;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.channels.live .channel>.channel-content .avatar img:not(.loading){opacity:1}.channels.live .channel>.channel-content .avatar img.brand{object-fit:contain;width:70%;height:70%}.channels.live .channel>.channel-content .avatar.has-thumbnail:after{content:"";pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;visibility:none;background:#171717cc;justify-content:center;align-items:center;gap:0;font-family:lucide;font-size:1.5rem;transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.channel:hover .avatar.has-thumbnail:after{opacity:1!important;visibility:initial!important}.channels.live .channel>.channel-content>.text{flex-flow:column;gap:4px;display:flex;overflow:hidden}.channels.live .channel>.channel-content>.text .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channels.live .channel>.channel-content>.text .title{text-overflow:ellipsis;white-space:nowrap;opacity:.35;font-size:.85rem;overflow:hidden}.channels.live .channel>.channel-content>.text .title:empty{height:1lh}.channels.live .channel .viewers{white-space:nowrap;font-size:.85rem}@media (width<=480px){.channels.live .channel{padding-inline:32px}}.channels.offline{flex-flow:column;gap:8px;padding-bottom:16px;display:flex}.channels.offline>.btn{color:#494949;background:0 0;flex-flow:row;align-self:center;align-items:center;gap:8px;transition:opacity .15s cubic-bezier(.4,0,.2,1);display:flex}.channels.offline>.btn:active{opacity:.6}.channels.offline>.btn.expanded .icon{transform:rotate(-180deg)}.channels.offline>.list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.channels.offline>.list .channel{background:#171717;background:radial-gradient(850% 2500% at 35% 50%, #171717 1%, transparent 25%), linear-gradient(to right, var(--color) 0%, #171717 50%);border:1px solid #292929;border-radius:100vmax;flex-flow:row;align-items:center;gap:8px;min-width:0;padding:8px 20px;display:flex}.channels.offline>.list .channel>.channel-content{flex-flow:row;align-items:center;gap:8px;width:100%;display:flex;overflow:hidden}.channels.offline>.list .channel>.channel-content .avatar{aspect-ratio:1;border-radius:100vmax;justify-content:center;align-items:center;gap:0;width:25px;min-width:25px;height:25px;display:flex;overflow:hidden}.channels.offline>.list .channel>.channel-content .avatar img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%}.channels.offline>.list .channel>.channel-content .avatar img.brand{object-fit:contain;width:70%;height:70%}.channels.offline>.list .channel>.channel-content .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channels.offline>.list .channel .date{white-space:nowrap;color:#494949;font-size:.85rem}@media (width<=480px){.channels.offline>.list{grid-template-columns:1fr}}.thumbnail{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060606cc;outline:0;justify-content:center;align-items:center;gap:0;padding:20px;display:flex;position:fixed;inset:0}.thumbnail>.content{-webkit-user-select:none;user-select:none;aspect-ratio:16/9;object-fit:contain;justify-content:center;align-items:center;gap:0;width:min(854px,177.778vh - 71.1111px);display:flex;position:relative}.thumbnail>.content>.icon{font-size:21px;animation:.35s linear infinite spin;position:absolute}.thumbnail>.content>img{-webkit-user-drag:none;object-fit:contain;width:100%;height:100%}.thumbnail>.content>img:not(.loaded){display:none}.thumbnail>.content:not(:has(.loaded)) .info{display:none}.thumbnail>.content .info{flex-flow:row;justify-content:space-between;gap:4px;width:100%;padding:4px;display:flex;position:absolute;top:0;left:0}.thumbnail>.content .info>*{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0606064d;border-radius:100vmax;flex-flow:row;align-items:center;gap:12px;padding:12px 20px;font-size:.85rem;display:flex;overflow:hidden}@media (width<=768px){.thumbnail>.content .info>*{gap:8px;padding:8px 16px;font-size:.75rem}}.thumbnail>.content .info>.text{-webkit-user-select:text;user-select:text}.thumbnail>.content .info>.text .name{font-weight:700}.thumbnail>.content .info>.text .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thumbnail>.content .info>a{transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),outline-color .15s cubic-bezier(.4,0,.2,1)}.thumbnail>.content .info>a:active{background:#06060680}.thumbnail>.content .info>a .link{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.countdown{opacity:.35;padding:8px;font-size:.75rem;position:fixed;bottom:0;right:0}