.vs-shell{grid-template-columns:var(--vs-rail-width) var(--vs-sidebar-width) 1fr;height:100vh;max-height:100vh;font-family:var(--vs-font);background:var(--vs-bg-app);color:var(--vs-text);grid-template-rows:1fr;display:grid;overflow:hidden}.vs-rail{background:var(--vs-bg-rail);border-right:1px solid var(--vs-border);flex-direction:column;align-items:center;min-width:0;padding:12px 0;display:flex}.vs-rail__scroll{flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;padding-bottom:8px;display:flex;overflow:hidden auto}.vs-rail__sep{background:var(--vs-border-subtle);border-radius:var(--vs-radius-pill);width:32px;height:2px;margin:4px 0}.vs-rail__item{background:var(--vs-bg-main);width:48px;height:48px;color:var(--vs-text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-radius .18s,background .15s;display:flex}.vs-rail__item:hover,.vs-rail__item.is-active{background:var(--vs-brand);color:#fff;border-radius:30%}.vs-rail__item--social{color:var(--vs-green)}.vs-rail__item--social:not(.is-active){background:var(--vs-bg-main);color:var(--vs-green)}.vs-rail__item--guild .vs-rail__guild-initial{font-size:18px;font-weight:600}.vs-rail__icon{width:26px;height:26px}.vs-rail__item--add{background:var(--vs-bg-main);color:var(--vs-green);margin-top:auto;font-size:28px;line-height:1}.vs-rail__item--add:hover{color:#fff}.vs-rail__plus{margin-top:-2px}.vs-sidebar{background:var(--vs-bg-sidebar);border-right:1px solid var(--vs-border);flex-direction:column;min-width:0;display:flex}.vs-sidebar-empty{color:var(--vs-text-secondary);flex-direction:column;flex:1;justify-content:center;padding:24px 20px;display:flex}.vs-sidebar-empty__title{color:var(--vs-text);margin:0 0 8px;font-size:18px;font-weight:600}.vs-sidebar-empty__hint{margin:0;font-size:14px;line-height:1.5}.vs-channel-panel{flex-direction:column;flex:1;min-height:0;display:flex}.vs-channel-panel__head{border-bottom:1px solid var(--vs-border);box-shadow:0 1px 0 var(--vs-border-subtle);align-items:center;gap:10px;padding:12px 14px;display:flex}.vs-channel-panel__back{border-radius:var(--vs-radius-md);width:36px;height:36px;color:var(--vs-text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vs-channel-panel__back:hover{background:var(--vs-bg-hover);color:var(--vs-text)}.vs-channel-panel__titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vs-channel-panel__guild{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.vs-channel-panel__sub{text-transform:uppercase;letter-spacing:.04em;color:var(--vs-text-muted);font-size:11px}.vs-channel-panel__invite-btn{border-radius:var(--vs-radius-sm);background:var(--vs-bg-hover);color:var(--vs-text);cursor:pointer;border:none;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:500}.vs-channel-panel__invite-btn:hover{background:var(--vs-bg-active)}.vs-channel-panel__body{flex:1;padding:10px 8px 16px;overflow-y:auto}.vs-channel-list{margin:0;padding:0;list-style:none}.vs-channel-row{border-radius:var(--vs-radius-sm);width:100%;color:var(--vs-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:2px;padding:8px 10px;font-size:15px;display:flex}.vs-channel-row:hover{background:var(--vs-bg-hover);color:var(--vs-text)}.vs-channel-row.is-active{background:var(--vs-bg-active);color:var(--vs-text)}.vs-channel-row__hash{color:var(--vs-text-muted);font-weight:600}.vs-channel-row.is-active .vs-channel-row__hash{color:var(--vs-text-secondary)}.vs-channel-row__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vs-muted{color:var(--vs-text-muted);margin:12px 10px;font-size:13px}.vs-friends-panel{flex-direction:column;flex:1;min-height:0;display:flex}.vs-friends-panel__head{border-bottom:1px solid var(--vs-border);padding:16px 16px 12px}.vs-friends-panel__title{margin:0;font-size:18px;font-weight:700}.vs-friends-panel__subtitle{color:var(--vs-text-muted);margin:6px 0 0;font-size:13px}.vs-tabs{border-bottom:1px solid var(--vs-border-subtle);gap:4px;padding:10px 12px;display:flex}.vs-tab{border-radius:var(--vs-radius-sm);color:var(--vs-text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 10px;font-size:13px;font-weight:500}.vs-tab:hover{color:var(--vs-text-secondary);background:var(--vs-bg-hover)}.vs-tab.is-active{background:var(--vs-bg-active);color:var(--vs-text)}.vs-friends-panel__scroll{flex:1;padding:14px 12px 80px;overflow-y:auto}.vs-friends-section{margin-bottom:8px}.vs-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--vs-text-muted);margin:16px 0 8px;font-size:11px;font-weight:700}.vs-friends-section .vs-section-label:first-child{margin-top:0}.vs-inline-form{gap:8px;margin-bottom:8px;display:flex}.vs-inline-form .vs-input{flex:1;min-width:0}.vs-empty{color:var(--vs-text-muted);margin:8px 0 16px;font-size:13px;line-height:1.45}.vs-inline-error{color:var(--vs-danger);margin:0 0 12px;font-size:13px;line-height:1.45}.vs-user-rows,.vs-dm-rows{margin:0;padding:0;list-style:none}.vs-user-row{border-radius:var(--vs-radius-md);background:var(--vs-bg-hover);align-items:center;gap:12px;margin-bottom:4px;padding:10px 8px;display:flex}.vs-user-row__avatar,.vs-dm-row__avatar{background:var(--vs-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.vs-user-row__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vs-user-row__name{font-size:14px;font-weight:600}.vs-user-row__id{color:var(--vs-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.vs-dm-row{border-radius:var(--vs-radius-md);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;margin-bottom:4px;padding:10px;display:flex}.vs-dm-row:hover{background:var(--vs-bg-hover)}.vs-dm-row.is-active{background:var(--vs-bg-active)}.vs-dm-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.vs-dm-row__name{font-size:14px;font-weight:600}.vs-dm-row__hint{color:var(--vs-text-muted);font-size:12px}.vs-request-list{margin:0 0 16px;padding:0;list-style:none}.vs-request-card{border-radius:var(--vs-radius-md);background:var(--vs-bg-hover);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;font-size:14px;display:flex}.vs-request-card--pending{color:var(--vs-text-secondary)}.vs-request-card__actions{gap:8px;display:flex}.vs-badge{text-transform:uppercase;color:var(--vs-text-muted);font-size:11px;font-weight:600}.vs-userbar{background:var(--vs-bg-app);border-top:1px solid var(--vs-border);align-items:center;gap:12px;margin-top:auto;padding:10px 12px;display:flex}.vs-userbar__info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.vs-userbar__avatar{background:var(--vs-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.vs-userbar__text{flex-direction:column;gap:2px;min-width:0;display:flex}.vs-userbar__name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.vs-userbar__sub{color:var(--vs-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.vs-userbar__logout{border-radius:var(--vs-radius-sm);background:var(--vs-bg-hover);color:var(--vs-text-secondary);cursor:pointer;border:none;flex-shrink:0;padding:6px 12px;font-size:13px}.vs-userbar__logout:hover{background:var(--vs-danger);color:#fff}.vs-chat{background:var(--vs-bg-main);flex-direction:column;min-width:0;display:flex}.vs-chat-empty{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.vs-chat-empty__card{text-align:center;border-radius:var(--vs-radius-lg);background:var(--vs-bg-elevated);border:1px solid var(--vs-border-subtle);max-width:420px;padding:40px 32px}.vs-chat-empty__brand{letter-spacing:-.02em;background:linear-gradient(135deg, var(--vs-brand), #9b59ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:28px;font-weight:800}.vs-chat-empty__card p{color:var(--vs-text-secondary);margin:0;font-size:15px;line-height:1.5}.vs-chat-main{flex-direction:column;flex:1;min-height:0;display:flex}.vs-chat-loading{color:var(--vs-text-muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.vs-chat-header{border-bottom:1px solid var(--vs-border);box-shadow:0 1px 0 var(--vs-border-subtle);flex-shrink:0;align-items:center;gap:14px;padding:14px 20px;display:flex}.vs-chat-header__icon{border-radius:var(--vs-radius-md);background:var(--vs-bg-elevated);width:40px;height:40px;color:var(--vs-text-secondary);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.vs-chat-header__title{margin:0;font-size:18px;font-weight:700}.vs-chat-header__meta{color:var(--vs-text-muted);margin:4px 0 0;font-size:13px}.vs-message-scroll{flex:1;padding:20px 24px 8px;overflow-y:auto}.vs-message-list{flex-direction:column;gap:16px;max-width:900px;display:flex}.vs-msg{align-items:flex-start;gap:14px;display:flex}.vs-msg__avatar{background:var(--vs-bg-elevated);width:40px;height:40px;color:var(--vs-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.vs-msg--self .vs-msg__avatar{background:var(--vs-brand);color:#fff}.vs-msg__body{flex:1;min-width:0}.vs-msg__head{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.vs-msg__author{font-size:15px;font-weight:600}.vs-msg--self .vs-msg__author{color:var(--vs-brand)}.vs-msg__time{color:var(--vs-text-muted);font-size:11px}.vs-msg__text{color:var(--vs-text);word-break:break-word;margin:0;font-size:15px;line-height:1.45}.vs-typing{color:var(--vs-text-muted,#949ba4);min-height:1.25em;padding:0 20px 6px;font-size:.8125rem;font-style:italic}.vs-composer{border-top:1px solid var(--vs-border);background:var(--vs-bg-main);flex-shrink:0;padding:16px 20px 20px}.vs-composer__inner{border-radius:var(--vs-radius-md);background:var(--vs-bg-input);border:1px solid var(--vs-border-subtle);align-items:stretch;gap:12px;max-width:100%;padding:4px;display:flex}.vs-composer__input{border-radius:var(--vs-radius-sm);min-width:0;color:var(--vs-text);background:0 0;border:none;flex:1;padding:12px 14px;font-family:inherit;font-size:15px}.vs-composer__input::placeholder{color:var(--vs-text-muted)}.vs-composer__input:focus{outline:none}.vs-composer__send{border-radius:var(--vs-radius-sm);background:var(--vs-brand);color:#fff;cursor:pointer;border:none;align-self:center;margin-right:6px;padding:10px 18px;font-size:14px;font-weight:600}.vs-composer__send:hover:not(:disabled){background:var(--vs-brand-hover)}.vs-composer__send:disabled{opacity:.45;cursor:not-allowed}.vs-btn{border-radius:var(--vs-radius-sm);cursor:pointer;border:none;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500}.vs-btn--sm{padding:6px 12px;font-size:13px}.vs-btn--primary{background:var(--vs-brand);color:#fff}.vs-btn--primary:hover:not(:disabled){background:var(--vs-brand-hover)}.vs-btn--ghost{background:var(--vs-bg-hover);color:var(--vs-text)}.vs-btn--ghost:hover:not(:disabled){background:var(--vs-bg-active)}.vs-btn:disabled{opacity:.5;cursor:not-allowed}.vs-input{border:1px solid var(--vs-border-subtle);border-radius:var(--vs-radius-sm);background:var(--vs-bg-app);width:100%;color:var(--vs-text);padding:10px 12px;font-family:inherit;font-size:14px}.vs-input::placeholder{color:var(--vs-text-muted)}.vs-input:focus{border-color:var(--vs-brand);outline:none}.vs-field{flex-direction:column;gap:8px;display:flex}.vs-field__label{text-transform:uppercase;letter-spacing:.04em;color:var(--vs-text-muted);font-size:12px;font-weight:600}.vs-modal-backdrop{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.vs-modal{background:var(--vs-bg-sidebar);border-radius:var(--vs-radius-lg);width:100%;max-width:440px;max-height:min(90vh,640px);box-shadow:var(--vs-shadow-modal);border:1px solid var(--vs-border-subtle);flex-direction:column;display:flex;overflow:hidden}.vs-modal-head{border-bottom:1px solid var(--vs-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.vs-modal-head h2{margin:0;font-size:18px;font-weight:700}.vs-modal-close{border-radius:var(--vs-radius-sm);width:36px;height:36px;color:var(--vs-text-muted);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.vs-modal-close:hover{background:var(--vs-bg-hover);color:var(--vs-text)}.vs-modal-body{color:var(--vs-text-secondary);padding:20px;font-size:14px;overflow-y:auto}.vs-modal-foot{border-top:1px solid var(--vs-border);background:var(--vs-bg-app);padding:16px 20px}.vs-modal-actions{justify-content:flex-end;gap:10px;display:flex}.vs-modal-hint{margin:0 0 16px;line-height:1.5}.vs-server-hub{flex-direction:column;gap:12px;display:flex}.vs-server-hub__card{text-align:left;border:1px solid var(--vs-border);border-radius:var(--vs-radius-md);background:var(--vs-bg-main);width:100%;color:var(--vs-text);cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;transition:border-color .15s,background .15s;display:flex}.vs-server-hub__card:hover{border-color:var(--vs-brand);background:var(--vs-bg-app)}.vs-server-hub__card-title{font-size:1rem;font-weight:600}.vs-server-hub__card-desc{color:var(--vs-text-muted,#949ba4);font-size:.875rem;line-height:1.45}.vs-invite-code{border-radius:var(--vs-radius-md);background:var(--vs-bg-app);border:1px solid var(--vs-border-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.vs-invite-code code{min-width:0;color:var(--vs-green);word-break:break-all;flex:1;font-size:15px;font-weight:600}:root{--vs-bg-app:#1e1f22;--vs-bg-rail:#1e1f22;--vs-bg-sidebar:#2b2d31;--vs-bg-main:#313338;--vs-bg-elevated:#383a40;--vs-bg-input:#383a40;--vs-bg-hover:#4f545c52;--vs-bg-active:#4f545c7a;--vs-border:#0003;--vs-border-subtle:#ffffff0f;--vs-text:#f2f3f5;--vs-text-secondary:#b5bac1;--vs-text-muted:#949ba4;--vs-brand:#5865f2;--vs-brand-hover:#4752c4;--vs-green:#23a559;--vs-danger:#ed4245;--vs-radius-sm:4px;--vs-radius-md:8px;--vs-radius-lg:16px;--vs-radius-pill:999px;--vs-shadow-modal:0 24px 48px #00000073;--vs-font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--vs-rail-width:72px;--vs-sidebar-width:260px}*{box-sizing:border-box}body{color:#f2f3f5;background:#1e1f22;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{height:100vh}.app-loading{color:#b5bac1;justify-content:center;align-items:center;height:100vh;display:flex}.auth-page{background:linear-gradient(135deg,#1e1f22 0%,#2b2d31 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#2b2d31;border-radius:12px;width:100%;max-width:400px;padding:32px;box-shadow:0 8px 32px #0000004d}.auth-card h1{text-align:center;margin:0 0 8px;font-size:24px}.auth-subtitle{color:#b5bac1;text-align:center;margin:0 0 24px}.auth-card form{flex-direction:column;gap:12px;display:flex}.auth-card input{color:#f2f3f5;background:#1e1f22;border:1px solid #404249;border-radius:8px;padding:12px 16px;font-size:14px}.auth-card input::placeholder{color:#6d6f78}.auth-card button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:500}.auth-card button:hover:not(:disabled){background:#4752c4}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#ed4245;background:#ed424533;border-radius:6px;margin:0;padding:8px 12px;font-size:14px}.auth-footer{text-align:center;color:#b5bac1;margin:20px 0 0;font-size:14px}.auth-footer a{color:#5865f2;text-decoration:none}.auth-footer a:hover{text-decoration:underline}