:root{color:#f7f4fb;font-synthesis:none;text-rendering:optimizelegibility;background:#0d0b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 90% -10%,#8041be3d,#0000 34rem),#0d0b10;min-width:320px;height:100dvh;min-height:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.48}.loading-page,.login-page{place-items:center;min-height:100dvh;padding:1rem;display:grid}.loading-page{color:#b7acbd}.login-card{text-align:center;background:#17131df5;border:1px solid #382e42;border-radius:1.25rem;gap:1rem;width:min(100%,25rem);padding:1.35rem;display:grid;box-shadow:0 1.5rem 5rem #00000073}.login-card>img{border-radius:1.35rem;width:6rem;height:6rem;margin:0 auto}.login-card h1,.login-card p{margin:0}.login-card h1{font-size:1.45rem}.login-card p{color:#b7acbd;line-height:1.45}.login-card label,.modal-card label{color:#c9becf;text-align:left;gap:.38rem;font-size:.8rem;display:grid}.login-card input,.modal-card input{color:#f7f4fb;background:#0f0c12;border:1px solid #44364f;border-radius:.65rem;outline:none;width:100%;padding:.75rem .8rem}.login-card input:focus,.modal-card input:focus{border-color:#9254c8;box-shadow:0 0 0 3px #9254c829}.login-card small{color:#746b79}.connect-card{justify-items:stretch}.alert{border-radius:.55rem;padding:.65rem .7rem;font-size:.8rem}.alert.error,.inline-error{color:#ffd4d4;background:#371a1a;border:1px solid #7b3131}.primary-button{color:#fff;background:linear-gradient(145deg,#8246b4,#5a2b7c);border:1px solid #a56bd2;border-radius:.65rem;min-height:2.65rem;padding:.65rem 1rem;font-weight:700}.link-button{place-items:center;text-decoration:none;display:grid}.text-button{color:#bfb2c6;background:0 0;border:0}.app-shell{background:#121016f0;border-inline:1px solid #28222f;grid-template-rows:auto auto auto 1fr;width:min(100%,1440px);height:100dvh;min-height:0;margin:0 auto;display:grid;overflow:hidden}.topbar{padding:calc(.7rem + env(safe-area-inset-top)) .85rem .7rem;background:#17131d;border-bottom:1px solid #2b2433;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.brand,.topbar-actions,.connection,.channel-tab,.stream-summary,.chat-toolbar,.chat-toolbar>div,.message,.composer,.message-author{align-items:center;display:flex}.brand{gap:.55rem;min-width:0}.brand-mark{object-fit:cover;border-radius:.6rem;flex:none;width:2.35rem;height:2.35rem;display:block;box-shadow:0 0 1.2rem #8a43ff5c}.brand-name{letter-spacing:.01em;font-weight:800}.version{color:#a99eaf;white-space:nowrap;font-size:.72rem}.topbar-actions{gap:.65rem}.connection{color:#c9c0cf;gap:.35rem;font-size:.76rem}.status-dot,.live-dot{background:#67606d;border-radius:50%;width:.5rem;height:.5rem}.status-dot.connected,.live-dot.is-live{background:#32d07d;box-shadow:0 0 .65rem #32d07d85}.avatar{object-fit:cover;border-radius:50%;width:2rem;height:2rem}.icon-button,.add-channel,.channel-tab,.chat-toolbar button,.composer button{background:#211b27;border:1px solid #342b3d;border-radius:.55rem}.icon-button{width:2.1rem;height:2.1rem}.channel-tabs{scrollbar-width:thin;background:#120f16;border-bottom:1px solid #28212f;gap:.35rem;padding:.5rem .6rem;display:flex;overflow-x:auto}.add-channel{flex:0 0 2.25rem;min-height:2.15rem;font-size:1.2rem}.channel-tab{white-space:nowrap;gap:.42rem;min-height:2.15rem;padding:.45rem .65rem}.channel-tab.active{background:#39234a;border-color:#704893}.message-count{background:#8750bb;border-radius:1rem;min-width:1.1rem;padding:.08rem .3rem;font-size:.68rem}.stream-summary{background:linear-gradient(90deg,#44275499,#1c162180);border-bottom:1px solid #302638;justify-content:space-between;gap:1rem;padding:.65rem .85rem}.stream-summary>div:first-child{gap:.16rem;min-width:0;display:grid}.stream-summary strong,.stream-summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stream-summary span{color:#aaa0b0;font-size:.73rem}.account-name{color:#cfa7ed!important}.chat-panel{flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.chat-toolbar{border-bottom:1px solid #28212f;justify-content:space-between;padding:.5rem .75rem}.chat-toolbar>span{font-weight:700}.chat-toolbar>div{gap:.35rem}.chat-toolbar button{color:#c8bdce;padding:.35rem .55rem;font-size:.72rem}.messages{overscroll-behavior:contain;flex:auto;min-height:0;padding:.4rem 0;overflow-y:auto}.message{align-items:flex-start;gap:.6rem;padding:.56rem .8rem}.message:nth-of-type(2n){background:#ffffff05}.message time{color:#716a76;padding-top:.13rem;font-size:.66rem}.message>div{min-width:0}.message-author{flex-wrap:wrap;gap:.28rem}.message strong{color:#b982e4;font-size:.82rem}.message p{color:#e3dce7;overflow-wrap:anywhere;margin:.12rem 0 0;font-size:.88rem;line-height:1.38}.content-grid{min-height:0;display:grid;overflow:hidden}.content-grid.with-player{grid-template-columns:minmax(22rem,1fr) minmax(22rem,.85fr)}.player-panel{background:#08070a;border-right:1px solid #302638;min-height:0;padding:.65rem}.player-panel iframe{background:#000;border:0;border-radius:.65rem;width:100%;height:100%;min-height:24rem}.live-label{background:#32d07d;border-radius:.25rem;margin-left:.4rem;padding:.08rem .32rem;font-weight:900;color:#06170f!important;font-size:.61rem!important}.stream-title{max-width:52rem;color:#d8cddd!important}.tabs-empty{color:#82788a;white-space:nowrap;align-self:center;padding:0 .5rem;font-size:.74rem}.mention-count{color:#10140f;background:#43e18e;border-radius:1rem;min-width:1.15rem;padding:.08rem .3rem;font-size:.68rem}.chat-toolbar button.selected{color:#fff;background:#4d2767;border-color:#8a4db7}.search-row{background:#141017;border-bottom:1px solid #28212f;gap:.35rem;padding:.42rem .65rem;display:flex}.search-row input{color:#f4eef7;background:#0d0a0f;border:1px solid #403448;border-radius:.5rem;outline:0;flex:1;min-width:0;padding:.5rem .65rem}.search-row button{color:#aaa0af;background:0 0;border:0;width:2rem}.message.is-mention{background:linear-gradient(90deg,#3ec37c29,#0000 75%);border-left:3px solid #32d07d}.message-body{flex:1;min-width:0}.message-author .reply-button{opacity:0;color:#aa9db2;background:0 0;border:0;margin-left:auto;font-size:.68rem}.message:hover .reply-button,.message:focus-within .reply-button{opacity:1}.reply-context{color:#8e8394;text-overflow:ellipsis;white-space:nowrap;border-left:2px solid #64427b;margin-bottom:.18rem;padding-left:.45rem;font-size:.69rem;overflow:hidden}.reply-bar{color:#c9bdcf;background:#211827;border-top:1px solid #3b2b45;justify-content:space-between;gap:.5rem;padding:.42rem .7rem;font-size:.73rem;display:flex}.reply-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-bar button{color:#b8adbe;background:0 0;border:0}.chat-emote{vertical-align:middle;object-fit:contain;width:auto;height:1.75rem;margin:-.35rem .08rem;display:inline-block}.badge-image{object-fit:contain;width:1.05rem;height:1.05rem}.compact .message{padding-block:.32rem}.compact .message p{line-height:1.25}.drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050407a3;position:fixed;inset:0}.options-drawer{width:min(92vw,23rem);height:100%;padding:calc(.85rem + env(safe-area-inset-top)) .9rem calc(.9rem + env(safe-area-inset-bottom));background:#17121b;border-left:1px solid #493653;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-1rem 0 4rem #00000073}.options-drawer>header{border-bottom:1px solid #302639;justify-content:space-between;align-items:flex-start;padding-bottom:.9rem;display:flex}.options-drawer>header div{gap:.18rem;display:grid}.options-drawer>header small{color:#988c9f}.options-drawer>header button{color:#c4bac9;background:0 0;border:0;width:2rem;height:2rem;font-size:1.35rem}.options-drawer section{border-bottom:1px solid #302639;padding:.75rem 0}.options-drawer h3{color:#a77cc7;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.74rem}.toggle-row{color:#ded6e2;justify-content:space-between;align-items:center;gap:1rem;min-height:2.35rem;font-size:.82rem;display:flex}.toggle-row input{accent-color:#8650ae;width:2.5rem;height:1.35rem}.channel-manager{gap:.35rem;display:grid}.channel-manager>div{background:#211a26;border:1px solid #342b3d;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.4rem;min-height:2.35rem;padding:.38rem .45rem;display:flex}.channel-manager>div>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.45rem;min-width:0;font-size:.8rem;display:flex;overflow:hidden}.channel-manager>div>div{gap:.18rem;display:flex}.channel-manager button{background:#17121b;border:1px solid #403448;border-radius:.35rem;width:1.8rem;height:1.8rem}.channel-manager .danger-button{color:#ff9393}.drawer-add{color:#c9b4d8;background:0 0;border:1px dashed #59436a;border-radius:.5rem;width:100%;margin-top:.55rem;padding:.55rem}.logout-button{color:#ffb0b0;text-align:center;background:#2b171b;border:1px solid #693939;border-radius:.55rem;width:100%;margin-top:.9rem;padding:.65rem;font-size:.8rem;text-decoration:none;display:block}.badge{color:#fff;background:#64417f;border-radius:.2rem;place-items:center;min-width:1rem;height:1rem;padding:0 .18rem;font-size:.58rem;font-weight:800;display:inline-grid}.empty-state{color:#857b8c;text-align:center;padding:3rem 1rem}.inline-error,.system-notice{border-radius:.45rem;margin:.45rem .65rem;padding:.55rem .65rem;font-size:.76rem}.inline-error{justify-content:space-between;gap:.5rem;display:flex}.inline-error button{background:0 0;border:0}.system-notice{color:#e8d6f4;background:#251a2c;border:1px solid #493555}.composer{padding:.55rem .65rem calc(.55rem + env(safe-area-inset-bottom));background:#17131d;border-top:1px solid #302638;gap:.45rem}.composer input{color:#f2edf5;background:#0e0c11;border:1px solid #332b3a;border-radius:.6rem;outline:none;flex:1;min-width:0;padding:.65rem .75rem}.composer input:focus{border-color:#704893}.composer button{min-height:2.35rem;padding:.45rem .7rem}.send-button{background:#65368b!important}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050407c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#19141e;border:1px solid #463650;border-radius:1rem;gap:1rem;width:min(100%,25rem);padding:1.1rem;display:grid}.modal-card h2{margin:0;font-size:1rem}.modal-card>div{justify-content:flex-end;gap:.5rem;display:flex}.modal-card .primary-button{min-height:2.3rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-toolbar,.search-row,.pins-panel,.system-notice,.inline-error,.macro-grid,.reply-bar,.composer{flex:none}.message.is-deleted{background:#9a39391a}.message.is-moderation{color:#ffb1b1;background:#5f1d2233;border-block:1px solid #c44e4e40}.moderation-label,.deleted-label{color:#ff9696;letter-spacing:.04em;font-size:.68rem;font-weight:800}.user-name{background:0 0;border:0;padding:0;font-size:.82rem;font-weight:800}.pin-button{opacity:0;background:0 0;border:0;margin-left:.15rem;font-size:.68rem}.message:hover .pin-button{opacity:1}.pins-panel{background:#1e1724;border-bottom:1px solid #3a2c42;max-height:8rem;padding:.45rem .65rem;font-size:.75rem;overflow-y:auto}.pins-panel>div{justify-content:space-between;gap:.5rem;padding:.28rem 0;display:flex}.pins-panel button{background:0 0;border:0}.jump-bottom{z-index:4;color:#fff;background:#54306f;border:1px solid #69458a;border-radius:1rem;padding:.42rem .7rem;position:absolute;bottom:8rem;right:.7rem;box-shadow:0 .35rem 1rem #0006}.macro-grid{background:#120f16;border-top:1px solid #302638;grid-template-columns:repeat(5,minmax(0,1fr));gap:.24rem;padding:.35rem .5rem;display:grid}.macro-grid button{color:#766c7d;text-overflow:ellipsis;white-space:nowrap;background:#17131b;border:1px dashed #42334c;border-radius:.35rem;min-width:0;min-height:1.8rem;padding:.25rem;font-size:.67rem;overflow:hidden}.macro-grid button.filled{color:#f2e9f7;background:#33213f;border-style:solid;border-color:#67447f}.emote-picker{z-index:6;background:#17121b;border:1px solid #51405c;border-radius:.7rem;width:min(90%,25rem);max-height:22rem;padding:.55rem;position:absolute;bottom:4rem;right:.5rem;box-shadow:0 1rem 3rem #0000008c}.emote-picker>input{color:#fff;background:#0e0b10;border:1px solid #403448;border-radius:.4rem;width:100%;padding:.5rem}.emote-picker>div{grid-template-columns:repeat(6,1fr);gap:.25rem;max-height:17rem;margin-top:.4rem;display:grid;overflow-y:auto}.emote-picker button{aspect-ratio:1;background:0 0;border:0;border-radius:.3rem;padding:.2rem}.emote-picker img{object-fit:contain;width:100%;height:100%}.select-row,.drawer-field{color:#ded6e2;justify-content:space-between;align-items:center;gap:.8rem;min-height:2.5rem;font-size:.8rem;display:flex}.select-row select,.drawer-field input{color:#f4eef7;background:#0d0a0f;border:1px solid #403448;border-radius:.4rem;min-width:0;max-width:11rem;padding:.42rem}.user-card{max-height:min(90dvh,38rem)}.user-history{border-block:1px solid #342b3d;max-height:18rem;overflow-y:auto;display:block!important}.user-history p{color:#dcd3e1;margin:0;padding:.4rem;font-size:.78rem}.user-history p:nth-child(2n){background:#ffffff06}.moderation-actions{grid-template-columns:1fr 1fr 1fr;display:grid!important}.moderation-actions button{background:#241b2a;border:1px solid #493953;border-radius:.4rem;padding:.45rem;font-size:.72rem}@media (width<=560px){.app-shell{border:0}.connection{display:none}.stream-summary,.message{padding-inline:.65rem}.composer{padding-inline:.45rem}.send-button{padding-inline:.55rem!important}.content-grid.with-player{grid-template-columns:1fr}.player-panel{border-bottom:1px solid #302638;border-right:0;padding:0}.player-panel iframe{aspect-ratio:16/9;border-radius:0;min-height:0}.message-author .reply-button,.pin-button{opacity:1}}@media (orientation:landscape) and (height<=560px){.topbar{padding-block:calc(.35rem + env(safe-area-inset-top)) .35rem}.channel-tabs{padding-block:.3rem}.stream-summary{padding-block:.4rem}.messages{min-height:10rem}.content-grid.with-player{grid-template-columns:minmax(50%,1.25fr) minmax(20rem,.75fr)}.player-panel{border-bottom:0;border-right:1px solid #302638;padding:.25rem}.player-panel iframe{aspect-ratio:auto;border-radius:.35rem;height:100%;min-height:15rem}}