:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7eaf4;background:#0d1020;--bg:#0d1020;--panel:#15182b;--panel2:#1b1f35;--line:#292e49;--muted:#8e94ad;--purple:#7867f8;--green:#51d19a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#21254c 0,#0d1020 48%);min-height:100vh}.app-shell{display:grid;grid-template-columns:72px 250px 1fr 260px;min-height:100vh}.server-rail{background:#0a0c18;border-right:1px solid #171a2c;padding:18px 12px;display:flex;align-items:center;flex-direction:column;gap:12px}.brand-mark,.server{width:44px;height:44px;border-radius:14px;border:0;display:grid;place-items:center;font-weight:800;color:#fff}.brand-mark{color:#fff;background:linear-gradient(135deg,#a08bff,#6055e5);box-shadow:0 8px 24px #6155dc4d;margin-bottom:12px}.server{background:#20243b;color:#9da4c1;font-size:14px;transition:.2s}.server:hover,.server.active{background:#7162ed;color:#fff;border-radius:13px}.server.add{font-size:24px;color:#60dbab;background:#171d2d}.channel-panel,.member-panel{background:#15182b}.channel-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.workspace-header{height:74px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-weight:750}.icon-button{background:none;border:0;color:#9ba1bb;font-size:19px;cursor:pointer}.icon-button:hover{color:#fff}.channel-scroll{padding:24px 12px;flex:1}.section-label{font-size:10px;letter-spacing:.12em;color:#777f9d;font-weight:800;padding:0 10px 10px;display:flex;justify-content:space-between}.section-label button{border:0;background:none;color:#8b92ae;font-size:18px;line-height:10px}.channel{display:flex;gap:12px;align-items:center;width:100%;border:0;border-radius:8px;background:transparent;color:#858ca9;padding:11px 12px;text-align:left;font-size:14px;cursor:pointer}.channel:hover,.channel.selected{background:#252946;color:#e8eaf4}.channel span{font-size:17px;color:#727996}.voice-label{margin-top:28px}.voice-channel em{margin-left:auto;font-style:normal;background:#30375a;color:#b4bae0;font-size:11px;padding:2px 6px;border-radius:10px}.user-card{padding:14px 12px;display:flex;align-items:center;gap:10px;background:#101326}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:750;background:linear-gradient(135deg,#f5948e,#de5570);position:relative}.avatar:after{content:"";position:absolute;right:-1px;bottom:0;width:8px;height:8px;border:2px solid #101326;border-radius:50%;background:var(--green)}.avatar.me{background:linear-gradient(135deg,#6688ff,#7060f3)}.avatar.marina{background:linear-gradient(135deg,#ffac75,#df687e)}.avatar.rafael{background:linear-gradient(135deg,#69d1c4,#4f82dc)}.user-copy{display:flex;flex-direction:column;flex:1;font-size:12px}.user-copy span,.member span,.activity span{font-size:11px;color:var(--muted);margin-top:3px}.main-panel{display:flex;flex-direction:column;min-width:0}.topbar{height:74px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.channel-title{display:flex;align-items:center;gap:12px;font-size:14px}.hash{color:#8b7dff;font-size:20px}.divider{height:18px;width:1px;background:var(--line)}.muted{color:var(--muted);font-size:12px}.top-actions{display:flex;gap:18px}.stage{padding:27px 30px 0;flex:1;min-height:0}.stage-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.live-dot,.status-dot{display:inline-block;border-radius:50%;background:#56d6a1;width:8px;height:8px;margin-right:8px;box-shadow:0 0 0 4px #56d6a11c}.stage-heading strong{font-size:14px}.invite-button{border:1px solid #3f4371;background:#262b4e;color:#bdb8ff;border-radius:8px;padding:9px 13px;font-weight:650;cursor:pointer}.invite-button:hover{background:#303661}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}.video-tile{min-height:210px;position:relative;overflow:hidden;border:1px solid #313755;background:#101326;border-radius:12px}.video-tile.host{grid-column:span 2;min-height:275px}.fake-video,.local-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fake-video{display:grid;place-items:center}.gradient-one{background:radial-gradient(circle at 50% 35%,#7268bb 0,#424779 28%,#1d2744 67%,#111628 100%)}.gradient-two{background:radial-gradient(circle at 55% 35%,#9369ae 0,#4c426b 30%,#22233e 75%,#121527 100%)}.large-avatar{width:76px;height:76px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#f5ab7c,#d35d7b);font-size:28px;font-weight:800;box-shadow:0 18px 35px #05061155}.large-avatar.violet{background:linear-gradient(135deg,#a777e8,#5a62d7)}.large-avatar.mint{background:linear-gradient(135deg,#75d0c3,#5071d8)}.tile-top{position:absolute;z-index:2;left:14px;right:14px;top:13px;display:flex;justify-content:space-between;color:#d4d7e8;font-size:11px}.pill{background:#655beecc;border-radius:5px;padding:4px 7px;font-size:9px;letter-spacing:.1em;font-weight:800}.tile-name{position:absolute;left:14px;bottom:12px;font-size:12px;font-weight:700;text-shadow:0 2px 5px #000}.mic-on{color:#66d8a9;font-size:14px}.local-tile video{display:none}.camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#203953,#141b33)}.local-tile .tile-name{z-index:2}.connection-status{color:#858da9;font-size:11px;text-align:center;padding:18px 0 20px}.latency{color:#5dcea1;margin-left:12px}.call-controls{height:92px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:20px;position:relative}.control-group{display:flex;gap:10px}.control{min-width:82px;border:0;border-radius:9px;background:#212641;color:#d9dced;padding:9px 12px;cursor:pointer;font-size:17px}.control span{display:block;font-size:10px;color:#9da4bf;margin-top:4px}.control.active{background:#2b3152}.control.off{background:#6a3249;color:#ffb7c9}.compact{position:absolute;right:26px;min-width:45px}.leave-button{position:absolute;right:80px;border:0;border-radius:8px;background:#d94e70;color:white;font-weight:700;padding:11px 15px;cursor:pointer}.leave-button:hover{background:#f15d7e}.member-panel{border-left:1px solid var(--line);padding:28px 18px}.member-heading{font-size:10px;letter-spacing:.13em;color:#777f9d;font-weight:800;margin-bottom:15px}.member{display:flex;align-items:center;gap:10px;padding:9px 6px;border-radius:8px}.member:hover{background:#20243c}.member>div:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.member strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member small{color:#898faf;font-weight:400}.member-mic{color:#61d5a4;font-size:14px}.files-heading{margin-top:34px}.activity{display:flex;gap:10px;align-items:center;padding:10px 4px}.activity>div{display:flex;flex-direction:column;overflow:hidden}.activity strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#393b77;color:#a89fff;font-size:17px}.image-icon{background:#275d68;color:#7ae4d1}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#252a47;border:1px solid #50588e;color:#eef0ff;padding:11px 17px;border-radius:9px;font-size:13px;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.app-shell{grid-template-columns:64px 220px 1fr}.member-panel{display:none}}@media(max-width:700px){.app-shell{grid-template-columns:58px 1fr}.channel-panel{display:none}.stage{padding:20px 16px 0}.topbar{padding:0 16px}.muted{display:none}.video-grid{grid-template-columns:1fr}.video-tile.host{grid-column:auto}.call-controls{height:88px}.control{min-width:58px;padding:8px}.control span{font-size:9px}.leave-button{position:static}.compact{display:none}}
.modal-backdrop{position:fixed;inset:0;background:#080a16b8;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:20}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(420px,calc(100vw - 32px));background:#1a1e35;border:1px solid #3a4169;border-radius:18px;padding:34px;box-shadow:0 30px 80px #05061199}.modal-close{position:absolute;right:17px;top:13px;background:none;border:0;color:#9da4bf;font-size:25px;cursor:pointer}.modal-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#6459e9;color:#fff;font-size:22px}.modal h2{margin:20px 0 8px;font-size:23px}.modal p{color:#9ba2bc;font-size:13px;line-height:1.55;margin:0 0 23px}.modal label{display:block;color:#c7cada;font-size:12px;font-weight:700;margin-bottom:8px}.modal input{width:100%;border:1px solid #3b4266;background:#101326;color:#fff;border-radius:8px;padding:12px;outline:none}.modal input:focus{border-color:#8174ff}.primary-button{width:100%;margin-top:15px;border:0;border-radius:8px;padding:12px;background:#7064ed;color:#fff;font-weight:750;cursor:pointer}.modal small{display:block;color:#ee7893;margin-top:12px;min-height:16px}
.download-button{display:inline-flex;align-items:center;gap:6px;border:1px solid #4c5591;background:#302d67;color:#e4e1ff;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:750;text-decoration:none}.download-button:hover{background:#413d82}
.auth-download{display:block;margin-top:18px;text-align:center;color:#aaa5ff;font-size:12px;font-weight:700;text-decoration:none}.auth-download:hover{text-decoration:underline}
.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:8vw;align-items:center;padding:7vw 10vw;background:radial-gradient(circle at 12% 20%,#2b2e68 0,#101329 42%,#0d1020 100%)}.auth-hero{max-width:620px}.auth-mark{margin-bottom:28px}.eyebrow{color:#8e85ff;font-size:11px;letter-spacing:.18em;font-weight:800}.auth-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.04em;margin:16px 0 22px}.auth-description{max-width:500px;color:#aab0c8;font-size:17px;line-height:1.6}.feature-list{display:grid;gap:10px;margin-top:30px;color:#c5c9df;font-size:13px}.auth-card{background:#191d34;border:1px solid #343b61;border-radius:20px;padding:34px;box-shadow:0 30px 90px #05061180}.auth-card-header span{font-size:10px;letter-spacing:.14em;color:#8e85ff;font-weight:800}.auth-card h2{font-size:25px;margin:12px 0 8px}.auth-card p{color:#9299b5;font-size:13px;margin:0 0 24px}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:#c8cce0;font-size:12px;font-weight:700}.auth-form input{width:100%;border:1px solid #3b4266;background:#101326;color:#fff;border-radius:8px;padding:12px;outline:none}.auth-form input:focus{border-color:#8174ff}.auth-toggle{width:100%;border:0;background:none;color:#a9a4ff;margin-top:18px;cursor:pointer;font-size:12px}.form-error{color:#f0849c;min-height:16px}@media(max-width:800px){.auth-screen{grid-template-columns:1fr;padding:32px 20px}.auth-hero{display:none}}
.app-shell[hidden],.auth-screen[hidden]{display:none!important}.local-tile.sharing{border-color:transparent;border-radius:8px}.local-tile.sharing video{border-radius:8px}
.empty-activity{padding:10px 4px;color:#707894;font-size:11px}
.tile-expand{position:absolute;right:12px;bottom:10px;z-index:4;width:32px;height:30px;border:1px solid #ffffff2e;border-radius:7px;background:#0b0e1dcc;color:#fff;cursor:pointer;font-size:16px}.tile-expand:hover{background:#6259e9}.tile-volume{position:absolute;right:50px;bottom:16px;z-index:4;width:82px;accent-color:#8174ff;opacity:.78}.tile-volume:hover{opacity:1}.video-grid.has-expanded .video-tile:not(.expanded){display:none}.video-tile.expanded{grid-column:1/-1;grid-row:auto;min-height:calc(100vh - 255px);z-index:5}.video-tile.expanded video{object-fit:contain;background:#080a13}.video-tile.expanded .tile-expand{bottom:14px}
.control:disabled{opacity:.4;cursor:not-allowed}.empty-activity{padding:10px 4px;color:#707894;font-size:11px}
.voice-channel{flex-wrap:wrap}.channel-members{width:100%;padding-left:28px;color:#747d9e;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0}.voice-channel.selected .channel-members{color:#a8a5d1}
.danger-button{width:100%;margin-top:10px;border:0;border-radius:8px;padding:12px;background:#6d3049;color:#ffd9e2;font-weight:750;cursor:pointer}.danger-button:hover{background:#8d3b58}.danger-button:disabled{opacity:.45;cursor:not-allowed}
.chat-panel{display:flex;flex-direction:column;min-height:calc(100vh - 255px);background:#111426;border:1px solid var(--line);border-radius:12px;overflow:hidden}.chat-messages{flex:1;overflow:auto;padding:20px}.chat-message{padding:10px 0;border-bottom:1px solid #242946}.chat-message-meta{display:flex;align-items:center;gap:9px}.chat-message-meta strong{font-size:12px;color:#e7eaf4}.chat-message-meta time{font-size:10px;color:var(--muted)}.chat-message p{margin:6px 0 0;color:#dce0ee;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.chat-form{display:flex;gap:10px;padding:12px;border-top:1px solid var(--line);background:#15182b}.chat-form input{flex:1;min-width:0;border:1px solid #3b4266;background:#101326;color:#fff;border-radius:8px;padding:12px;outline:none}.chat-form input:focus{border-color:#8174ff}.chat-form button{border:0;border-radius:8px;padding:0 16px;background:#7064ed;color:#fff;font-weight:750;cursor:pointer}.chat-form button:hover{background:#8277ff}
.chat-message-actions{display:inline-flex;margin-top:7px}.reaction-add{border:1px solid #343b61;border-radius:7px;background:#1a1f37;color:#bcc2da;padding:3px 7px;cursor:pointer;font-size:13px}.reaction-add:hover{background:#2b3152}.chat-reactions{display:inline-flex;gap:6px;margin:7px 0 0 6px;vertical-align:middle}.reaction-chip{border:1px solid #3a4169;border-radius:10px;background:#202644;color:#d9dcf0;padding:3px 8px;cursor:pointer;font-size:11px}.reaction-chip:hover,.reaction-chip.reacted{border-color:#8174ff;background:#393477;color:#fff}
.message-edit,.message-delete{border:0;background:transparent;color:#9299b5;padding:3px 6px;cursor:pointer;font-size:10px}.message-edit:hover{color:#b6adff}.message-delete:hover{color:#f0849c}.edited-label{color:#777f9d;font-size:10px}
.member-dm{border:0;background:transparent;color:#7f88a7;cursor:pointer;padding:4px;font-size:13px}.member-dm:hover{color:#aaa1ff}
.chat-form #chatFileBtn{border:1px solid #3b4266;border-radius:8px;background:#202644;color:#c4c9e0;padding:0 12px;cursor:pointer}.chat-form #chatFileBtn:hover{background:#303661}.chat-attachment{display:block;width:max-content;max-width:100%;margin-top:7px;color:#aaa1ff;font-size:12px;text-decoration:none;overflow-wrap:anywhere}.chat-attachment:hover{text-decoration:underline}.chat-attachment-image{display:block;max-width:min(360px,100%);max-height:280px;margin-top:8px;border:1px solid #343b61;border-radius:8px;object-fit:contain;background:#0b0e18}
.typing-status{min-height:18px;padding:0 20px 6px;color:#8f97b3;font-size:11px;font-style:italic}
.auth-form select{width:100%;border:1px solid #3b4266;background:#101326;color:#fff;border-radius:8px;padding:12px;outline:none}.member.status-idle .avatar{filter:saturate(.55)}.member.status-dnd .member-status{color:#f0849c}.member.status-invisible .member-status{color:#737b98}
.member-kick{border:0;background:transparent;color:#9a6e86;cursor:pointer;padding:4px;font-size:12px}.member-kick:hover{color:#f0849c}.community-heading{margin-top:28px}.member.offline{opacity:.72}.member.offline .avatar:after{background:#69718d}
.message-pin{border:0;background:transparent;color:#9299b5;padding:3px 6px;cursor:pointer;font-size:10px}.message-pin:hover{color:#f0c778}.chat-message.pinned{border-left:3px solid #f0c778;padding-left:10px;background:#1a1c2d}.pinned-label{color:#f0c778;font-size:10px}
.search-modal{max-height:min(650px,calc(100vh - 32px));overflow:auto}.search-results{display:grid;gap:7px;margin-top:18px}.search-result{display:flex;flex-direction:column;gap:5px;text-align:left;border:1px solid #343b61;border-radius:8px;background:#111426;color:#dfe2f1;padding:10px;cursor:pointer}.search-result:hover{background:#252946}.search-result strong{font-size:11px;color:#aaa1ff}.search-result span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overlay-help{border:1px solid #343b61;border-radius:8px;padding:10px;background:#12162a;color:#aeb5d0!important;font-size:11px!important}.overlay-help kbd{border:1px solid #5a6292;border-radius:4px;padding:2px 5px;color:#e5e6fa;background:#252b4a}.member.speaking{background:#1d3a36;box-shadow:inset 3px 0 #61d5a4}.top-actions .has-notifications{position:relative;color:#fff}.top-actions .has-notifications::after{content:attr(data-count);position:absolute;top:-7px;right:-8px;min-width:15px;height:15px;padding:0 3px;border-radius:10px;background:#e87992;color:#fff;font-size:9px;line-height:15px;text-align:center}.settings-check{display:flex;align-items:center;gap:8px!important;font-size:12px!important;color:#c8cce0!important}.settings-check input{flex:0 0 auto;width:auto!important}