:root{--bg:#090a0f;--panel:#11131b;--panel2:#171a24;--border:#282c3a;--text:#f4f4f7;--muted:#9298aa;--accent:#e33d55;--accent2:#a72b58;--ok:#3ed598;--warn:#ffbd5b;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.38)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(227,61,85,.08),transparent 30%),var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}.ambient{position:fixed;filter:blur(100px);opacity:.16;pointer-events:none;border-radius:50%}.ambient-one{width:360px;height:360px;background:#da2e59;top:-160px;left:-110px}.ambient-two{width:460px;height:460px;background:#61265f;right:-230px;bottom:-250px}.eyebrow{margin:0 0 10px;color:#e66a7d;font-size:.76rem;font-weight:800;letter-spacing:.16em}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.72rem 1.1rem;border:1px solid transparent;border-radius:11px;font-weight:750;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.button:hover{transform:translateY(-1px)}.button:focus-visible,a:focus-visible{outline:3px solid rgba(227,61,85,.5);outline-offset:3px}.button-primary{color:white;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 28px rgba(227,61,85,.22)}.button-secondary{background:#1b1e29;border-color:#323746;color:#f5f5f7}.button-ghost{background:transparent;border-color:#303442;color:#c7cad4}.button-wide{width:100%}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) minmax(420px,1fr);align-items:center;max-width:1260px;margin:auto;padding:48px}.auth-panel{padding:40px;position:relative;z-index:1}.brand-mark,.brand-symbol{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-weight:900}.brand-mark{width:56px;height:56px;border-radius:17px;margin-bottom:32px;font-size:1.5rem;box-shadow:0 14px 40px rgba(227,61,85,.25)}.auth-panel h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.98;letter-spacing:-.06em;margin:.1em 0 .35em}.lead{font-size:1.08rem;line-height:1.7;color:#abb0bf;max-width:48ch;margin:0 0 30px}.privacy-note{font-size:.82rem;line-height:1.55;color:#777e90;margin-top:18px}.discord-glyph{font-size:1.2rem}.auth-preview{padding:46px}.preview-window{height:510px;border:1px solid #2c3040;background:#0e1017;border-radius:24px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.preview-topbar{height:52px;border-bottom:1px solid #242735;display:flex;gap:7px;align-items:center;padding:0 18px}.preview-topbar span{width:8px;height:8px;border-radius:50%;background:#373b49}.preview-layout{display:grid;grid-template-columns:130px 1fr;height:calc(100% - 52px)}.preview-sidebar{border-right:1px solid #242735;background:linear-gradient(#11131b,#0d0f15)}.preview-content{padding:38px}.preview-heading{height:34px;width:54%;background:#252936;border-radius:8px;margin-bottom:32px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview-grid i{height:128px;background:linear-gradient(145deg,#181b25,#11131a);border:1px solid #282c3a;border-radius:16px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #202330;background:rgba(9,10,15,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:850}.brand-symbol{width:34px;height:34px;border-radius:10px}.top-actions,.user-chip{display:flex;align-items:center;gap:12px}.user-chip{color:#c9ccd6}.user-chip img,.user-chip>span{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#292d3a;display:grid;place-items:center}.container{max-width:1240px;margin:auto}.page{padding:52px 30px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.page-heading.compact{align-items:center}.page-heading h1{font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.045em;margin:0 0 8px}.page-heading p:not(.eyebrow){color:var(--muted);margin:0}.count-pill{border:1px solid #303442;background:#151721;padding:9px 13px;border-radius:999px;color:#b8bdca}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px}.server-card,.metric-card,.content-card{background:linear-gradient(145deg,rgba(24,27,38,.96),rgba(15,17,24,.96));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 34px rgba(0,0,0,.14)}.server-card{padding:21px;display:flex;flex-direction:column;gap:21px}.server-identity{display:flex;align-items:center;gap:14px;min-width:0}.server-identity h2{font-size:1.03rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}.server-identity p{font-size:.75rem;color:#71788a;margin:0}.server-icon{width:48px;height:48px;border-radius:15px;object-fit:cover;flex:none}.server-icon.fallback{display:grid;place-items:center;background:linear-gradient(135deg,#2e3343,#191c26);font-weight:850}.status-row{display:flex;align-items:center;gap:9px;min-height:28px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;white-space:nowrap}.status-ok{background:rgba(62,213,152,.12);color:#69e7b4;border:1px solid rgba(62,213,152,.24)}.status-warn{background:rgba(255,189,91,.1);color:#ffd17e;border:1px solid rgba(255,189,91,.23)}.status-neutral{background:#222531;color:#aeb3c0;border:1px solid #333746}.muted{color:#808698;font-size:.78rem}.empty-state,.state-panel{max-width:720px;margin:70px auto;text-align:center;padding:46px;background:linear-gradient(145deg,#151821,#0e1017);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.empty-icon,.state-icon{width:68px;height:68px;margin:0 auto 20px;display:grid;place-items:center;border-radius:20px;background:rgba(227,61,85,.1);color:#ee667b;font-size:2rem}.state-icon.warning{color:var(--warn);background:rgba(255,189,91,.09)}.state-panel h1{font-size:2.1rem;letter-spacing:-.04em;margin:8px 0 14px}.state-panel>p:not(.eyebrow){color:#a4aaba;line-height:1.7;max-width:58ch;margin:0 auto 26px}.notice{margin:24px 0 0;padding:14px 16px;text-align:left;border-radius:12px;background:#1b1d28;border:1px solid #303442;color:#aeb3c0;line-height:1.55}.notice.success{border-color:rgba(62,213,152,.28);background:rgba(62,213,152,.07)}.status-box{display:flex;align-items:flex-start;gap:15px;text-align:left;background:#11131b;border:1px solid #282c39;border-radius:14px;padding:18px;margin:24px 0}.status-box p{margin:5px 0 0;color:#858c9e}.guild-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid #202330;padding:25px 18px;background:#0c0e14}.back-link{font-size:.82rem;color:#9ba1b1}.guild-sidebar-head{display:flex;align-items:center;gap:12px;margin:26px 0}.guild-sidebar-head div{min-width:0}.guild-sidebar-head strong,.guild-sidebar-head span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guild-sidebar-head span{color:#6f7688;font-size:.72rem;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{padding:10px 12px;border-radius:9px;color:#9ca2b2}.nav-item.active{background:#1d202b;color:#fff}.nav-item.disabled{opacity:.45}.nav-label{font-size:.67rem;color:#62697b;font-weight:800;letter-spacing:.12em;margin:18px 10px 5px}.guild-main{padding:48px;min-width:0}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.metric-card,.content-card{padding:22px}.metric-card span,.metric-card small{display:block;color:#7f8698}.metric-card strong{display:block;font-size:1.35rem;margin:9px 0}.metric-card small{line-height:1.5}.content-card h2{margin-top:0}.content-card p{color:#9ca2b1;line-height:1.7}.error-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.error-code{font-size:4rem;font-weight:900;color:#e45a70;letter-spacing:-.06em}@media(max-width:880px){.auth-shell{grid-template-columns:1fr;padding:20px}.auth-preview{display:none}.auth-panel{padding:30px 18px}.guild-layout{display:block}.sidebar{border-right:0;border-bottom:1px solid #202330}.sidebar nav{display:none}.guild-main{padding:30px 20px}.overview-grid{grid-template-columns:1fr}.user-chip strong{display:none}}@media(max-width:560px){.topbar{padding:0 16px}.brand>span:last-child{display:none}.page{padding:35px 16px}.page-heading{align-items:flex-start;flex-direction:column}.top-actions{gap:7px}.button{padding:.68rem .85rem}.state-panel{padding:30px 20px;margin:35px auto}}

.notice {
  border: 1px solid var(--border);
  border-radius: 14px;
  margin: 0 0 18px;
  padding: 14px 16px;
}
.notice-info { background: rgba(102, 126, 234, .08); }
.notice-warn { background: rgba(245, 158, 11, .09); }
.card-heading-row {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
.card-heading-row form { flex: 0 0 auto; }
.snapshot-meta {
  align-items: center;
  border-bottom: 1px solid var(--border);
  border-top: 1px solid var(--border);
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin: 20px 0;
  padding: 14px 0;
}
.resource-count-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 24px;
}
.resource-count-grid > div {
  background: var(--surface-subtle, rgba(255,255,255,.035));
  border: 1px solid var(--border);
  border-radius: 12px;
  display: grid;
  gap: 2px;
  padding: 14px;
}
.resource-count-grid strong { font-size: 1.35rem; }
.resource-count-grid span { color: var(--muted); font-size: .82rem; }
.resource-columns {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.resource-columns h3 { margin: 0 0 10px; }
.resource-list { border-top: 1px solid var(--border); }
.resource-row {
  align-items: center;
  border-bottom: 1px solid var(--border);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-height: 58px;
  padding: 10px 0;
}
.resource-row > div:first-child { min-width: 0; }
.resource-row strong, .resource-row small { display: block; }
.resource-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.resource-row small { color: var(--muted); margin-top: 3px; }
.resource-badges { display: flex; flex-wrap: wrap; gap: 5px; justify-content: flex-end; }
.resource-badges span {
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  font-size: .72rem;
  padding: 3px 7px;
}
.resource-more { margin: 10px 0 0; }
.compact-empty { padding: 28px 12px; }
@media (max-width: 900px) {
  .card-heading-row { align-items: stretch; flex-direction: column; }
  .resource-count-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .resource-columns { grid-template-columns: 1fr; }
}

/* Phase 4: versioned feature configuration */
.config-card{margin-bottom:18px}.config-form{display:grid;gap:16px}.config-form label{display:grid;gap:7px;color:#c9ccd6;font-size:.82rem;font-weight:700}.config-form input,.config-form select,.config-form textarea{width:100%;border:1px solid #333746;border-radius:10px;background:#10121a;color:#f2f3f6;padding:11px 12px;font:inherit}.config-form textarea{resize:vertical}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-all{grid-column:1/-1}.preset-row,.form-actions,.history-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.event-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.event-groups fieldset{border:1px solid var(--border);border-radius:12px;padding:12px}.event-groups legend{padding:0 6px;color:#aeb3c0;font-size:.78rem;font-weight:800}.check-row{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;padding:6px 0;font-weight:500!important}.check-row input{width:auto!important;margin-top:2px}.compact-events{font-size:.82rem}.config-list{display:grid;gap:14px}.config-entry,.history-entry{position:relative;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.018);padding:17px}.entry-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.entry-heading strong,.entry-heading small{display:block}.entry-heading small{color:var(--muted);margin-top:4px}.compact-form{margin-top:16px}.danger-form{position:absolute;right:17px;bottom:17px}.inline-error{border-left:3px solid var(--warn);padding-left:10px;color:#ffd17e;white-space:pre-wrap;overflow-wrap:anywhere}.role-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.role-choice{border:1px solid var(--border);border-radius:11px;padding:11px!important}.role-choice small{display:block;color:var(--muted);margin-top:3px}.role-choice.unavailable{opacity:.48}.audit-history{display:grid;gap:12px}.history-meta{color:var(--muted);font-size:.75rem;margin-top:9px}.history-meta span{border:1px solid var(--border);border-radius:999px;padding:3px 7px}.audit-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 0}.audit-values div{background:#10121a;border-radius:8px;padding:8px}.audit-values dt{color:var(--muted);font-size:.68rem}.audit-values dd{margin:4px 0 0;overflow-wrap:anywhere;font-size:.8rem}@media(max-width:900px){.event-groups,.form-grid,.role-picker,.audit-values{grid-template-columns:1fr}.danger-form{position:static;margin-top:10px}.span-all{grid-column:auto}}


/* Phase 5: Guild-specific bot profile */
.appearance-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);gap:18px;align-items:start}.profile-preview-card{position:sticky;top:96px}.bot-profile-preview{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#11131b;margin-top:18px}.bot-banner-preview{height:150px;background:linear-gradient(135deg,#34223c,#171a25);overflow:hidden}.bot-banner-preview img{width:100%;height:100%;display:block;object-fit:cover}.bot-profile-body{position:relative;padding:58px 22px 24px;min-height:190px}.bot-avatar-preview{position:absolute;top:-48px;left:22px;width:92px;height:92px;border:6px solid #11131b;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-size:2rem;font-weight:900;overflow:hidden}.bot-avatar-preview img{width:100%;height:100%;object-fit:cover}.bot-profile-body>strong{font-size:1.35rem}.bot-label{display:inline-flex;margin-left:7px;padding:2px 5px;border-radius:4px;background:#5865f2;font-size:.58rem;font-weight:900;vertical-align:3px}.bot-profile-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.preview-note{line-height:1.55}.profile-fieldset{border:1px solid var(--border);border-radius:14px;padding:16px;min-width:0}.profile-fieldset legend{padding:0 7px;font-weight:850}.operation-row{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:12px}.operation-row label{display:flex!important;align-items:center;gap:6px!important;font-weight:600!important}.operation-row input{width:auto!important}.operation-row.stacked{align-items:flex-start;flex-direction:column}.field-limit{color:var(--muted);font-weight:500;float:right}.profile-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.upload-policy-note{margin:0}.config-form input[type=file]{padding:9px}.config-form input[type=file]::file-selector-button{border:0;border-radius:8px;background:#252936;color:#f4f4f7;padding:8px 10px;margin-right:10px;cursor:pointer}@media(max-width:1080px){.appearance-grid{grid-template-columns:1fr}.profile-preview-card{position:static}}@media(max-width:650px){.profile-upload-grid{grid-template-columns:1fr}.operation-row{flex-direction:column}.field-limit{float:none;display:block;margin-top:3px}}

/* Phase 6: desired/applied guild command state */
.command-sync-card,.command-group-card{margin-bottom:18px}.command-sync-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.command-sync-metrics>div{border:1px solid var(--border);border-radius:12px;background:#10121a;padding:14px;display:grid;gap:3px}.command-sync-metrics strong{font-size:1.25rem}.command-sync-metrics span{color:var(--muted);font-size:.78rem}.command-config-list{display:grid;gap:14px;margin-top:18px}.command-config-entry{border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.018);padding:17px;display:grid;gap:16px}.command-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.command-title-row strong,.command-title-row small{display:block}.command-title-row strong{font-size:1.08rem}.command-title-row small{color:var(--muted);margin-top:4px}.command-enabled{display:flex!important;align-items:center;gap:8px!important}.command-enabled input{width:auto!important}.command-settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);gap:16px;align-items:start}.command-settings-grid fieldset{border:1px solid var(--border);border-radius:12px;padding:12px}.command-settings-grid legend{padding:0 6px;font-size:.78rem;font-weight:800}.permission-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 12px}.command-config-entry .form-actions{justify-content:space-between}@media(max-width:1050px){.permission-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.command-sync-metrics,.command-settings-grid,.permission-check-grid{grid-template-columns:1fr}.command-title-row{flex-direction:column}.command-config-entry .form-actions{align-items:flex-start;flex-direction:column}}
.permission-editor{display:grid;gap:18px}.permission-resource-list{display:grid;gap:8px;max-height:580px;overflow:auto;padding-right:4px}.permission-resource-row{display:grid;grid-template-columns:minmax(220px,1fr) 90px 90px;gap:12px;align-items:center;padding:12px 14px;border:1px solid #292d3a;border-radius:12px;background:#11131b}.permission-resource-row>div{display:grid;gap:4px}.permission-resource-row small{color:var(--muted)}.permission-confirm-card{display:flex;align-items:center;justify-content:space-between;gap:28px}.permission-confirm-card>div{max-width:760px}@media(max-width:760px){.permission-resource-row{grid-template-columns:1fr 1fr}.permission-resource-row>div{grid-column:1/-1}.permission-confirm-card{align-items:stretch;flex-direction:column}}

/* Phase 12: public legal pages and footer */
.site-footer{border-top:1px solid #202330;background:rgba(9,10,15,.92);position:relative;z-index:2}.site-footer-inner{max-width:1240px;margin:0 auto;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#7f8698;font-size:.82rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px}.site-footer a{color:#aeb3c0}.site-footer a:hover{color:#fff}.legal-shell{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:64px 30px}.legal-card{background:linear-gradient(145deg,rgba(24,27,38,.96),rgba(15,17,24,.98));border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:clamp(28px,5vw,58px)}.legal-header{border-bottom:1px solid var(--border);padding-bottom:30px;margin-bottom:34px}.legal-brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;margin-bottom:32px}.legal-header h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1;letter-spacing:-.055em;margin:.1em 0 .25em}.legal-lead{font-size:1.08rem;line-height:1.7;color:#b1b6c5;max-width:68ch}.legal-meta{color:#707789;font-size:.82rem;margin:18px 0 0}.legal-section{scroll-margin-top:28px}.legal-section+.legal-section{border-top:1px solid #252936;margin-top:32px;padding-top:32px}.legal-section h2{font-size:1.38rem;letter-spacing:-.025em;margin:0 0 15px}.legal-section p,.legal-section li{color:#a9afbe;line-height:1.72}.legal-section p{margin:0 0 14px}.legal-section ul,.legal-section ol{padding-left:1.35rem;margin:10px 0 0}.legal-section li+li{margin-top:8px}.legal-section a{color:#ef7f91;text-decoration:underline;text-decoration-color:rgba(239,127,145,.4);text-underline-offset:3px}.legal-section a:hover{color:#ffa1af}.legal-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;margin-top:18px}.legal-table{width:100%;border-collapse:collapse;min-width:620px}.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid #252936;line-height:1.55}.legal-table th{background:#161924;color:#dfe2e9;font-size:.8rem;letter-spacing:.03em}.legal-table td{color:#a9afbe;font-size:.9rem}.legal-table tr:last-child td{border-bottom:0}.legal-warning{border:1px solid rgba(255,189,91,.28);background:rgba(255,189,91,.08);border-radius:14px;padding:18px;margin-top:18px}.legal-warning strong{color:#ffd17e}.legal-warning p{margin:7px 0 0;color:#c6b99d}@media(max-width:680px){.legal-shell{padding:28px 16px}.legal-card{padding:26px 20px;border-radius:18px}.site-footer-inner{padding:18px 16px;align-items:flex-start;flex-direction:column}.site-footer nav{gap:12px 16px}}