@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0e0e10;--surface:#18181b;--line:#2a2a2f;--text:#efeff1;--muted:#96969f;--purple:#bf94ff;--accent:#9146ff;--sidebar:220px;--header:68px;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;transition:background .18s,color .18s,transform .18s}a{color:inherit;text-decoration:none}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:4px}input,select{outline:0}input{min-width:0;color:var(--text)}select{color:var(--text);background:#202024;border:1px solid #36363d;border-radius:5px;padding:8px 24px 8px 11px;font-size:11px;cursor:pointer}select:focus-visible{outline:2px solid var(--purple)}svg{display:inline-block;vertical-align:middle;flex-shrink:0}.sprite{position:absolute;width:0;height:0}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bit-icon{height:19px;width:15px}.icon-button{display:inline-grid;place-items:center;height:30px;width:30px;border-radius:5px;color:#adadb8;padding:0;flex-shrink:0}.icon-button:hover{background:#ffffff12;color:#fff}.flipped{transform:rotate(180deg)}
.topbar{height:var(--header);display:flex;align-items:center;gap:34px;position:fixed;inset:0 0 auto;z-index:30;padding:0 27px;border-bottom:1px solid var(--line);background:#18181bf5;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:8px;font:700 32px var(--display);letter-spacing:-1.7px;line-height:1;flex-shrink:0}.brand svg{width:22px;height:28px;color:var(--purple)}.brand span{color:var(--purple);margin-left:-8px}.topbar nav{height:100%;display:flex;gap:28px}.nav-link{position:relative;padding:0;font-size:13px;font-weight:600;white-space:nowrap;color:#b3b3bc}.nav-link:hover,.nav-link.active{color:var(--purple)}.nav-link.active:after{content:'';position:absolute;inset:auto 0 0;height:3px;border-radius:3px 3px 0 0;background:var(--purple)}.searchbar{display:flex;align-items:center;background:#26262c;border:1px solid #3b3b44;border-radius:6px;width:min(320px,30vw);margin-left:auto;height:35px;overflow:hidden}.searchbar:focus-within{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.searchbar input{width:100%;background:none;border:0;padding:9px 12px;font-size:12px}.searchbar kbd{font:10px var(--font);border:1px solid #53535f;border-radius:3px;color:#9696a4;padding:1px 4px}.searchbar button{height:100%;padding:0 11px;margin-left:8px;background:#313138;border-left:1px solid #3b3b44}.searchbar button:hover{background:#42424b}.searchbar .icon{width:15px;height:15px}.launch-button,.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:5px;font-size:12px;font-weight:650;line-height:1.2;padding:11px 15px;white-space:nowrap}.launch-button,.primary{background:var(--accent);color:#fff;box-shadow:0 1px 0 #ffffff15 inset}.launch-button:hover,.primary:hover{background:#a45fff;transform:translateY(-1px)}.launch-button{gap:10px;padding:10px 14px}.launch-button>.icon{width:15px}.launch-button>.bit-icon{width:11px;height:15px}.secondary{background:#2d2d33}.secondary:hover{background:#3c3c44}.mobile-menu{display:none}
.sidebar{position:fixed;inset:var(--header) auto 0 0;width:var(--sidebar);background:#1a1a1e;z-index:20;padding:19px 10px 17px;display:flex;flex-direction:column;border-right:1px solid #242429}.side-nav{padding-bottom:22px;border-bottom:1px solid #2a2a30}.side-link{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:5px;text-align:left;color:#a9a9b3;font-size:12px;font-weight:550}.side-link:hover{background:#26262d}.side-link.active{color:#d6bcff;background:#9146ff16}.side-link small{margin-left:auto;padding:2px 5px;font-size:10px;background:#33303a;border-radius:3px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 8px 9px;font-size:9px;font-weight:650;letter-spacing:.7px;color:#aaaab4}.sidebar-heading .icon-button{height:24px;width:22px}.sidebar-heading .icon{width:13px;height:13px}.side-channel{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:8px;border-radius:5px}.side-channel:hover,.side-channel.selected{background:#2a2a32}.avatar{border-radius:50%;object-fit:cover;background:#30263e;width:32px;height:32px;flex-shrink:0}.side-channel-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.side-channel-copy strong{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.side-channel-copy small{font-size:9px;color:#90909c;max-width:95px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-channel-status{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:9px;color:#c2c2ca;font-variant-numeric:tabular-nums}.red-dot,.signal-dot{height:6px;width:6px;border-radius:50%;background:#eb4055;display:inline-block;flex-shrink:0}.offline-dot{height:5px;width:5px;background:#666671;border-radius:50%;display:inline-block}.sidebar-note{margin:24px 8px 0;border:1px solid #37303f;border-radius:7px;padding:16px 13px;background:linear-gradient(140deg,#34243e60,#212126)}.sidebar-note>.bit-icon{color:var(--purple);height:24px;width:18px}.sidebar-note h3{font-size:13px;font-weight:600;margin:10px 0 7px}.sidebar-note p{font-size:10px;line-height:1.8;color:#a09aa9;margin:0}.sidebar-note button{display:flex;align-items:center;justify-content:space-between;padding:0;margin-top:15px;color:var(--purple);width:100%;font-size:10px;font-weight:600}.sidebar-note button .icon{width:14px;height:14px}.sidebar-footer{display:flex;align-items:center;gap:8px;font-size:9px;color:#898991;padding:25px 8px 0;margin-top:auto}.solana-mark{width:13px;display:flex;gap:2px;flex-direction:column}.solana-mark i{height:2px;background:linear-gradient(90deg,#9c75f8,#69d7b0);transform:skew(-25deg);border-radius:1px}.solana-mark i:nth-child(2){transform:skew(25deg)}.connection-dot{width:5px;height:5px;border-radius:50%;background:#72bda5;margin-left:auto}
main{margin-left:var(--sidebar);padding:calc(var(--header) + 28px) 32px 0;max-width:1900px}.intro-banner{position:relative;display:flex;align-items:center;gap:24px;overflow:hidden;padding:25px 28px;margin-bottom:30px;border:1px solid #3c2d4e;border-radius:9px;background:radial-gradient(ellipse at 90% 60%,#60348a40,transparent 55%),linear-gradient(110deg,#1b1722,#1f1828)}.eyebrow{font-size:8px;font-weight:650;letter-spacing:1.5px;color:#b998dd;display:block}.intro-banner h1{font:500 clamp(24px,2.25vw,36px) var(--display);letter-spacing:-1.3px;margin:10px 0 9px;line-height:1.2}.intro-banner h1 span{color:#c49cfb}.intro-banner p{font-size:11px;color:#a99ab8;line-height:1.7;margin:0;max-width:520px}.intro-banner>div:first-child{position:relative;z-index:2}.banner-link{display:flex;align-items:center;gap:10px;position:relative;z-index:2;font-size:11px;font-weight:600;margin-left:auto;white-space:nowrap;color:#ddc7ff;margin-right:115px}.banner-link .icon{width:16px}.banner-art{position:absolute;right:15px;width:130px;height:140px;top:50%;transform:translateY(-50%);pointer-events:none}.banner-art svg{position:absolute;height:85px;width:65px;top:28px;left:28px;rotate:14deg;color:#ad7de5;filter:drop-shadow(0 4px 20px #b983ff20);animation:float 7s ease-in-out infinite}.banner-art svg:nth-child(2){height:27px;width:21px;left:105px;top:19px;rotate:-10deg;opacity:.7;animation-delay:-2s}.banner-art svg:nth-child(3){height:22px;width:17px;left:6px;top:106px;rotate:-15deg;opacity:.5;animation-delay:-4s}.section-heading{display:flex;align-items:center;gap:15px;margin-bottom:17px;justify-content:space-between}.section-heading h2{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:600;letter-spacing:-.4px;line-height:1.35;margin:0}.section-heading h2>span:not(.signal-dot){color:var(--purple)}.signal-dot{background:var(--purple);box-shadow:0 0 0 4px #a970ff0b}.feature-tools{display:flex;gap:4px}.feature-tools .icon-button{border:1px solid #303037;width:27px;height:27px}.feature-tools .icon{height:13px;width:13px}
.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid #303036;border-radius:8px;overflow:hidden;background:#18181b;align-items:stretch}.watch-main{min-width:0}.player-shell{position:relative;width:100%;aspect-ratio:16/9;min-height:300px;background:#050505;overflow:hidden}.player-shell #twitchPlayer,.player-shell #twitchPlayer>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}.player-fallback{position:absolute;inset:0;display:grid;place-items:center;z-index:1;background:#121015;overflow:hidden;min-height:300px}.player-fallback>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:blur(2px) brightness(.6);transform:scale(1.03)}.player-fallback>div{position:relative;text-align:center;padding:25px;max-width:400px}.twitch-logo{width:35px;height:35px;color:#ae76f6}.player-fallback h3{font:500 23px var(--display);letter-spacing:-.5px;margin:17px 0 10px}.player-fallback p{font-size:11px;line-height:1.7;color:#aba3b4;margin:0 0 20px}.player-fallback .button{font-size:10px}.channel-info{display:flex;align-items:flex-start;gap:14px;padding:22px 20px 19px}.featured-avatar-button{padding:0;flex-shrink:0;border-radius:50%}.featured-avatar{width:48px;height:48px;outline:2px solid #7b44ac;outline-offset:3px}.featured-avatar.is-live{outline-color:var(--purple)}.channel-copy{min-width:0;flex:1}.channel-copy h3{font-size:15px;font-weight:650;margin:0 0 7px;display:flex;align-items:center;gap:7px}.twitch-small{width:12px;height:12px;color:var(--purple)}.channel-copy>p{font-size:11px;line-height:1.6;margin:0 0 9px;color:#d1ccd7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.channel-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:9px;color:#aaa2b5}.channel-meta button{color:var(--purple);padding:0;font-size:10px;text-align:left}.channel-meta button:hover{text-decoration:underline}.meta-dot{color:#55515d}.status-pill{background:#2a272f;color:#a29aaa;padding:3px 5px;font-size:7px;font-weight:650;letter-spacing:.5px;border-radius:3px;white-space:nowrap}.status-pill.live{background:#eb405520;color:#ff7586}.channel-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.channel-actions .button{font-size:10px;padding:9px 11px;gap:7px}.channel-actions .icon{width:13px;height:13px}.channel-actions .bit-icon{height:14px;width:11px}.follow-button{background:#2d2d33;color:#d8d3df}.follow-button:hover{background:#3c3544}.follow-button.followed{color:var(--purple);background:#9146ff20}.follow-button.followed svg{fill:#a970ff25}.watch-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #27262c;padding:11px 20px;font-size:9px;color:#99929f;background:#151518}.watch-bottom>span{display:flex;align-items:center;gap:7px}.watch-bottom>span>.bit-icon{width:10px;height:13px;color:#b58fdf}.watch-bottom>div{display:flex;gap:18px;align-items:center}.watch-bottom a,.watch-bottom button{display:flex;gap:6px;align-items:center;font-size:9px;padding:0;color:#a7a0af;white-space:nowrap}.watch-bottom .icon{height:11px;width:11px}.watch-bottom a:hover,.watch-bottom button:hover{color:var(--purple)}#toggleChat{display:none}.real-chat{display:flex;flex-direction:column;border-left:1px solid #303036;background:#18181b;min-height:400px}.chat-top{height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #2a2a30;font-size:9px;font-weight:600;letter-spacing:.9px}.chat-top .icon-button{width:22px;height:22px}.chat-top .icon{width:14px;height:14px}.chat-embed-slot{flex:1;min-height:340px;position:relative}.chat-embed-slot iframe{height:100%;width:100%;position:absolute;inset:0;border:0;background:#18181b}.real-chat>a{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#a294b1;padding:10px;border-top:1px solid #2a2a30}.real-chat>a .icon{height:11px;width:11px}.watch-layout.chat-hidden{grid-template-columns:1fr}.watch-layout.chat-hidden .real-chat{display:none}.watch-layout.chat-hidden #toggleChat{display:flex}
.directory{padding-top:36px;scroll-margin-top:90px}.directory-heading h2{font-size:23px;letter-spacing:-.7px}.directory-heading p{font-size:11px;color:#8e8998;margin:7px 0 0}.directory-tools{display:flex;gap:10px;align-items:center}.update-status{font-size:9px;color:#77717f;white-space:nowrap}.directory-tools>.icon-button{width:25px;height:25px}.directory-tools>.icon-button>.icon{width:14px;height:14px}.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #2b2830;margin:23px 0 22px}.directory-tabs{display:flex;gap:23px;align-items:center}.directory-tab{display:flex;align-items:center;gap:6px;position:relative;font-size:11px;font-weight:550;color:#a39baa;padding:0 0 14px}.directory-tab:hover,.directory-tab.active{color:var(--purple)}.directory-tab.active:after{content:'';height:2px;background:var(--purple);position:absolute;bottom:-1px;left:0;right:0}.directory-tab .red-dot{width:5px;height:5px}.count{font-size:8px;padding:2px 5px;background:#a970ff17;border-radius:3px;color:#b19cc6}.category-select{display:flex;gap:7px;align-items:center;margin-top:-11px;color:#89818f}.category-select>.icon{height:13px;width:13px}.category-select select{padding:5px 23px 5px 0;background:transparent;border:0;font-size:10px;max-width:180px;color:#b7afbf}.category-select option{background:#202024}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}.channel-card{min-width:0;animation:arrive .3s both}.card-preview{display:block;position:relative;width:100%;aspect-ratio:16/9;border-radius:5px;background:#28222e;overflow:hidden;padding:0;isolation:isolate;text-align:left;outline:1px solid #ffffff08;transition:transform .2s,box-shadow .2s}.card-preview:hover{transform:translate(3px,-3px);box-shadow:-4px 4px 0 var(--accent)}.card-thumbnail{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s;filter:brightness(.95)}.card-preview:hover .card-thumbnail{filter:brightness(1.08)}.card-preview.offline{background:radial-gradient(ellipse at 60% 30%,#51405a80,#1c1922)}.card-preview.offline .card-thumbnail{opacity:.25;filter:blur(10px);object-fit:cover;transform:scale(1.2)}.offline-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#110a1b20}.offline-center img{height:45px;width:45px;object-fit:cover;border-radius:50%;border:2px solid #ffffff20}.offline-center>span{font-size:10px;font-weight:500;color:#d5cbdc}.stream-badge{position:absolute;top:9px;left:9px;z-index:2;font-size:8px;font-weight:650;padding:4px 5px;border-radius:3px;background:#eb4055;color:#fff;letter-spacing:.4px;line-height:1}.stream-badge.offline,.stream-badge.unknown{background:#1a1521ad;border:1px solid #ffffff1c;color:#bdb0ca}.viewers-badge{position:absolute;bottom:8px;left:9px;display:flex;gap:4px;align-items:center;background:#050505b0;backdrop-filter:blur(5px);padding:3px 5px;color:white;font-size:8px;border-radius:3px;z-index:2;line-height:1.2}.viewers-badge .icon{width:10px;height:10px}.card-play{position:absolute;inset:0;display:grid;place-items:center;background:#0002;opacity:0;transition:opacity .2s;color:white}.card-play span{height:35px;width:35px;border:1px solid #ffffff70;background:#0006;border-radius:50%;display:grid;place-items:center;font-size:11px;padding-left:2px}.card-preview:hover .card-play{opacity:1}.card-info{display:flex;gap:9px;align-items:flex-start;margin-top:12px}.card-avatar{padding:0;flex-shrink:0;border-radius:50%}.card-avatar .avatar{width:31px;height:31px}.card-copy{min-width:0;flex:1}.card-title{padding:0;text-align:left;font-weight:600;font-size:11px;line-height:1.5;max-width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-title:hover{color:var(--purple)}.card-copy p{font-size:10px;color:#b3aabf;margin:3px 0 4px}.card-game{font-size:9px;padding:0;color:#85808e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;line-height:1.4}.card-game:hover{color:var(--purple)}.card-follow{padding:3px 0 3px 4px;color:#7e748c}.card-follow .icon{height:13px;width:13px}.card-follow:hover,.card-follow.followed{color:var(--purple)}.card-follow.followed .icon{fill:#a970ff33}.channel-tags{display:flex;gap:4px;margin-top:7px}.channel-tags span{font-size:7px;color:#a59aad;background:#25212a;border-radius:3px;padding:3px 5px}.empty-state{padding:45px 20px;text-align:center;border:1px dashed #39313f;border-radius:7px;background:#17131b}.empty-state>.icon{width:25px;height:25px;color:var(--purple)}.empty-state h3{font-size:17px;font-weight:500;margin:15px 0 8px}.empty-state p{font-size:12px;color:#9a8aa9;margin-bottom:22px}.empty-state .button{font-size:11px;margin:4px}
.categories{padding-top:38px}.categories .section-heading a{font-size:10px;color:#b49acb;display:flex;gap:7px;align-items:center}.categories .section-heading a>.icon{height:11px;width:11px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.category-card{padding:0;min-width:0;text-align:left}.category-card>div{aspect-ratio:3/4;border-radius:5px;overflow:hidden;background:#292230;outline:1px solid #ffffff09;transition:transform .2s,box-shadow .2s}.category-card img{display:block;height:100%;width:100%;object-fit:cover;transition:transform .4s}.category-card:hover>div{transform:translate(3px,-3px);box-shadow:-4px 4px 0 var(--accent)}.category-card:hover img{transform:scale(1.035)}.category-card h3{font-size:11px;font-weight:600;margin:12px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card:hover h3{color:var(--purple)}.category-card>span{font-size:9px;color:#88808f}.how-section{margin:44px 0 0;padding:36px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;border-top:1px solid #29242e}.how-heading h2{font:500 33px var(--display);letter-spacing:-1.2px;line-height:1.18;margin:14px 0}.how-heading h2 span{color:var(--purple)}.how-heading p{font-size:11px;line-height:1.8;color:#92859f;margin:0 0 20px}.how-heading .button{font-size:11px}.how-steps article{display:flex;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid #2b2433}.how-steps article:first-child{padding-top:0}.how-steps article>span{width:31px;height:31px;border:1px solid #4b345d;border-radius:6px;display:grid;place-items:center;color:#bb8de5;font:500 11px var(--display);flex-shrink:0;background:#9f61c908}.how-steps h3{font-size:13px;font-weight:550;margin:0 0 6px}.how-steps p{font-size:10px;color:#93879f;line-height:1.8;margin:0;max-width:360px}.how-steps article>svg{margin-left:auto;color:#b38bd5;width:17px;height:20px}footer{display:flex;flex-wrap:wrap;align-items:center;gap:19px;border-top:1px solid #29242e;padding:25px 0 24px;color:#8b7e98}footer>.brand{font-size:25px;color:white}footer>.brand svg{height:23px;width:17px}footer>span{font-size:10px}footer>div{margin-left:auto;display:flex;gap:22px;font-size:10px}footer button{padding:0;font-size:10px;color:#a694b4}footer a>.icon{width:10px;height:10px;margin-left:3px}footer small{font-size:8px;color:#70647b;width:100%;line-height:1.8}
dialog{color:var(--text);background:#19151f;border:1px solid #523767;border-radius:10px;width:min(475px,calc(100% - 32px));padding:34px;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#08040fc9;backdrop-filter:blur(8px)}dialog[open]{animation:modal-in .2s ease-out}.close-dialog{position:absolute;top:12px;right:12px}.modal-brand svg{width:27px;height:35px;color:var(--purple);margin-bottom:23px}dialog h2{font:500 28px var(--display);letter-spacing:-1px;line-height:1.2;margin:15px 0}dialog h2 span{color:var(--purple)}.modal-description{font-size:12px;color:#a08bb1;margin:0 0 24px}#launchForm label{display:block;font-size:11px;color:#c8b6d8;margin:18px 0}#launchForm input{display:block;width:100%;background:#241c2c;border:1px solid #473451;border-radius:5px;font-size:12px;padding:12px;margin-top:8px}#launchForm input:focus{border-color:var(--purple)}.channel-input,.ticker-input{display:flex;align-items:center;border:1px solid #473451;background:#241c2c;border-radius:5px;margin-top:8px}.channel-input>span,.ticker-input>span{padding-left:12px;color:#816b93;font-size:12px}#launchForm .channel-input input,#launchForm .ticker-input input{border:0;background:none;margin:0;padding-left:3px}.channel-input:focus-within,.ticker-input:focus-within{border-color:var(--purple)}.form-row{display:grid;grid-template-columns:1.7fr 1fr;gap:12px}.allocation{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 0 25px}.allocation>div:not(.allocation-track){font-size:10px;display:flex;gap:8px;color:#9883ab}.allocation strong{font-weight:600;color:#c9a7e9}.allocation-track{width:100%;height:4px;overflow:hidden;border-radius:4px;background:#584568}.allocation-track>span{display:block;width:95%;height:100%;background:#a66ce1}.wide{width:100%;justify-content:space-between}.form-note{display:block;text-align:center;font-size:9px;color:#8b739c;margin-top:12px;line-height:1.7}#launchResult h3{font:500 23px var(--display);color:var(--purple)}#launchResult p{font-size:12px;color:#ae97bd;line-height:1.8}#launchResult .result-box{padding:16px;background:#251a30;border:1px solid #473055;border-radius:5px;font-size:12px;line-height:2;margin:20px 0}#faqDialog details{padding:17px 0;border-bottom:1px solid #38283f}#faqDialog summary{font-size:12px;color:#d0b9e0;cursor:pointer}#faqDialog details p{font-size:11px;color:#a58cb7;line-height:1.85;margin-bottom:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.25s;z-index:50;background:#30213f;border:1px solid #6c4986;border-radius:6px;padding:13px 20px;font-size:11px;max-width:90%;text-align:center;color:#e4c9f7}.toast.show{transform:translate(-50%,0);opacity:1}.updating .icon{animation:spin 1.4s linear infinite}[hidden]{display:none!important}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes spin{to{rotate:360deg}}@keyframes arrive{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1600px){main{padding-left:45px;padding-right:45px}.watch-layout{grid-template-columns:minmax(0,1fr) 320px}.channel-grid{gap:28px 22px}.channel-actions .button{font-size:12px}.channel-copy>p{font-size:12px}.category-grid{gap:22px}.card-title{font-size:13px}.card-copy p{font-size:11px}.category-card h3{font-size:13px}.intro-banner{padding:30px 32px}}
@media(max-width:1400px){.channel-info{flex-wrap:wrap}.channel-actions{margin-left:62px;margin-top:-2px}.watch-layout{grid-template-columns:minmax(0,1fr) 270px}.channel-grid{gap:22px 15px}.topbar{gap:27px}.topbar nav{gap:22px}.banner-link{margin-right:100px}.intro-banner p{max-width:400px}}
@media(max-width:1200px){:root{--sidebar:200px}.watch-layout{grid-template-columns:1fr}.real-chat{display:none}#toggleChat{display:flex}.watch-layout.chat-open .real-chat{display:flex;border-left:0;border-top:1px solid #303036;height:440px;min-height:440px}.watch-layout.chat-open #toggleChat{display:none}.watch-layout.chat-open .chat-embed-slot{min-height:350px}.channel-actions{margin-left:auto;margin-top:0}.channel-info{flex-wrap:nowrap}.channel-actions #supportName{display:none}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{gap:13px}.intro-banner .banner-link{margin-right:70px}.banner-art{right:0;opacity:.7}.intro-banner p{max-width:350px}.topbar .searchbar{width:250px}.topbar nav{gap:19px}.topbar{gap:25px;padding:0 23px}.side-channel-copy small{max-width:80px}.sidebar-heading{font-size:8px}.directory-tools .update-status{display:none}}
@media(max-width:1000px){:root{--sidebar:64px}.sidebar{padding:18px 7px}.side-link{padding:11px 15px;gap:0}.side-link>span,.side-link>small,.sidebar-heading,.side-channel-copy,.side-channel-status,.sidebar-note,.sidebar-footer{display:none}.side-nav{padding-bottom:17px}.side-channel{padding:10px 8px;justify-content:center}.side-channel .avatar{width:32px;height:32px}.side-channels{margin-top:15px}.topbar{gap:23px}.topbar nav{gap:23px}.topbar .searchbar{width:220px}main{padding-left:28px;padding-right:28px}.intro-banner .banner-link{margin-right:100px}.intro-banner p{max-width:450px}.how-section{gap:40px}.category-card h3{font-size:10px}}
@media(max-width:760px){:root{--header:60px;--sidebar:56px}.topbar{padding:0 18px;gap:22px}.brand{font-size:29px}.brand svg{width:19px;height:25px}.topbar nav{gap:20px}.nav-link{font-size:11px}.topbar nav .nav-link:last-child{display:none}.searchbar{display:none}.launch-button{margin-left:auto;font-size:10px;padding:9px 12px;gap:7px}.launch-button>.icon{width:13px;height:13px}.launch-button>.bit-icon{display:none}.sidebar{padding:15px 5px}.side-link{padding:10px 13px}.side-channel{padding:11px 7px}.side-channel .avatar{height:29px;width:29px}.side-nav{padding-bottom:14px}.side-channels{margin-top:10px}main{padding:calc(var(--header) + 20px) 23px 0;margin-left:var(--sidebar)}.intro-banner{padding:22px 21px;margin-bottom:26px}.intro-banner .eyebrow{font-size:7px;letter-spacing:1px}.intro-banner h1{font-size:27px;letter-spacing:-.9px;max-width:260px;line-height:1.2;margin:12px 0 10px}.intro-banner h1 span{display:block}.intro-banner p{font-size:10px;max-width:270px;line-height:1.8}.banner-link{display:none}.banner-art{width:105px;opacity:.2;right:0}.banner-art svg{width:60px;height:80px;left:25px}.banner-art svg:nth-child(2){left:77px}.section-heading h2{font-size:17px}.section-heading{margin-bottom:14px}.channel-info{padding:19px 17px;gap:13px;flex-wrap:wrap}.featured-avatar{width:40px;height:40px}.channel-copy h3{font-size:14px}.channel-copy>p{font-size:10px}.channel-meta{font-size:8px;gap:6px}.channel-meta button{font-size:9px}.channel-actions{margin-left:53px;margin-top:0}.channel-actions .button{padding:8px 10px;font-size:9px}.watch-bottom{padding:10px 16px;font-size:8px}.watch-bottom>span{font-size:7px;gap:5px}.watch-bottom>div{gap:12px}.watch-bottom a,.watch-bottom button{font-size:8px}.watch-bottom>span>.bit-icon{height:11px;width:9px}.directory{padding-top:29px}.directory-heading{align-items:flex-start}.directory-heading h2{font-size:22px;display:block;max-width:240px}.directory-heading p{font-size:10px;line-height:1.7;max-width:260px}.directory-tools{gap:4px}.directory-tools select{display:none}.directory-tools .icon-button{height:24px;width:24px}.directory-tabs{gap:19px}.directory-tab{font-size:10px;gap:5px}.category-select{gap:3px}.category-select>.icon{display:none}.category-select select{font-size:9px;max-width:120px;padding-right:0}.directory-toolbar{margin-top:21px;margin-bottom:19px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.card-title{font-size:10px}.card-copy p{font-size:9px}.card-game{font-size:8px}.card-info{gap:7px;margin-top:10px}.card-avatar .avatar{width:26px;height:26px}.card-follow .icon{width:11px;height:11px}.card-follow{padding-left:0}.stream-badge{font-size:7px;top:7px;left:7px;padding:4px}.viewers-badge{font-size:7px;left:7px;bottom:7px}.viewers-badge .icon{height:8px;width:8px}.channel-tags span{font-size:6px}.offline-center img{height:32px;width:32px}.offline-center>span{font-size:9px}.categories{padding-top:30px}.categories .section-heading h2{font-size:17px;display:block}.categories .section-heading a{font-size:8px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 13px}.category-card h3{font-size:10px;margin-top:10px}.category-card>span{font-size:8px}.how-section{grid-template-columns:1fr;gap:28px;margin-top:32px;padding-top:31px}.how-heading h2{font-size:30px}.how-steps article{padding:20px 0;gap:15px}.how-steps h3{font-size:12px}.how-steps p{font-size:10px}.how-steps article>svg{height:17px;width:15px}footer{gap:14px;padding-top:22px}footer>.brand{font-size:24px}footer>span{font-size:8px}footer>div{gap:17px;font-size:9px}footer button{font-size:9px}footer small{font-size:7px}}
@media(max-width:440px){:root{--sidebar:0px}.topbar{gap:12px;padding:0 15px}.mobile-menu{display:inline-grid;width:23px;height:26px}.topbar nav{gap:16px;margin-left:5px}.topbar .nav-link{font-size:10px}.topbar .launch-button{font-size:9px;padding:9px 10px}.topbar .launch-button>.icon{display:none}.brand{font-size:27px;gap:6px}.brand svg{width:17px;height:22px}.sidebar{display:none}.sidebar.mobile-open{display:flex;width:200px;box-shadow:25px 0 60px #000b;padding:18px 10px}.sidebar.mobile-open .side-link{gap:10px;font-size:12px;padding:12px}.sidebar.mobile-open .side-link>span,.sidebar.mobile-open .side-link>small,.sidebar.mobile-open .sidebar-heading,.sidebar.mobile-open .side-channel-copy,.sidebar.mobile-open .side-channel-status{display:flex}.sidebar.mobile-open .side-channel{padding:9px;justify-content:flex-start}.sidebar.mobile-open .sidebar-heading{margin-top:0}.sidebar.mobile-open .side-channels{margin-top:0}main{padding-left:16px;padding-right:16px}.intro-banner{padding:21px 18px}.intro-banner h1{font-size:28px}.intro-banner p{max-width:270px}.watch-bottom>span{display:none}.watch-bottom>div{width:100%;justify-content:space-between}.channel-meta{gap:5px}.channel-info{padding:18px 15px}.channel-actions{gap:7px}.directory-tabs{gap:17px}.category-select select{max-width:105px;font-size:8px}.directory-heading h2{font-size:23px}.channel-grid{gap:23px 11px}.card-title{font-size:9px}.card-copy p{font-size:8px}.card-game{font-size:7px}.card-follow{display:none}.card-info{gap:6px}.card-avatar .avatar{width:25px;height:25px}.channel-tags{gap:3px}.channel-tags span{font-size:6px;padding:3px 4px}.categories .section-heading h2{max-width:200px;font-size:18px}.categories .section-heading a{font-size:8px;white-space:nowrap;gap:4px}.category-grid{gap:20px 11px}.category-card h3{font-size:9px}.category-card>span{font-size:7px}footer>div{margin-left:0;width:100%}dialog{padding:30px 24px}.form-row{gap:10px}.channel-copy h3{font-size:13px}.channel-meta .status-pill{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:761px){.card-title{font-size:13px}.card-copy p{font-size:11px}.card-game{font-size:10px}.viewers-badge{font-size:9px}.stream-badge{font-size:9px}.side-channel-copy strong{font-size:12px}.side-channel-copy small{font-size:10px}.channel-copy>p{font-size:12px}.channel-meta{font-size:10px}.category-card h3{font-size:12px}.category-card>span{font-size:10px}.how-steps p{font-size:12px}.how-heading p{font-size:12px}.intro-banner p{font-size:12px}}
@media(max-width:760px){.channel-copy{min-width:calc(100% - 60px)}.channel-actions{margin-left:53px}}
.official-coin{display:flex;align-items:center;gap:15px;padding:14px 18px;background:#1d1824;border:1px solid #4d345f;border-radius:7px;margin:-12px 0 26px;font-size:10px}.official-label{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:650;letter-spacing:.6px;color:#cba3ec;white-space:nowrap}.official-label .bit-icon{height:15px;width:12px}.official-coin code{color:#b4a3c1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;user-select:all}.official-copy{margin-left:auto;white-space:nowrap;background:#9146ff20;color:#cfabef;border:1px solid #8f53ba55;padding:7px 10px;border-radius:4px;font-size:9px}.official-copy:hover{background:#9146ff40}.official-coin>a{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;color:#a594b2}.official-coin>a .icon{width:11px;height:11px}@media(max-width:760px){.official-coin{gap:10px;flex-wrap:wrap;padding:12px}.official-label{font-size:8px}.official-coin code{max-width:calc(100% - 130px);font-size:9px}.official-copy{margin-left:0}.official-coin>a{margin-left:auto}}
/* Wallet and launch review */
#launchDialog{max-height:90dvh;overflow-y:auto;width:min(540px,calc(100vw - 24px))}#walletDialog{width:min(460px,calc(100vw - 24px))}.wallet-bar{display:flex;align-items:center;gap:12px;background:#18181b;border:1px solid #303035;padding:14px;border-radius:10px;margin:20px 0}.wallet-bar>div{flex:1;display:grid;gap:5px}.wallet-bar small{font-size:10px;letter-spacing:1.5px;color:#adadb8}.wallet-bar strong{font-size:13px}#launchForm select,#launchForm textarea{display:block;width:100%;background:#18181b;color:#efeff1;border:1px solid #3c3c44;border-radius:7px;padding:12px;font:inherit;margin-top:8px}#launchForm input[type=file]{font-size:12px;padding:12px}#launchForm [hidden],[hidden]{display:none!important}.field-help{display:block;color:#adadb8;font-size:12px;line-height:1.6;margin:10px 0}.launch-disclosure{margin:18px 0;padding:15px;background:#17121f;border:1px solid #36264c;border-radius:10px}.launch-disclosure strong{font-size:13px}.launch-disclosure p{font-size:12px;line-height:1.6;color:#b4adbf;margin:10px 0 0}#launchDialog code{display:block;overflow-wrap:anywhere;font-size:11px;line-height:1.7;color:#c6a7ff;margin:8px 0}.launch-status{font-size:13px;line-height:1.7;color:#c7b9e2;margin:16px 0}.launch-review{border:1px solid #65468d;background:#17121e;border-radius:12px;padding:20px;margin:16px 0}.launch-review h3{font-size:22px;margin:12px 0 5px}.launch-review>p{color:#adadb8;font-size:13px}.launch-review dl>div{display:flex;justify-content:space-between;gap:12px;margin:15px 0;font-size:13px}.launch-review dd{margin:0;font-weight:600}.launch-review small{display:block;color:#adadb8;font-size:11px;margin-top:12px}.launch-links{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.launch-link{display:block;color:#bf94ff;font-size:13px;margin:15px 0}#walletChoices{display:grid;gap:10px}#walletEmpty p{color:#adadb8;line-height:1.7;font-size:14px}#walletMessage{color:#f6a6b5;font-size:13px}.success-orb{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#273c30;color:#83efac;margin-top:20px;font-size:25px}#launchDialog button:disabled{opacity:.55;cursor:wait}#launchResult h3{font-size:25px;margin:15px 0 8px}