:root{color-scheme:dark;--bg:#1b1e22;--panel:#171a1d;--rail:#111416;--line:#2b2e32;--text:#e8e9e7;--muted:#939998;--mint:#bde8c1;--orange:#efb484;--hover:#272c2e;--font:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}input:focus,textarea:focus{outline:none}input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px #bde8c14d}button:hover{color:#fff}button[hidden],[hidden]{display:none!important}.app-shell{height:100dvh;min-height:400px;display:grid;grid-template-columns:76px 246px minmax(300px,1fr) 235px;grid-template-rows:54px 1fr;overflow:hidden}.titlebar{grid-column:1/-1;background:var(--rail);display:flex;align-items:center;padding:0 24px;gap:30px;border-bottom:1px solid #ffffff06}.wordmark{display:flex;align-items:center;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-1.3px;gap:9px}.wordmark img{width:28px;height:28px;border-radius:9px}.beta{font-size:8px;font-weight:650;letter-spacing:1.6px;border:1px solid #3a3e3c;border-radius:4px;padding:4px 5px;color:#a6afa9;margin-left:5px}.tagline{font-size:11px;color:#78817d;letter-spacing:.2px}.connection{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:#a6aea9}.connection span,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #bde8c125}.connection.offline span{background:var(--orange)}.community-rail{background:var(--rail);display:flex;flex-direction:column;align-items:center;padding:23px 0 16px;gap:16px}.rail-home,.community-button,.rail-add{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:.15s;position:relative}.rail-home img{width:46px;height:46px}.rail-divider{width:25px;height:1px;background:var(--line);margin:0 0 1px}.community-button{margin-bottom:13px;background:#252a2c;font-size:18px;font-weight:700;color:var(--orange)}.community-button.selected:before{position:absolute;content:"";left:-15px;width:3px;height:24px;border-radius:0 5px 5px 0;background:var(--mint)}.community-button:hover{border-radius:13px;filter:brightness(1.2)}.community-button.selected{background:#304238;color:var(--mint)}.rail-home{margin-bottom:0}.rail-add{border:1px dashed #47514a;color:var(--mint);font-size:27px;flex-shrink:0}.rail-add:hover{background:#27382b}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:6px;color:#647169;font-size:8px}.rail-orbit{font-size:29px;color:#667b6b}.channel-sidebar{background:var(--panel);display:flex;flex-direction:column;border-right:1px solid #ffffff04;min-height:0}.community-heading{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-weight:650;font-size:15px;border-bottom:1px solid var(--line);text-align:left;flex-shrink:0}.community-heading>span:last-child{color:#969d97;font-size:20px}.sidebar-banner{height:133px;margin:18px 15px 9px;padding:19px 16px;border:1px solid #45503e;border-radius:9px;background:linear-gradient(120deg,#2e3d30,#29312b 70%);position:relative;overflow:hidden;color:#d4e2bc;flex-shrink:0}.sidebar-banner>span:nth-child(2){font-size:13px;font-weight:750;line-height:1.4;letter-spacing:.3px;position:relative}.sidebar-banner small{display:block;margin-top:10px;font-size:9px;color:#abb99d}.banner-orbit{font-size:110px;position:absolute;right:-21px;top:4px;line-height:1;color:#82957438;transform:rotate(20deg)}.sidebar-scroll{padding:0 12px;overflow-y:auto;flex:1}.sidebar-link{display:flex;align-items:center;width:100%;gap:9px;font-size:11px;text-align:left;color:#b2b8b1;padding:13px 8px 16px}.sidebar-link>span:first-child{font-size:19px}.tiny-arrow{margin-left:auto;color:#656e66}.channel-category{display:flex;align-items:center;justify-content:space-between;color:#7b857e;font-size:9px;letter-spacing:1.4px;font-weight:650;margin:17px 5px 8px}.add-channel{font-size:18px;line-height:1}.channel{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;color:#969f99;text-align:left;font-size:12px;border-radius:6px;margin:3px 0;position:relative}.channel:hover{background:#222829}.channel.active{background:#2b3831;color:#d2ecd4}.channel.active:after{content:"";width:5px;height:5px;background:var(--mint);border-radius:50%;margin-left:auto}.channel-symbol{color:#778a7b;font-size:19px;width:17px;text-align:center;line-height:1}.channel.active .channel-symbol{color:#bde8c1}.channel .voice-count{margin-left:auto;font-size:10px;color:var(--mint)}.sidebar-note{display:flex;margin:30px 9px;gap:10px;color:#a0aa9f;font-size:10px;line-height:1.6}.sidebar-note>span{color:#c4ae89;font-size:19px}.sidebar-note small{color:#626e65;font-size:9px}.profile-bar{min-height:70px;padding:12px 10px;background:#131719;display:flex;align-items:center;gap:3px}.profile-button{display:flex;align-items:center;gap:9px;text-align:left;flex:1;min-width:0;padding:0}.avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#4d6857;border-radius:11px;color:#e0efe1;font-weight:700;font-size:13px;flex-shrink:0;position:relative}.avatar.online:after{content:"";position:absolute;width:8px;height:8px;background:#bde8c1;border:3px solid var(--panel);border-radius:50%;bottom:-2px;right:-2px;box-sizing:content-box}.profile-button>span:last-child{min-width:0}.profile-button strong{font-size:11px;display:block;max-width:105px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-button small{font-size:9px;color:#8f9d90;display:block;margin-top:4px}.icon-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#89958d;border-radius:5px;flex-shrink:0;font-size:20px}.icon-button:hover{background:#ffffff09;color:var(--mint)}.icon-button svg{width:17px;height:17px}.conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.conversation-header{height:67px;display:flex;align-items:center;gap:12px;padding:0 26px;border-bottom:1px solid var(--line);flex-shrink:0}.header-hash{font-size:25px;font-weight:300;color:#828c84}.conversation-header h1{font-size:14px;margin:0;font-weight:650;white-space:nowrap}.header-separator{width:1px;height:18px;background:#363c37;margin:0 3px}.conversation-header p{font-size:10px;color:#7e8880;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}.header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.search{width:168px;border:1px solid #323834;border-radius:5px;display:flex;align-items:center;background:#15191b;padding:0 8px}.search input{min-width:0;flex:1;width:100%;border:none;background:none;color:#d9e2d9;font-size:10px;padding:7px 0}.search button{font-size:21px;color:#7e8880;line-height:1;padding:0 0 4px 6px}.mobile-menu{display:none}.messages-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#39423c transparent;padding-bottom:18px}.channel-intro{padding:46px 35px 28px;position:relative;min-height:275px;overflow:hidden}.intro-kicker{display:flex;align-items:center;gap:7px;color:#98b69d;font-size:8px;font-weight:600;letter-spacing:1.7px;margin-bottom:18px}.channel-intro h2{font-size:clamp(28px,2.7vw,41px);line-height:1.16;letter-spacing:-1.4px;font-weight:650;margin:0 0 15px;position:relative;max-width:440px}.channel-intro h2 span{color:#bbd9b9}.channel-intro p{font-size:11px;color:#8f9a91;line-height:1.8;position:relative;max-width:390px;margin:0 0 20px}.intro-pills{display:flex;gap:8px;position:relative;flex-wrap:wrap}.intro-pills span{border:1px solid #343c35;background:#1e2520;border-radius:5px;padding:6px 9px;font-size:8px;color:#abb9a9}.intro-art{position:absolute;right:22px;top:42px;width:210px;height:210px;opacity:.85}.planet{width:109px;height:109px;border-radius:50%;position:absolute;top:48px;left:50px;background:radial-gradient(circle at 30% 30%,#dae8b4,#9cb689 65%,#6c946f);box-shadow:inset -14px -12px 20px #48684877,0 0 55px #bde8c10a;display:flex;align-items:center;justify-content:center;font-size:87px;line-height:1;color:#526b486b;transform:rotate(-15deg)}.orbit-line{position:absolute;top:69px;left:0;width:215px;height:68px;border:1px solid #82977480;border-radius:50%;transform:rotate(-30deg);z-index:1}.orbit-two{transform:rotate(38deg);border-color:#7a9f7433}.satellite{position:absolute;z-index:2;border-radius:50%;background:#e8b084;width:18px;height:18px;box-shadow:inset -4px -3px 4px #986c48}.satellite.one{left:10px;top:124px}.satellite.two{width:9px;height:9px;right:4px;top:63px;background:var(--mint);box-shadow:none}.star{position:absolute;color:#c7d1ad}.star.one{top:11px;left:33px;font-size:20px}.star.two{bottom:12px;right:25px;font-size:30px}.date-divider{display:flex;align-items:center;gap:13px;margin:10px 28px 18px;color:#717e74;font-size:8px;letter-spacing:1px}.date-divider:before,.date-divider:after{content:"";height:1px;flex:1;background:#303731}.message{display:flex;gap:13px;padding:10px 28px;position:relative;min-width:0}.message:hover{background:#ffffff03}.message .avatar{width:37px;height:37px;border-radius:12px;font-size:12px;margin-top:2px}.message-body{flex:1;min-width:0}.message-meta{display:flex;align-items:baseline;gap:9px;margin:1px 0 5px}.author-button{padding:0;font-size:12px;font-weight:600;color:#d5dfd4}.message-meta time{font-size:9px;color:#6f7b72}.bot-tag{background:#bde8c116;border:1px solid #bde8c12b;color:#bde8c1;border-radius:4px;font-size:7px;letter-spacing:.8px;padding:2px 4px}.message-content{font-size:12px;line-height:1.8;color:#b9c2b9;overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.message-content a{color:var(--mint)}.edited{font-size:8px;color:#657168;margin-left:5px}.message-tools{position:absolute;right:20px;top:-11px;display:none;gap:2px;border:1px solid #39433b;background:#222a24;border-radius:6px;padding:3px;z-index:1}.message:hover .message-tools,.message:focus-within .message-tools{display:flex}.message-tools button{font-size:12px;width:26px;height:24px;border-radius:4px;color:#c2d0c3}.message-tools button:hover{background:#384438}.reactions{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.reaction{border:1px solid #414c3d;background:#293026;border-radius:5px;padding:3px 7px;font-size:10px;color:#acbca8;display:flex;align-items:center;gap:5px}.reaction.mine{border-color:#8aa785;background:#344532}.composer-area{position:relative;padding:0 27px 16px;flex-shrink:0}.composer{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#272d2b;border:1px solid #384039;border-radius:9px}.composer:focus-within{border-color:#809a79}.composer-add{width:24px;height:24px;border:1px solid #758272;border-radius:50%;font-size:20px;line-height:1;color:#a8b69f;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 0 2px}.composer textarea{flex:1;min-width:0;resize:none;max-height:140px;border:0;background:none;color:#dbe5d9;font-size:12px;line-height:1.7;padding:3px 0;scrollbar-width:thin}.composer textarea::placeholder{color:#7d8b7e}.send-button{width:29px;height:29px;border-radius:7px;background:var(--mint);color:#1b3224;font-size:23px;line-height:1}.send-button:hover{background:#d0f4d0;color:#192f21}.composer-footer{display:flex;justify-content:space-between;gap:10px;margin:9px 2px 0;font-size:8px;color:#6b796e;min-height:12px}kbd{font-family:inherit;color:#929f90}.footer-dot{padding:0 4px}.search-status,.editing-bar{padding:9px 3px;color:var(--mint);font-size:11px}.search-status button,.editing-bar button{float:right;color:#d3e6cf;font-size:10px;text-decoration:underline}.empty-state{padding:35px;text-align:center;color:#8e9c90;font-size:12px}.emoji-picker{position:absolute;right:27px;bottom:100px;border:1px solid #475344;background:#202822;box-shadow:0 15px 40px #0005;border-radius:12px;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;z-index:3}.emoji-picker button{font-size:24px;padding:7px;border-radius:7px}.emoji-picker button:hover{background:#394536}.members-panel{background:#171b1c;border-left:1px solid #2c322e;padding:28px 18px;display:flex;flex-direction:column;min-height:0;overflow:auto}.members-title{font-size:9px;letter-spacing:1.2px;font-weight:650;color:#95a292;display:flex;align-items:center;gap:8px;margin:0 5px 20px}.members-title span{font-size:9px;background:#2c362d;color:#bfceba;border-radius:4px;padding:2px 5px;letter-spacing:0}.member-section{font-size:8px;letter-spacing:1px;color:#67776a;margin:18px 5px 12px}.member{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:8px 5px;border-radius:7px}.member:hover{background:#242d26}.member .avatar{width:32px;height:32px;border-radius:10px;font-size:11px}.member strong{font-size:11px;font-weight:550;display:block;overflow-wrap:anywhere}.member small{font-size:9px;color:#768875;display:block;margin-top:3px}.member.offline{opacity:.5}.community-card{margin-top:35px;border:1px solid #424535;background:linear-gradient(130deg,#2a3026,#222822);padding:18px 15px;border-radius:9px;position:relative;overflow:hidden}.card-symbol{position:absolute;right:10px;top:13px;font-size:44px;color:#a9bc8144}.community-card>span{font-size:7px;letter-spacing:1.1px;color:#a6b38e}.community-card h3{font-size:20px;line-height:1.35;letter-spacing:-.7px;font-weight:550;color:#d4debd;margin:24px 0 12px}.community-card p{font-size:10px;line-height:1.7;color:#91a184;margin:0 0 18px;max-width:145px}.community-card button{width:100%;text-align:left;display:flex;justify-content:space-between;font-size:10px;color:#d8e7c8;padding:9px 0 0;border-top:1px solid #5661435c}.local-note{margin-top:auto;padding-top:35px;font-size:9px;color:#8e9d8c;line-height:1.9;padding-left:5px}.local-note .live-dot{width:5px;height:5px;margin-right:5px}.local-note small{font-size:9px;color:#576a5d;margin-left:13px}dialog{background:#202723;color:var(--text);border:1px solid #485644;border-radius:18px;width:min(460px,calc(100% - 30px));padding:28px;box-shadow:0 35px 100px #0008}dialog::backdrop{background:#080f0bc9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dialog-heading img{width:43px;height:43px;border-radius:14px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#a9c89f;font-weight:600}dialog h2{font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin:12px 0}dialog .dialog-description{font-size:12px;color:#a6b3a2;line-height:1.7;margin:0 0 20px}.field-label{display:block;font-size:10px;font-weight:600;color:#b1c0aa;margin:16px 0 7px}.field-input{display:block;width:100%;border:1px solid #4c5c45;border-radius:7px;background:#161e18;color:#e3ebdd;padding:12px;font-size:13px}.field-input::placeholder{color:#6e7f68}.primary-button{width:100%;padding:13px;border-radius:7px;background:var(--mint);color:#233b26;font-weight:650;font-size:12px;margin-top:18px}.primary-button:hover{color:#182c1c;background:#d4efcc}.form-error{color:#f3b49d;font-size:11px;margin:10px 0 0}.profile-card{display:flex;gap:15px;align-items:center;margin:23px 0}.profile-card .avatar{width:60px;height:60px;border-radius:20px;font-size:25px}.profile-card strong{font-size:19px}.profile-card small{display:block;color:#a1b497;margin-top:7px}.color-options{display:flex;gap:12px;margin-top:12px}.color-option{width:28px;height:28px;border-radius:50%;border:3px solid transparent;box-shadow:0 0 0 1px #ffffff12}.color-option.selected{border-color:#d6efd1}.color-option input{opacity:0;width:1px;height:1px}.voice-status{padding:12px 15px;background:#243129;border-top:1px solid #435b42;font-size:10px}.voice-status>div{display:flex;align-items:center;gap:7px}.voice-status strong{font-weight:550;color:var(--mint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-status #leaveVoice{margin-left:auto;font-size:20px}.voice-status #shareScreen{border:1px solid #5e7759;border-radius:5px;padding:8px;width:100%;margin-top:9px;color:#cbe8c4;font-size:10px}.media-mount{background:#111915;max-height:40vh;overflow:auto;border-bottom:1px solid #3c4a3b;padding:12px}.media-mount video{max-width:100%;border-radius:8px;max-height:230px;background:#0c100d}.media-mount audio{display:none}.media-mount>div{max-width:100%}.media-mount button{color:#c4dfba}.screen-tile,.media-tile{display:inline-block;max-width:100%;margin:5px}.media-label{font-size:10px;color:#afc5a4}.muted-icon{color:var(--orange)}#toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%);max-width:calc(100vw - 30px);padding:13px 20px;border:1px solid #566b4e;background:#283725;border-radius:9px;color:#e0ecd9;box-shadow:0 5px 25px #0005;font-size:12px;z-index:20;line-height:1.5}body.light{--bg:#f1f3ed;--panel:#e7ece3;--rail:#dce5d8;--line:#c9d2c3;--text:#26372a;--muted:#5b6b57;--hover:#d8e2d1}body.light .conversation-header,body.light .channel-intro,body.light .message{filter:brightness(.7)}body.light .message-content{color:#3d5140}body.light .author-button{color:#273c2a}body.light .members-panel{background:#e3eadf}body.light .channel-intro h2 span{color:#466a3b}body.light .composer{background:#e2e9dc}body.light .composer textarea{color:#243a27}
@media(min-width:1550px){.app-shell{grid-template-columns:84px 260px minmax(300px,1fr) 260px}.channel-intro{padding-left:42px;padding-top:60px;min-height:330px}.intro-art{right:65px;top:50px;transform:scale(1.2)}.message{padding:12px 40px}.channel-intro h2{font-size:45px}}@media(max-width:1250px){.app-shell{grid-template-columns:68px 220px minmax(300px,1fr) 195px}.conversation-header{padding:0 20px}.conversation-header p,.header-separator{display:none}.channel-intro{padding-left:28px}.intro-art{right:-55px;opacity:.35}.community-heading{padding:0 17px}.community-card{padding:16px 12px}.community-card h3{font-size:18px}.members-panel{padding:25px 13px}.sidebar-banner{margin-left:12px;margin-right:12px}.tagline{font-size:10px}}@media(max-width:1000px){.app-shell{grid-template-columns:66px 218px minmax(300px,1fr)}.members-panel{display:none;position:fixed;right:0;top:54px;bottom:0;width:230px;z-index:7;box-shadow:-15px 0 40px #0004}.members-panel.open{display:flex}.intro-art{right:5px;opacity:.55}.channel-intro h2{max-width:300px}.channel-intro p{max-width:290px}.message{padding-left:23px;padding-right:23px}.intro-pills span{font-size:8px}}@media(max-width:670px){.app-shell{grid-template-columns:1fr;grid-template-rows:47px 1fr}.titlebar{padding:0 17px}.wordmark{font-size:21px}.wordmark img{width:25px;height:25px}.tagline{display:none}.connection{font-size:9px}.community-rail{display:none;position:fixed;left:0;top:47px;bottom:0;width:64px;z-index:11}.channel-sidebar{display:none;position:fixed;top:47px;bottom:0;left:64px;width:235px;z-index:11;box-shadow:15px 0 40px #0004}.app-shell.menu-open .community-rail,.app-shell.menu-open .channel-sidebar{display:flex}.sidebar-backdrop{position:fixed;inset:47px 0 0;background:#050c08ad;z-index:10}.conversation{grid-column:1;grid-row:2}.conversation-header{height:58px;padding:0 14px;gap:8px}.conversation-header h1{font-size:13px}.mobile-menu{display:inline-flex;margin-right:2px}.header-actions{gap:5px}.search{width:130px}.search input{font-size:9px}.header-hash{font-size:21px}.channel-intro{padding:31px 22px 23px;min-height:267px}.channel-intro h2{font-size:33px;max-width:300px}.intro-kicker{font-size:7px;letter-spacing:1.1px}.intro-art{right:-65px;top:38px;opacity:.28}.channel-intro p{font-size:11px;max-width:265px}.intro-pills{gap:5px}.intro-pills span{font-size:7px;padding:5px 7px}.date-divider{margin-left:22px;margin-right:22px}.message{padding:10px 18px;gap:10px}.message .avatar{width:32px;height:32px;font-size:10px}.message-content{font-size:12px}.composer-area{padding:0 13px 11px}.composer{gap:8px;padding:9px}.composer-footer>span:last-child{display:none}.composer-footer{font-size:8px;margin-top:8px}.members-panel{top:47px}.message-tools{right:13px;top:-13px}.emoji-picker{right:13px;bottom:85px}.composer textarea{font-size:12px}.message-meta{gap:7px}.channel-intro h2{letter-spacing:-1.2px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.media-tile{border:1px solid #3b4b3a;border-radius:8px;padding:10px;font-size:11px;min-width:150px;background:#1a251c}.media-tile strong{display:block;font-size:11px;color:#c2dab8;margin-bottom:5px}.media-status{display:block;font-size:9px;color:#8ca482;margin-bottom:6px}.media-tile button{font-size:9px;border:1px solid #496343;border-radius:4px;padding:5px 8px;margin-top:5px}.media-tile video{display:block;width:100%;max-height:240px}.media-local{max-width:340px}.media-remote{max-width:400px}