:root{--bg-app:#1e1f22;--bg-primary:#313338;--bg-secondary:#2b2d31;--bg-secondary-alt:#232428;--bg-tertiary:#1e1f22;--bg-floating:#111214;--bg-modifier-hover:rgba(78,80,88,.3);--bg-modifier-active:rgba(78,80,88,.48);--bg-modifier-selected:rgba(78,80,88,.6);--bg-input:#1e1f22;--text-normal:#dbdee1;--text-muted:#949ba4;--text-faint:#80848e;--text-link:#00a8fc;--header-primary:#f2f3f5;--header-secondary:#b5bac1;--accent:#5865f2;--accent-hover:#4752c4;--green:#23a55a;--yellow:#f0b232;--red:#f23f43;--red-hover:#da373c;--mention-bg:rgba(88,101,242,.15);--scrollbar-thumb:#1a1b1e;--scrollbar-track:transparent;--font:"gg sans","Segoe UI","Noto Sans",Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}#__nuxt,body,html{height:100%;overflow:hidden}body{background:var(--bg-app);color:var(--text-normal);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-corner{background:transparent}button{background:none;color:inherit;cursor:pointer}button,input,select,textarea{border:none;font-family:inherit}input,select,textarea{background:var(--bg-input);border-radius:3px;color:var(--text-normal);font-size:1rem;outline:none}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}.btn{align-items:center;background:var(--accent);border-radius:3px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:background-color .15s;white-space:nowrap}.btn:hover{background:var(--accent-hover)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.danger{background:var(--red-hover)}.btn.danger:hover{background:#a12828}.btn.secondary{background:#4e5058}.btn.secondary:hover{background:#6d6f78}.btn.ghost{background:transparent;color:var(--text-normal)}.btn.ghost:hover{background:transparent;text-decoration:underline}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label{color:var(--header-secondary);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.field input,.field textarea{height:40px;padding:10px}.field textarea{height:auto;min-height:80px;padding:10px;resize:vertical}.error-text{color:var(--red);font-size:14px}.divider{background:#4e50587a;height:1px;margin:8px 0}.modal-backdrop{align-items:center;animation:fade-in .15s ease;background:#000000bf;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:1000}.modal{animation:pop-in .18s ease;background:var(--bg-primary);border-radius:8px;max-height:calc(100vh - 64px);max-width:calc(100vw - 32px);overflow-y:auto;width:440px}.modal-header{padding:20px 20px 0;text-align:center}.modal-header h2{color:var(--header-primary);font-size:22px}.modal-header p{color:var(--text-muted);font-size:14px;margin-top:6px}.modal-body{padding:20px}.modal-footer{background:var(--bg-secondary);border-radius:0 0 8px 8px;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.95)}}.context-menu{background:var(--bg-floating);border-radius:4px;box-shadow:0 8px 16px #0006;min-width:180px;padding:6px 8px;position:fixed;z-index:2000}.context-menu button{border-radius:2px;color:var(--text-normal);display:block;font-size:14px;padding:8px;text-align:left;width:100%}.context-menu button:hover{background:var(--accent);color:#fff}.context-menu button.danger{color:var(--red)}.context-menu button.danger:hover{background:var(--red-hover);color:#fff}