@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{color:#dcddde;font-family:Inter,sans-serif;overflow:hidden}.join-screen,body{background:linear-gradient(160deg,#6b6b6b,#9a9a9a 25%,#b8b8b8 45%,#8c8c8c 65%,#6e6e6e);height:100dvh;min-height:100vh;min-height:100dvh}.join-screen{justify-content:center}.join-card,.join-screen{align-items:center;display:flex}.join-card{background:#2b2d31;border:1px solid #1e1f22;border-radius:16px;box-shadow:0 12px 40px #00000080;flex-direction:column;gap:14px;max-width:320px;padding:40px 36px;width:calc(100% - 32px)}@keyframes retro-glow{0%,to{text-shadow:0 1px 0 #ffffff2e,0 0 10px #00e5ff85,0 0 24px #00b8d980,2px 2px 0 #060e14f2}50%{text-shadow:0 1px 0 #ffffff38,0 0 14px #00e5ff9e,0 0 30px #00b8d994,2px 2px 0 #060e14f2}}.app-title{-webkit-text-fill-color:#0000;animation:retro-glow 2.4s ease-in-out infinite;background:linear-gradient(180deg,#c9fdff,#58f1ff 58%,#20d2ea);-webkit-background-clip:text;background-clip:text;color:#6df3ff;display:inline-block;font-family:Press Start\ 2P,monospace;font-size:1.62rem;letter-spacing:2px;line-height:1.4;position:relative;-webkit-user-select:none;user-select:none}.title-stars{color:#ffd56a;font-size:.48rem;letter-spacing:1px;margin-left:6px;text-shadow:0 0 8px #ffd56ab3,0 1px 0 #0000009e;vertical-align:super}.polar-bear-btn{-webkit-text-fill-color:initial;background:#0000;border:none;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));height:29px;padding:0;position:absolute;right:-30px;top:-8px;transform-origin:50% 90%;width:26px}.polar-bear-btn:focus-visible{border-radius:6px;outline:2px solid #c9fdffe6;outline-offset:2px}.bear-ear{background:#f8fcff;border:1px solid #d3dbe3;border-radius:50%;height:9px;position:absolute;top:1px;width:9px}.bear-ear:after{background:#c9d6e3;border-radius:50%;content:"";inset:2px;position:absolute}.bear-ear-left{left:3px}.bear-ear-right{right:3px}.bear-head{background:#f8fcff;border:1px solid #d3dbe3;border-radius:48% 48% 42% 42%;height:15px;left:4px;position:absolute;top:6px;width:18px}.bear-eye{background:#1f2a33;border-radius:50%;height:3px;position:absolute;top:5px;width:3px}.bear-eye-left{left:4px}.bear-eye-right{right:4px}.bear-nose{background:#2f3940;border-radius:4px;bottom:2px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:5px}.bear-body{background:#f2f6fb;border:1px solid #d0d8e0;border-radius:45% 45% 42% 42%;bottom:0;height:12px;left:7px;position:absolute;width:12px}.bear-stand{transform:translateY(-5px) scale(1.03)}.bear-stand .bear-body{border-radius:40% 40% 35% 35%;height:15px}.bear-stand .bear-head{top:2px}@keyframes bear-dance-bounce{0%{transform:rotate(-10deg) translateY(0)}25%{transform:rotate(9deg) translateY(-2px)}50%{transform:rotate(-6deg) translateY(0)}75%{transform:rotate(10deg) translateY(-2px)}to{transform:rotate(-10deg) translateY(0)}}@keyframes bear-dance-head{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(1px) rotate(8deg)}to{transform:translateX(-1px) rotate(-8deg)}}.bear-dance{animation:bear-dance-bounce .42s ease-in-out infinite}.bear-dance .bear-head{animation:bear-dance-head .28s ease-in-out infinite}.app-subtitle{color:#72767d;font-size:.75rem;letter-spacing:3px;text-transform:uppercase}.avatar-upload{flex-direction:column;gap:8px}.avatar-preview,.avatar-upload{align-items:center;display:flex}.avatar-preview{background:#383a40;border:3px solid #00e5ff;border-radius:50%;color:#dcddde;font-size:2rem;height:80px;justify-content:center;overflow:hidden;width:80px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-edit-btn{background:#00e5ff;border-radius:4px;color:#0d1117;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:background .15s}.avatar-edit-btn:hover{background:#00b8d9}.friend-icon-btn{align-items:center;background:#2a2d34;border:1px solid #4e5566;border-radius:8px;color:#dcddde;cursor:pointer;display:inline-flex;font-size:.95rem;height:34px;justify-content:center;position:relative;transition:border-color .15s ease,background .15s ease;width:34px}.friend-icon-btn:hover{background:#323640;border-color:#00e5ff}.friend-icon-btn.has-pending{border-color:#00e5ff;box-shadow:inset 0 0 0 1px #00e5ff59}.friend-req-count{background:#f04747;border-radius:999px;color:#fff;font-size:.62rem;font-weight:700;height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:-6px;text-align:center;top:-6px}.friend-action-status{color:#9deeff}.friend-request-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.friend-request-item{align-items:center;background:#23262c;border:1px solid #1e1f22;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:8px 10px}.friend-request-name{color:#d9def7;font-size:.86rem;font-weight:700}.friend-request-actions{display:flex;gap:7px}.friend-accept-btn,.friend-decline-btn{border:none;border-radius:7px;cursor:pointer;font-size:.78rem;font-weight:700;padding:6px 10px}.friend-accept-btn{background:#00e5ff;color:#11151c}.friend-decline-btn{background:#f047472e;border:1px solid #f0474780;color:#ffd1d1}.join-input{background:#383a40;border:1px solid #1e1f22;border-radius:6px;color:#dcddde;font-size:14px;outline:none;padding:10px 14px;width:100%}.join-input::placeholder{color:#72767d}.join-btn{background:#00e5ff;border:none;border-radius:6px;color:#0d1117;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:700;padding:11px;transition:background .15s;width:100%}.join-btn:hover{background:#00b8d9}.auth-tabs{background:#1e1f22;border-radius:8px;display:flex;gap:3px;padding:3px;width:100%}.auth-tab{background:none;border:none;border-radius:6px;color:#72767d;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:8px 0;transition:background .15s,color .15s}.auth-tab:hover{color:#dcddde}.auth-tab.active{background:#313338;color:#00e5ff}.password-wrapper{position:relative;width:100%}.password-wrapper .join-input{padding-right:40px}.eye-btn{align-items:center;background:none;border:none;color:#72767d;cursor:pointer;display:flex;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .15s}.eye-btn:hover{color:#dcddde}.auth-error{color:#f04747;font-size:.82rem;margin:0;text-align:center;width:100%}.layout{height:100vh;height:100dvh;min-height:100dvh}.layout,.sidebar{display:flex;overflow:hidden}.sidebar{background:#2b2d31;bottom:0;flex-direction:column;left:0;position:fixed;top:0;transform:translateX(-240px);transition:transform .25s ease;width:240px;z-index:100}.sidebar-open{transform:translateX(0)}.sidebar-backdrop{background:#00000080;inset:0;position:fixed;z-index:99}.sidebar-header{align-items:center;border-bottom:1px solid #1e1f22;box-shadow:0 1px 0 #0003;display:flex;height:48px;padding:0 16px}.sidebar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#b8fbff,#3feaff 62%,#1ecde7);-webkit-background-clip:text;background-clip:text;color:#6df3ff;font-family:Press Start\ 2P,monospace;font-size:.78rem;letter-spacing:1px;line-height:1.1;text-shadow:0 1px 0 #ffffff38,0 0 8px #00e5ff73,1px 1px 0 #081218e6;-webkit-user-select:none;user-select:none}.sidebar-logo .title-stars{-webkit-text-fill-color:#ffd56a;color:#ffd56a;text-shadow:0 0 8px #ffd56aa6,0 1px 0 #000000a6}.sidebar-channels{padding:16px 8px 8px}.sidebar-section-label{align-items:center;color:#72767d;display:flex;font-size:.7rem;font-weight:600;justify-content:space-between;letter-spacing:.8px;margin-bottom:2px;padding:4px 8px;text-transform:uppercase}.sidebar-section-highlight{border:1px solid #2f3136;border-radius:8px;margin-bottom:6px}.channels-heading{background:linear-gradient(90deg,#ff9c6b29,#ff9c6b0a);color:#ff9c6b}.groups-heading{background:linear-gradient(90deg,#faa61a24,#faa61a0a);color:#faa61a}.add-channel-btn{align-items:center;background:none;border:none;border-radius:3px;color:#72767d;cursor:pointer;display:flex;font-size:1.1rem;line-height:1;padding:0 2px}.add-channel-btn:hover{background:#ffffff14;color:#dcddde}.catchup-btn{align-items:center;background:#00e5ff12;border:1px solid #00e5ff4d;border-radius:20px;color:#00e5ff;cursor:pointer;display:flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:5px;margin-left:auto;padding:5px 12px;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}.catchup-icon{align-items:center;display:inline-flex;height:14px;justify-content:center;line-height:1;width:14px}.catchup-label{white-space:nowrap}.catchup-btn:hover:not(:disabled){background:#00e5ff26;border-color:#00e5ff99;transform:translateY(-1px)}.catchup-btn:disabled{cursor:default;opacity:.6}.catchup-spinner{animation:spin .7s linear infinite;border:2px solid #00e5ff4d;border-radius:50%;border-top-color:#00e5ff;display:inline-block;height:12px;width:12px}@keyframes spin{to{transform:rotate(1turn)}}.catchup-card{animation:catchup-in .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#00e5ff14,#5865f21a);border:1px solid #00e5ff38;border-radius:12px;margin:4px 0 10px;overflow:hidden;padding:14px 16px;position:relative}.catchup-card:before{animation:shimmer 2.5s infinite;background:linear-gradient(105deg,#0000 40%,#ffffff0a 50%,#0000 60%);background-size:200% 100%;content:"";inset:0;pointer-events:none;position:absolute}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes catchup-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.catchup-card-header{align-items:center;display:flex;gap:7px;margin-bottom:8px}.catchup-card-icon{font-size:1rem;line-height:1}.catchup-card-title{color:#00e5ff;flex:1 1;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.catchup-card-close{background:none;border:none;border-radius:4px;color:#72767d;cursor:pointer;font-size:.85rem;line-height:1;padding:2px 4px;transition:color .15s}.catchup-card-close:hover{color:#dcddde}.catchup-card-body{color:#dcddde;font-size:.9rem;line-height:1.55;margin:0}.history-loading-card{background:#14181feb;border:1px solid #ffffff14;border-radius:12px;margin:4px 0 10px;padding:14px 16px}.history-loading-title{color:#9ddffc;font-size:.78rem;font-weight:800;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.history-loading-line{animation:shimmer 1.8s linear infinite;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;border-radius:999px;height:10px;margin-top:9px}.history-loading-line.short{width:34%}.history-loading-line.medium{width:68%}.avatar-toast{align-items:center;animation:toast-in .25s cubic-bezier(.34,1.56,.64,1);background:#2b2d31;border:1px solid #ed4245;border-left-width:4px;border-radius:8px;bottom:28px;box-shadow:0 8px 32px #0000008c;color:#ffd6d7;display:flex;font-size:.88rem;font-weight:500;gap:10px;left:50%;max-width:420px;padding:13px 18px;position:fixed;transform:translateX(-50%);white-space:normal;z-index:9999}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(12px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.avatar-toast-close{background:none;border:none;border-radius:4px;color:#72767d;cursor:pointer;flex-shrink:0;font-size:.85rem;line-height:1;margin-left:4px;padding:2px 4px}.avatar-toast-close:hover{color:#dcddde}.channel-item{align-items:center;border-radius:4px;color:#72767d;cursor:pointer;display:flex;font-size:.88rem;font-weight:500;gap:6px;padding:6px 8px;transition:background .1s,color .1s}.channel-item.active,.channel-item:hover{background:#383a40;color:#dcddde}.unread-badge{align-items:center;background:#f04747;border-radius:9px;color:#fff;display:flex;font-size:.68rem;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.group-public-badge,.unread-badge{flex-shrink:0;font-weight:800;margin-left:auto}.group-public-badge{background:#3ba55d33;border:1px solid #3ba55d80;border-radius:9px;color:#3ba55d;font-size:.64rem;letter-spacing:.02em;line-height:1.3;padding:1px 6px;text-transform:uppercase}.channel-hash{color:#72767d;font-size:1rem}.sidebar-online{-ms-overflow-style:none;color-scheme:dark;flex:1 1;min-height:0;overflow-y:auto;padding:8px}.sidebar-online::-webkit-scrollbar{width:4px}.sidebar-online::-webkit-scrollbar-thumb{background:#1e1f22;border-radius:2px}.sidebar-user{align-items:center;border-radius:4px;cursor:default;display:flex;gap:10px;overflow:hidden;padding:6px 8px;position:relative;transition:background .1s}.sidebar-user:hover{background:#383a40}.sidebar-user:before{content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}.sidebar-user>*{position:relative;z-index:1}.sidebar-user.banner-heterosexual:before,.sidebar-user[class*=banner-]:before{display:none}.sb-avatar{background:#383a40;color:#dcddde;overflow:visible}.sb-avatar,.sb-avatar>img,.sb-avatar>span:not(.online-dot):not(.offline-dot):not(.creator-crown):not(.user-sword){align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.85rem;height:32px;justify-content:center;position:relative;width:32px}.sb-avatar>img,.sb-avatar>span:not(.online-dot):not(.offline-dot):not(.creator-crown):not(.user-sword){background:#5865f2;color:#fff;font-weight:600;object-fit:cover;overflow:hidden;z-index:2}.sb-avatar.large,.sb-avatar.large>img,.sb-avatar.large>span:not(.online-dot):not(.offline-dot):not(.creator-crown):not(.user-sword){height:32px;width:32px}.sb-avatar.banner-bi:after,.sb-avatar.banner-heterosexual:after,.sb-avatar.banner-lesbian:after,.sb-avatar.banner-nonbinary:after,.sb-avatar.banner-pan:after,.sb-avatar.banner-progress:after,.sb-avatar.banner-rainbow:after,.sb-avatar.banner-trans:after,.sb-avatar[class*=banner-custom]:after,.sb-avatar[class*=banner-flag]:after{border-radius:50%;content:"";inset:-3px;pointer-events:none;position:absolute;z-index:1}.sb-avatar.banner-heterosexual:after{background:repeating-conic-gradient(from 0deg,#111 0deg 45deg,#f8f8f8 45deg 90deg)}.sb-avatar.banner-rainbow:after{background:conic-gradient(#e40303,#ff8c00,#ffed00,#008026,#004dff,#750787,#e40303)}.sb-avatar.banner-progress:after{background:conic-gradient(#e40303 0deg,#ff8c00 30deg,#ffed00 60deg,#008026 120deg,#004dff 180deg,#750787 270deg,#e40303 1turn),conic-gradient(from 45deg,#fff 0deg,#f7a8b8 90deg,#55cdfc 180deg,#000 270deg,#fff 1turn);background-position:50%,50%;background-size:100% 100%,70.7% 70.7%}.sb-avatar.banner-trans:after{background:conic-gradient(#5bcffb 0deg,#5bcffb 72deg,#f5abb9 72deg,#f5abb9 144deg,#fff 144deg,#fff 216deg,#f5abb9 216deg,#f5abb9 288deg,#5bcffb 288deg)}.sb-avatar.banner-bi:after{background:conic-gradient(#d60270 0deg,#d60270 .42turn,#9b4f96 .42turn,#9b4f96 208.8deg,#0038a8 208.8deg,#0038a8 1turn)}.sb-avatar.banner-pan:after{background:conic-gradient(#ff218c 0deg,#ff218c 120deg,#ffd800 120deg,#ffd800 240deg,#21b1ff 240deg,#21b1ff 1turn)}.sb-avatar.banner-lesbian:after{background:conic-gradient(#d52d00 0deg,#ef7627 54deg,#ff9a56 108deg,#fff 135deg,#d162a4 189deg,#b55690 229.5deg,#a30262 280.5deg,#d52d00 1turn)}.sb-avatar.banner-nonbinary:after{background:conic-gradient(#fff430 0deg,#fff430 90deg,#fff 90deg,#fff 180deg,#9c59d1 180deg,#9c59d1 270deg,#2d2d2d 270deg,#2d2d2d 1turn)}.sb-avatar.banner-custom-color-red:after{background:#d84a4a}.sb-avatar.banner-custom-color-blue:after{background:#2f6de0}.sb-avatar.banner-custom-color-green:after{background:#2f9e63}.sb-avatar.banner-custom-color-black:after{background:#101113}.sb-avatar.banner-custom-color-choice:after{background:#5865f2;background:var(--custom-banner-color,#5865f2)}.sb-avatar.banner-custom-flag-south-africa:after{background:conic-gradient(#000 0deg,#002395 45deg,#002395 90deg,#de3831 135deg,#de3831 180deg,#007a4d 225deg,#ffb612 270deg,#fff 315deg,#000 1turn)}.sb-avatar.banner-custom-flag-usa:after{background:conic-gradient(#3c3b6e 0deg,#3c3b6e 144deg,#b22234 144deg,#b22234 156deg,#fff 156deg,#fff 168deg,#b22234 168deg,#b22234 1turn)}.sb-avatar.banner-custom-flag-brazil:after{background:conic-gradient(#009b3a 0deg,#009b3a 45deg,#002776 45deg,#002776 135deg,#009b3a 135deg,#009b3a 225deg,#ffdf00 225deg,#ffdf00 315deg,#009b3a 315deg)}.sb-avatar.banner-custom-flag-japan:after{background:conic-gradient(#fff 0deg,#fff 180deg,#bc002d 180deg,#bc002d 1turn);clip-path:circle(50%)}.online-dot{background:#3ba55d}.offline-dot,.online-dot{border:2px solid #2b2d31;border-radius:50%;bottom:0;height:9px;position:absolute;right:0;width:9px;z-index:1}.offline-dot{background:#72767d}.creator-crown{animation:crown-sparkle 2s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75));font-size:.92rem;left:50%;line-height:1;pointer-events:none;position:absolute;top:-7px;transform:translateX(-50%);transform-origin:50% 100%;z-index:3}@keyframes crown-sparkle{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)) drop-shadow(0 0 3px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(255,215,0,.8))}}.sb-avatar.large .creator-crown{font-size:1rem;top:-8px}.user-sword{filter:drop-shadow(0 1px 2px rgba(0,0,0,.75)) drop-shadow(0 0 4px rgba(255,70,70,.42));font-size:.9rem;line-height:1;pointer-events:none;position:absolute;right:-6px;top:-7px;transform:rotate(26deg);transform-origin:60% 80%;z-index:3}.sb-avatar.large .user-sword{font-size:.98rem;right:-7px;top:-8px}.sidebar-user.offline .sb-avatar>span:not(.offline-dot):not(.creator-crown):not(.user-sword){opacity:.45}.sb-name.faded{color:#4e5566}.sb-name{color:#dcddde;font-size:.87rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row{border:1px solid #00e5ff1f}.friend-status-pill{background:#72767d26;border:1px solid #4e5566;border-radius:999px;color:#9ca2ab;font-size:.65rem;font-weight:700;letter-spacing:.02em;margin-left:auto;padding:2px 7px}.friend-status-pill.online{background:#3ba55d2e;border-color:#3ba55dbf;color:#9cf0ba}.sidebar-user.dm-clickable{cursor:pointer}.user-row-actions{gap:4px}.user-row-actions,.user-row-btn{align-items:center;display:inline-flex}.user-row-btn{background:#1d1f23e6;border:1px solid #50545d;border-radius:6px;color:#d6dae1;cursor:pointer;font-size:.7rem;height:24px;justify-content:center;line-height:1;transition:transform .12s ease,border-color .15s ease,background .15s ease;width:24px}.user-row-btn:hover:not(:disabled){background:#00e5ff24;border-color:#00e5ff;transform:translateY(-1px)}.user-row-msg-btn{color:#a7ebff}.user-row-call-btn{border-color:#00e5ff8c;color:#b9f8ff}.user-row-btn-disabled,.user-row-btn:disabled{background:#72767d33;border-color:#4e5566;color:#9ca2ab;cursor:default;opacity:.5}.call-overlay{align-items:center;background:radial-gradient(circle at 20% 20%,#00e5ff1f,#0000 45%),radial-gradient(circle at 80% 80%,#5865f229,#0000 50%),#090c10db;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:130}.call-card{background:linear-gradient(165deg,#20242d,#171a22 65%,#12151d);border:1px solid #00e5ff59;border-radius:16px;box-shadow:0 26px 60px #00000073;padding:26px 22px;width:min(430px,100%)}.call-kicker{color:#00e5ff;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.call-title{color:#f4f7ff;font-size:1.35rem;font-weight:800;margin:8px 0 5px}.call-subtitle{color:#b9c2d3;font-size:.9rem;margin:0}.call-actions-row{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.call-accept-btn,.call-decline-btn{border:none;border-radius:10px;cursor:pointer;font-size:.86rem;font-weight:700;min-width:112px;padding:10px 16px;transition:filter .15s ease}.call-accept-btn{background:linear-gradient(135deg,#00e5ff,#33d9ff);color:#0d1117}.call-decline-btn{background:#f0474733;border:1px solid #f0474799;color:#ffd9d9}.call-accept-btn:hover,.call-decline-btn:hover{filter:brightness(1.08)}@media (max-width:768px){.call-card{border-radius:14px;padding:22px 18px}.call-actions-row{justify-content:stretch}.call-accept-btn,.call-decline-btn{flex:1 1;min-width:0}.sidebar-user{gap:8px;padding:7px 8px}.sb-avatar:after{inset:-2px}.sb-name{font-size:.84rem}}.sidebar-profile{background:#1e1f22;border-top:1px solid #2f3136;box-shadow:inset 0 1px 0 #ffffff0f;flex-shrink:0;overflow:visible;position:relative}.sidebar-profile:before{background:#0000;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}.sidebar-profile.banner-heterosexual:before,.sidebar-profile[class*=banner-]:before{display:none}.sidebar-profile[class*=banner-custom-]:before,.sidebar-user[class*=banner-custom-]:before{display:block;opacity:.42}.sidebar-profile.banner-custom-color-red:before,.sidebar-user.banner-custom-color-red:before{background:linear-gradient(120deg,#d84a4af2,#9a2323f2)}.sidebar-profile.banner-custom-color-blue:before,.sidebar-user.banner-custom-color-blue:before{background:linear-gradient(120deg,#2f6de0f2,#1a3c84f2)}.sidebar-profile.banner-custom-color-green:before,.sidebar-user.banner-custom-color-green:before{background:linear-gradient(120deg,#2f9e63f2,#195e3af2)}.sidebar-profile.banner-custom-color-black:before,.sidebar-user.banner-custom-color-black:before{background:linear-gradient(120deg,#282a2feb,#0c0d0ff2)}.sidebar-profile.banner-custom-color-choice:before,.sidebar-user.banner-custom-color-choice:before{background:linear-gradient(120deg,color-mix(in srgb,#5865f2 88%,#000 12%),color-mix(in srgb,#5865f2 55%,#000 45%));background:linear-gradient(120deg,color-mix(in srgb,var(--custom-banner-color,#5865f2) 88%,#000 12%) 0,color-mix(in srgb,var(--custom-banner-color,#5865f2) 55%,#000 45%) 100%)}.sidebar-profile.banner-custom-flag-south-africa:before,.sidebar-user.banner-custom-flag-south-africa:before{background:linear-gradient(145deg,#0000 0 33%,#ffb612 33% 37%,#fff 37% 40%,#007a4d 40% 57%,#fff 57% 60%,#de3831 60% 100%),linear-gradient(35deg,#000 0 35%,#0000 35% 100%),linear-gradient(0deg,#002395 0 50%,#de3831 50% 100%)}.sidebar-profile.banner-custom-flag-usa:before,.sidebar-user.banner-custom-flag-usa:before{background:linear-gradient(180deg,#b22234 0 7.69%,#fff 7.69% 15.38%,#b22234 15.38% 23.07%,#fff 23.07% 30.76%,#b22234 30.76% 38.45%,#fff 38.45% 46.14%,#b22234 46.14% 53.83%,#fff 53.83% 61.52%,#b22234 61.52% 69.21%,#fff 69.21% 76.9%,#b22234 76.9% 84.59%,#fff 84.59% 92.28%,#b22234 92.28% 100%),linear-gradient(180deg,#3c3b6e 0 54%,#0000 54% 100%);background-position:0 0,0 0;background-repeat:no-repeat;background-size:100% 100%,40% 54%}.sidebar-profile.banner-custom-flag-brazil:before,.sidebar-user.banner-custom-flag-brazil:before{background:linear-gradient(45deg,#0000 35%,#ffdf00 35% 65%,#0000 65%),linear-gradient(-45deg,#0000 35%,#ffdf00 35% 65%,#0000 65%),radial-gradient(circle at 50% 50%,#002776 0 28%,#0000 29%),#009b3a}.sidebar-profile.banner-custom-flag-japan:before,.sidebar-user.banner-custom-flag-japan:before{background:radial-gradient(circle at 50% 50%,#bc002d 0 26%,#0000 27%),#fff}.profile-bar-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:8px;height:44px;padding:0 10px;position:relative;text-align:left;transition:background .1s;width:100%;z-index:1}.profile-bar-btn:hover{background:#383a40}.sb-username{color:#dcddde;flex:1 1;font-size:.88rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-caret{color:#72767d;flex-shrink:0;font-size:.65rem}.profile-mini-icons{align-items:center;display:inline-flex;gap:3px;margin-left:auto}.profile-mini-icon{align-items:center;background:#111214b3;border:1px solid #ffffff1a;border-radius:999px;display:inline-flex;font-size:.6rem;height:16px;justify-content:center;width:16px}.profile-menu{background:#111214;border:1px solid #1e1f22;border-radius:8px 8px 0 0;bottom:100%;box-shadow:0 -4px 16px #00000080;left:0;overflow:hidden;position:absolute;right:0;z-index:50}.profile-menu-header{align-items:center;display:flex;gap:10px;padding:14px 12px 10px}.profile-menu-account-meta{display:flex;flex-direction:column;min-width:0}.profile-menu-username{color:#dcddde;font-size:.9rem;font-weight:700}.profile-menu-created{color:#8f97a3;font-size:.76rem;margin-top:2px}.profile-menu-status-display{color:#b7f7ff;font-size:.78rem;margin-top:2px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-status-editor{align-items:center;display:flex;gap:8px;padding:6px 12px 8px}.profile-status-input{background:#1a1c1f;border:1px solid #2b2d31;border-radius:6px;color:#dcddde;flex:1 1;font-size:.82rem;min-width:0;outline:none;padding:7px 9px}.profile-status-input:focus{border-color:#00e5ff;box-shadow:0 0 0 1px #00e5ff59}.profile-status-save{background:#00e5ff1f;border:1px solid #00e5ff59;border-radius:6px;color:#9ef4ff;cursor:pointer;font-size:.78rem;padding:7px 10px}.profile-status-save:hover:not(:disabled){background:#00e5ff38}.profile-status-save:disabled{cursor:default;opacity:.6}.profile-status-note{color:#8f97a3;font-size:.74rem;margin:0 12px 6px}.profile-menu-divider{background:#2b2d31;height:1px;margin:0 8px 4px}.avatar-error-banner{background:#ed424526;border:1px solid #ed424566;border-radius:6px;color:#ed4245;font-size:.78rem;line-height:1.4;margin:4px 8px 6px;padding:8px 12px}.profile-menu-item{align-items:center;color:#b9bbbe;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.88rem;gap:10px;padding:9px 14px;position:relative;transition:background .1s,color .1s}.profile-menu-item:hover{background:#383a40;color:#dcddde}.profile-menu-logout{background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;text-align:left;width:100%}.profile-menu-logout:hover{background:#f0474726;color:#f04747}.profile-menu-item .color-swatch{height:18px;margin-left:auto;width:18px}.profile-menu-item .color-picker-input{height:0;opacity:0;position:absolute;width:0}.banner-picker-item{color:#dcddde;cursor:default;padding-bottom:6px}.banner-choice-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 10px}.custom-banner-grid{margin-top:-4px}.banner-choice-btn{align-items:center;background:#1f2125;border:1px solid #3b3e45;border-radius:8px;color:#cfd3db;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.78rem;gap:7px;padding:6px 8px;text-align:left;transition:border-color .12s,background .12s}.banner-choice-btn:hover{background:#272a30;border-color:#5a5f6b}.banner-choice-btn.active{border-color:#00e5ff;box-shadow:inset 0 0 0 1px #00e5ff4d}.banner-choice-preview{border:1px solid #ffffff47;border-radius:4px;flex-shrink:0;height:16px;width:24px}.banner-choice-preview.banner-heterosexual{background:repeating-linear-gradient(90deg,#111,#111 12.5%,#f8f8f8 0,#f8f8f8 25%)}.banner-choice-preview.banner-rainbow{background:linear-gradient(120deg,#e40303,#ff8c00 20%,#ffed00 40%,#008026 60%,#004dff 80%,#750787)}.banner-choice-preview.banner-progress{background:linear-gradient(120deg,#e40303,#ff8c00 18%,#ffed00 36%,#008026 54%,#004dff 72%,#750787),linear-gradient(135deg,#0000 0 24%,#fff 24% 31%,#f7a8b8 31% 38%,#55cdfc 38% 45%,#613915 45% 52%,#000 52% 59%,#0000 59% 100%)}.banner-choice-preview.banner-trans{background:linear-gradient(120deg,#5bcffb,#5bcffb 20%,#f5abb9 0,#f5abb9 40%,#fff 0,#fff 60%,#f5abb9 0,#f5abb9 80%,#5bcffb 0,#5bcffb)}.banner-choice-preview.banner-bi{background:linear-gradient(120deg,#d60270,#d60270 42%,#9b4f96 0,#9b4f96 58%,#0038a8 0,#0038a8)}.banner-choice-preview.banner-pan{background:linear-gradient(120deg,#ff218c,#ff218c 33%,#ffd800 0,#ffd800 66%,#21b1ff 0,#21b1ff)}.banner-choice-preview.banner-lesbian{background:linear-gradient(120deg,#d52d00,#ef7627 20%,#ff9a56 40%,#fff 50%,#d162a4 70%,#b55690 85%,#a30262)}.banner-choice-preview.banner-nonbinary{background:linear-gradient(120deg,#fff430,#fff430 25%,#fff 0,#fff 50%,#9c59d1 0,#9c59d1 75%,#2d2d2d 0,#2d2d2d)}.banner-choice-preview.banner-custom-color-red{background:#d84a4a}.banner-choice-preview.banner-custom-color-blue{background:#2f6de0}.banner-choice-preview.banner-custom-color-green{background:#2f9e63}.banner-choice-preview.banner-custom-color-black{background:#101113}.banner-choice-preview.banner-custom-color-choice{background:#5865f2;background:var(--custom-banner-color,#5865f2)}.banner-choice-preview.banner-custom-flag-south-africa{background:linear-gradient(145deg,#0000 0 33%,#ffb612 33% 37%,#fff 37% 40%,#007a4d 40% 57%,#fff 57% 60%,#de3831 60% 100%),linear-gradient(35deg,#000 0 35%,#0000 35% 100%),linear-gradient(0deg,#002395 0 50%,#de3831 50% 100%)}.banner-choice-preview.banner-custom-flag-usa{background:linear-gradient(180deg,#b22234 0 7.69%,#fff 7.69% 15.38%,#b22234 15.38% 23.07%,#fff 23.07% 30.76%,#b22234 30.76% 38.45%,#fff 38.45% 46.14%,#b22234 46.14% 53.83%,#fff 53.83% 61.52%,#b22234 61.52% 69.21%,#fff 69.21% 76.9%,#b22234 76.9% 84.59%,#fff 84.59% 92.28%,#b22234 92.28% 100%),linear-gradient(180deg,#3c3b6e 0 54%,#0000 54% 100%);background-position:0 0,0 0;background-repeat:no-repeat;background-size:100% 100%,40% 54%}.banner-choice-preview.banner-custom-flag-brazil{background:linear-gradient(45deg,#0000 35%,#ffdf00 35% 65%,#0000 65%),linear-gradient(-45deg,#0000 35%,#ffdf00 35% 65%,#0000 65%),radial-gradient(circle at 50% 50%,#002776 0 28%,#0000 29%),#009b3a}.banner-choice-preview.banner-custom-flag-japan{background:radial-gradient(circle at 50% 50%,#bc002d 0 26%,#0000 27%),#fff}.color-picker-label{cursor:pointer;position:relative}.custom-banner-color-item{position:relative}.custom-banner-swatch{margin-left:auto}.color-picker-input{height:0;opacity:0;position:absolute;width:0}.color-swatch{border:2px solid #4e5566;border-radius:50%;cursor:pointer;display:inline-block;height:20px;transition:border-color .15s,transform .15s;width:20px}.color-swatch:hover{border-color:#00e5ff;transform:scale(1.15)}.main{background:#313338;overflow:hidden;width:100%}.home-dashboard,.main{display:flex;flex:1 1;flex-direction:column}.home-dashboard{background:radial-gradient(circle at top left,#00e5ff14,#0000 28%),radial-gradient(circle at bottom right,#faa61a14,#0000 24%),#000;gap:14px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:18px 18px 22px}.home-mobile-topbar{display:none}.home-header{flex-shrink:0}.home-kicker{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;color:#9ddffc;display:inline-flex;font-size:.7rem;font-weight:800;gap:6px;letter-spacing:.14em;margin-bottom:10px;padding:5px 10px}.home-headline-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.home-title{color:#f5f7fa;font-size:1.4rem;font-weight:800;margin:0}.home-subtitle{color:#9da3ad;font-size:.9rem;margin:6px 0 0}.home-signal-card{align-items:center;background:#1112148c;border:1px solid #ffffff0f;border-radius:14px;color:#d5dbe3;display:flex;flex-shrink:0;font-size:.84rem;font-weight:700;gap:8px;padding:10px 12px}.total-online-card{background:#00e5ff1f;border-color:#00e5ff40;color:#c9f8ff}.total-dot{animation:signal-pulse-alt 1.9s infinite;background:#00e5ff;box-shadow:0 0 0 0 #00e5ff99}.signal-dot{animation:signal-pulse 1.8s infinite;background:#3ba55d;border-radius:50%;box-shadow:0 0 0 0 #3ba55d99;height:10px;width:10px}@keyframes signal-pulse{0%{box-shadow:0 0 0 0 #3ba55d8c}70%{box-shadow:0 0 0 10px #3ba55d00}to{box-shadow:0 0 0 0 #3ba55d00}}@keyframes signal-pulse-alt{0%{box-shadow:0 0 0 0 #00e5ff8c}70%{box-shadow:0 0 0 10px #00e5ff00}to{box-shadow:0 0 0 0 #00e5ff00}}.home-stats-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.home-stat-pill{align-items:baseline;background:#1112147a;border:1px solid #ffffff0f;border-radius:14px;color:#f5f7fa;display:flex;gap:10px;justify-content:space-between;min-width:120px;padding:10px 12px}.home-stat-pill strong{font-size:1.1rem}.home-stat-label{color:#9da3ad;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.alert-pill{background:#f047471f}.home-section{background:#11121466;border:1px solid #23252a;border-radius:16px;display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0;overflow:hidden;padding:14px}.home-footer{align-items:center;color:#8f97a3;display:flex;flex-shrink:0;font-size:.76rem;gap:8px;justify-content:center;letter-spacing:.04em;margin-top:auto;padding:10px 14px 4px}.home-footer-brand{color:#d8e8f2;font-weight:800}.home-footer-dot{opacity:.55}.home-footer-copy{opacity:.85}.home-section-private{background:#14110c47}.home-section-title{color:#b9bbbe;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.home-carousel-controls{align-items:center;display:flex;gap:8px}.carousel-arrow{background:#111214ad;border:1px solid #ffffff14;border-radius:999px;color:#d5dbe3;cursor:pointer;font-size:1.1rem;font-weight:700;height:34px;transition:transform .12s,background .15s,border-color .15s;width:34px}.carousel-arrow:hover{background:#383a40f2;border-color:#ffffff29;transform:translateY(-1px)}.home-space-row{cursor:grab;display:flex;flex:1 1;gap:12px;min-height:0;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scroll-snap-type:x proximity;touch-action:pan-x;-webkit-user-select:none;user-select:none}.home-space-row:active{cursor:grabbing}.home-space-row::-webkit-scrollbar{height:8px}.home-space-row::-webkit-scrollbar-thumb{background:#23252a;border-radius:999px}.space-card{animation:card-rise-in .55s cubic-bezier(.22,1,.36,1) forwards;background:linear-gradient(180deg,#383a40f0,#23252af5);border:1px solid #2f3136;border-radius:16px;box-shadow:0 10px 24px #0003;color:#dcddde;cursor:pointer;display:flex;flex:0 0 250px;flex-direction:column;gap:10px;max-width:280px;min-width:250px;opacity:0;padding:16px;scroll-snap-align:start;text-align:left;transition:transform .12s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.space-card:hover{border-color:#4e5566;box-shadow:0 14px 30px #00000047;transform:translateY(-2px)}.channel-card{background:linear-gradient(180deg,#00e5ff1f,#23252afa)}.group-card{background:linear-gradient(180deg,#faa61a24,#23252afa)}.private-card{background:linear-gradient(180deg,#5865f224,#23252afa)}.empty-space-card{cursor:default;justify-content:center}.empty-space-card:hover{border-color:#2f3136;box-shadow:0 10px 24px #0003;transform:none}.space-card-top{align-items:center;display:flex;gap:8px}.space-card-icon{align-items:center;background:#ffffff14;border-radius:8px;color:#fff;display:flex;font-weight:800;height:28px;justify-content:center;width:28px}.space-card-name{color:#f5f7fa;font-size:1rem;font-weight:800}.space-card-desc{color:#aeb3bb;font-size:.83rem;line-height:1.5}.space-card-badge,.space-card-unread{border-radius:999px;font-size:.65rem;font-weight:800;padding:2px 7px}.space-card-badge{background:#3ba55d29;border:1px solid #3ba55d66;color:#6bda8d}.pulse-badge{animation:badge-float 2.4s ease-in-out infinite}.featured-badge{background:#00e5ff24;border:1px solid #00e5ff66;color:#91f4ff}.trending-badge{background:#faa61a29;border:1px solid #faa61a66;color:#ffd08a}.private-badge{background:#5865f229;border:1px solid #5865f266;color:#a8b2ff}.space-card-unread{background:#f04747;color:#fff;margin-left:auto}.home-item{margin-bottom:8px}.home-animate-fade{animation:hero-fade-in .5s ease forwards;opacity:0}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-rise-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@media (max-width:767px){.home-dashboard{gap:12px;padding:12px 12px 20px}.home-mobile-topbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#000000f5,#000000bd);display:flex;gap:10px;padding:2px 0 6px;position:sticky;top:0;z-index:4}.home-mobile-brand{color:#f5f7fa;font-size:.84rem;font-weight:800;letter-spacing:.08em}.home-headline-row{flex-direction:column}.home-header{flex-shrink:0}.home-section-heading{align-items:flex-start;flex-direction:column}.home-section,.home-space-row{flex:0 0 auto;min-height:0}.home-space-row{padding-bottom:2px}.home-carousel-controls{display:none}.home-footer{flex-wrap:wrap;padding-bottom:10px}.space-card{flex-basis:220px;max-width:240px;min-width:220px}}@media (max-width:479px){.space-card{flex-basis:196px;max-width:210px;min-width:196px}.catchup-btn{border-radius:999px;gap:0;min-height:36px;min-width:36px;padding:6px}.catchup-label{display:none}}.hamburger-btn{align-items:center;background:none;border:none;border-radius:4px;color:#dcddde;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;justify-content:center;padding:4px 10px;transition:background .1s}.hamburger-btn:hover{background:#383a40}.mobile-escape-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#f5f7fa;cursor:pointer;display:none;flex-shrink:0;font-size:1.05rem;justify-content:center;padding:4px 9px}.mobile-escape-btn:hover{background:#ffffff29}.channel-header{align-items:center;border-bottom:1px solid #1e1f22;box-shadow:0 1px 0 #0003;display:flex;flex-shrink:0;gap:6px;height:48px;padding:0 16px}.channel-hash-header{color:#72767d;font-size:1.3rem;font-weight:700;line-height:1}.channel-name-header{color:#dcddde;font-size:1rem;font-weight:600}.channel-desc{border-left:1px solid #3f4147;color:#72767d;font-size:.8rem;margin-left:8px;min-width:0;overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap}.messages{-ms-overflow-style:none;color-scheme:dark;display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;padding:16px 16px 8px}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background:#1e1f22;border-radius:3px}.message{align-items:flex-start;border-bottom:1px solid #1e1f22;border-radius:4px;display:flex;gap:12px;padding:8px;transition:background .1s}.message:last-child{border-bottom:none}.message:hover{background:#2e3035}.message.ai{background:#00e5ff0d;border-left:3px solid #00e5ff}.message.system{justify-content:center;padding:4px 0}.system-text{color:#72767d;font-size:.78rem;font-style:italic}.msg-avatar{align-items:center;background:#383a40;border-radius:50%;color:#dcddde;display:flex;flex-shrink:0;font-size:.95rem;height:40px;justify-content:center;margin-top:2px;overflow:hidden;width:40px}.msg-avatar img{height:100%;object-fit:cover;width:100%}.msg-body{display:flex;flex-direction:column;gap:2px;min-width:0}.msg-meta{align-items:baseline;display:flex;gap:8px}.msg-username{color:#dcddde;font-size:.93rem;font-weight:600}.timestamp{color:#72767d;font-size:.7rem}.msg-text{color:#dcddde;font-size:.93rem;line-height:1.45;word-break:break-word}.mention-chip-inline{align-items:center;background:#58a6ff2e;border:1px solid #58a6ff8c;border-radius:999px;color:#b9d9ff;cursor:pointer;display:inline-flex;font-size:.84em;font-weight:700;line-height:1.35;margin:0 2px;padding:0 8px;vertical-align:initial}.mention-chip-inline:hover{background:#58a6ff47;border-color:#84c4ffcc}.input-bar{flex-shrink:0;padding:0 16px calc(14px + env(safe-area-inset-bottom))}.mention-menu{background:#10172ef7;border:1px solid #ffffff29;border-radius:12px;box-shadow:0 10px 24px #00000059;margin:0 0 10px;max-height:180px;overflow-y:auto;padding:6px}.mention-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#eaf0ff;cursor:pointer;display:flex;gap:8px;padding:8px 10px;text-align:left;width:100%}.mention-item.active,.mention-item:hover{background:#ffffff1f}.mention-dot{border-radius:999px;flex:0 0 8px;height:8px;width:8px}.mention-dot.online{background:#28d17c}.mention-dot.offline{background:#9da9c7}.mention-name{font-weight:700;letter-spacing:.2px}.input-row{align-items:center;background:#383a40;border:2px solid #0000;border-radius:8px;display:flex;gap:0;overflow:hidden;transition:border-color .15s}.input-row:focus-within{border-color:#00e5ff}.attach-btn{align-items:center;color:#72767d;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;min-width:42px;transition:color .15s;width:42px}.attach-btn:hover{color:#00e5ff}.input-row input{background:#0000;border:none;color:#dcddde;flex:1 1;font-family:Inter,sans-serif;font-size:15px;min-width:0;outline:none;padding:11px 8px}.input-row input::placeholder{color:#72767d}.dm-top-actions{display:flex;gap:6px;justify-content:flex-end;margin-bottom:6px}.dm-top-btn{align-items:center;background:#383a40f2;border:1px solid #4e5566;border-radius:7px;color:#d6dae1;cursor:pointer;display:inline-flex;font-size:.76rem;height:28px;justify-content:center;transition:transform .12s ease,border-color .15s ease,background .15s ease;width:28px}.dm-top-btn:hover:not(:disabled){background:#00e5ff24;border-color:#00e5ff;transform:translateY(-1px)}.dm-top-call-btn{border-color:#00e5ff8c;color:#b9f8ff}.dm-top-btn.disabled,.dm-top-btn:disabled{background:#72767d33;border-color:#4e5566;color:#9ca2ab;cursor:default;opacity:.5}.input-row button{background:#00e5ff;border:none;border-radius:5px;color:#0d1117;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:13px;font-weight:700;margin:5px 6px;padding:6px 16px;transition:background .15s;white-space:nowrap}.input-row button:hover{background:#00b8d9}.msg-attachment-img{border-radius:6px;cursor:pointer;display:block;margin-top:6px;max-height:220px;max-width:320px;object-fit:cover}.msg-attachment-file{align-items:center;background:#2e3035;border-radius:6px;color:#00e5ff;display:inline-flex;font-size:.85rem;gap:6px;margin-top:6px;padding:6px 12px;text-decoration:none;transition:background .1s}.msg-attachment-file:hover{background:#383a40}.sidebar-actions-row{align-items:center;display:flex;gap:6px;margin:6px 8px 0}.invite-btn{background:none;border:1px dashed #4e5566;border-radius:4px;color:#72767d;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;padding:7px 10px;text-align:left;transition:border-color .15s,color .15s}.invite-btn:hover{background:none;border-color:#00e5ff;color:#00e5ff}.create-group-btn{align-items:center;background:none;border:1px dashed #4e5566;border-radius:4px;color:#72767d;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;padding:0;transition:border-color .15s,color .15s;width:30px}.create-group-btn:hover{border-color:#00e5ff;color:#00e5ff}.group-hash{font-size:.9rem}.group-member-list{background:#1e1f22;border-radius:6px;color-scheme:dark;max-height:180px;overflow-y:auto;padding:4px 0;width:100%}.group-member-item{align-items:center;color:#b9bbbe;cursor:pointer;display:flex;font-size:.88rem;gap:10px;padding:8px 14px;transition:background .1s}.group-member-item:hover{background:#313338}.group-member-item input[type=checkbox]{accent-color:#00e5ff;cursor:pointer;flex-shrink:0;height:15px;width:15px}.member-status-dot{border-radius:50%;flex-shrink:0;height:8px;margin-left:auto;width:8px}.member-status-dot.online{background:#3ba55d}.member-status-dot.offline{background:#72767d}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-card{background:#2b2d31;border:1px solid #1e1f22;border-radius:12px;box-shadow:0 16px 48px #0009;display:flex;flex-direction:column;gap:12px;max-width:360px;padding:32px 28px;width:calc(100% - 32px)}.modal-title{color:#dcddde;font-size:1.1rem;font-weight:700;margin:0}.modal-sub{color:#72767d;font-size:.82rem;margin:0}.modal-input{background:#383a40;border:1px solid #1e1f22;border-radius:6px;color:#dcddde;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:10px 14px;width:100%}.modal-input::placeholder{color:#72767d}.modal-input:focus{border-color:#00e5ff}.modal-error{color:#f04747;font-size:.8rem;margin:0}.modal-success{color:#3ba55d;font-size:.8rem;font-weight:600;margin:0}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-cancel{background:none;border:1px solid #4e5566;border-radius:5px;color:#72767d;cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;padding:8px 16px;transition:border-color .15s,color .15s}.modal-cancel:hover{background:none;border-color:#dcddde;color:#dcddde}.modal-send{background:#00e5ff;border:none;border-radius:5px;color:#0d1117;cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;padding:8px 18px;transition:background .15s}.modal-send:hover{background:#00b8d9}.modal-send:disabled{cursor:default;opacity:.5}.group-visibility-toggle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.visibility-btn{background:#23252a;border:1px solid #4e5566;border-radius:7px;color:#b9bbbe;cursor:pointer;font-size:.8rem;font-weight:700;padding:9px 12px;transition:border-color .15s,color .15s,background .15s}.visibility-btn:hover{border-color:#dcddde;color:#dcddde}.visibility-btn.active{background:#00e5ff1f;border-color:#00e5ff;color:#00e5ff}.group-policy-toggle{display:flex;flex-direction:column;gap:8px;margin-top:2px}.policy-btn{background:#23252a;border:1px solid #4e5566;border-radius:8px;color:#b9bbbe;cursor:pointer;font-size:.79rem;font-weight:700;padding:10px 12px;text-align:left;transition:border-color .15s,color .15s,background .15s;width:100%}.policy-btn:hover{border-color:#dcddde;color:#dcddde}.policy-btn.active{background:#00e5ff1f;border-color:#00e5ff;color:#00e5ff}@media (min-width:768px){.sidebar{flex-shrink:0;position:relative;transform:none;z-index:auto}.sidebar-backdrop{display:none!important}.hamburger-btn{display:none}.main{width:auto}}@media (max-width:479px){.channel-desc{display:none}.join-card{border-radius:12px;padding:32px 20px}}.message{position:relative}.msg-actions{align-items:center;background:#111214;border:1px solid #2b2d31;border-radius:6px;display:flex;gap:2px;opacity:0;padding:2px 4px;pointer-events:none;position:absolute;right:8px;top:-18px;transition:opacity .12s;z-index:10}.message:hover .msg-actions{opacity:1;pointer-events:all}.msg-action-btn{background:none;border:none;border-radius:4px;color:#b9bbbe;cursor:pointer;font-size:1rem;line-height:1;padding:3px 5px;transition:background .1s}.msg-action-btn:hover{background:#2b2d31}.dots-btn{font-size:1.2rem;letter-spacing:-1px}.context-menu{background:#111214;border:1px solid #2b2d31;border-radius:8px;box-shadow:0 8px 24px #0000008c;max-height:calc(100dvh - 60px);min-width:210px;overflow-y:auto;padding:4px 0;position:fixed;z-index:200}.context-menu-item{align-items:center;background:none;border:none;color:#dcddde;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.88rem;gap:10px;padding:9px 14px;text-align:left;transition:background .1s;width:100%}.context-menu-item:hover{background:#1e1f22}.context-menu-item.danger{color:#f04747}.context-menu-item.danger:hover{background:#f047471a}.context-menu-divider{background:#2b2d31;height:1px;margin:3px 0}.context-reaction-pullout{align-items:center;border-bottom:1px solid #2b2d31;border-top:1px solid #2b2d31;display:flex;gap:6px;overflow-x:auto;padding:6px 10px 8px}.context-reaction-btn{background:#23252a;border:1px solid #3a3d44;border-radius:8px;color:#dcddde;cursor:pointer;flex-shrink:0;font-size:1.05rem;height:34px;line-height:1;transition:background .12s,border-color .12s,transform .08s;width:34px}.context-reaction-btn:hover{background:#2f3238;border-color:#00e5ff}.context-reaction-btn:active{transform:scale(.96)}.emoji-picker{grid-gap:4px;background:#2b2d31;border:1px solid #383a40;border-radius:10px;box-shadow:0 8px 24px #00000080;display:grid;gap:4px;grid-template-columns:repeat(6,36px);padding:10px;position:fixed;z-index:210}.emoji-picker-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:background .1s;width:36px}.emoji-picker-btn:hover{background:#383a40}.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.reaction-chip{background:#383a40;border:1px solid #0000;border-radius:12px;color:#dcddde;cursor:pointer;font-family:Inter,sans-serif;font-size:.82rem;padding:2px 8px;transition:background .1s,border-color .1s}.reaction-chip:hover{background:#44464d}.reaction-chip.mine{background:#00e5ff1a;border-color:#00e5ff;color:#00e5ff}.msg-reply-quote{background:#1e1f22;border-left:3px solid #00e5ff;border-radius:4px;display:flex;flex-direction:column;margin-bottom:4px;max-width:100%;overflow:hidden;padding:4px 10px}.reply-quote-author{color:#00e5ff;font-size:.78rem;font-weight:700;margin-bottom:2px}.reply-quote-text{color:#72767d;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner{align-items:center;background:#2b2d31;border-left:3px solid #00e5ff;border-radius:4px 4px 0 0;color:#b9bbbe;display:flex;font-size:.82rem;gap:10px;margin:0 12px;padding:7px 14px}.reply-banner-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner-close{background:none;border:none;border-radius:3px;color:#72767d;cursor:pointer;flex-shrink:0;font-size:.9rem;padding:2px 4px;transition:color .1s}.reply-banner-close:hover{color:#f04747}.typing-indicator{align-items:center;background:#161b22e6;border:1px solid #ffffff14;border-radius:10px;color:#b9c1d0;display:flex;font-size:.8rem;gap:10px;margin:0 12px 6px;padding:7px 14px}.typing-dots{align-items:center;display:inline-flex;gap:4px}.typing-dots span{animation:typing-bounce 1.1s ease-in-out infinite;background:#8ab4ff;border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}.typing-indicator-text{min-width:0}@keyframes typing-bounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.pinned-badge{color:#faa61a;font-size:.7rem;font-weight:600;margin-left:6px}.message.pinned{background:#faa61a0d;border-radius:4px}.msg-deleted{color:#72767d;font-size:.85rem;font-style:italic}.msg-edited-tag{color:#72767d;font-size:.7rem;margin-left:5px}.msg-edit-row{align-items:center;display:flex;gap:6px;margin-top:2px}.msg-edit-input{background:#383a40;border:1px solid #00e5ff;border-radius:5px;color:#dcddde;flex:1 1;font-family:Inter,sans-serif;font-size:.9rem;outline:none;padding:6px 10px}.msg-edit-save{background:#00e5ff;border:none;border-radius:4px;color:#0d1117;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;padding:5px 10px;transition:background .1s;white-space:nowrap}.msg-edit-save:hover{background:#00b8d9}.msg-edit-cancel{background:none;border:1px solid #4e5566;border-radius:4px;color:#72767d;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;padding:5px 8px;transition:color .1s}.msg-edit-cancel:hover{border-color:#f04747;color:#f04747}.group-header-menu-btn{background:#faa61a24;border:1px solid #faa61a61;border-radius:999px;box-shadow:inset 0 0 0 1px #00000040;color:#ffd38a;cursor:pointer;flex-shrink:0;font-size:1.3rem;font-weight:700;letter-spacing:-1px;line-height:1;margin-left:auto;padding:5px 11px;transition:background .15s,color .15s,border-color .15s,transform .1s}.group-header-menu-btn:hover{background:#faa61a38;border-color:#faa61aa6;color:#ffe6b5;transform:translateY(-1px)}.group-header-menu-btn:focus-visible{outline:2px solid #ffd38ad9;outline-offset:2px}.group-options-panel{background:#2b2d31;border-bottom:1px solid #1e1f22;display:flex;flex-direction:column;gap:10px;padding:14px 16px 10px}.group-options-title{color:#b9bbbe;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.group-options-empty{color:#72767d;font-size:.82rem;margin:0}.group-options-error{color:#f04747;font-size:.8rem;margin:0}.group-options-actions{display:flex;gap:8px;justify-content:flex-end}.group-options-section{display:flex;flex-direction:column;gap:8px}.group-options-divider{background:#1e1f22;height:1px;margin:2px 0}.group-options-input{background:#383a40;border:1px solid #1e1f22;border-radius:6px;box-sizing:border-box;color:#dcddde;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.group-options-input::placeholder{color:#72767d}.group-options-input:focus{border-color:#00e5ff}.danger-action{border-color:#f04747;color:#f04747}.danger-action:hover{background:#f047471f;border-color:#ff6b6b;color:#ffd6d6}.danger-action:disabled{background:none;border-color:#7a2f31;color:#b87375;cursor:not-allowed;opacity:.55}.gif-badge{border-radius:10px;flex-shrink:0;font-size:.72rem;font-weight:700;margin-left:auto;padding:2px 7px}.gif-badge.locked{background:#00e5ff;color:#0d1117}.gif-badge.unlocked{background:#3ba55d;color:#fff}.profile-menu-item.gif-unlocked{cursor:default;opacity:.7}.gif-payment-card{max-width:380px}.gif-pay-success-icon{font-size:2.8rem;text-align:center}.gif-price-tag{color:#00e5ff;font-size:2rem;font-weight:800;letter-spacing:.02em;text-align:center}.gif-pay-divider{background:#383a40;height:1px;margin:2px 0}.gif-card-form{flex-direction:column;width:100%}.gif-card-form,.gif-card-row{display:flex;gap:8px}.gif-card-row .modal-input{flex:1 1}.gif-pay-note{color:#72767d;font-size:.75rem;margin:0;text-align:center}@media (max-width:767px){.channel-item{font-size:.92rem;padding:10px}.input-row input{font-size:16px;padding:14px 8px}.input-row button{font-size:14px;padding:8px 14px}.channel-header{align-items:center;background:#2b2d31;flex-wrap:wrap;gap:4px;height:auto;min-height:52px;padding:calc(4px + env(safe-area-inset-top)) 8px 6px}.hamburger-btn{background:#ffffff14;border-radius:6px;color:#fff;display:flex;font-size:1.6rem;min-height:44px;min-width:44px}.mobile-escape-btn{display:flex;min-height:38px;min-width:38px}.private-group-header .mobile-escape-btn{display:flex}.private-group-header{align-items:center;display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto auto}.private-group-header .hamburger-btn{display:flex;grid-column:1;grid-row:1;position:relative;z-index:2}.private-group-header .mobile-escape-btn{grid-column:2;grid-row:1}.private-group-header .channel-hash-header{grid-column:3;grid-row:1}.private-group-header .channel-name-header{grid-column:4;grid-row:1;min-width:0}.private-group-header .group-header-menu-btn{grid-column:5;grid-row:1}.private-group-header .catchup-btn{grid-column:6;grid-row:1;margin-left:0}.private-group-header .channel-desc{grid-column:1/-1;grid-row:2}.channel-name-header{flex:1 1;font-size:.92rem;min-width:0}.channel-desc{border-left:none;font-size:.76rem;margin-left:0;order:3;padding-left:0;width:100%}.catchup-btn{font-size:.74rem;margin-left:auto;padding:4px 10px}.group-header-menu-btn{margin-left:0}.messages{padding:10px 8px 4px}.history-loading-card{padding:12px}.msg-actions{opacity:1;pointer-events:all;right:4px;top:-20px}.msg-action-btn{font-size:1.05rem;padding:5px 7px}.context-menu{left:8px!important;min-width:0;min-width:auto;right:8px!important;width:auto}.context-reaction-pullout{padding:8px 6px 10px}.emoji-picker{grid-template-columns:repeat(6,1fr);left:8px!important;right:8px!important;width:auto}.emoji-picker-btn{height:40px;width:100%}.profile-menu{left:0;right:0;width:auto}.group-options-panel{padding:12px 12px 10px}.gif-payment-card{max-width:100%}.gif-card-row{flex-direction:column;gap:8px}.modal-card{border-radius:12px;max-width:100%;padding:24px 16px}.reply-banner{margin:0 6px;padding:6px 10px}.typing-indicator{margin:0 6px 6px;padding:6px 10px}.input-bar{padding:0 8px calc(10px + env(safe-area-inset-bottom))}}.lightbox-overlay{align-items:center;background:#000000eb;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.lightbox-img{border-radius:4px;box-shadow:0 8px 40px #0009;cursor:default;max-height:92vh;max-width:95vw;object-fit:contain}.lightbox-close{align-items:center;background:#0000008c;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;width:40px}.lightbox-close:hover{background:#ffffff26}
/*# sourceMappingURL=main.5a5dc8fa.css.map*/