:root{--bg:#08070d;--surface:#14121e;--surface-hover:#1b1829;--border:#29253d;--text:#f5f3fa;--text-dim:#948fb0;--accent:#8b5cf6;--accent-soft:#8b5cf629;--gold:#ffb547;--success:#22c99e;--danger:#f5576c}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-image:radial-gradient(700px at 8% -10%,#8b5cf638,#0000 60%),radial-gradient(600px at 100% 0,#ffb54724,#0000 55%),radial-gradient(800px at 50% 110%,#22c99e14,#0000 60%);background-attachment:fixed;position:relative}a{color:inherit}.container{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.card{background:linear-gradient(180deg, var(--surface), #14121e99);border:1px solid var(--border);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 8px 24px #00000040}.btn{background:var(--gold);color:#1a1206;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:filter .15s,transform .1s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface-hover);border:1px solid var(--border);color:var(--text)}.btn.danger{background:var(--danger);color:#fff}input,textarea,select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.55rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .7rem}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}tbody tr{transition:background .1s}tbody tr:hover{background:#ffffff05}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tab{border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--text);border-radius:10px;padding:.5rem 1rem;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.tab:hover{border-color:var(--accent)}.tab.active{border-color:var(--accent);background:var(--accent-soft);color:#d8cbff}.dim{color:var(--text-dim)}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.badge{border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge.online{color:var(--success);background:#22c99e26}.badge.offline{color:var(--danger);background:#f5576c26}.sidebar{border-right:1px solid var(--border);background:#0a090f66;flex-direction:column;flex-shrink:0;gap:1.75rem;width:260px;padding:1.5rem 1rem;display:flex}.brand{align-items:center;gap:.6rem;padding:0 .25rem;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--gold));color:#14121e;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:800;display:flex}.brand-name{letter-spacing:-.01em;font-weight:700}.guild-switch{gap:.5rem;display:flex}.guild-pill{text-align:center;border:1px solid var(--border);color:var(--text-dim);border-radius:10px;flex:1;padding:.55rem .5rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s}.guild-pill.active{border-color:var(--accent);background:var(--accent-soft);color:#d8cbff}.guild-status-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.nav{flex-direction:column;gap:.15rem;display:flex}.nav-item{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.7rem;width:100%;padding:.55rem .7rem;font-size:.9rem;transition:background .15s,color .15s;display:flex}.nav-item svg{opacity:.8;flex-shrink:0}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:#d8cbff}.nav-item.active svg{opacity:1}.discord-preview{color:#dbdee1;background:#313338;border-radius:12px;padding:1rem 1.1rem;font-family:gg sans,-apple-system,Segoe UI,Roboto,sans-serif;position:sticky;top:1.5rem}.discord-preview-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.78rem;font-weight:600}.discord-author{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.discord-avatar{background:linear-gradient(135deg, var(--accent), var(--gold));object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px}.discord-author-name{color:#f2f3f5;font-size:.95rem;font-weight:600}.discord-app-tag{color:#fff;background:#5865f2;border-radius:4px;margin-left:.35rem;padding:.05rem .35rem;font-size:.65rem;font-weight:700}.discord-timestamp{color:#949ba4;margin-left:.4rem;font-size:.72rem}.discord-content{color:#00a8fc;word-break:break-word;margin:.2rem 0 .6rem 48px;font-size:.95rem}.discord-embed{border-left:4px solid var(--gold);background:#2b2d31;border-radius:4px;max-width:420px;margin-left:48px;padding:.7rem .9rem}.discord-embed-title{color:#f2f3f5;margin-bottom:.3rem;font-size:.95rem;font-weight:700}.discord-embed-description{color:#dbdee1;white-space:pre-wrap;word-break:break-word;font-size:.87rem;line-height:1.4}.discord-embed-image{border-radius:6px;max-width:100%;margin-top:.6rem;display:block}.discord-embed-empty{color:#6d7079;font-size:.85rem;font-style:italic}.discord-plain-text{color:#dbdee1;white-space:pre-wrap;word-break:break-word;max-width:420px;margin-left:48px;font-size:.95rem;line-height:1.4}.mode-toggle{border:1px solid var(--border);border-radius:10px;width:fit-content;display:inline-flex;overflow:hidden}.mode-toggle button{background:var(--surface);color:var(--text-dim);cursor:pointer;border:none;padding:.45rem 1rem;font-size:.85rem;transition:background .15s,color .15s}.mode-toggle button.active{background:var(--accent-soft);color:#d8cbff}