:root{--bg-rail:#1e1f22;--bg-side:#2b2d31;--bg-main:#313338;--bg-input:#383a40;--bg-hover:#35373c;--bg-active:#404249;--bg-embed:#2b2d31;--bg-float:#111214;--text:#dbdee1;--text-strong:#f2f3f5;--muted:#949ba4;--faint:#6d6f78;--border:#3f4147;--blurple:#5865f2;--blurple-hover:#4752c4;--green:#23a55a;--red:#f23f43;--yellow:#f0b232;--link:#00a8fc;--radius:8px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:gg sans,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-main);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{color:var(--text-strong);margin:0}.muted{color:var(--muted)}.small{font-size:12.5px}.spacer{flex:1}.screen{height:100%}.btn{background:var(--bg-active);color:var(--text-strong);transition:background-color .17s var(--ease), opacity .17s var(--ease);border:none;border-radius:4px;padding:10px 16px;font-weight:600}.btn:hover:not(:disabled){background:#4e5058}.btn.primary{background:var(--blurple);color:#fff}.btn.primary:hover:not(:disabled){background:var(--blurple-hover)}.btn.danger{color:#fff;background:#da373c}.btn.danger:hover:not(:disabled){background:#a12828}.btn.secondary{background:#4e5058}.btn.block{width:100%}.btn.big{padding:13px 16px;font-size:16px}.btn.small{padding:6px 12px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--link);background:0 0;border:none;padding:4px 0;font-size:14px}.link:hover{text-decoration:underline}.link.plain{color:var(--text-strong);padding:10px 16px}.icon-btn{color:var(--muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;transition:color .15s,background-color .15s;display:inline-flex}.icon-btn:hover{color:var(--text-strong);background:var(--bg-hover)}input{background:var(--bg-rail);width:100%;transition:box-shadow .15s var(--ease);border:none;border-radius:4px;outline:none;padding:10px 12px;font-size:16px}input:focus{box-shadow:0 0 0 2px var(--blurple)}input::placeholder{color:var(--faint)}.tag{background:var(--bg-active);color:var(--muted);white-space:nowrap;vertical-align:1px;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:11px;font-style:normal;font-weight:600}.tag.spy{background:var(--red);color:#fff}.avatar{color:#fff;-webkit-user-select:none;user-select:none;transition:background-color .6s var(--ease), color .6s var(--ease), box-shadow .3s var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative}.avatar.dead{color:#b5bac1;background:#4e5058!important}.avatar.bot{background:var(--blurple);font-size:20px}.avatar.speaking{box-shadow:0 0 0 2px var(--bg-side), 0 0 0 4px var(--green);animation:1.6s ease-in-out infinite speak}@keyframes speak{50%{box-shadow:0 0 0 2px var(--bg-side), 0 0 0 5px color-mix(in srgb, var(--green) 55%, transparent)}}.status-dot{border:3px solid var(--bg-side);border-radius:50%;width:35%;min-width:10px;height:35%;min-height:10px;transition:background-color .3s;position:absolute;bottom:-2px;right:-2px}.status-dot.online{background:var(--green)}.status-dot.offline{background:#80848e}.home{background:linear-gradient(135deg,#404eed 0%,#5865f2 45%,#7b5cf0 100%);justify-content:center;align-items:center;height:100%;padding:16px;display:flex;position:relative;overflow:auto}.blobs span{filter:blur(40px);opacity:.45;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.blobs span:first-child{background:#eb459e;width:340px;height:340px;top:-80px;left:-60px}.blobs span:nth-child(2){opacity:.3;background:#57f287;width:280px;height:280px;animation-duration:22s;bottom:-60px;right:-40px}.blobs span:nth-child(3){opacity:.2;background:#fee75c;width:220px;height:220px;animation-duration:26s;top:40%;right:30%}@keyframes drift{to{transform:translate(60px,40px)scale(1.15)}}.login-card{background:var(--bg-main);border-radius:8px;flex-direction:column;gap:18px;width:100%;max-width:440px;padding:32px;display:flex;position:relative;box-shadow:0 8px 32px #00000059}.login-head{text-align:center}.login-logo{margin-bottom:10px;font-size:48px;line-height:1}.login-head h1{letter-spacing:2px;margin-bottom:6px;font-size:26px}.field{color:var(--muted);letter-spacing:.02em;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.req{color:var(--red);font-style:normal}.or{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--border);flex:1}.join-row{gap:8px;display:flex}.join-row input{letter-spacing:4px;text-align:center;flex:1;min-width:0}.error{color:#fa777c;text-align:center;margin:0;font-size:14px;overflow:hidden}.loading{background:var(--bg-main);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.loading-logo{font-size:56px}.shell{height:100%;display:flex;overflow:hidden}.left{flex-shrink:0;height:100%;display:flex}.rail{background:var(--bg-rail);flex-direction:column;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex}.rail-item{justify-content:center;width:100%;display:flex;position:relative}.rail-pill{background:#fff;border-radius:0 4px 4px 0;width:4px;position:absolute;top:4px;bottom:4px;left:0}.rail-icon{background:var(--bg-main);width:48px;height:48px;color:var(--text-strong);transition:border-radius .25s var(--ease), background-color .25s var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.rail-icon.home{font-size:24px}.rail-icon:hover,.rail-item.active .rail-icon{background:var(--blurple);border-radius:16px}.rail-icon.home:hover{background:var(--red)}.rail-sep{background:var(--bg-active);border-radius:1px;width:32px;height:2px}.sidebar{background:var(--bg-side);flex-direction:column;width:240px;display:flex}.sidebar-head{height:48px;color:var(--text-strong);align-items:center;padding:0 16px;font-weight:700;display:flex;box-shadow:0 1px #00000040}.channels{flex:1;padding:16px 8px;overflow-y:auto}.channel-cat{color:var(--muted);padding:0 8px 6px;font-size:12px;font-weight:700}.channel{color:var(--faint);transition:color .25s var(--ease);border-radius:4px;align-items:center;gap:6px;margin:2px 0;padding:6px 8px;font-weight:500;display:flex;position:relative}.channel>span:not(.channel-bg){position:relative}.channel.active{color:var(--text-strong)}.channel-bg{background:var(--bg-active);border-radius:4px;position:absolute;inset:0}.hash{color:var(--faint);text-align:center;width:20px;font-size:20px;line-height:1}.hash.big{font-size:24px}.user-panel{background:#232428;align-items:center;gap:8px;padding:8px;display:flex}.user-panel .status-dot{border-color:#232428}.user-meta{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.user-meta b{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.user-meta span{color:var(--muted);font-size:12px}.main{background:var(--bg-main);flex-direction:column;flex:1;min-width:0;display:flex}.chan-head{z-index:2;flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 12px 0 16px;display:flex;overflow:hidden;box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d}.chan-head h2{white-space:nowrap;font-size:16px}.chan-divider{background:var(--border);width:1px;height:24px;margin:0 4px}.chan-topic{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.conn-banner{background:var(--yellow);color:#111;text-align:center;padding:6px;font-size:14px;font-weight:600;overflow:hidden}.page{flex-direction:column;flex:1;min-height:0;display:flex}.ring{font-variant-numeric:tabular-nums;width:36px;height:36px;color:var(--text-strong);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:relative}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--bg-active);stroke-width:3px}.ring-fill{fill:none;stroke:var(--blurple);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .3s linear,stroke .4s}.ring.urgent .ring-fill{stroke:var(--red)}.ring.urgent{color:var(--red)}.word-bar{background:var(--bg-side);border-left:4px solid var(--yellow);border-radius:8px;align-items:center;gap:12px;margin:12px 16px 0;padding:10px 14px;display:flex}.pin{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.flip{perspective:600px;text-align:left;background:0 0;border:none;flex:1;min-width:0;padding:0}.flip-inner{transform-style:preserve-3d;display:grid;position:relative}.face{backface-visibility:hidden;letter-spacing:3px;color:var(--text-strong);grid-area:1/1;font-size:24px;font-weight:800}.face.back{color:var(--muted);letter-spacing:0;background:#1e1f22;border-radius:4px;place-self:center start;padding:6px 10px;font-size:14px;font-weight:600;transform:rotateX(180deg)}.word-bar .hint{white-space:nowrap}.feed{scrollbar-width:thin;scrollbar-color:var(--bg-rail) transparent;flex:1;min-height:0;overflow:hidden auto}.feed-inner{flex-direction:column;justify-content:flex-end;min-height:100%;padding:16px 0 8px;display:flex}.channel-intro{padding:16px 16px 8px}.intro-icon{background:var(--bg-active);width:68px;height:68px;color:var(--text-strong);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:40px;display:flex}.channel-intro h1{margin-bottom:4px;font-size:26px}.msg{gap:16px;margin-top:10px;padding:6px 16px;transition:background-color .1s;display:flex}.msg:hover{background:#0202020f}.msg.flash{animation:flash 1.6s var(--ease)}@keyframes flash{0%{background:color-mix(in srgb, var(--blurple) 18%, transparent)}to{background:0 0}}.msg.mine{box-shadow:inset 2px 0 0 var(--blurple)}.msg-body{flex:1;min-width:0}.msg-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.msg-author{color:var(--text-strong);font-weight:600}.bot-name{color:var(--text-strong)}.bot-tag{background:var(--blurple);color:#fff;border-radius:3px;align-self:center;padding:1px 5px;font-size:10px;font-weight:700}.bot-tag.warn{background:var(--yellow);color:#111}.msg-time{color:var(--faint);font-size:12px}.msg-text{overflow-wrap:anywhere;margin:2px 0 0;line-height:1.45}.msg-text.faded{color:var(--muted)}.sys-msg{color:var(--muted);align-items:center;gap:12px;margin-top:4px;padding:4px 16px 4px 28px;font-size:14px;display:flex}.sys-icon{text-align:center;width:16px;color:var(--faint)}.sys-msg.join .sys-icon{color:var(--green)}.sys-msg.leave .sys-icon{color:var(--red)}.divider-line{color:var(--muted);align-items:center;margin:20px 16px 4px;font-size:12px;font-weight:600;display:flex}.divider-line:before,.divider-line:after{content:"";border-top:1px solid var(--border);flex:1}.divider-line span{padding:0 8px}.embed{background:var(--bg-embed);border-left:4px solid var(--border);border-radius:4px;max-width:520px;margin-top:6px;padding:12px 16px;position:relative}.embed.blurple{border-left-color:var(--blurple)}.embed.green{border-left-color:var(--green)}.embed.red{border-left-color:var(--red)}.embed.yellow{border-left-color:var(--yellow)}.embed-title{color:var(--text-strong);margin-bottom:6px;font-weight:700}.embed-text{margin:0 0 8px;line-height:1.45}.embed-row{align-items:center;gap:8px;display:flex}.embed-row .embed-text{flex:1;margin:0}.invite-row{align-items:center;gap:16px;display:flex}.invite-row .code{letter-spacing:6px;color:var(--text-strong);flex:1;font-size:30px;font-weight:800}.tally{flex-direction:column;gap:8px;margin:4px 0 6px;display:flex}.tally-row{align-items:center;gap:10px;display:flex}.tally-main{flex:1;min-width:0}.tally-label{justify-content:space-between;gap:8px;margin-bottom:3px;font-size:14px;display:flex}.tally-count{text-align:right;font-variant-numeric:tabular-nums;width:36px;font-size:13px}.bar{background:var(--bg-active);border-radius:4px;height:8px;overflow:hidden}.bar.thin{flex:1;height:4px}.bar-fill{border-radius:inherit;background:var(--blurple);height:100%}.tally-row.out .bar-fill{background:var(--red)}.poll-options{flex-direction:column;gap:6px;display:flex}.poll-option{border:1px solid var(--border);background:var(--bg-main);text-align:left;transition:border-color .2s var(--ease), background-color .2s var(--ease), opacity .2s;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.poll-option:hover:not(:disabled){background:var(--bg-hover);border-color:#6d6f78}.poll-option:disabled{cursor:default}.poll-option:disabled:not(.chosen){opacity:.65}.poll-option.chosen{border-color:var(--blurple);background:color-mix(in srgb, var(--blurple) 16%, var(--bg-main))}.poll-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.voted-chip{color:var(--green);white-space:nowrap;font-size:11px;font-weight:700}.radio{border:2px solid var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s;display:flex}.radio.on{border-color:var(--blurple)}.radio span{background:var(--blurple);border-radius:50%;width:10px;height:10px}.poll-foot{align-items:center;gap:10px;margin-top:12px;display:flex}.embed.result{overflow:visible}.embed-big{margin:4px 0 6px;font-size:28px}.fields{gap:24px;margin:8px 0 12px;display:flex}.field-box{flex-direction:column;gap:2px;display:flex}.field-name{color:var(--muted);font-size:12px;font-weight:700}.field-value{color:var(--text-strong);font-size:22px;font-weight:800}.field-value.spy{color:#fa777c}.roles{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.roles li{align-items:center;gap:8px;font-size:14px;display:flex}.confetti{pointer-events:none;position:absolute;top:40px;left:50%}.confetti i{opacity:0;width:7px;height:11px;animation:burst 1.3s var(--d) cubic-bezier(.15, .7, .3, 1) forwards;border-radius:2px;position:absolute}@keyframes burst{0%{opacity:1;transform:translate(0)rotate(0)scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(var(--x), calc(var(--y) + 60px)) rotate(var(--r)) scale(1)}}.strike{transition:background-size .5s var(--ease) .3s, color .4s;background-image:linear-gradient(currentColor,currentColor);background-position:0 55%;background-repeat:no-repeat;background-size:0% 1.5px}.out .strike{color:var(--muted);background-size:100% 1.5px}.composer-area{flex-shrink:0;padding:0 16px 8px}.composer{background:var(--bg-input);min-height:48px;transition:box-shadow .25s var(--ease);border-radius:8px;align-items:center;gap:8px;padding:4px 6px 4px 14px;display:flex}.composer.active{box-shadow:0 0 0 2px var(--blurple)}.composer input{box-shadow:none;background:0 0;flex:1;padding:10px 0}.composer input:disabled{cursor:not-allowed}.composer.waiting{color:var(--muted);justify-content:center;gap:10px;padding:0 14px}.char-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.send{background:var(--blurple);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-weight:600}.send:disabled{cursor:not-allowed}.typing-line{height:22px;color:var(--muted);align-items:center;padding-left:4px;font-size:12.5px;display:flex}.typing-line b{color:var(--text-strong)}.dots{vertical-align:middle;gap:3px;margin-right:6px;display:inline-flex}.dots i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite bounce}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.members{background:var(--bg-side);flex-shrink:0;width:240px;padding:16px 8px;overflow:hidden auto}.member-group+.member-group{margin-top:16px}.member-group h4{color:var(--muted);padding:0 8px 4px;font-size:12px;font-weight:700}.member-group ul{margin:0;padding:0;list-style:none}.member{border-radius:4px;align-items:center;gap:12px;padding:5px 8px;transition:background-color .15s;display:flex}.member:hover{background:var(--bg-hover)}.member.offline{opacity:.4}.member-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.kick{color:var(--red);opacity:0;background:0 0;border:none;font-size:12px;transition:opacity .15s}.member:hover .kick,.kick:focus{opacity:1}@media (hover:none){.kick{opacity:1}}.drawer-backdrop{z-index:20;background:#0009;position:fixed;inset:0}.drawer{z-index:21;touch-action:pan-y;display:flex;position:fixed;top:0;bottom:0;box-shadow:0 0 24px #0006}.drawer.left{left:0}.drawer.right{right:0}.drawer .members{width:min(280px,85vw)}.drawer .sidebar{width:min(240px,85vw - 72px)}.modal-backdrop{z-index:30;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-main);border-radius:8px;width:100%;max-width:440px;padding:20px;box-shadow:0 8px 32px #0006}.modal h2{margin-bottom:12px;font-size:20px}.modal p{line-height:1.5}.rules{margin:0 0 8px;padding-left:20px;line-height:1.75}.modal-actions{background:var(--bg-side);border-radius:0 0 8px 8px;justify-content:flex-end;gap:8px;margin:16px -20px -20px;padding:16px 20px;display:flex}.toast{background:var(--bg-float);color:var(--text-strong);z-index:40;border-left:4px solid var(--red);border-radius:8px;max-width:calc(100% - 32px);padding:10px 16px;font-weight:500;position:fixed;top:16px;left:50%;box-shadow:0 8px 24px #0006}@media (width<=899px){.chan-head{gap:6px;padding:0 8px}.chan-topic{font-size:12.5px}.chan-divider{display:none}.word-bar{margin:10px 12px 0}.word-bar .hint{display:none}.msg{gap:12px;padding:6px 12px}.composer-area{padding:0 12px 8px}.embed{padding:10px 12px}.login-card{padding:24px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}