:root {
  color-scheme: dark;
  --ink: #07070d;
  --ink-2: #0b0b14;
  --surface: #11111d;
  --surface-2: #151525;
  --surface-3: #1b1a2c;
  --line: rgba(255, 255, 255, .08);
  --line-strong: rgba(151, 130, 255, .28);
  --text: #f7f5ff;
  --muted: #8d8aa0;
  --muted-2: #656273;
  --violet: #7968ff;
  --violet-2: #9d70ff;
  --blue: #647cff;
  --cyan: #62e8cf;
  --green: #43dda1;
  --red: #ff627e;
  --warning: #ffc86b;
  --radius: 16px;
  --shadow: 0 24px 80px rgba(0, 0, 0, .38);
}

* { box-sizing: border-box; }
html { min-width: 320px; overflow-x: hidden; scroll-behavior: smooth; }
body { min-height: 100vh; margin: 0; overflow-x: hidden; color: var(--text); background: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; }
button, input, textarea, select { font: inherit; }
button, input, textarea, select { color: inherit; }
a { color: inherit; text-decoration: none; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
code { color: #b8a9ff; font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace; }
[hidden], .is-hidden { display: none !important; }

.background-grid { position: fixed; inset: 0; z-index: -3; pointer-events: none; background-image: radial-gradient(rgba(158, 143, 222, .1) .75px, transparent .75px); background-size: 26px 26px; mask-image: linear-gradient(to bottom, #000, transparent 88%); }
.background-glow { position: fixed; z-index: -2; border-radius: 50%; pointer-events: none; filter: blur(110px); opacity: .12; }
.glow-a { width: 460px; height: 460px; right: 4%; top: 8%; background: var(--violet); }
.glow-b { width: 360px; height: 360px; left: -170px; bottom: 5%; background: #414edc; opacity: .08; }
.wide-shell { width: min(1380px, calc(100% - 48px)); margin-inline: auto; }

.panel-header { position: sticky; z-index: 40; top: 0; height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(24px, calc((100vw - 1380px) / 2)); border-bottom: 1px solid var(--line); background: rgba(7, 7, 13, .82); backdrop-filter: blur(22px); }
.panel-brand { display: flex; align-items: center; gap: 12px; }
.panel-brand img { filter: drop-shadow(0 0 15px rgba(121,104,255,.38)); }
.panel-brand > span, .auth-brand > span { display: grid; line-height: 1.05; }
.panel-brand strong, .auth-brand strong { letter-spacing: .15em; font-size: 15px; }
.panel-brand small, .auth-brand small { margin-top: 5px; color: var(--violet-2); font-size: 8px; font-weight: 850; letter-spacing: .21em; }
.panel-header-right { display: flex; align-items: center; gap: 14px; }
.system-state { padding: 7px 10px; border: 1px solid rgba(67,221,161,.16); border-radius: 999px; color: #77e8ba; background: rgba(67,221,161,.04); font-size: 8px; font-weight: 850; letter-spacing: .13em; }
.system-state i, .live-dot, .offline-dot, .account-chip i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(67,221,161,.8); }
.account-chip { min-width: 170px; padding: 7px 11px 7px 7px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); }
.account-chip img { border-radius: 9px; }
.account-chip > span { min-width: 0; display: grid; line-height: 1.15; }
.account-chip strong { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.account-chip small { margin-top: 3px; color: var(--muted-2); font-size: 8px; }
.panel-header form { margin: 0; }
.icon-action { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: rgba(255,255,255,.02); font-size: 17px; }
.icon-action:hover { color: white; border-color: var(--line-strong); }
.panel-main { min-height: calc(100vh - 130px); }
.panel-footer { width: min(1380px, calc(100% - 48px)); min-height: 64px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); color: #555260; font-size: 8px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.panel-footer span:first-child { color: #81799c; }

.button { min-height: 43px; padding: 0 17px; border: 1px solid transparent; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: white; background: transparent; font-size: 12px; font-weight: 800; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { border-color: rgba(255,255,255,.08); background: linear-gradient(135deg, var(--violet), #5c67ee); box-shadow: 0 10px 30px rgba(109,91,244,.25); }
.button-primary:hover { box-shadow: 0 14px 34px rgba(109,91,244,.36); }
.button-secondary { border-color: var(--line); background: rgba(255,255,255,.045); }
.button-secondary:hover { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.075); }

/* Login */
.auth-main { min-height: 100vh; display: grid; }
.auth-shell { position: relative; width: min(1250px, calc(100% - 48px)); min-height: 100vh; margin: auto; padding: 34px 0 26px; display: flex; flex-direction: column; }
.auth-brand { display: flex; align-items: center; gap: 13px; }
.auth-layout { flex: 1; min-height: 650px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; }
.signal-label, .section-kicker { color: #9d8eff; font-size: 9px; font-weight: 900; letter-spacing: .2em; }
.signal-label i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 13px rgba(98,232,207,.75); }
.auth-copy h1 { max-width: 690px; margin: 22px 0 24px; font-size: clamp(52px, 6.3vw, 88px); line-height: .98; letter-spacing: -.06em; }
.auth-copy h1 span { color: transparent; background: linear-gradient(90deg, #a990ff, #687dff); background-clip: text; -webkit-background-clip: text; }
.auth-copy > p { max-width: 615px; margin: 0 0 32px; color: #a3a0b2; font-size: 17px; line-height: 1.75; }
.discord-login { width: min(470px, 100%); min-height: 74px; padding: 12px 17px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 13px; border: 1px solid rgba(155,139,255,.32); border-radius: 14px; background: linear-gradient(130deg, rgba(121,104,255,.2), rgba(92,103,238,.1)); box-shadow: 0 18px 55px rgba(82,70,180,.18); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.discord-login:hover { transform: translateY(-2px); border-color: rgba(170,155,255,.55); box-shadow: 0 22px 65px rgba(82,70,180,.28); }
.discord-login svg { width: 38px; height: 38px; fill: #a99dff; }
.discord-login > span { display: grid; }
.discord-login strong { font-size: 15px; }
.discord-login small { margin-top: 3px; color: #858198; font-size: 10px; }
.discord-login b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.07); }
.auth-notes { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 18px; color: #6f6c7e; font-size: 10px; }
.auth-notes span::first-letter { color: var(--green); }
.auth-visual { position: relative; min-height: 500px; display: grid; place-items: center; }
.auth-visual::before { content: ""; position: absolute; width: 410px; height: 410px; border-radius: 50%; background: radial-gradient(circle, rgba(121,104,255,.17), rgba(121,104,255,.035) 45%, transparent 70%); }
.radar-ring { position: absolute; border: 1px solid rgba(137,122,255,.16); border-radius: 50%; }
.ring-one { width: 390px; height: 390px; }
.ring-two { width: 500px; height: 500px; border-style: dashed; opacity: .55; }
.auth-core { position: relative; z-index: 2; width: 190px; height: 190px; display: grid; place-items: center; border: 1px solid rgba(152,137,255,.38); border-radius: 48px; background: linear-gradient(145deg, rgba(43,39,75,.96), rgba(15,14,27,.96)); box-shadow: 0 35px 100px rgba(78,58,190,.35), inset 0 0 44px rgba(142,115,255,.1); transform: rotate(4deg); }
.auth-core i { position: absolute; right: 16px; bottom: 18px; width: 17px; height: 17px; border: 4px solid #171526; border-radius: 50%; background: var(--green); box-shadow: 0 0 17px rgba(67,221,161,.65); }
.floating-status { position: absolute; z-index: 3; min-width: 140px; padding: 12px 14px; display: grid; border: 1px solid var(--line-strong); border-radius: 12px; background: rgba(17,17,29,.9); box-shadow: var(--shadow); backdrop-filter: blur(14px); }
.floating-status b { color: #c9c0ff; font-size: 16px; }.floating-status span { margin-top: 3px; color: var(--muted-2); font-size: 7px; font-weight: 850; letter-spacing: .16em; }
.status-one { left: 2%; top: 22%; }.status-two { right: 0; top: 37%; }.status-three { left: 14%; bottom: 17%; }
.auth-footer { min-height: 56px; display: flex; align-items: center; gap: 18px; border-top: 1px solid var(--line); color: #555260; font-size: 8px; font-weight: 800; letter-spacing: .17em; }
.auth-footer i { width: 3px; height: 3px; border-radius: 50%; background: var(--violet); }

/* Public landing page */
.landing-page { width:min(1540px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:14px 0 60px; }
.landing-nav { position:relative;z-index:10;height:66px;padding:0 16px 0 19px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:linear-gradient(120deg,rgba(27,24,42,.92),rgba(18,16,28,.9));box-shadow:0 18px 60px rgba(0,0,0,.34);backdrop-filter:blur(20px); }
.landing-brand { display:flex;align-items:center;gap:10px; }.landing-brand img { object-fit:contain;filter:drop-shadow(0 0 13px rgba(121,104,255,.42)); }.landing-brand span { display:grid;line-height:1; }.landing-brand strong { font-size:14px; }.landing-brand small { margin-top:5px;color:var(--violet-2);font-size:7px;font-weight:900;letter-spacing:.2em; }
.landing-links { display:flex;align-items:center;gap:34px; }.landing-links a { color:#777381;font-size:12px;font-weight:700;transition:color .18s ease; }.landing-links a:hover { color:white; }
.landing-actions { display:flex;align-items:center;gap:10px;color:#777381;font-size:10px; }.landing-panel,.landing-invite,.landing-secondary { min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;font-weight:800; }.landing-panel:hover,.landing-secondary:hover { color:white;border-color:rgba(255,255,255,.18); }.landing-invite { color:white;border-color:rgba(255,255,255,.08);background:linear-gradient(135deg,#d11bc6,#a818b9);box-shadow:0 10px 30px rgba(190,31,182,.3); }
.landing-hero { min-height:890px;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(360px,.62fr);gap:65px;align-items:center; }.landing-copy { padding-left:4px; }
.landing-copy h1 { max-width:850px;margin:0;font-size:clamp(52px,5vw,78px);line-height:1.07;letter-spacing:-.055em; }.landing-copy h1 span { color:#bd20b6;filter:drop-shadow(0 0 22px rgba(190,31,182,.24)); }.landing-copy>p { max-width:790px;margin:31px 0 28px;color:#8f8b9b;font-size:17px;line-height:1.65; }.landing-cta { display:flex;flex-wrap:wrap;gap:12px; }.hero-button,.landing-secondary { min-height:50px;padding:0 24px;border-radius:11px;font-size:12px; }.landing-secondary { color:#c4c0cc;background:rgba(255,255,255,.018); }
.landing-languages { margin-top:27px;display:flex;align-items:center;flex-wrap:wrap;gap:7px; }.landing-languages small { flex-basis:100%;margin-bottom:4px;color:#5f5b69;font-size:7px;font-weight:900;letter-spacing:.19em; }.landing-languages span { padding:6px 10px;border:1px solid rgba(255,255,255,.055);border-radius:7px;color:#77727f;background:rgba(255,255,255,.025);font-size:8px; }
.landing-showcase { position:relative;min-height:560px; }.showcase-glow { position:absolute;inset:12% -20% 5% -35%;border-radius:50%;background:radial-gradient(circle,rgba(190,31,182,.13),rgba(190,31,182,.025) 48%,transparent 72%);filter:blur(18px); }.feature-pill { position:absolute;z-index:3;min-width:205px;padding:16px 18px;display:flex;align-items:center;gap:12px;border:1px solid rgba(190,31,182,.24);border-radius:14px;color:#c9beca;background:rgba(37,18,37,.72);box-shadow:0 24px 70px rgba(91,10,87,.25);backdrop-filter:blur(16px);font-size:11px;font-weight:800; }.feature-pill b { width:33px;height:33px;display:grid;place-items:center;border-radius:9px;color:#dc40d3;background:rgba(190,31,182,.13);font-size:16px; }.pill-one { top:20%;right:7%;filter:blur(2.7px);opacity:.25; }.pill-two { top:43%;left:-16%; }.pill-three { right:-5%;bottom:14%;filter:blur(2.5px);opacity:.23; }.pill-four { top:7%;left:-3%;filter:blur(3px);opacity:.18; }.pill-five { top:59%;right:3%; }.landing-feature-strip { min-height:112px;padding:18px 28px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018); }.landing-feature-strip article { display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line); }.landing-feature-strip article:last-child { border-right:0; }.landing-feature-strip b { color:#d04ac9;font-size:24px; }.landing-feature-strip span { color:#625e6d;font-size:7px;font-weight:900;line-height:1.5;letter-spacing:.13em; }
@keyframes logo-float { 0%,100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-13px) rotate(2deg); } }

/* Dashboard */
.dashboard-shell { padding: 62px 0 100px; }
.page-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.page-intro h1 { margin: 10px 0 7px; font-size: clamp(38px, 5vw, 58px); line-height: 1; letter-spacing: -.045em; }
.page-intro p { margin: 0; color: var(--muted); font-size: 14px; }
.server-total { display: flex; align-items: center; gap: 11px; padding: 12px 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); }
.server-total strong { color: #b9acff; font-size: 25px; }.server-total span { color: var(--muted-2); font-size: 8px; font-weight: 850; line-height: 1.35; letter-spacing: .12em; }
.server-search { width: min(590px,100%); height: 50px; margin: 35px 0 43px; padding: 0 13px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.server-search:focus-within { border-color: rgba(126,107,255,.44); box-shadow: 0 0 0 3px rgba(121,104,255,.08); }
.server-search > span { color: #777287; font-size: 23px; transform: rotate(-16deg); }
.server-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: white; background: transparent; font-size: 13px; }
.server-search input::placeholder { color: #5f5c6a; }.server-search kbd { padding: 4px 7px; border: 1px solid var(--line); border-radius: 6px; color: #625e70; background: rgba(255,255,255,.025); font: 9px sans-serif; }
.guild-section { margin-bottom: 42px; }
.guild-section-title { display: flex; align-items: center; margin-bottom: 15px; }
.guild-section-title h2 { margin: 0; color: #b5b1c0; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.guild-section-title b { min-width: 23px; margin-left: 9px; padding: 2px 6px; border-radius: 999px; color: #807a8d; background: rgba(255,255,255,.05); text-align: center; font-size: 9px; }
.live-dot { margin-left: 2px; }.offline-dot { margin-right: 7px; background: var(--red); box-shadow: 0 0 10px rgba(255,98,126,.55); }
.guild-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.guild-card { min-width: 0; min-height: 92px; padding: 16px; display: flex; align-items: center; gap: 13px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(135deg, rgba(22,21,36,.82), rgba(13,13,23,.84)); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.guild-card:hover { transform: translateY(-2px); border-color: rgba(139,122,255,.35); background: linear-gradient(135deg, rgba(32,29,52,.92), rgba(16,15,28,.9)); }
.guild-card.available { opacity: .68; }.guild-card.available:hover { opacity: 1; }
.guild-avatar { flex: 0 0 58px; height: 58px; object-fit: cover; border: 1px solid var(--line); border-radius: 14px; }
.guild-avatar.fallback { display: grid; place-items: center; background: linear-gradient(135deg,#6251d7,#303677); color: white; font-weight: 900; }
.guild-card-copy { min-width: 0; flex: 1; display: grid; }
.guild-card-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.guild-card-copy small { margin-top: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #767180; font-size: 9px; }
.guild-card-copy small i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--green); }.available .guild-card-copy small i { background: var(--red); }
.guild-arrow,.guild-add { flex: 0 0 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; color: #9188b3; background: rgba(255,255,255,.025); }
.section-empty,.search-empty { padding: 26px; display: grid; border: 1px dashed var(--line); border-radius: 13px; color: var(--muted); text-align: center; }.section-empty strong { color:#aaa5b7;font-size:12px; }.section-empty span { margin-top:5px;font-size:10px; }.search-empty { margin-top:28px; }

/* Server modules */
.server-layout { padding: 30px 0 90px; display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 26px; align-items: start; }
.server-sidebar { position: sticky; top: 90px; max-height:calc(100vh - 105px);min-height:calc(100vh - 140px);padding:17px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(190,31,182,.35) transparent;border:1px solid var(--line);border-radius:var(--radius);background:rgba(14,14,24,.76);box-shadow:0 18px 55px rgba(0,0,0,.18); }
.sidebar-back { display: inline-block; margin: 0 2px 17px; color: #6f6b7a; font-size: 9px; }.sidebar-back:hover { color: white; }
.sidebar-server { padding: 13px; display: flex; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.sidebar-server > img,.sidebar-server > span { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 12px; object-fit: cover; }
.sidebar-server > span { display:grid;place-items:center;background:linear-gradient(135deg,#6251d7,#303677);font-size:13px;font-weight:900; }
.sidebar-server > div { min-width:0;display:grid; }.sidebar-server strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px; }.sidebar-server small { margin-top:5px;color:#6f6b7b;font-size:8px; }.sidebar-server small i { display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(67,221,161,.65); }
.module-nav { display:grid;gap:5px;margin-top:19px; }.module-nav-label { margin:13px 9px 3px;color:#4f4b59;font-size:7px;font-weight:900;letter-spacing:.18em; }
.module-nav a,.module-nav button { width:100%;min-height:53px;padding:8px 9px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;color:#777282;background:transparent;text-align:left; }
.module-nav a:hover { color:#bbb5ca;background:rgba(255,255,255,.025); }.module-nav a.active { color:white;border-color:rgba(129,108,255,.22);background:linear-gradient(110deg,rgba(121,104,255,.14),rgba(121,104,255,.025)); }
.module-nav button { opacity:.42;cursor:not-allowed; }.module-nav a>b,.module-nav button>b { width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(190,31,182,.15);border-radius:9px;color:#bb4cc4;background:rgba(190,31,182,.04); }
.module-svg { width:17px;height:17px; }.module-nav a.active>b { color:#f18bea;border-color:rgba(190,31,182,.38);background:rgba(190,31,182,.12);box-shadow:0 0 20px rgba(190,31,182,.13); }
.module-nav a>span,.module-nav button>span { display:grid;font-size:10px;font-weight:750; }.module-nav small { margin-top:2px;color:#575361;font-size:7px;font-weight:500; }
.sidebar-plan { margin-top:auto;padding:13px;border:1px solid rgba(121,104,255,.2);border-radius:11px;background:rgba(121,104,255,.05); }.sidebar-plan>div:first-child { display:flex;justify-content:space-between;color:#aaa2ca;font-size:8px;font-weight:850;letter-spacing:.09em; }.sidebar-plan>div strong { color:#d1c9ff; }.sidebar-plan small { color:#595566;font-size:7px; }
.mini-progress,.quota-track { width:100%;height:5px;border:0;border-radius:999px;background:rgba(255,255,255,.065);overflow:hidden;appearance:none; }.mini-progress { height:4px;margin:10px 0 7px; }.mini-progress::-webkit-progress-bar,.quota-track::-webkit-progress-bar { background:rgba(255,255,255,.065); }.mini-progress::-webkit-progress-value,.quota-track::-webkit-progress-value { border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--blue),var(--cyan)); }.mini-progress::-moz-progress-bar,.quota-track::-moz-progress-bar { border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--blue),var(--cyan)); }
.module-page,.builder-page { min-width:0; }
.module-header { min-height:150px;padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,rgba(24,22,40,.82),rgba(11,11,19,.72)); }
.module-header h1 { display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:8px 0 5px;font-size:29px;letter-spacing:-.035em; }.module-header h1>span { color:#a492ff;font-family:monospace; }.module-header h1 em { padding:4px 7px;border:1px solid rgba(98,232,207,.25);border-radius:999px;color:var(--cyan);background:rgba(98,232,207,.05);font-size:7px;font-style:normal;letter-spacing:.12em; }
.module-header p { margin:0;color:var(--muted);font-size:11px; }.module-header-actions { display:flex;flex-wrap:wrap;gap:9px; }.module-header-actions form { margin:0; }
.settings-header { min-height:116px;margin-bottom:14px;padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(115deg,rgba(31,16,38,.9),rgba(14,14,24,.8)); }.settings-title-icon { display:flex;align-items:center;gap:16px; }.settings-title-icon>span { flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(190,31,182,.28);border-radius:15px;color:#e056d8;background:linear-gradient(145deg,rgba(190,31,182,.16),rgba(121,104,255,.06));box-shadow:inset 0 0 22px rgba(190,31,182,.06),0 12px 30px rgba(0,0,0,.2); }.module-title-svg { width:27px;height:27px; }.button-svg { width:15px;height:15px; }.settings-header h1 { margin:6px 0 2px;font-size:27px;letter-spacing:-.035em; }.settings-header p { margin:0;color:var(--muted);font-size:10px; }.module-enable { min-height:78px;margin-bottom:14px;padding:17px 21px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:linear-gradient(100deg,rgba(190,31,182,.045),rgba(15,15,25,.76)); }.module-enable>span,.setting-toggle>span { display:grid; }.module-enable strong,.setting-toggle strong { font-size:11px; }.module-enable small,.setting-toggle small { margin-top:4px;color:#666271;font-size:8px; }.module-enable input,.setting-toggle input { position:absolute;opacity:0;pointer-events:none; }.module-enable>i,.setting-toggle>i { flex:0 0 46px;width:46px;height:25px;padding:3px;border-radius:999px;background:#302e38;box-shadow:inset 0 1px 4px rgba(0,0,0,.35); }.module-enable>i::after,.setting-toggle>i::after { content:"";display:block;width:19px;height:19px;border-radius:50%;background:#eee;transition:transform .18s ease;box-shadow:0 2px 6px rgba(0,0,0,.3); }.module-enable input:checked+i,.setting-toggle input:checked+i { background:linear-gradient(90deg,#8c117f,#cf21c3); }.module-enable input:checked+i::after,.setting-toggle input:checked+i::after { transform:translateX(21px); }.settings-card { padding:25px;display:grid;gap:19px;background:linear-gradient(130deg,rgba(29,14,30,.72),rgba(13,13,22,.8)); }.settings-card-title { padding-bottom:12px;border-bottom:1px solid var(--line);color:#d6cadb;font-size:9px;font-weight:900;letter-spacing:.16em; }.module-field { gap:8px; }.module-field>span { color:#c5bfcd;font-size:10px; }.module-field select[multiple] { height:auto;min-height:128px;padding:7px;background-image:none; }.module-field select[multiple] option { margin:2px;padding:8px;border-radius:6px; }.module-field select[multiple] option:checked { color:white;background:#8f1a89 linear-gradient(0deg,#8f1a89,#8f1a89); }.module-field input[type=color] { width:100%;height:48px;padding:7px;cursor:pointer; }.module-field input[type=color]::-webkit-color-swatch-wrapper { padding:0; }.module-field input[type=color]::-webkit-color-swatch { border:0;border-radius:6px; }.setting-toggle { min-height:72px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.014);cursor:pointer; }.setting-toggle:hover { border-color:rgba(190,31,182,.2);background:rgba(190,31,182,.025); }.settings-module .builder-submit-bar { position:sticky;z-index:5;bottom:10px;box-shadow:0 16px 55px rgba(0,0,0,.5);backdrop-filter:blur(18px); }
.quota-card { margin:13px 0;padding:16px 19px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018); }.quota-label { display:flex;justify-content:space-between;color:#aaa5b8;font-size:10px; }.quota-label strong { color:white; }.quota-label span:last-child { color:#756f83;font-size:8px;font-weight:850;letter-spacing:.12em; }.quota-track { display:block;margin:10px 0 7px; }.quota-card p { margin:0;color:#625f6d;font-size:8px; }
.module-surface { border:1px solid var(--line);border-radius:var(--radius);background:rgba(15,15,25,.73);box-shadow:0 20px 65px rgba(0,0,0,.16); }
.module-empty,.install-gate { min-height:330px;padding:55px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }.empty-terminal,.gate-icon { width:66px;height:66px;display:grid;place-items:center;margin-bottom:17px;border:1px solid var(--line-strong);border-radius:18px;color:#9384dc;background:rgba(121,104,255,.06);font:700 26px monospace; }.module-empty h2,.install-gate h2 { margin:0 0 7px;font-size:19px; }.module-empty p,.install-gate p { margin:0 0 22px;color:var(--muted);font-size:11px; }
.command-table { overflow:hidden; }.command-table-head,.command-row { display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.8fr) 100px 180px;align-items:center;gap:14px; }.command-table-head { padding:12px 19px;border-bottom:1px solid var(--line);color:#5c5867;background:rgba(255,255,255,.018);font-size:7px;font-weight:900;letter-spacing:.14em; }.command-row { min-height:80px;padding:13px 19px;border-bottom:1px solid var(--line); }.command-row:last-child { border-bottom:0; }.command-row:hover { background:rgba(255,255,255,.015); }
.command-main { min-width:0;display:flex;align-items:center;gap:11px; }.command-main>b { flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#a795ff;background:rgba(121,104,255,.09);font:800 17px monospace; }.command-main>span,.command-response { min-width:0;display:grid; }.command-main strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 12px monospace; }.command-main small,.command-response small { margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666271;font-size:8px; }.command-response { color:#a29dac;font-size:10px; }.active-state { color:#73e7b6;font-size:9px; }.active-state i { display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(67,221,161,.7); }.row-actions { display:flex;justify-content:flex-end;gap:6px; }.row-actions form { margin:0; }.small-action { min-height:32px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;color:#918c9c;background:rgba(255,255,255,.025);font-size:9px; }.small-action:hover { color:white;border-color:rgba(255,255,255,.17); }.small-action.danger { font-size:16px; }.small-action.danger:hover { color:var(--red);border-color:rgba(255,98,126,.3); }

/* Command builder */
.builder-layout { grid-template-columns:230px minmax(0,1fr); }.builder-header { min-height:100px;margin-bottom:13px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;gap:25px; }.builder-header a { color:#6e697a;font-size:9px; }.builder-header a:hover { color:white; }.builder-header h1 { margin:6px 0 2px;font-size:28px;letter-spacing:-.035em; }.builder-header p { margin:0;color:#686473;font-size:9px; }
.builder-foundation { padding:21px; }.field-grid { display:grid;grid-template-columns:1fr 1fr;gap:15px; }.compact-grid { grid-template-columns:minmax(0,1fr) 170px; }.field { min-width:0;display:grid;gap:7px; }.field>span { color:#aaa5b7;font-size:9px;font-weight:750; }.field>span b { color:var(--violet-2); }.field>small { color:#5f5b69;font-size:7px; }
.field input,.field textarea,.field select { width:100%;border:1px solid var(--line);border-radius:9px;outline:0;color:#e4e0ed;background:#0d0d16;transition:border-color .16s ease,box-shadow .16s ease; }.field input,.field select { height:43px;padding:0 12px; }.field textarea { padding:12px;resize:vertical;line-height:1.6; }.field input:focus,.field textarea:focus,.field select:focus { border-color:rgba(126,109,255,.55);box-shadow:0 0 0 3px rgba(121,104,255,.08); }.field input::placeholder,.field textarea::placeholder { color:#4e4b57; }
.input-prefix { display:flex;border:1px solid var(--line);border-radius:9px;background:#0d0d16;overflow:hidden; }.input-prefix:focus-within { border-color:rgba(126,109,255,.55);box-shadow:0 0 0 3px rgba(121,104,255,.08); }.input-prefix i { width:38px;display:grid;place-items:center;color:#9b8aff;background:rgba(121,104,255,.06);font:800 16px monospace; }.input-prefix input { border:0;border-radius:0;box-shadow:none!important; }
.variable-strip { margin-top:17px;padding-top:14px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line); }.variable-strip strong { margin-right:4px;color:#5e5969;font-size:7px;letter-spacing:.12em; }.variable-strip button,.variable-strip>span { padding:4px 7px;border:1px solid rgba(121,104,255,.15);border-radius:6px;color:#9585df;background:rgba(121,104,255,.05);font:8px monospace; }.variable-strip button:hover { color:#c6bbff;border-color:rgba(121,104,255,.35); }.variable-strip>span { color:#625c77;border-color:var(--line);background:transparent; }
.builder-tabs { height:58px;margin:13px 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:rgba(14,14,24,.75);overflow:hidden; }.builder-tabs button { position:relative;border:0;border-right:1px solid var(--line);color:#5e5a69;background:transparent;font:700 9px monospace;letter-spacing:.1em; }.builder-tabs button:last-child { border-right:0; }.builder-tabs button span { margin-left:7px;font:750 11px sans-serif;letter-spacing:0; }.builder-tabs button b { min-width:20px;margin-left:7px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.05);font-size:7px; }.builder-tabs button.active { color:white;background:linear-gradient(110deg,rgba(121,104,255,.26),rgba(100,124,255,.08)); }.builder-tabs button.active::after { content:"";position:absolute;inset:auto 15% 0;height:2px;background:linear-gradient(90deg,transparent,var(--violet-2),transparent); }
.builder-columns { display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:13px;align-items:start; }.builder-editor { min-height:570px;padding:23px; }.builder-panel { display:none; }.builder-panel.active { display:block; }.panel-title { margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px; }.panel-title>div>span { color:#8475ca;font-size:7px;font-weight:900;letter-spacing:.16em; }.panel-title h2 { margin:5px 0 0;font-size:19px; }.required-chip,.optional-chip { padding:4px 7px;border:1px solid rgba(255,200,107,.2);border-radius:999px;color:var(--warning);background:rgba(255,200,107,.04);font-size:7px;font-weight:850;letter-spacing:.1em; }.optional-chip { color:#858091;border-color:var(--line);background:rgba(255,255,255,.02); }.panel-description { margin:-10px 0 20px;color:#777282;font-size:10px; }
.toggle-card { margin-top:18px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);cursor:pointer; }.toggle-card>input,.mini-toggle>input[type=checkbox] { position:absolute;width:1px;height:1px;opacity:0;pointer-events:none; }.toggle-ui { flex:0 0 40px;height:22px;padding:3px;border-radius:999px;background:#302e3c;transition:background .18s ease; }.toggle-ui i { display:block;width:16px;height:16px;border-radius:50%;background:#777382;transition:transform .18s ease,background .18s ease; }.toggle-card>input:checked+.toggle-ui { background:rgba(121,104,255,.42); }.toggle-card>input:checked+.toggle-ui i { transform:translateX(18px);background:white; }.toggle-card>span:last-child { display:grid; }.toggle-card strong { font-size:10px; }.toggle-card small { margin-top:3px;color:#696574;font-size:8px; }.embed-fields { margin-top:12px;padding:16px;border:1px solid rgba(121,104,255,.16);border-radius:11px;background:rgba(121,104,255,.025);display:grid;gap:14px; }
.color-field>div { height:43px;padding:5px 8px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:#0d0d16; }.color-field input { width:30px;height:30px;padding:0;border:0;border-radius:7px;overflow:hidden; }.color-field code { color:#8d879c;font-size:9px; }
.option-list { display:grid;gap:10px; }.option-row { padding:15px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.015); }.option-row-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:12px; }.option-row-top strong { color:#706b7c;font-size:7px;letter-spacing:.13em; }.option-row-top strong span { color:#9b8aff; }.option-row-top button { border:0;color:#746e7e;background:transparent;font-size:8px; }.option-row-top button:hover { color:var(--red); }.option-fields { display:grid;grid-template-columns:1fr 145px;gap:10px; }.option-description { grid-column:1/-1; }.mini-toggle { margin-top:11px;display:flex;align-items:center;gap:8px;color:#777282;font-size:8px;cursor:pointer; }.mini-toggle>span { width:28px;height:16px;padding:2px;border-radius:999px;background:#302e3c; }.mini-toggle>span i { display:block;width:12px;height:12px;border-radius:50%;background:#777382;transition:transform .18s ease; }.mini-toggle>input:checked~span { background:rgba(121,104,255,.4); }.mini-toggle>input:checked~span i { transform:translateX(12px);background:white; }.add-option { width:100%;min-height:48px;margin-top:12px;border:1px dashed rgba(147,131,220,.26);border-radius:10px;color:#9388bd;background:rgba(121,104,255,.025);font-size:10px;font-weight:750; }.add-option:hover { color:white;border-color:rgba(147,131,220,.48); }.add-option small { margin-left:7px;color:#5d5868;font-size:7px; }.large-toggle { margin-top:0; }.security-note { margin-top:14px;padding:15px;border-left:2px solid var(--cyan);border-radius:4px 10px 10px 4px;background:rgba(98,232,207,.035); }.security-note b { color:#7adbc9;font-size:7px;letter-spacing:.13em; }.security-note p { margin:5px 0 0;color:#716d7b;font-size:9px; }
.builder-preview { position:sticky;top:104px; }.preview-label { margin:0 4px 9px;display:flex;align-items:center;justify-content:space-between;color:#6b6674;font-size:7px;font-weight:900;letter-spacing:.15em; }.preview-label i { width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(67,221,161,.65); }.discord-window { overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#17171f;box-shadow:var(--shadow); }.discord-channel { height:42px;padding:0 13px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.06);color:#a3a0aa;font-size:10px;font-weight:700; }.discord-channel>span { color:#6d6975;font-size:17px; }.discord-channel b { margin-left:auto;color:#6d6975;letter-spacing:2px; }.discord-command { margin:12px;padding:9px 10px;display:grid;grid-template-columns:auto 1fr;column-gap:5px;border:1px solid rgba(121,104,255,.14);border-radius:8px;background:rgba(121,104,255,.06); }.discord-command>span { grid-row:1/3;color:#9d8cff;font:800 15px monospace; }.discord-command strong { color:#dad6e2;font:700 10px monospace; }.discord-command small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6e6a75;font-size:7px; }.discord-message { padding:6px 13px 17px;display:flex;align-items:flex-start;gap:9px; }.discord-message>img { flex:0 0 39px;width:39px;height:39px;border-radius:50%; }.discord-message>div { min-width:0;flex:1; }.discord-author { display:flex;align-items:center;gap:5px; }.discord-author strong { font-size:10px; }.discord-author>span { padding:1px 3px;border-radius:3px;color:white;background:#6d5bdc;font-size:6px; }.discord-author small { color:#65616c;font-size:6px; }.discord-message>div>p { margin:5px 0;color:#cbc7d0;font-size:9px;white-space:pre-wrap;word-break:break-word; }.discord-embed { margin-top:8px;padding:11px;border-left:3px solid var(--violet);border-radius:3px 7px 7px 3px;background:#101016; }.discord-embed strong { display:block;color:#e4e0e9;font-size:10px; }.discord-embed p { margin:4px 0 8px!important;color:#a19da7!important;font-size:8px!important; }.discord-embed small { color:#5f5b65;font-size:6px; }.ephemeral-preview { margin:0 13px 13px;padding:7px 9px;border:1px solid rgba(121,104,255,.13);border-radius:7px;color:#777182;background:rgba(121,104,255,.04);font-size:7px; }.preview-tip { margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.015); }.preview-tip b { color:#7f74b4;font-size:7px;letter-spacing:.14em; }.preview-tip p { margin:4px 0 0;color:#615d6b;font-size:8px;line-height:1.6; }
.builder-submit-bar { min-height:67px;margin-top:13px;padding:10px 13px 10px 17px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;background:rgba(14,14,24,.76); }.builder-submit-bar>span { color:#777282;font-size:8px; }.builder-submit-bar>span i { display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(67,221,161,.6); }
.access-control { margin-bottom:20px;padding:18px;border:1px solid rgba(121,104,255,.18);border-radius:12px;background:rgba(121,104,255,.025); }.access-title { margin-bottom:13px; }.access-title h2 { font-size:15px; }.access-options { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }.access-choice { min-height:92px;padding:13px;display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.015);cursor:pointer; }.access-choice:has(input:checked) { border-color:rgba(121,104,255,.55);background:rgba(121,104,255,.08);box-shadow:0 0 0 2px rgba(121,104,255,.05); }.access-choice input { accent-color:var(--violet); }.access-choice span { display:grid;gap:5px; }.access-choice b { font-size:9px; }.access-choice small { color:#686473;font-size:7px;line-height:1.5; }.role-picker { margin-top:11px;padding:13px;border:1px solid rgba(121,104,255,.2);border-radius:10px;background:rgba(121,104,255,.035); }.role-picker select { height:auto;min-height:104px;padding:5px; }.role-picker option { padding:7px;border-radius:5px; }.role-picker option:checked { color:white;background:#6554d9 linear-gradient(0deg,#6554d9,#6554d9); }

.flash-stack { position:fixed;z-index:100;top:88px;right:24px;width:min(440px,calc(100% - 48px));display:grid;gap:8px; }.flash { padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:#171622;box-shadow:0 18px 55px rgba(0,0,0,.45);font-size:10px; }.flash-success { color:#a9efd2;border-color:rgba(67,221,161,.28); }.flash-error { color:#ffc0cc;border-color:rgba(255,98,126,.28); }
.error-page { min-height:calc(100vh - 140px);padding:100px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }.error-code { color:rgba(121,104,255,.14);font-size:145px;line-height:.8;font-weight:950;letter-spacing:-.08em; }.error-page h1 { margin:16px 0 7px;font-size:36px; }.error-page p { max-width:560px;margin:0 0 25px;color:var(--muted);font-size:12px; }

@media (max-width: 1100px) {
  .guild-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .server-layout,.builder-layout { grid-template-columns:210px minmax(0,1fr);gap:16px; }
  .builder-columns { grid-template-columns:1fr; }.builder-preview { position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px; }.preview-label { grid-column:1/-1; }.preview-tip { margin-top:0; }
  .command-table-head,.command-row { grid-template-columns:minmax(220px,1.4fr) minmax(130px,.7fr) 85px 140px; }
}

@media (max-width: 800px) {
  .wide-shell { width:min(100% - 24px,1380px); }
  .panel-header { height:66px;padding:0 12px; }.panel-brand small,.system-state,.account-chip span { display:none; }.account-chip { min-width:0;padding:5px;border:0;background:transparent; }.panel-footer { width:calc(100% - 24px);flex-direction:column;justify-content:center;gap:4px;padding:15px 0;text-align:center; }
  .auth-shell { width:calc(100% - 28px);padding-top:21px; }.auth-layout { grid-template-columns:1fr;gap:20px;padding:70px 0 45px; }.auth-copy { text-align:center; }.auth-copy>p,.discord-login { margin-inline:auto; }.auth-notes { justify-content:center; }.auth-visual { min-height:360px; }.ring-one { width:300px;height:300px; }.ring-two { width:370px;height:370px; }.auth-core { width:145px;height:145px;border-radius:36px; }.auth-core img { width:85px;height:85px; }.floating-status { min-width:115px; }.auth-footer { justify-content:center; }
  .landing-nav { height:60px; }.landing-links,.landing-actions>span,.landing-panel { display:none; }.landing-hero { min-height:0;padding:100px 0 65px;grid-template-columns:1fr;text-align:center; }.landing-copy { padding:0; }.landing-copy h1,.landing-copy>p { margin-inline:auto; }.landing-cta,.landing-languages { justify-content:center; }.landing-showcase { min-height:430px; }.pill-two { left:0; }.pill-one,.pill-three { right:0; }.landing-feature-strip { grid-template-columns:1fr 1fr;gap:0; }.landing-feature-strip article { min-height:72px; }.landing-feature-strip article:nth-child(2) { border-right:0; }.landing-feature-strip article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .dashboard-shell { padding-top:40px; }.page-intro { align-items:flex-start; }.server-total { display:none; }.guild-grid { grid-template-columns:1fr; }
  .server-layout,.builder-layout { display:block;padding-top:14px; }.server-sidebar { position:static;min-height:0;margin-bottom:14px;padding:12px; }.sidebar-back { margin-bottom:10px; }.sidebar-server { padding:9px; }.sidebar-server>img,.sidebar-server>span { flex-basis:40px;width:40px;height:40px; }.module-nav { grid-template-columns:1fr; }.module-nav-label,.module-nav button { display:none; }.module-nav a { min-height:45px; }.sidebar-plan { display:none; }
  .module-header { align-items:flex-start;flex-direction:column;padding:21px; }.module-header-actions,.module-header-actions form,.module-header-actions .button { width:100%; }.module-header-actions { display:grid;grid-template-columns:1fr 1fr; }.command-table-head { display:none; }.command-row { grid-template-columns:1fr auto;gap:10px;padding:15px; }.command-response { grid-column:1/2;margin-left:49px; }.command-row>div:nth-child(3) { position:absolute;visibility:hidden; }.row-actions { grid-column:2;grid-row:1/3;flex-direction:column; }
  .builder-header { align-items:flex-start; }.builder-header>.button { display:none; }.field-grid { grid-template-columns:1fr; }.compact-grid { grid-template-columns:1fr; }.builder-tabs button { font-size:8px; }.builder-tabs button span { font-size:9px; }.builder-editor { min-height:520px;padding:17px; }.builder-preview { display:block; }.preview-label { margin-top:14px; }.preview-tip { margin-top:10px; }
  .access-options { grid-template-columns:1fr; }
}

@media (max-width: 520px) {
  .landing-page { width:calc(100% - 20px); }.landing-brand strong { font-size:12px; }.landing-nav .landing-invite { min-height:35px;padding:0 11px;font-size:9px; }.landing-hero { padding-top:72px; }.landing-copy h1 { font-size:42px; }.landing-copy>p { font-size:13px; }.landing-showcase { min-height:350px; }.landing-showcase>img { width:145px;height:145px; }.feature-pill { min-width:145px;padding:10px;font-size:8px; }.pill-one { top:12%; }.pill-three { bottom:12%; }.landing-feature-strip { padding:10px; }.landing-feature-strip article { gap:7px; }.landing-feature-strip b { font-size:18px; }
  .auth-copy h1 { font-size:45px; }.auth-copy>p { font-size:14px; }.auth-visual { min-height:330px; }.floating-status { min-width:102px;padding:9px; }.status-one { left:0; }.status-two { right:0; }.status-three { left:7%; }.auth-footer { flex-wrap:wrap;gap:10px; }
  .page-intro h1 { font-size:38px; }.guild-card { min-height:82px;padding:12px; }.guild-avatar { flex-basis:50px;width:50px;height:50px; }
  .module-header-actions { grid-template-columns:1fr; }.module-header h1 { font-size:24px; }.quota-label span:last-child { display:none; }.command-response { display:none; }.command-row { grid-template-columns:1fr auto; }.row-actions { grid-row:1; }.small-action { padding:0 8px; }
  .builder-foundation { padding:15px; }.variable-strip>span { display:none; }.builder-tabs { height:52px; }.builder-tabs button { font-size:0; }.builder-tabs button span { margin-left:0;font-size:9px; }.builder-tabs button b { display:none; }.option-fields { grid-template-columns:1fr; }.option-description { grid-column:auto; }.builder-submit-bar { align-items:stretch;flex-direction:column;gap:9px; }.builder-submit-bar .button { width:100%; }
  .discord-login { grid-template-columns:34px 1fr auto; }.discord-login svg { width:31px;height:31px; }
}

/* Voidrix liquid-glass product system */
:root { --ink:#09090c;--ink-2:#0d0c11;--surface:#121016;--surface-2:#18131b;--surface-3:#211724;--line:rgba(255,255,255,.075);--line-strong:rgba(190,31,182,.28);--violet:#be1fb6;--violet-2:#db45d2;--blue:#9229ba;--radius:14px;--shadow:0 24px 70px rgba(0,0,0,.42); }
body { background:radial-gradient(circle at 58% 12%,rgba(190,31,182,.055),transparent 32%),#09090c; }
.background-grid { opacity:.6;background-image:radial-gradient(rgba(190,31,182,.16) .65px,transparent .65px);background-size:25px 25px; }
.background-glow { opacity:.08;filter:blur(140px); }.glow-a { background:#be1fb6; }.glow-b { background:#6e248f; }
.panel-header { top:10px;width:min(1380px,calc(100% - 28px));height:68px;margin:10px auto 0;padding:0 16px;gap:20px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(110deg,rgba(29,23,33,.9),rgba(13,12,17,.86));box-shadow:0 18px 55px rgba(0,0,0,.32);backdrop-filter:blur(24px); }
.panel-brand strong { font-size:14px;letter-spacing:.12em; }.panel-brand small { color:#d344ca; }.system-state { color:#7fe7bc;background:rgba(67,221,161,.035); }.account-chip { border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.022); }
.wide-shell { width:min(1320px,calc(100% - 40px)); }.dashboard-shell { padding:76px 0 110px; }.page-intro { padding:0 4px 30px;border-bottom:1px solid var(--line); }.page-intro h1 { margin:11px 0 9px;font-size:52px; }.page-intro p { color:#77717e;font-size:13px; }.section-kicker { color:#cf3fc5; }
.server-search { width:min(650px,100%);height:53px;margin:28px 0 48px;border-color:rgba(255,255,255,.09);background:linear-gradient(110deg,rgba(255,255,255,.035),rgba(255,255,255,.015));backdrop-filter:blur(12px); }.server-search:focus-within { border-color:rgba(190,31,182,.42);box-shadow:0 0 0 3px rgba(190,31,182,.07); }
.guild-section { margin-bottom:48px; }.guild-section-title { margin-bottom:17px; }.guild-section-title h2 { font-size:9px;letter-spacing:.15em; }.guild-grid { gap:14px; }.guild-card { min-height:100px;padding:17px;border-color:rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(130deg,rgba(24,19,27,.78),rgba(12,12,16,.85));box-shadow:0 15px 40px rgba(0,0,0,.12); }.guild-card:hover { transform:translateY(-3px);border-color:rgba(190,31,182,.3);background:linear-gradient(130deg,rgba(38,20,40,.88),rgba(15,13,18,.9));box-shadow:0 22px 55px rgba(65,9,61,.18); }.guild-avatar.fallback { background:linear-gradient(135deg,#c52abb,#6f248f); }.guild-arrow,.guild-add { color:#d54acd;border-color:rgba(190,31,182,.18);background:rgba(190,31,182,.06); }
.server-layout { grid-template-columns:245px minmax(0,1fr);gap:20px;padding-top:34px; }.server-sidebar { top:96px;border-color:rgba(255,255,255,.075);background:linear-gradient(150deg,rgba(21,17,24,.92),rgba(11,11,15,.88));box-shadow:0 24px 65px rgba(0,0,0,.3);backdrop-filter:blur(20px); }.sidebar-server { background:linear-gradient(130deg,rgba(190,31,182,.065),rgba(255,255,255,.016)); }.module-nav { gap:3px; }.module-nav-label { color:#625966;font-size:7px; }.module-nav a { min-height:49px;border-radius:9px; }.module-nav a:hover { background:rgba(190,31,182,.035); }.module-nav a.active { border-color:rgba(190,31,182,.24);background:linear-gradient(100deg,rgba(190,31,182,.14),rgba(190,31,182,.025));box-shadow:inset 2px 0 #be1fb6; }.module-nav a>span { font-size:10px; }
.module-surface,.command-table,.quota-card { border-color:rgba(255,255,255,.075);background:linear-gradient(125deg,rgba(25,19,28,.72),rgba(12,12,16,.84));box-shadow:0 22px 60px rgba(0,0,0,.17); }.button-primary { background:linear-gradient(135deg,#cf26c5,#a51aae);box-shadow:0 12px 30px rgba(190,31,182,.24); }.button-primary:hover { box-shadow:0 16px 38px rgba(190,31,182,.34); }
.module-header,.settings-header { border-color:rgba(255,255,255,.08);background:linear-gradient(115deg,rgba(37,19,39,.78),rgba(13,12,17,.86)); }.module-header h1,.settings-header h1 { font-size:28px; }.settings-title-icon>span { border-color:rgba(190,31,182,.3);color:#e95cdf;background:linear-gradient(145deg,rgba(190,31,182,.18),rgba(190,31,182,.035)); }
.settings-card { padding:28px;gap:21px;border-color:rgba(190,31,182,.1);background:linear-gradient(125deg,rgba(31,16,33,.62),rgba(13,12,17,.86)); }.field input,.field textarea,.field select { border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.025); }.field input:focus,.field textarea:focus,.field select:focus { border-color:rgba(190,31,182,.5);box-shadow:0 0 0 3px rgba(190,31,182,.065); }.setting-toggle { background:linear-gradient(100deg,rgba(255,255,255,.022),rgba(190,31,182,.018)); }.module-enable input:checked+i,.setting-toggle input:checked+i { background:linear-gradient(90deg,#8f1389,#c923bf); }
.builder-foundation,.builder-editor,.builder-submit-bar,.builder-tabs { border-color:rgba(255,255,255,.075);background:linear-gradient(125deg,rgba(25,19,28,.72),rgba(12,12,16,.86)); }.builder-tabs button.active { background:linear-gradient(110deg,rgba(190,31,182,.25),rgba(190,31,182,.05)); }.builder-tabs button.active::after { background:linear-gradient(90deg,transparent,#df42d4,transparent); }.access-choice:has(input:checked) { border-color:rgba(190,31,182,.5);background:rgba(190,31,182,.08); }.discord-embed { border-left-color:#be1fb6; }
.flash { border-color:rgba(190,31,182,.2);background:rgba(25,17,27,.94);backdrop-filter:blur(18px); }
@media(max-width:800px){.panel-header{top:0;width:100%;margin:0;border-width:0 0 1px;border-radius:0}.wide-shell{width:calc(100% - 24px)}.page-intro h1{font-size:39px}.server-layout{padding-top:16px}.server-sidebar{max-height:none}.settings-header{align-items:flex-start;flex-direction:column}.settings-header .button{width:100%}}