:root{color-scheme:dark;--bg-main:#313338;--bg-panel:#2b2d31;--bg-panel-soft:#232428;--bg-rail:#1e1f22;--bg-input:#1a1b1e;--text-main:#f2f3f5;--text-soft:#b5bac1;--border:#3b3d44;--primary:#5865f2;--danger:#f23f43}body[data-theme=light]{--bg-main:#f2f3f5;--bg-panel:#e3e5e8;--bg-panel-soft:#d8dade;--bg-rail:#d1d3d8;--bg-input:#ffffff;--text-main:#1e1f22;--text-soft:#4e5058;--border:#c4c7ce;--primary:#4752c4}*{box-sizing:border-box}body,html{min-height:100%;margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,sans-serif;background:var(--bg-main);color:var(--text-main)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.btn{border:0;border-radius:8px;padding:.65rem 1rem;cursor:pointer}.btn.small{padding:.35rem .65rem;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#3f4248;color:var(--text-main)}.btn-ghost{background:#2f3136;color:var(--text-soft)}.input{width:100%;border:1px solid var(--border);background:var(--bg-input);color:var(--text-main);border-radius:8px;padding:.7rem .8rem}.input:focus{outline:1px solid var(--primary)}.input-label{display:block;color:var(--text-soft);margin-top:.9rem;margin-bottom:.35rem;font-size:.86rem}.auth-page,.landing-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at top right,#3c46a5 0,#1e1f22 35%,#15161a 100%)}.auth-card,.landing-card{width:min(460px,100%);background:#222327;border:1px solid #3b3d44;border-radius:16px;padding:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,.35)}.landing-badge{display:inline-block;font-size:.75rem;color:#d4d7fc;background:rgba(88,101,242,.2);border-radius:999px;padding:.25rem .6rem}.landing-subtitle{color:var(--text-soft)}.landing-actions{display:flex;gap:.7rem;flex-wrap:wrap}.auth-card p{color:var(--text-soft)}.auth-switch{margin-top:1rem;font-size:.9rem}.auth-switch a{color:#d4d7fc}.auth-error{background:rgba(242,63,67,.2);color:#ffb4b6;border:1px solid rgba(242,63,67,.45);border-radius:8px;padding:.55rem .7rem}.field-check{margin:.35rem 0 .1rem;font-size:.78rem}.field-check.checking{color:var(--text-soft)}.field-check.ok{color:#23a55a}.field-check.error{color:#f23f43}.discord-shell{display:grid;grid-template-columns:72px 250px 1fr 260px;min-height:100vh;background:var(--bg-main)}.discord-shell.loading{place-items:center;display:grid}.servers-rail{background:var(--bg-rail);display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:.8rem 0}.server-avatar{width:48px;height:48px;border-radius:50%;border:0;background:#313338;color:var(--text-main);cursor:pointer;font-weight:700;transition:border-radius .16s ease,background .16s ease}.server-avatar.active,.server-avatar:hover{border-radius:16px;background:var(--primary)}.server-avatar.add{background:#1f7a42}.server-avatar.home{background:#394260}.rail-separator{width:32px;height:2px;background:#3f4248;border-radius:10px}.channels-sidebar{background:var(--bg-panel);border-right:1px solid #1f2023;display:grid;grid-template-rows:48px 1fr auto}.sidebar-header{border-bottom:1px solid #1f2023;display:flex;align-items:center;padding:0 .9rem;font-size:.95rem}.workspace-switch{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem;gap:.4rem}.workspace-switch-btn{border:0;border-radius:7px;padding:.4rem .55rem;cursor:pointer;background:#2f3136;color:var(--text-soft)}.workspace-switch-btn.active{background:var(--primary);color:#fff}.channels-block{padding:.7rem;display:grid;grid-gap:.25rem;gap:.25rem}.sidebar-call-widget{margin:.6rem .7rem;padding:.65rem;border:1px solid var(--border);border-radius:10px;background:rgba(88,101,242,.12);display:grid;grid-gap:.35rem;gap:.35rem}.block-title{color:var(--text-soft);font-size:.74rem;margin:.3rem 0 .5rem}.sidebar-item{width:100%;text-align:left;background:transparent;color:var(--text-soft);border:0;border-radius:6px;padding:.5rem .55rem;cursor:pointer}.sidebar-action-row{display:flex;gap:.4rem}.sidebar-icon-action{width:30px;height:30px;border:0;border-radius:8px;background:#2f3136;color:var(--text-soft);cursor:pointer;display:grid;place-items:center;padding:0}.sidebar-icon-action span{line-height:1;font-size:.9rem}.sidebar-icon-action:hover{background:#3a3c42;color:var(--text-main)}.sidebar-icon-action.active{background:var(--primary);color:#fff}.sidebar-icon-action:disabled{opacity:.45;cursor:not-allowed}.sidebar-item:hover{background:#3a3c42;color:var(--text-main)}.sidebar-item.active{background:#43464d;color:var(--text-main)}.sidebar-item.nested{padding-left:1.35rem}.category-group{display:grid;grid-gap:.2rem;gap:.2rem}.sidebar-user{border-top:1px solid #1f2023;background:var(--bg-panel-soft);display:flex;justify-content:space-between;align-items:center;padding:.7rem}.sidebar-user p{margin:0;color:var(--text-soft);font-size:.75rem}.sidebar-user-actions{display:grid;grid-gap:.35rem;gap:.35rem}.main-view{display:grid;grid-template-rows:48px 1fr;min-width:0}.main-header{border-bottom:1px solid #1f2023;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:#313338}.main-header h2{font-size:1rem}.main-header-actions{display:flex;gap:.45rem;align-items:center}.search-input{width:220px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-main);border-radius:6px;padding:.35rem .55rem}.chip{background:#3c3f45;color:var(--text-soft);border:0;border-radius:6px;padding:.35rem .6rem;cursor:pointer}.chat-screen,.friends-screen{padding:1rem}.chat-screen{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem;padding:.75rem 1rem}.voice-panel{display:grid;grid-template-columns:1fr auto;grid-gap:.6rem;gap:.6rem;align-items:center;border:1px solid var(--border);background:rgba(88,101,242,.1);border-radius:10px;padding:.65rem .75rem}.call-stage{background:linear-gradient(135deg,rgba(88,101,242,.18),rgba(35,165,90,.12))}.call-stage-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:.7rem}.call-stage-title{font-size:1rem}.call-stage-stats{display:grid;grid-gap:.2rem;gap:.2rem;color:var(--text-soft);font-size:.78rem;text-align:right}.call-controls,.speaking-strip{grid-column:1/-1}.speaking-strip{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.speaking-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .5rem;border-radius:999px;background:rgba(35,165,90,.2);color:#8af0b3;font-size:.78rem;animation:pulse-speaker 1.2s ease-in-out infinite}@keyframes pulse-speaker{0%{transform:scale(1);opacity:.75}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.75}}.voice-meta{margin:.15rem 0 0;color:var(--text-soft);font-size:.82rem}.voice-actions{display:flex;gap:.45rem}.voice-participants{grid-column:1/-1;color:var(--text-soft);font-size:.8rem}.voice-videos{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem}.voice-video-label{margin:0 0 .25rem;color:var(--text-soft);font-size:.78rem}.voice-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.45rem;gap:.45rem}.voice-video{width:100%;aspect-ratio:16/9;border-radius:8px;background:#111214;border:1px solid var(--border);object-fit:cover}.friends-list,.online-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.6rem;gap:.6rem}.friend-row,.online-row{display:flex;align-items:center;gap:.65rem;background:#2c2e33;border:1px solid #393c43;border-radius:10px;padding:.6rem .7rem}.clickable-row{cursor:pointer}.clickable-row:hover{background:#3a3c42}.member-avatar{width:34px;height:34px;border-radius:50%;background:#3f4350;display:grid;place-items:center;font-size:.72rem;font-weight:700;overflow:hidden}.member-avatar img{width:100%;height:100%;object-fit:cover}.friend-row p,.online-row p{margin:0;color:var(--text-soft);font-size:.78rem}.friend-row strong,.online-row strong{display:block}.friend-row .btn{margin-left:auto}.presence-dot{width:10px;height:10px;border-radius:999px}.presence-dot.online{background:#23a55a}.presence-dot.idle{background:#f0b232}.presence-dot.dnd{background:#f23f43}.messages-list{display:grid;grid-gap:.7rem;gap:.7rem;overflow:auto;align-content:start;padding-bottom:.25rem}.message-row{display:flex;gap:.6rem}.message-avatar{width:36px;height:36px;border-radius:50%;background:#3f4350;display:grid;place-items:center;font-size:.75rem;font-weight:700}.message-meta{margin:0;font-size:.8rem;color:var(--text-soft);display:flex;gap:.55rem}.message-meta strong{color:var(--text-main)}.message-row p{margin-top:.2rem}.composer{display:flex;gap:.6rem;position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg-main);padding-bottom:.25rem;align-items:flex-end}.composer-input{min-height:36px;height:36px;max-height:72px;resize:none;overflow-y:auto;padding:.5rem .7rem}.right-panel{background:var(--bg-panel);border-left:1px solid #1f2023;padding:1rem .8rem}.right-panel h3{margin-top:0;margin-bottom:.75rem;font-size:.95rem}.banner-error{margin:.8rem 1rem;background:rgba(242,63,67,.2);border:1px solid rgba(242,63,67,.45);color:#ffb4b6;border-radius:8px;padding:.6rem .7rem}.banner-muted{color:var(--text-soft)}.context-menu{position:fixed;z-index:20;display:grid;grid-gap:.2rem;gap:.2rem;background:#111214;border:1px solid #2d2f35;border-radius:8px;padding:.35rem;min-width:170px}.context-menu button{border:0;text-align:left;color:#e4e7eb;background:transparent;border-radius:6px;padding:.45rem .55rem;cursor:pointer}.context-menu button:hover{background:#2b2d31}.settings-page{min-height:100vh;padding:1.25rem;display:grid;grid-gap:1rem;gap:1rem;background:var(--bg-main)}.settings-header{display:flex;justify-content:space-between;align-items:center}.settings-header h1{margin:0}.settings-header p{margin:.2rem 0 0;color:var(--text-soft)}.settings-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.settings-card h2{margin-top:0}.settings-toggle{display:flex;gap:.45rem;margin-top:.9rem;color:var(--text-main)}.settings-actions{display:flex;align-items:center;gap:.5rem;margin-top:.9rem}.settings-avatar-row{display:flex;gap:.75rem;align-items:center;margin-bottom:.8rem}.settings-avatar-preview{width:74px;height:74px;border-radius:50%;border:1px solid var(--border);background:#2b2d31;overflow:hidden;display:grid;place-items:center;font-weight:700}.settings-avatar-preview img{width:100%;height:100%;object-fit:cover}.settings-avatar-actions{display:grid;grid-gap:.4rem;gap:.4rem}.profile-modal-overlay{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.5);display:grid;place-items:center;padding:1rem}.profile-modal{width:min(520px,100%);background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:.95rem;display:grid;grid-gap:.7rem;gap:.7rem}.profile-modal-header{display:flex;align-items:center;justify-content:space-between}.profile-card-user{display:flex;gap:.75rem;align-items:center}.profile-avatar-button{width:68px;height:68px;border-radius:50%;border:1px solid var(--border);background:#30333a;overflow:hidden;display:grid;place-items:center;cursor:pointer;padding:0;color:var(--text-main);font-weight:700}.profile-avatar-button.static{cursor:default}.profile-avatar-button img{width:100%;height:100%;object-fit:cover}.profile-shared-block{border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem;background:rgba(255,255,255,.02)}.profile-shared-block p{margin:.35rem 0 0;color:var(--text-soft)}.incoming-call-toast{position:fixed;right:1rem;bottom:1rem;z-index:45;display:grid;grid-gap:.55rem;gap:.55rem;min-width:320px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:.7rem .8rem;box-shadow:0 12px 28px rgba(0,0,0,.35)}.incoming-call-toast p{margin:.2rem 0 0;color:var(--text-soft);font-size:.82rem}.incoming-call-actions{display:flex;gap:.45rem}.call-fullscreen-overlay{position:fixed;inset:0;z-index:50;background:linear-gradient(180deg,rgba(13,14,18,.98),rgba(24,27,38,.98));padding:1rem;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-gap:.8rem;gap:.8rem}.call-fullscreen-header{display:flex;align-items:center;justify-content:space-between}.call-fullscreen-header p{margin:.2rem 0 0;color:var(--text-soft)}.call-fullscreen-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem;gap:.8rem;min-height:0}.call-fullscreen-videos{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width:1200px){.discord-shell{grid-template-columns:72px 240px 1fr}.right-panel{display:none}}@media (max-width:900px){.discord-shell{grid-template-columns:72px 1fr}.channels-sidebar{display:none}.call-fullscreen-grid,.voice-videos{grid-template-columns:1fr}}