:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--app-bg: #1b1c23;--rail-bg: #282a32;--panel-bg: #1f2028;--panel-soft: #24262f;--message-bg: #090a0f;--control-bg: #2a2c34;--control-hover: #343743;--selected: #4a5591;--selected-hover: #5662a5;--text: #e8e8ef;--muted: #9b9ca8;--muted-2: #6f717d;--line: rgba(232, 232, 239, .12);--strong-line: rgba(232, 232, 239, .2);--accent: #b9c4ff;--success: #67d391;--danger: #ff6b79;--shadow: 0 20px 70px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;overflow-x:hidden;color:var(--text);background:var(--app-bg);font-size:15px}button,input,select,textarea{font:inherit}button{border:1px solid transparent;border-radius:8px;color:var(--text);background:var(--control-bg);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}button:hover:not(:disabled){background:var(--control-hover)}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.52}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:.78rem .9rem;color:var(--text);background:#101117;outline:none}textarea{min-height:6rem;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#b9c4ffb3}label{display:grid;gap:.5rem;color:var(--muted);font-size:.9rem}form{display:grid;gap:1rem}.app-shell{min-height:100vh}.center-card{display:grid;width:min(92vw,30rem);gap:1rem;margin:8vh auto;padding:1.5rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-bg);box-shadow:var(--shadow)}.center-card h1{margin:0;font-size:clamp(2rem,7vw,3.4rem);line-height:.98;letter-spacing:0}.loading-card{width:min(92vw,22rem);gap:.45rem;margin-top:12vh;border-radius:12px;background:#1d1e25}.loading-card h1{color:var(--text);font-size:1.1rem;font-weight:800;line-height:1.2}.eyebrow{margin:0;color:#d8c077;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--muted)}.error-banner,.warning-banner,.success-banner{margin:0;border:1px solid rgba(255,107,121,.42);border-radius:8px;padding:.75rem .9rem;color:#ffe4e8;background:#ff6b791f}.warning-banner{border-color:#d8c0776b;color:#f5e6ba;background:#d8c0771f}.success-banner{border-color:#67d39166;color:#dcffe8;background:#67d3911f}.ghost-button,.secondary-button{color:var(--text);background:transparent;border-color:var(--line)}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;color:var(--muted);font-size:.75rem;text-transform:uppercase}.divider:before,.divider:after{height:1px;background:var(--line);content:""}.chat-frame{display:grid;grid-template-columns:58px 252px minmax(0,1fr) 238px;height:100vh;min-height:640px;overflow:hidden;background:var(--app-bg)}.server-rail{display:flex;flex-direction:column;min-height:0;background:var(--rail-bg)}.rail-scroll{display:flex;flex:1;flex-direction:column;align-items:center;gap:.75rem;min-height:0;overflow-y:auto;padding:.65rem .45rem}.rail-bottom{display:grid;gap:.75rem;justify-items:center;padding:.65rem .45rem}.server-rail-button{display:grid;width:44px;height:44px;place-items:center;padding:0;border-radius:16px;color:var(--text);background:#181a21;font-weight:800;overflow:hidden}.server-rail-button img{width:100%;height:100%;object-fit:cover}.server-rail-button.active{border-color:#b9c4ffb3;background:var(--selected);box-shadow:inset 4px 0 #f0f1ff}.icon-button{display:grid;width:38px;height:38px;place-items:center;padding:0;border-radius:50%;color:var(--text);background:#20222a;font-size:1.1rem;font-weight:800}.channel-panel,.message-panel,.member-panel{min-width:0;min-height:0;border-left:1px solid var(--line)}.channel-panel{display:flex;flex-direction:column;gap:.7rem;padding:.5rem;background:#1c1d24}.server-banner{position:relative;min-height:112px;border-radius:16px;background:linear-gradient(135deg,#4a559170,#14161fe6),#151720;background-position:center;background-size:cover;overflow:hidden}.server-banner-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.server-banner-shade{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;min-height:112px;gap:.8rem;padding:.55rem .85rem .35rem;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.26) 100%)}.server-banner h2{margin:0;font-size:1.22rem;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.75);transform:translateY(.12rem)}.server-banner .icon-button{transform:translateY(.12rem)}.server-banner p:not(.eyebrow){margin:0;color:var(--muted);font-size:.92rem}.channel-list{display:grid;align-content:start;gap:.35rem;min-height:0;overflow:auto}.channel-row{display:grid;grid-template-columns:28px minmax(0,1fr) 10px;align-items:center;gap:.65rem;width:100%;padding:.65rem .8rem;color:var(--muted);background:transparent;text-align:left}.channel-row:hover{color:var(--text)}.channel-row.active{color:#f3f4ff;background:var(--selected);border-color:#b9c4ff26}.channel-row.unread:not(.active){color:#f1f2fb;font-weight:850}.channel-row.attention:not(.active){color:#ffe3a1}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-unread-indicator{width:7px;height:7px;border-radius:50%}.channel-row.unread .channel-unread-indicator{background:#c9d0ff}.channel-row.attention .channel-unread-indicator{width:9px;height:9px;background:#f2c766;box-shadow:0 0 0 3px #f2c7662e}.hash-icon{color:var(--muted);font-size:1.3rem;font-weight:800}.channel-icon-img{width:24px;height:24px;border-radius:8px;object-fit:cover}.message-panel{display:grid;position:relative;grid-template-rows:70px auto minmax(0,1fr);background:var(--app-bg)}.top-channel-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .85rem}.channel-title{display:flex;align-items:center;gap:.7rem;min-width:0;font-size:1rem}.channel-title span{color:var(--muted);font-size:1.5rem;font-weight:800}.channel-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-tools{display:flex;align-items:center;gap:.65rem;min-width:0}.mobile-nav-toggle,.mobile-search-toggle,.mobile-member-toggle,.mobile-drawer-header,.mobile-panel-backdrop{display:none}.message-search{width:min(26vw,340px);min-width:12rem;border-radius:999px;background:var(--control-bg)}.message-panel>.error-banner{grid-row:2;margin:0 1.2rem .75rem}.message-well{grid-row:3;min-height:0;margin:0 .75rem .75rem;border-radius:24px;background:var(--message-bg);overflow:hidden}.messages{display:flex;flex-direction:column;gap:0;height:100%;min-height:0;overflow:auto;padding:1.35rem 1.6rem 5.9rem}.conversation-intro h1{margin:0;font-size:2.4rem;font-weight:500}.conversation-intro p{margin:.25rem 0 1rem;color:var(--text);font-size:1.1rem;font-weight:700}.message-history-status{align-self:center;padding:.35rem .75rem;border:1px solid rgba(185,196,255,.12);border-radius:999px;color:var(--muted);background:#ffffff0a;font-size:.78rem;font-weight:800}.message{display:grid;position:relative;grid-template-columns:40px minmax(0,1fr);gap:.75rem;align-items:start;margin-top:.55rem;scroll-margin:8rem}.messages>.message:first-of-type{margin-top:0}.message.highlighted{padding:.45rem .55rem;border-radius:14px;background:#f2c76629;box-shadow:inset 0 0 0 1px #f2c76647}.message:not(.own):not(.search-result){width:fit-content;max-width:min(92%,64rem)}.message.own{grid-template-columns:minmax(0,1fr) 40px;align-self:flex-end;width:min(80%,48rem)}.message.own .avatar{grid-column:2;grid-row:1}.message.own .message-body{grid-column:1;grid-row:1;text-align:right}.message.own .message-body header{flex-direction:row-reverse;justify-content:flex-start}.message.grouped{margin-top:.06rem}.message.grouped .avatar{width:0;min-width:0;height:0;min-height:0;visibility:hidden;pointer-events:none}.message.grouped .message-body header{display:none}.message.grouped .message-body p{margin-top:0}.message.search-result{grid-template-columns:40px minmax(0,1fr) auto;width:100%}.message.search-result.own{grid-template-columns:auto minmax(0,1fr) 44px}.message.search-result.own .avatar{grid-column:3}.message.search-result.own .message-body{grid-column:2}.jump-button{align-self:center;min-height:34px;padding:.4rem .7rem;color:var(--accent);background:transparent;border-color:var(--line);font-size:.82rem}.avatar{display:grid;width:40px;height:40px;place-items:center;padding:0;border:0;border-radius:50%;color:#101117;background:#e3bc5d;font-weight:900;overflow:hidden}.avatar:hover,.avatar:focus-visible{background:#e3bc5d}.avatar.has-image{background:transparent}.avatar.clickable{cursor:pointer}.avatar:not(.clickable){cursor:default}.pixel-avatar{display:grid;width:100%;height:100%;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);background:var(--pixel-bg)}.pixel-avatar span.filled{background:var(--pixel-color)}.avatar img{width:100%;height:100%;object-fit:cover}.message-body{min-width:0}.message-body header{display:flex;align-items:baseline;gap:.65rem;min-width:0}.message-body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-body time{flex:none;color:var(--muted-2);font-size:.82rem}.protected-marker{flex:none;border:1px solid rgba(185,196,255,.24);border-radius:999px;padding:.08rem .42rem;color:var(--accent);background:#b9c4ff14;font-size:.72rem;font-weight:800}.message-body p{max-width:88ch;margin:.1rem 0 0;color:#d9d9e2;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}.message-link{color:#b9c4ff;text-decoration:underline;text-decoration-color:#b9c4ff80;text-underline-offset:.15em}.message-link:hover{color:#d7ddff;text-decoration-color:currentColor}.message-mention{border-radius:3px;color:#e8edff;background:#5667b19e;box-decoration-break:clone;-webkit-box-decoration-break:clone}.message-embeds{display:grid;justify-items:start;gap:.45rem;width:min(34rem,100%);margin-top:.5rem}.message.own .message-embeds{justify-items:end;margin-left:auto}.message-attachments{display:grid;justify-items:start;gap:.45rem;width:min(34rem,100%);margin-top:.5rem}.message.own .message-attachments{justify-items:end;margin-left:auto}.message-attachment{overflow:hidden;border:1px solid rgba(185,196,255,.14);border-radius:10px;background:#090a0f}.message-attachment.image{width:fit-content;max-width:100%}.message-attachment.image img{display:block;max-width:min(34rem,100%);max-height:22rem;background:#090a0f;object-fit:contain}.message-attachment.file{display:grid;grid-template-columns:46px minmax(0,1fr);gap:.75rem;align-items:center;min-width:min(18rem,100%);max-width:min(24rem,100%);padding:.72rem;color:var(--text);text-decoration:none}.message-attachment.file>span{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;color:#101117;background:#f2c766;font-size:.78rem;font-weight:900}.message-attachment.file div{min-width:0}.message-attachment.file strong,.message-attachment.file em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-attachment.file em{color:var(--muted);font-size:.82rem;font-style:normal}.message-embed{overflow:hidden;width:100%;max-width:34rem;border:1px solid rgba(185,196,255,.14);border-radius:10px;background:#090a0f}.message-embed.image{width:fit-content}.message-embed img,.message-embed video{display:block;max-width:min(34rem,100%);max-height:22rem;background:#090a0f;object-fit:contain}.message-embed.youtube{aspect-ratio:16 / 9}.youtube-preview{position:relative;display:block;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#090a0f}.youtube-preview img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;opacity:.9}.youtube-preview span{position:absolute;inset:50% auto auto 50%;display:grid;width:4rem;height:3rem;transform:translate(-50%,-50%);place-items:center;border-radius:8px;color:#fff;background:#000000ad;font-size:1.45rem;line-height:1}.youtube-preview:hover span{background:#ca2330eb}.message-embed iframe{display:block;width:100%;height:100%;border:0}.message-embed.link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;padding:.78rem;color:var(--text);text-decoration:none}.message-embed.link>img{grid-column:2;grid-row:1;width:6.4rem;height:4.8rem;border-radius:8px;object-fit:cover}.link-preview-copy{display:grid;gap:.22rem;min-width:0}.link-preview-copy span{color:var(--accent);font-size:.76rem;font-weight:800;text-transform:uppercase}.link-preview-copy strong,.link-preview-copy p{overflow:hidden;text-overflow:ellipsis}.link-preview-copy strong{color:var(--text)}.link-preview-copy p{display:-webkit-box;margin:0;color:var(--muted);font-size:.88rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}.message-reactions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.42rem}.message.own .message-reactions{justify-content:flex-end}.message-reactions button{display:inline-flex;align-items:center;gap:.28rem;min-height:28px;padding:.16rem .48rem;border-color:#b9c4ff24;border-radius:999px;color:#e7e8f2;background:#ffffff0e;font-size:.9rem}.message-reactions button:hover,.message-reactions button.reacted{border-color:#b2bdff6b;background:#5b63a480}.message-reactions strong{color:var(--muted);font-size:.78rem}.reply-preview{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.4rem;max-width:min(34rem,100%);margin:.25rem 0 .15rem;padding:.35rem .55rem;border-color:#b9c4ff2e;border-left:3px solid var(--accent);border-radius:8px;color:var(--muted);background:#ffffff0a;text-align:left}.message.own .reply-preview{justify-self:end;text-align:right}.reply-preview span,.reply-preview em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview span{color:var(--accent);font-weight:800}.reply-preview em{font-style:normal}.edited-marker{color:var(--muted-2);font-size:.9em}.empty-search{margin:auto;color:var(--muted)}.access-panel{display:grid;align-content:center;width:min(100% - 2rem,34rem);height:100%;gap:1rem;margin:0 auto;padding:2rem 0}.access-panel h2{margin:0}.clicker-game{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;background:var(--message-bg)}.clicker-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:1rem 1.2rem;padding:1.25rem 1rem 0}.clicker-score{grid-column:2;display:grid;justify-items:center;gap:.18rem;color:var(--text);text-align:center}.clicker-score span{color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase}.clicker-score strong{overflow-wrap:anywhere;font-size:clamp(2rem,8vw,4.5rem);line-height:1}.clicker-shop{grid-column:3;justify-self:end;display:grid;grid-template-columns:auto auto auto;gap:.45rem;align-items:center;min-height:38px;padding:.28rem .32rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09}.clicker-shop button{min-height:34px;padding:.35rem .65rem;border-color:#ffffff38;border-radius:8px;color:#101117;background:#ffffffeb;font-size:.82rem;font-weight:900}.clicker-shop button:hover:not(:disabled),.clicker-shop button:focus-visible:not(:disabled){background:#fff}.clicker-shop button:disabled{opacity:1;color:var(--muted);background:#ffffff0f;cursor:default}.clicker-shop span,.clicker-shop em{color:var(--muted);font-size:.8rem;font-style:normal;font-weight:800;white-space:nowrap}@media(max-width:960px){.clicker-top{grid-template-columns:1fr;justify-items:center}.clicker-score,.clicker-shop{grid-column:auto;justify-self:center}}.clicker-stage{display:grid;min-height:0;place-items:center;padding:1.5rem 1rem max(2.5rem,5vh)}.clicker-orbit{position:relative;display:grid;--clicker-orbit-radius: calc(min(24vmin, 11rem) + 1.55rem) ;width:min(48vmin,22rem);aspect-ratio:1;place-items:center}.clicker-circle{width:100%;height:100%;padding:0;border:3px solid rgba(255,255,255,.92);border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation}.clicker-circle:hover,.clicker-circle:focus-visible{border-color:#fff;background:transparent}.clicker-circle.pulsing{animation:clicker-pop .18s ease-out}.clicker-cursor{position:absolute;top:50%;left:50%;width:1.45rem;height:1.45rem;margin:-.725rem 0 0 -.725rem;pointer-events:none;animation:clicker-orbit 18s linear infinite;animation-delay:var(--orbit-delay);filter:drop-shadow(0 2px 5px rgba(0,0,0,.65))}.clicker-cursor:before{content:"";display:block;width:0;height:0;border-top:1.1rem solid #fff;border-right:.68rem solid transparent;transform:rotate(-35deg);animation:clicker-cursor-tap 1s ease-in-out infinite;animation-delay:var(--tap-delay)}@keyframes clicker-pop{0%{transform:scale(1)}45%{transform:scale(.88)}to{transform:scale(1)}}@keyframes clicker-orbit{0%{transform:rotate(var(--orbit-offset)) translate(var(--clicker-orbit-radius))}to{transform:rotate(calc(var(--orbit-offset) + 1turn)) translate(var(--clicker-orbit-radius))}}@keyframes clicker-cursor-tap{0%,76%,to{transform:translate(0) rotate(-35deg) scale(1)}84%{transform:translate(.18rem,.18rem) rotate(-35deg) scale(.88)}}.composer{display:grid;position:absolute;right:1.35rem;bottom:1.05rem;left:1.35rem;grid-template-columns:minmax(0,1fr) 72px;gap:.85rem;align-items:end;padding:0;z-index:2}.composer-reply{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:.6rem;align-items:center;width:min(100%,58rem);padding:.55rem .7rem;border:1px solid rgba(185,196,255,.18);border-left:3px solid var(--accent);border-radius:12px;background:#090a0feb;box-shadow:0 12px 30px #0000003d}.composer-reply div{min-width:0}.composer-reply span,.composer-reply strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-reply span{color:var(--accent);font-size:.78rem;font-weight:800}.composer-reply strong{color:var(--text);font-size:.88rem}.composer-reply button{width:34px;height:34px;padding:0;border-radius:50%}.composer-attachments{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.45rem;min-width:0}.composer-attachment-chip{display:inline-grid;grid-template-columns:minmax(0,auto) auto 28px;gap:.45rem;align-items:center;max-width:min(100%,24rem);min-height:36px;padding:.25rem .3rem .25rem .65rem;border:1px solid rgba(185,196,255,.18);border-radius:10px;background:#090a0feb;box-shadow:0 12px 30px #0003}.composer-attachment-chip span,.composer-attachment-chip em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-attachment-chip span{color:var(--text);font-size:.86rem;font-weight:850}.composer-attachment-chip em{color:var(--muted);font-size:.78rem;font-style:normal}.composer-attachment-chip button{width:28px;height:28px;padding:0;border-radius:50%}.composer-attachment-chip.pending{grid-template-columns:minmax(0,auto);color:var(--muted)}.composer-file-input{display:none}.composer-entry{display:grid;grid-template-columns:52px minmax(0,1fr) 48px;align-items:end;min-width:0;min-height:54px;border-radius:18px;background:var(--control-bg);overflow:hidden}.composer-input-shell{display:grid;position:relative;min-height:54px;border-radius:0;background:transparent;overflow:hidden}.composer-input-highlight,.composer textarea{grid-area:1 / 1}.composer-input-highlight{min-height:54px;max-height:150px;padding:.78rem .9rem;border:1px solid transparent;color:transparent;line-height:1.35;white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere;pointer-events:none}.composer-input-highlight span{border-radius:3px;color:transparent;background:#5667b19e;box-decoration-break:clone;-webkit-box-decoration-break:clone}.composer textarea{position:relative;z-index:1;height:54px;min-height:54px;max-height:150px;border-color:transparent;border-radius:0;background:transparent;caret-color:var(--text);line-height:1.35;resize:none;overflow-y:auto;scrollbar-width:thin}.composer-entry .icon-button,.send-button{width:100%;height:54px;border-radius:18px}.composer-entry .icon-button{border-color:transparent;border-radius:0;color:var(--muted);background:transparent}.composer-entry .icon-button:first-child{border-radius:18px 0 0 18px}.composer-entry .icon-button:last-child{border-radius:0 18px 18px 0}.composer-entry .icon-button:disabled{opacity:1;color:var(--muted-2);cursor:default}.send-button{width:58px;padding:0;color:#f6f7ff;background:#282a32;font-size:1.35rem}.send-button:disabled{opacity:1;color:var(--muted);background:#282a32}.send-button.active:not(:disabled){background:var(--selected)}.member-panel{background:#1d1e25}.member-panel-inner{display:grid;align-content:start;gap:1.2rem;height:100%;overflow:auto;padding:1rem}.member-group h3{margin:0 0 .55rem;color:var(--muted);font-size:.82rem;font-weight:800}.member-group.offline{margin-top:auto}.member-group.offline .member-row{opacity:.58}.member-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:.65rem;align-items:center;padding:.45rem .25rem}.member-row .avatar{width:38px;height:38px}.member-copy{min-width:0}.member-copy strong,.member-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-copy span{color:var(--muted);font-size:.82rem}.member-actions{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.45rem}.member-actions button,.row-actions button,.settings-row button{min-height:34px;padding:.35rem .55rem;font-size:.82rem}.member-role-toggles{display:flex;flex-wrap:wrap;gap:.35rem;min-width:0}.settings-role-toggles{justify-content:flex-end;max-width:min(36rem,100%)}.role-toggle{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:.3rem .5rem;background:#ffffff09;font-size:.82rem;font-weight:850}.role-toggle input{width:1rem;min-width:1rem;height:1rem;margin:0}.danger-button{color:#ffe5e8;background:#ff6b7929;border-color:#ff6b7952}.danger-button:hover:not(:disabled){background:#ff6b7942}.logout-button{justify-self:start;min-width:8rem;font-weight:800}.message-context-menu{position:fixed;z-index:40;display:grid;min-width:11rem;gap:.35rem;border:1px solid var(--strong-line);border-radius:8px;padding:.45rem;background:#171922;box-shadow:var(--shadow)}.message-context-menu button{justify-content:start;width:100%;padding:.55rem .7rem;text-align:left}.emoji-picker{display:grid;grid-template-columns:repeat(6,34px);gap:.25rem;width:max-content;padding:.5rem;border:1px solid var(--strong-line);border-radius:10px;background:#171922;box-shadow:var(--shadow)}.emoji-picker button{width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;font-size:1.15rem;line-height:1}.emoji-picker button:hover,.emoji-picker button:focus-visible{background:#ffffff1f}.reaction-emoji-picker{position:fixed;z-index:44}.composer-emoji-picker{position:absolute;right:4.45rem;bottom:4rem;z-index:5}.mention-suggestions{position:absolute;right:8.45rem;bottom:calc(100% + .55rem);left:3.25rem;z-index:6;display:grid;max-height:15rem;overflow:auto;padding:.35rem;border:1px solid var(--strong-line);border-radius:12px;background:#1d1f28;box-shadow:var(--shadow)}.mention-suggestions button,.mention-suggestion-empty{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.65rem;align-items:center;min-height:44px;padding:.35rem .45rem;border:0;border-radius:9px;background:transparent;text-align:left}.mention-suggestions button.active,.mention-suggestions button:hover{background:#5667b166}.mention-suggestion-empty{display:block;color:var(--muted);font-size:.88rem}.mention-suggestion-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;overflow:hidden;background:#e3bc5d}.mention-suggestion-avatar img{width:100%;height:100%;object-fit:cover}.mention-suggestion-copy{display:grid;min-width:0}.mention-suggestion-copy strong,.mention-suggestion-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-suggestion-copy strong{font-size:.92rem;font-style:normal;font-weight:850}.mention-suggestion-copy em{color:var(--muted-2);font-size:.8rem;font-style:normal}.profile-popover{position:fixed;z-index:45;width:min(340px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--strong-line);border-radius:24px;background:#292b34;box-shadow:var(--shadow)}.profile-popover-banner{position:relative;min-height:112px;overflow:hidden;background:linear-gradient(135deg,#4a559159,#08090de6),#11131a}.profile-popover-banner:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 100%);content:""}.profile-popover-main{display:grid;grid-template-columns:76px minmax(0,1fr) 34px;gap:.8rem;align-items:end;padding:0 1rem .9rem;transform:translateY(-22px)}.profile-popover-main .avatar{width:76px;height:76px;border:6px solid #292b34;background:transparent}.profile-popover-main div{min-width:0;padding-bottom:.25rem}.profile-popover-main strong,.profile-popover-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-popover-main strong{font-size:1.25rem}.profile-popover-main span{color:var(--muted)}.profile-popover-main>button{width:34px;height:34px;padding:0;border-radius:50%}.profile-popover-info{display:grid;gap:.55rem;margin-top:-1rem;padding:0 1rem 1rem}.profile-popover-info section{display:grid;gap:.2rem;border-radius:10px;padding:.75rem;background:#1d1f27}.profile-popover-info span{color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.profile-popover-info strong,.profile-popover-info p{margin:0}.profile-popover-bio p{color:var(--text);line-height:1.35;white-space:pre-wrap}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#0000009e}.modal{display:grid;width:min(94vw,760px);max-height:min(88vh,780px);gap:1rem;overflow:auto;border:1px solid var(--strong-line);border-radius:8px;padding:1rem;background:var(--panel-bg);box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem}.modal-header h2{margin:0;font-size:1.25rem}.tabs{display:flex;flex-wrap:wrap;gap:.45rem}.tabs button{padding:.55rem .75rem;color:var(--muted);background:transparent;border-color:var(--line)}.tabs button.active{color:var(--text);background:var(--selected);border-color:#b9c4ff52}.settings-pane{display:grid;gap:1rem}.settings-fieldset{display:grid;gap:.65rem;min-width:0;margin:0;border:1px solid var(--line);border-radius:8px;padding:.75rem}.settings-fieldset legend{padding:0 .35rem;color:var(--text);font-weight:900}.settings-fieldset .muted{margin:0;font-size:.86rem}.role-check-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem}.checkbox-row{display:flex;align-items:center;gap:.65rem;color:var(--text);font-weight:800}.checkbox-row input{width:1.1rem;min-width:1.1rem;height:1.1rem}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) 3.2rem auto;gap:.6rem;align-items:center}.invite-form{grid-template-columns:7rem auto;justify-content:start}.invite-code{min-height:4.8rem;margin-top:.45rem;font-size:.82rem}.color-input{width:3.2rem;min-width:3.2rem;height:2.6rem;padding:.2rem}.settings-actions{display:flex;justify-content:flex-end}.profile-preview{display:flex;align-items:center;gap:.8rem}.profile-preview span,.session-row span,.settings-row span,.settings-row time{display:block;color:var(--muted);font-size:.84rem}.session-row,.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.75rem;background:#ffffff08}.settings-list{display:grid;gap:.55rem;max-height:28rem;overflow:auto}.settings-list.compact{max-height:14rem}.member-admin-row{grid-template-columns:44px minmax(0,1fr) auto}.row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.danger-zone p{margin:0;color:var(--muted)}@media(max-width:1180px){.chat-frame{grid-template-columns:58px 244px minmax(0,1fr)}.mobile-member-toggle{display:block}.member-panel{position:fixed;top:0;right:0;bottom:0;z-index:20;width:min(86vw,320px);border-left:1px solid var(--line);transform:translate(100%);transition:transform .16s ease}.chat-frame.member-panel-open .member-panel{transform:translate(0)}}@media(max-width:760px){html,body,#root{width:100%;max-width:100%;height:100%;min-height:100%;overflow:hidden;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}.app-shell{width:100vw;max-width:100vw;min-height:100dvh;overflow:hidden}.chat-frame{grid-template-columns:minmax(0,1fr);width:100vw;max-width:100vw;height:100dvh;min-height:0;overflow:hidden;background:#141519}input,select,textarea{font-size:16px}.server-rail{position:fixed;top:0;bottom:0;left:0;z-index:42;width:64px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-right:1px solid var(--line);transform:translate(-104%);transition:transform .18s ease}.channel-panel{position:fixed;top:0;bottom:0;left:64px;z-index:42;width:min(calc(100vw - 64px),340px);padding:max(.75rem,env(safe-area-inset-top)) .75rem max(.85rem,env(safe-area-inset-bottom));border-left:0;border-right:1px solid var(--line);background:#202126;transform:translate(calc(-100% - 68px));transition:transform .18s ease}.chat-frame.nav-panel-open .server-rail,.chat-frame.nav-panel-open .channel-panel{transform:translate(0)}.mobile-panel-backdrop{position:fixed;inset:0;z-index:38;display:block;border:0;border-radius:0;background:#0000007a}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:.75rem}.mobile-drawer-header button{padding:.3rem .45rem;color:var(--danger);background:transparent;border-color:transparent;font-weight:800}.mobile-drawer-header strong{overflow:hidden;color:var(--text);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.server-banner{min-height:108px;border-radius:18px}.server-banner-shade{min-height:108px}.message-panel{grid-column:1;grid-template-rows:auto auto minmax(0,1fr);width:100vw;max-width:100vw;min-width:0;overflow:hidden;border-left:0}.top-channel-bar{display:grid;position:relative;grid-template-columns:42px minmax(0,1fr) auto;width:100%;max-width:100vw;min-width:0;gap:.55rem;align-items:center;min-height:calc(58px + env(safe-area-inset-top));padding:max(.6rem,env(safe-area-inset-top)) .75rem .55rem;border-bottom:1px solid var(--line);background:#18191e}.mobile-nav-toggle,.mobile-search-toggle,.mobile-member-toggle{display:block}.channel-title{justify-content:center;gap:.5rem;min-width:0;font-size:1.04rem}.channel-title .hash-icon{font-size:1.15rem}.channel-title .channel-icon-img{width:22px;height:22px;border-radius:7px}.channel-tools{display:flex;justify-content:flex-end;gap:.45rem;min-width:0}.message-search{position:absolute;top:calc(100% + .45rem);right:.75rem;left:.75rem;z-index:6;display:none;width:auto;min-width:0;border-radius:16px;box-shadow:var(--shadow)}.chat-frame.mobile-search-open .message-search{display:block}.message-well{width:100vw;max-width:100vw;min-width:0;margin:0;border-radius:0;background:#111216;overflow:hidden}.clicker-top{padding-top:1rem}.clicker-orbit{--clicker-orbit-radius: calc(min(33vw, 9rem) + 1.35rem) ;width:min(66vw,18rem)}.clicker-stage{padding:1rem .75rem max(2rem,calc(1.2rem + env(safe-area-inset-bottom)))}.clicker-shop{grid-template-columns:auto auto}.clicker-shop em{grid-column:1 / -1;justify-self:center}.messages{width:100%;max-width:100vw;overflow-x:hidden;overscroll-behavior-x:none;padding:.9rem .85rem calc(5.9rem + env(safe-area-inset-bottom))}.conversation-intro h1{font-size:1.9rem}.message{grid-template-columns:36px minmax(0,1fr);width:100%;max-width:100%;min-width:0;gap:.65rem;margin-top:.55rem}.message.grouped{margin-top:.06rem}.message:not(.own):not(.search-result){width:min(100%,46rem);max-width:100%}.message.own{grid-template-columns:minmax(0,1fr) 36px;width:min(96%,46rem);max-width:100%}.message-body{min-width:0;max-width:100%;overflow:hidden}.message-body p{max-width:100%;font-size:.98rem;line-height:1.36}.message-body header{gap:.5rem}.message-body time{font-size:.76rem}.avatar,.message .avatar{width:36px;height:36px}.message-embeds,.message-attachments{width:min(100%,24rem);max-width:100%;overflow:hidden}.reply-preview{width:100%;min-width:0;max-width:100%;overflow:hidden}.composer{grid-template-columns:minmax(0,1fr) 62px;max-width:calc(100vw - 1.3rem);min-width:0;right:.65rem;bottom:calc(.55rem + env(safe-area-inset-bottom));left:.65rem;gap:.6rem;z-index:8}.composer-entry{grid-template-columns:42px minmax(0,1fr) 42px;min-height:50px}.composer-input-shell,.composer-input-highlight,.composer textarea{min-height:50px;max-height:126px}.composer-input-highlight,.composer textarea{border-radius:0;padding:.65rem .75rem;font-size:16px;line-height:1.2}.composer-entry .icon-button{height:50px}.send-button{width:52px;height:52px;margin-left:.6rem;border-radius:18px}.composer-emoji-picker{right:3.55rem;bottom:calc(4rem + env(safe-area-inset-bottom))}.mention-suggestions{right:4.15rem;left:2.65rem;bottom:calc(100% + .45rem);max-height:13rem}.member-panel{position:fixed;top:0;right:0;bottom:0;z-index:42;width:min(92vw,360px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-left:1px solid var(--line);background:#18191e}.member-panel .mobile-drawer-header{padding:.65rem .85rem 0}.member-panel-inner{padding:.85rem}}@media(max-width:460px){.chat-frame{grid-template-columns:minmax(0,1fr)}.server-rail-button{width:48px;height:48px;border-radius:16px}.icon-button{width:38px;height:38px}.message.search-result,.message.search-result.own{grid-template-columns:minmax(0,1fr)}.message.search-result .avatar,.message.search-result.own .avatar{display:none}.message.search-result .message-body,.message.search-result.own .message-body{grid-column:1}.avatar,.message .avatar{width:36px;height:36px}.member-admin-row,.session-row,.settings-row{grid-template-columns:minmax(0,1fr)}.row-actions{justify-content:flex-start}}