:root{font-family:Google Sans,Google Sans Text,Segoe UI,sans-serif}html,body,#root{margin:0;min-height:100%;height:100%}html,body{overflow:hidden}:root{color-scheme:dark;font-family:Google Sans,Google Sans Text,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0;background:#313338;color:#dbdee1}a{color:inherit;text-decoration:none}.center-screen{min-height:100vh;display:grid;place-items:center;color:#d8deef}.auth-shell{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:1.25rem;background:radial-gradient(circle at 20% 10%,#4f6bff 0%,transparent 35%),radial-gradient(circle at 85% 85%,#3b2cff 0%,transparent 30%),linear-gradient(155deg,#140a4a,#1a0c65 40%,#2034a8)}.auth-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 20%,rgb(255 255 255 / 55%) 0 2px,transparent 3px),radial-gradient(circle at 74% 10%,rgb(255 255 255 / 35%) 0 2px,transparent 3px),radial-gradient(circle at 22% 70%,rgb(138 155 255 / 50%) 0 3px,transparent 4px),radial-gradient(circle at 92% 60%,rgb(138 155 255 / 50%) 0 3px,transparent 4px),radial-gradient(circle at 40% 80%,rgb(255 255 255 / 30%) 0 2px,transparent 3px),radial-gradient(circle at 56% 35%,rgb(205 181 255 / 50%) 0 3px,transparent 4px)}.auth-orb{position:absolute;width:280px;height:280px;border-radius:999px;filter:blur(40px)}.auth-orb-left{left:-60px;top:130px;background:#bb79ff5c}.auth-orb-right{right:-90px;bottom:80px;background:#4c99ff57}.auth-card{width:min(480px,100%);border:1px solid rgb(122 132 191 / 26%);border-radius:16px;background:#212430e5;padding:1.25rem;position:relative;z-index:2;box-shadow:0 20px 50px #00000059}.auth-card-modern h1{margin:0;text-align:center;font-size:2rem;color:#f5f7ff}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0}.mode-btn{border:1px solid #50597a;background:#282d3f;color:#d0d8ec;border-radius:8px;padding:.55rem;cursor:pointer}.mode-btn.active{background:#4f5fe4;border-color:#6b77f2;color:#f8f9fb}.auth-form{display:flex;flex-direction:column;gap:.55rem}.field-label{color:#e0e3f3;font-size:.9rem}.field-input,.composer-input{border:1px solid #464f6f;border-radius:8px;background:#1e1f22;color:#f2f3f5;padding:.65rem .75rem}.dob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.auth-error{margin:.2rem 0;color:#fda1a1}.auth-message{margin:.2rem 0;color:#94dfb3}.auth-submit,.primary-btn,.secondary-btn,.menu-trigger,.channel-add{border:1px solid #3f4453;border-radius:8px;background:#5865f2;color:#fff;cursor:pointer;padding:.58rem .75rem;font-weight:600}.primary-btn:disabled,.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn,.channel-add,.menu-trigger{background:#2b2d31;color:#dbdee1}.discord-shell{height:100dvh;max-height:100dvh;overflow:hidden;display:grid;grid-template-columns:72px 260px 1fr 250px;background:#313338}.discord-shell>*{min-height:0}.server-rail{background:#1e1f22;border-right:1px solid #151619;padding:.7rem 0;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-height:0}.server-logo{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#5865f2;color:#fff;font-weight:800;letter-spacing:.02em}.rail-divider{width:34px;border-top:1px solid #2a2c31}.rail-top{display:flex;flex-direction:column;gap:.55rem;width:100%;align-items:center;overflow-y:auto}.server-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#313338;color:#dbdee1;font-weight:700;transition:border-radius .15s ease,background .15s ease}.server-icon svg{width:20px;height:20px}.server-icon:hover,.server-icon.active{background:#5865f2;color:#fff;border-radius:14px}.server-icon.plus{border:none;background:#2b2d31}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding-bottom:.2rem}.profile-icon{overflow:hidden}.rail-avatar{width:100%;height:100%;border-radius:999px;overflow:hidden}.channel-sidebar{background:#2b2d31;border-right:1px solid #1e1f22;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.dm-sidebar{grid-template-rows:auto 1fr}.sidebar-header{border-bottom:1px solid #1f2124;padding:.75rem}.dm-title{margin:0;font-size:1rem;color:#f2f3f5}.dm-list{padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.dm-real-list{overflow:auto;min-height:0}.dm-nav-friends{margin-bottom:.5rem}.dm-nav-icon{width:15px;height:15px}.dm-add-friend{display:grid;grid-template-columns:1fr auto;gap:.4rem}.dm-user-item{justify-content:flex-start}.dm-request-row{padding:.4rem .5rem;border-radius:8px;background:#313338;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dm-request-name{margin:0;color:#dbdee1;font-weight:600;font-size:.88rem}.dm-request-actions{display:flex;gap:.35rem}.dm-request-actions .secondary-btn,.dm-request-row .secondary-btn{padding:.35rem .5rem;font-size:.78rem}.dm-thread-item{display:block;text-align:left}.dm-thread-name{margin:0;color:#dbdee1;font-weight:600}.dm-thread-preview{margin:.15rem 0 0;color:#949ba4;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-item{text-align:left;border:none;background:transparent}.voice-row{width:100%;text-align:left;border:none;background:transparent}.voice-channel-block{margin-bottom:.2rem}.voice-icon{width:16px;height:16px;color:#6d727a}.voice-participants{margin:.1rem 0 .35rem 1.9rem}.voice-participant{margin:0;font-size:.82rem;color:#949ba4;line-height:1.35}.menu-trigger{width:100%;text-align:left}.channel-group{padding:.75rem;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.5rem;min-height:0}.channel-group-title{margin:0;color:#949ba4;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.02em}.channels-scroll{height:100%;min-height:0}.channels-viewport{height:100%;padding-right:.25rem}.channel-section{margin-bottom:.5rem}.channel-section-header-row{display:flex;align-items:center;gap:.2rem}.channel-section-header{width:100%;border:none;background:transparent;color:#949ba4;display:flex;align-items:center;gap:.3rem;font-size:.73rem;text-transform:uppercase;font-weight:700;padding:.2rem .4rem;cursor:pointer}.channel-section-header:hover{color:#dbdee1}.group-add-btn{width:22px;height:22px;border:none;border-radius:6px;background:transparent;color:#949ba4;display:grid;place-items:center;cursor:pointer}.group-add-btn:hover{background:#3a3c43;color:#dbdee1}.group-add-btn svg{width:13px;height:13px}.channel{display:flex;align-items:center;gap:.45rem;padding:.5rem .55rem;border-radius:6px;color:#949ba4;font-weight:500}.hash{color:#6d727a;font-weight:700}.channel:hover,.channel.active{background:#404249;color:#f2f3f5}.chat-main{display:grid;grid-template-rows:48px minmax(0,1fr) auto;background:#313338;min-height:0}.dm-main .dm-content{padding:1.2rem;color:#dbdee1}.dm-main .composer{grid-template-columns:1fr auto}.dm-hub{min-height:0;overflow:auto;padding:1rem}.dm-hub-grid{display:flex;flex-direction:column;gap:.9rem}.dm-hub-card{border:none;border-radius:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:.5rem}.dm-friend-row{padding:.4rem .5rem;border-radius:8px;background:#313338;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.settings-shell{grid-template-columns:72px 1fr}.settings-main{display:grid;grid-template-rows:48px minmax(0,1fr);min-height:0}.settings-content{overflow:auto;padding:1rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:start}.settings-card{border:1px solid #3d4148;border-radius:10px;background:#2b2d31;padding:.9rem;display:flex;flex-direction:column;gap:.55rem}.settings-card h2{margin:0 0 .2rem;font-size:1rem}.settings-actions{display:flex;flex-wrap:wrap;gap:.45rem}.mic-meter{width:100%;height:10px;background:#1f2124;border-radius:999px;overflow:hidden}.mic-meter-fill{height:100%;background:linear-gradient(90deg,#4fbf7f,#79d06d);transition:width 80ms linear}.danger-card .secondary-btn{align-self:flex-start}.dm-main .dm-content h3{margin-top:0;color:#f2f3f5}.dm-right .member-viewport{padding-top:.85rem}.voice-screen{padding:1rem;border:1px solid #3d4148;border-radius:10px;background:#2b2d31}.voice-screen h2{margin-top:0}.chat-header{border-bottom:1px solid #1f2124;display:flex;align-items:center;gap:.75rem;padding:0 1rem}.chat-header h1{margin:0;font-size:1rem;color:#f2f3f5}.mobile-sidebar-toggle{display:none;width:30px;height:30px;border-radius:8px;border:1px solid #3f4453;background:#2b2d31;color:#dbdee1;cursor:pointer;place-items:center}.mobile-sidebar-toggle svg{width:16px;height:16px}.mobile-sidebar-backdrop{display:none}.header-action-btn{margin-left:auto;border:1px solid #3f4453;background:#2b2d31;color:#dbdee1;border-radius:8px;padding:.35rem .7rem;cursor:pointer;font-weight:600}.header-action-btn:hover{background:#35373c}.member-role-chip{border-radius:999px;border:1px solid #4f5562;color:#b5bac1;padding:.13rem .5rem;text-transform:capitalize;font-size:.75rem}.messages-root{height:100%;min-height:0;overflow:hidden}.messages-viewport{height:100%;padding:1rem}.message{display:grid;grid-template-columns:42px 1fr;gap:.75rem;margin-bottom:1rem}.message-content{min-width:0}.message-author{margin:0;color:#f2f3f5;font-weight:700;display:flex;align-items:baseline;gap:.55rem}.message-time{color:#949ba4;font-size:.74rem;font-weight:500}.message-body{margin:.25rem 0 0;color:#dbdee1;white-space:pre-wrap}.message-link{color:#61a7ff;text-decoration:underline;text-underline-offset:2px;margin-right:.2rem}.link-preview-card{margin-top:.55rem;border:1px solid #3d4148;border-radius:10px;background:#292b2f;overflow:hidden;width:100%;max-width:640px}.link-preview-card.generic,.link-preview-meta{display:block;padding:.65rem .75rem}.link-preview-host{margin:0;color:#949ba4;font-size:.74rem;text-transform:uppercase;letter-spacing:.02em}.link-preview-title{margin:.2rem 0 0;color:#f2f3f5;font-weight:600;word-break:break-word}.link-preview-subtitle{margin:.2rem 0 0;color:#b5bac1;font-size:.84rem}.youtube-thumb-btn{width:100%;border:none;background:#1e1f22;padding:0;position:relative;cursor:pointer}.youtube-thumb{width:100%;max-height:240px;object-fit:cover;display:block}.youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px;background:#000000b8;color:#fff;padding:.45rem .75rem;font-weight:700}.youtube-embed{width:100%;border:none;aspect-ratio:16 / 9;display:block}.message-attachments{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.6rem}.attachment-image{max-width:320px;width:100%;border-radius:10px;border:1px solid #3d4148}.avatar-root{width:40px;height:40px;border-radius:999px;overflow:hidden;background:#404249}.member-avatar{width:32px;height:32px}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;width:100%;height:100%;font-weight:700;color:#f2f3f5;background:#404249}.composer-wrap{border-top:1px solid #1f2124;padding:.8rem 1rem}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center}.composer-input{border-color:#1f2124;background:#383a40}.icon-btn{width:36px;height:36px;border-radius:999px;border:1px solid #3f4453;display:grid;place-items:center;cursor:pointer}.icon-btn svg{width:16px;height:16px}.icon-btn-attach{background:#2b2d31;color:#dbdee1}.icon-btn-send{background:#5865f2;color:#fff}.icon-btn-send:disabled{opacity:.6;cursor:not-allowed}.attachment-preview{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.attachment-preview .attachment-image{width:130px}.member-panel{border-left:1px solid #1f2124;background:#2b2d31;display:grid;grid-template-rows:48px minmax(0,1fr);min-height:0}.member-panel-header{border-bottom:1px solid #1f2124;padding:.85rem .9rem;font-size:.78rem;text-transform:uppercase;color:#949ba4;font-weight:700}.member-scroll{height:100%;min-height:0}.member-viewport{height:100%;padding:.75rem}.member-group{margin:0 0 .6rem;color:#949ba4;text-transform:uppercase;font-size:.72rem;font-weight:700}.member-row{display:flex;align-items:center;gap:.55rem;padding:.35rem;border-radius:6px}.member-row:hover{background:#35373c}.voice-widget{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid #3d4148}.voice-actions{display:flex;gap:.4rem}.member-name{margin:0;color:#dbdee1;font-size:.9rem}.member-role{margin:.1rem 0 0;color:#949ba4;text-transform:capitalize;font-size:.75rem}.meta{color:#949ba4;margin:.4rem 0}.scrollbar{width:10px}.scroll-thumb{background:#1f2124;border-radius:999px}.menu-content{min-width:220px;background:#111214;border:1px solid #2d3035;border-radius:8px;padding:.35rem}.menu-item{padding:.5rem;border-radius:6px;cursor:pointer}.menu-item:hover{background:#35373c}.menu-item.menu-item-danger{color:#f38ba8}.menu-item.menu-item-danger:hover{background:#4b2630;color:#ffd5df}.menu-item[data-disabled]{opacity:.45;pointer-events:none}.sidebar-voice-footer{border-top:1px solid #1f2124;padding:.6rem .75rem .75rem;background:#24262a}.sidebar-voice-status{margin:0;color:#57f287;font-size:.79rem;font-weight:700}.sidebar-voice-controls{margin-top:.5rem;display:flex;gap:.45rem}.voice-control-btn{width:30px;height:30px;border-radius:8px;border:1px solid #3f4453;background:#2f3136;color:#dbdee1;display:grid;place-items:center;cursor:pointer}.voice-control-btn:hover{background:#3a3d44}.voice-control-btn svg{width:15px;height:15px}.voice-control-btn.active{background:#4f5fe4;border-color:#6b77f2;color:#fff}.voice-control-btn.danger{border-color:#6a2b37;color:#ff9fb1}.voice-control-btn.danger:hover{background:#4b2630}.voice-control-btn:disabled{opacity:.5;cursor:not-allowed}.dialog-overlay{position:fixed;inset:0;background:#0009}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,92vw);background:#2b2d31;border:1px solid #444a57;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.7rem}.channel-type-options{margin:0;border:1px solid #3d4148;border-radius:8px;padding:.55rem .65rem;display:grid;gap:.45rem}.channel-type-option{display:flex;align-items:center;gap:.45rem;color:#dbdee1;font-size:.92rem}.channel-type-radio{width:16px;height:16px;border-radius:999px;border:1px solid #7a8090;background:#1f2124;display:grid;place-items:center;padding:0;cursor:pointer}.channel-type-radio-indicator{color:#7f8bff;display:grid;place-items:center}.channel-type-radio-indicator svg{width:14px;height:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}.tooltip-content{background:#f2f3f5;color:#1e1f22;border-radius:6px;font-size:.78rem;padding:.35rem .5rem}.tooltip-arrow{fill:#f2f3f5}@media(max-width:1200px){.discord-shell{grid-template-columns:72px 250px 1fr}.member-panel{display:none}}@media(max-width:900px){.discord-shell{grid-template-columns:72px 1fr}.channel-sidebar{display:none;position:fixed;top:0;left:72px;bottom:0;width:min(78vw,320px);z-index:31;box-shadow:0 0 0 1px #00000059,12px 0 28px #00000073}.channel-sidebar.mobile-open{display:grid}.mobile-sidebar-backdrop{display:block;position:fixed;inset:0 0 0 72px;border:none;margin:0;padding:0;background:#00000061;z-index:30}.mobile-sidebar-toggle{display:grid}.composer{grid-template-columns:auto 1fr auto}.dob-grid{grid-template-columns:1fr}.settings-shell{grid-template-columns:72px 1fr}}