:root{color-scheme:dark;--bg0: #0f1012;--bg1: #14161a;--bg2: #1a1d22;--bg3: #20242b;--stroke: rgba(255,255,255,.08);--stroke2: rgba(255,255,255,.12);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.55);--accent: #5865F2;--green: #23a55a;--red: #ed4245;--shadow: 0 12px 40px rgba(0,0,0,.45);--r12: 12px;--r16: 16px;--r20: 20px}html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg0);color:var(--text)}a{color:inherit}input,button{font:inherit}button{cursor:pointer}.hq-muted{color:var(--muted)}.hq-link{color:#8ab4ff;cursor:pointer}.hq-ico{width:20px;height:20px}.hq-btn{border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);border-radius:10px;padding:8px 12px}.hq-btn:hover{background:#ffffff17}.hq-btn:disabled{opacity:.5;cursor:not-allowed}.hq-btn-primary{border:0;background:var(--accent);color:#fff;font-weight:600}.hq-btn-primary:hover{filter:brightness(1.05)}.hq-btn-ghost{background:transparent}.hq-mini{width:28px;height:28px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.hq-mini:hover{background:#ffffff14}.hq-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:#00000040;color:var(--text);outline:none}.hq-input:focus{border-color:#ffffff2e}.hq-label{font-size:12px;color:var(--muted);margin-bottom:6px;display:block}.hq-iconbtn{width:34px;height:34px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff0a;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.hq-iconbtn:hover{background:#ffffff14}.hq-iconbtn.is-active{background:#5865f240;border-color:#5865f259}.hq-avatar{border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid var(--stroke);display:inline-flex;align-items:center;justify-content:center}.hq-avatar img{width:100%;height:100%;object-fit:cover}.hq-avatar span{font-weight:700;font-size:12px}.hq-root{height:100vh}.hq-app{height:100vh;display:grid;grid-template-columns:72px 300px 1fr 320px;background:var(--bg0)}.hq-app.no-right{grid-template-columns:72px 300px 1fr}.hq-serverbar{background:#0b0c0e;border-right:1px solid var(--stroke);display:flex;flex-direction:column;padding:10px;gap:10px}.hq-serverbar-top{display:flex;justify-content:center}.hq-serverbar-list{display:flex;flex-direction:column;gap:10px;align-items:center;overflow:auto;padding-bottom:10px}.hq-serverbtn{width:48px;height:48px;border-radius:16px;border:1px solid var(--stroke);background:#ffffff0a;display:inline-flex;align-items:center;justify-content:center}.hq-serverbtn:hover{background:#ffffff14}.hq-serverbtn.is-active{background:#5865f240;border-color:#5865f259}.hq-serverbtn-plus{border-style:dashed}.hq-sidebar{background:var(--bg1);border-right:1px solid var(--stroke);display:flex;flex-direction:column}.hq-sidebar-search{padding:12px;border-bottom:1px solid var(--stroke)}.hq-search{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#ffffff0d;border:1px solid var(--stroke)}.hq-search-input{border:0;background:transparent;color:var(--text);outline:none;width:100%}.hq-sidebar-nav{padding:8px;overflow:auto;flex:1}.hq-sideitem{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text)}.hq-sideitem:hover{background:#ffffff0f}.hq-sideitem.is-active{background:#ffffff14;border-color:var(--stroke)}.hq-sideitem:disabled{opacity:.5;cursor:not-allowed}.hq-badge{margin-left:auto;padding:3px 8px;border-radius:999px;background:#e74c3c;color:#fff;font-size:11px;font-weight:700}.hq-side-sep{height:1px;background:var(--stroke);margin:10px 6px}.hq-sidegroup-title{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;color:var(--muted);font-size:12px;text-transform:none}.hq-dmlist{display:grid;gap:6px}.hq-dm{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text)}.hq-dm:hover{background:#ffffff0f}.hq-dm.is-active{background:#ffffff14;border-color:var(--stroke)}.hq-dm-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hq-userpanel{padding:10px;border-top:1px solid var(--stroke);background:#00000040;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.hq-userinfo{display:flex;align-items:center;gap:10px}.hq-usernames{min-width:0}.hq-username{font-weight:700;line-height:1.1}.hq-useractions{display:flex;gap:8px}.hq-voicepanel{margin:10px;padding:10px;border:1px solid rgba(35,165,90,.35);background:#23a55a14;border-radius:14px}.hq-voicepanel-title{display:flex;gap:10px;align-items:center}.hq-dot{width:10px;height:10px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px #23a55a26}.hq-voicepanel-h{font-weight:700}.hq-voicepanel-actions{display:flex;gap:8px;margin-top:10px}.hq-main{display:flex;flex-direction:column;background:var(--bg2)}.hq-topbar{height:52px;border-bottom:1px solid var(--stroke);background:#0000002e;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.hq-topbar-left{display:flex;align-items:center;gap:10px}.hq-top-title{font-weight:800}.hq-top-pill{margin-left:10px;padding:4px 10px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0a}.hq-topbar-right{display:flex;align-items:center;gap:8px}.hq-content{flex:1;overflow:auto;position:relative}.hq-friends{padding:14px}.hq-friends-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.hq-friends-tabs{display:flex;gap:8px}.hq-tabchip{padding:8px 12px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--text)}.hq-tabchip.is-active{background:#ffffff14}.hq-info{margin-top:12px;padding:12px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff0a;display:flex;align-items:center;gap:10px}.hq-info-ico{width:22px;height:22px;border-radius:999px;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.hq-friends-search{margin-top:12px;max-width:520px}.hq-friends-list{margin-top:16px}.hq-friend{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid var(--stroke)}.hq-friend-name{font-weight:800}.hq-friend-actions{display:flex;gap:8px}.hq-dmview{position:relative;height:100%;display:flex;flex-direction:column}.hq-callbar{position:sticky;top:0;z-index:10;margin:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--stroke);background:#00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.hq-callbar-left{display:flex;align-items:center;gap:10px}.hq-callbar-text{font-weight:700}.hq-dm-empty{margin:18px;padding:18px;border-radius:18px;border:1px solid var(--stroke);background:#ffffff0a;display:grid;gap:8px;justify-items:start}.hq-dm-title{font-size:32px;font-weight:900}.hq-dm-events{padding:0 18px 18px}.hq-events{display:grid;gap:10px}.hq-event{border:1px solid var(--stroke);border-radius:14px;background:#00000040;overflow:hidden}.hq-event-type{padding:10px 12px;font-weight:800;border-bottom:1px solid var(--stroke);background:#ffffff08}.hq-event-json{margin:0;padding:12px;overflow:auto;max-height:220px}.hq-composer{margin:auto 14px 14px;padding:10px;border-radius:14px;border:1px solid var(--stroke);background:#00000040;display:flex;align-items:center;gap:10px}.hq-composer-input{border:0;background:transparent;padding:10px 0}.hq-composer-input:focus{outline:none}.hq-composer-actions{margin-left:auto}.hq-right{background:var(--bg1);border-left:1px solid var(--stroke);padding:12px}.hq-right-card{border:1px solid var(--stroke);border-radius:18px;overflow:hidden;background:#ffffff0a}.hq-right-banner{height:90px;background:linear-gradient(135deg,#5865f259,#ffffff0d)}.hq-right-user{padding:12px;display:grid;gap:6px;justify-items:start}.hq-right-name{font-size:22px;font-weight:900}.hq-right-section{padding:12px;border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between}.hq-right-h{color:var(--muted);font-size:12px}.hq-right-val{font-weight:700}.hq-right-link{border:0;background:transparent;color:var(--text)}.hq-right-btn{width:calc(100% - 24px);margin:12px;padding:10px;border-radius:12px;border:1px solid var(--stroke);background:#0003;color:var(--text)}.hq-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 80% at 50% 30%,rgba(255,255,255,.04),transparent),var(--bg0);z-index:50;display:flex;align-items:center;justify-content:center}.hq-loading-center{text-align:center}.hq-loading-logo{width:76px;height:76px;margin:0 auto 12px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--stroke)}.hq-loading-logo svg{width:42px;height:42px}.hq-loading-title{font-weight:900;font-size:12px;letter-spacing:1px;color:#fffc}.hq-loading-text{margin-top:10px;color:#ffffffd9;line-height:1.35}.hq-login{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(70% 70% at 50% 20%,rgba(88,101,242,.22),transparent),var(--bg0)}.hq-login-card{width:420px;border:1px solid var(--stroke);border-radius:18px;background:#ffffff0a;box-shadow:var(--shadow);padding:18px}.hq-login-top{display:flex;gap:12px;align-items:center}.hq-appmark{width:44px;height:44px;border-radius:14px;background:#5865f240;border:1px solid rgba(88,101,242,.35);display:flex;align-items:center;justify-content:center}.hq-login-title{font-weight:900;font-size:18px}.hq-form{margin-top:14px}.hq-error{color:#ff7b7b}.hq-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60}.hq-modal{position:fixed;top:24px;right:24px;bottom:24px;left:24px;border-radius:18px;border:1px solid var(--stroke);background:var(--bg2);display:grid;grid-template-columns:320px 1fr;overflow:hidden;box-shadow:var(--shadow)}.hq-modal-sidebar{background:var(--bg1);border-right:1px solid var(--stroke);display:flex;flex-direction:column}.hq-modal-user{padding:14px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--stroke)}.hq-modal-title{font-weight:900}.hq-modal-nav{padding:12px;overflow:auto}.hq-nav-group{color:var(--muted);font-size:12px;margin:14px 8px 6px}.hq-nav-item{width:100%;text-align:left;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text)}.hq-nav-item:hover{background:#ffffff0f}.hq-nav-item.is-active{background:#ffffff14;border-color:var(--stroke)}.hq-nav-sep{height:1px;background:var(--stroke);margin:12px 6px}.hq-modal-footer{padding:12px 14px;border-top:1px solid var(--stroke)}.hq-modal-content{padding:18px;overflow:auto}.hq-modal-top{display:flex;align-items:flex-start;justify-content:space-between}.hq-h1{font-size:18px;font-weight:900}.hq-tabs{margin-top:8px;display:flex;gap:8px}.hq-tab{padding:8px 12px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--text)}.hq-tab.is-active{background:#ffffff14}.hq-card{border:1px solid var(--stroke);border-radius:18px;background:#ffffff0a;overflow:hidden}.hq-banner{height:120px;background:linear-gradient(135deg,#ffffff0f,#5865f247)}.hq-account-row{display:flex;gap:12px;align-items:center;padding:12px 14px;margin-top:-28px}.hq-account-names{display:grid;gap:2px}.hq-account-display{font-size:18px;font-weight:900}.hq-account-grid{padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center}.hq-field{font-weight:800}