:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--page-background);color:var(--text);font:14px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,.button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--brand-gradient);color:var(--accent-ink);border-color:transparent;font-weight:650}a{color:var(--accent)}.quiet{background:transparent;border-color:transparent;padding:5px 8px;color:var(--muted)}input,select,textarea{background:var(--surface-sunken);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px;max-width:100%}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}textarea{resize:vertical}h1,h2,p{margin:0}h1{font-size:38px;line-height:1.2;letter-spacing:-1.5px;margin:5px 0 12px}h2{font-size:17px;font-weight:600}.muted,.hint{color:var(--muted)}.hint{font-size:12px;margin:10px 0 20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);margin-bottom:14px}.brand{font-size:22px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.logo{display:block;flex:none;width:38px;height:38px;object-fit:contain}.beta{font-size:9px;letter-spacing:1px;border:1px solid var(--line);padding:3px 7px;border-radius:4px;margin-left:8px;color:var(--muted)}.landing{max-width:1100px;margin:auto;padding:65px 40px}.landing>.eyebrow{margin-top:110px}.landing h1{font-size:clamp(44px,6vw,76px);letter-spacing:-3px}.intro{max-width:540px;color:var(--muted);font-size:19px;margin:25px 0 35px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.landing .text-link{display:inline-block;margin:25px 0}.landing-features{margin-top:70px;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:45px;color:var(--muted);flex-wrap:wrap}.dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%;margin-right:5px}main{min-width:0;padding:0 38px}header{height:88px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:15px}.account{border-left:1px solid var(--line);padding-left:16px}.badge{font-size:10px;letter-spacing:.5px;padding:4px 8px;background:var(--accent-soft);color:var(--accent);border-radius:5px;white-space:nowrap}.badge.planned{background:var(--surface);color:var(--text-soft)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:38px 0 30px}.accent{color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stats article{border:1px solid var(--line);border-radius:10px;padding:19px 23px;background:linear-gradient(115deg,var(--panel),var(--panel))}.stats span{font-size:12px;color:var(--muted);display:block}.stats strong{display:block;font-size:29px;font-weight:600;margin-top:7px}.panel{background:var(--panel-background);border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-heading{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading input{font-size:12px;width:220px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:9px;color:var(--muted);letter-spacing:1px;font-weight:600;background:var(--panel);padding:13px 18px}td{padding:20px 18px;border-top:1px solid var(--line)}td:first-child{min-width:220px;max-width:380px}.command-name{display:block;font-size:14px;font-weight:600;color:var(--accent);margin-bottom:5px}.command-response{color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}.command-disabled{color:var(--muted)}.actions{display:flex;gap:4px}.actions button{font-size:12px;padding:4px 7px}.toggle{background:var(--accent-soft);color:var(--accent);border:0;font-size:11px;padding:4px 10px}.toggle.off{background:var(--surface);color:var(--muted)}.panel-footer{padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.command-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.command-layout:has(.editor:not([hidden])){grid-template-columns:minmax(0,1fr) 310px}.editor form{padding:0 20px 22px}.editor label{display:block;font-size:12px;color:var(--text-soft);margin:0 0 16px}.editor input:not([type=checkbox]),.editor select,.editor textarea{display:block;width:100%;margin-top:7px}.editor .checkbox{display:flex;align-items:center;gap:8px}.editor .primary{width:100%}.simulator{margin-top:25px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.simulator .row input{flex:1;min-width:100px}.simulator pre{grid-column:1/-1;white-space:pre-wrap;background:var(--surface-sunken);border-radius:7px;padding:16px;color:var(--accent);margin:0;font-size:12px}.simulator .eyebrow{margin-bottom:5px}.simulator p.muted{font-size:12px;margin-top:6px}.banner{background:var(--surface);color:var(--accent-strong);border:1px solid var(--line);padding:12px 18px;border-radius:7px;font-size:12px;margin-top:22px}#notice{position:fixed;right:30px;bottom:25px;z-index:10;max-width:min(500px,90vw);background:var(--success-surface);color:var(--success-text);padding:16px 22px;border:1px solid var(--success);border-radius:8px;box-shadow:0 12px 50px #0008}#notice.error{background:var(--danger-surface);border-color:var(--danger)}.padded{padding:28px}.padded p{margin:16px 0}.member{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}#member-form{margin-top:25px}footer{margin:45px 0 25px;font-size:10px;letter-spacing:2px;color:var(--subtle)}footer span{float:right;letter-spacing:0}.empty{text-align:center;padding:40px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){main{padding:0 60px}.command-response{max-width:500px}}@media(max-width:1200px){.command-layout:has(.editor:not([hidden])){grid-template-columns:1fr}.editor{max-width:none}}@media(max-width:800px){nav{display:flex;gap:4px;overflow:auto}main{padding:0 18px}header{height:75px}.page-heading{align-items:flex-start;flex-direction:column}h1{font-size:32px}.stats{gap:8px}.stats article{padding:12px}.stats strong{font-size:22px}.simulator{grid-template-columns:1fr}.panel-heading{flex-wrap:wrap}.panel-heading input{width:100%}.landing{padding:35px 25px}.landing>.eyebrow{margin-top:75px}.landing-features{gap:18px}}

body.dashboard-page {
  --dashboard-gutter: 24px;
  --dashboard-width: min(1080px, calc(100vw - 2 * var(--dashboard-gutter)));
  --workspace-panel: linear-gradient(155deg, var(--surface) 0%, var(--panel) 48%, var(--surface-sunken) 100%);
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
}
.dashboard-page > .landing {
  flex: 1;
  width: 100%;
}
.landing-brand { gap: clamp(7px, 1vw, 12px); }
.landing-brand .logo {
  width: clamp(42px, 8.1vw, 101px);
  height: auto;
}
.landing-brand-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px clamp(7px, 1vw, 10px);
  min-width: 0;
}
.landing-wordmark {
  font-size: clamp(22px, 5.4vw, 72px);
  line-height: .95;
  letter-spacing: -.045em;
}
.landing-brand .beta {
  margin-left: 0;
  font-size: clamp(9px, 1vw, 12px);
  white-space: nowrap;
}
#login > .eyebrow { margin-top: clamp(18px, 2.4vw, 32px); }
body.dashboard-page:has(> #login:not([hidden])) {
  --landing-glow-x: 83%;
  background:
    radial-gradient(ellipse 40% 60% at var(--landing-glow-x) 42%, rgba(122, 116, 255, .15), transparent 100%),
    radial-gradient(ellipse 56% 57% at 72% 0%, rgba(90, 178, 255, .13), transparent 100%),
    linear-gradient(155deg, var(--bg), var(--canvas) 70%);
  background-repeat: no-repeat;
}
body.dashboard-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(138, 209, 255, .07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(138, 209, 255, .07) 1px, transparent 1px);
  background-size: 44px 44px;
}
body.dashboard-page:has(> #login:not([hidden]))::before {
  mask-image: radial-gradient(ellipse 48% 55% at var(--landing-glow-x) 44%, #000 5%, transparent 95%);
}
#login-issue {
  max-width: 540px;
  margin: 0 0 16px;
  color: var(--warning-text);
}

.dashboard-copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0;
  padding: 18px 24px;
  color: var(--muted);
  text-align: center;
  font-size: 12px;
  letter-spacing: 0;
}
.dashboard-copyright strong {
  color: var(--text-soft);
  font-weight: 600;
}
@media (max-width: 800px) {
  body.dashboard-page:has(> #login:not([hidden])) {
    --landing-glow-x: 98%;
  }
}

.dashboard-page:has(> .workspace:not([hidden])) {
  height: 100vh;
  height: 100dvh;
  min-height: 320px;
  background: radial-gradient(ellipse at top left, rgba(90,178,255,.13), transparent 45%),
              radial-gradient(ellipse at 100% 72%, rgba(122,116,255,.1), transparent 48%),
              var(--bg);
}
.dashboard-page:has(> .workspace:not([hidden]))::before {
  opacity: .72;
  mask-image:
    radial-gradient(ellipse 33% 47% at 3% 6%, #000 5%, transparent 100%),
    radial-gradient(ellipse 36% 52% at 98% 74%, #000 5%, transparent 100%);
}
.workspace {
  scrollbar-color: color-mix(in srgb, var(--accent) 30%, var(--line-strong)) transparent;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  padding-top: 12px;
}
.workspace .dashboard-nav,
.workspace > main > .tab {
  width: var(--dashboard-width);
  max-width: 100%;
  margin-inline: auto;
}
.workspace .dashboard-nav { display: block; flex: none; overflow: visible; }
.workspace > main {
  flex: 1;
  min-height: 0;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable both-edges;
}
.workspace :where(main, .table-wrap, textarea) { scrollbar-width: thin; }
.workspace > main:focus-visible { outline-offset: -2px; }
.workspace > main > .tab { display: flow-root; padding-bottom: 12px; }
#workspace:not([hidden]) + .dashboard-copyright {
  flex: none;
  padding: 8px 16px;
  border-top: 1px solid var(--line);
}
.dashboard-header,
.workspace .panel {
  background: var(--workspace-panel);
  border: 1px solid var(--line);
  border-radius: 18px;
}
.dashboard-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  height: auto;
  gap: 8px 16px;
  padding: 8px 12px;
  border-radius: 14px;
}
.dashboard-header .brand { gap: 8px; font-size: 18px; }
.dashboard-header .logo { width: 28px; height: 28px; }
.dashboard-header-actions { justify-content: flex-end; gap: 4px 8px; min-width: 0; }
.dashboard-header-actions select { min-width: 0; max-width: min(145px, 100%); padding: 6px 9px; }
.dashboard-header-actions #logout { padding: 6px 8px; }
.dashboard-header .account { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-areas { justify-content: center; }
.dashboard-areas,
.dashboard-subnav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.dashboard-areas button,
.dashboard-subnav button {
  border-radius: 999px;
  background: transparent;
  border-color: transparent;
  color: var(--muted);
  font-size: 13px;
  padding: 5px 10px;
}
.dashboard-areas button:hover,
.dashboard-subnav button:hover {
  background: var(--surface-hover);
  color: var(--text);
}
.dashboard-areas button.active,
.dashboard-areas button[aria-pressed="true"],
.dashboard-subnav button.active,
.dashboard-subnav button[aria-pressed="true"] {
  background: var(--accent-soft);
  border-color: var(--accent-border);
  color: var(--accent-strong);
}
.dashboard-subnav {
  margin-top: 4px;
  border-bottom: 1px solid var(--line);
  padding: 2px 4px 5px;
}
.workspace .page-heading {
  flex-wrap: wrap;
  margin: 14px 0 12px;
  gap: 8px 12px;
}
.workspace .page-heading .eyebrow { display: none; }
.workspace .page-heading h1 { margin: 0; font-size: clamp(23px, 3vw, 31px); line-height: 1.12; }
.workspace .page-heading .muted { max-width: 64ch; margin: 4px 0 0; }
.workspace .padded { padding: 20px; }
.workspace .panel-heading { padding: 16px 20px; }
.workspace .stats { gap: 10px; margin-bottom: 16px; }
.workspace .stats article {
  min-width: 0;
  padding: 12px 16px;
  border-radius: 13px;
}
.workspace .stats strong { font-size: clamp(18px, 3vw, 26px); overflow-wrap: anywhere; }
.workspace .table-wrap { position: relative; overflow-x: auto; }
.workspace .overlay-toolbar[role="group"] { gap: 6px; margin-bottom: 14px; }
.workspace .overlay-toolbar[role="group"] button { border-radius: 999px; }
.workspace .overlay-toolbar[role="group"] button[aria-pressed="true"] {
  color: var(--accent-strong);
  border-color: var(--accent-border);
  background: var(--accent-soft);
}
.workspace .platform-grid,
.workspace .community-grid { gap: 14px; }
.workspace .platform-grid > .panel:only-child:not([hidden]) {
  grid-column: 1 / -1;
  width: min(100%, 780px);
}
#settings-channel, #settings-team {
  grid-template-columns: minmax(0, 780px);
}
.dashboard-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 215px);
  align-items: center;
  gap: 22px;
  margin: 16px 0 14px;
  padding: clamp(20px, 4vw, 34px);
}
.dashboard-intro h1 {
  font-size: clamp(30px, 5vw, 52px);
  overflow-wrap: anywhere;
}
.dashboard-intro p:last-child { margin: 8px 0 0; }
.dashboard-metrics {
  display: grid;
  gap: 8px;
  margin: 0;
}
.dashboard-metrics > div {
  padding: 11px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
}
.dashboard-metrics dt { font-size: 12px; color: var(--muted); }
.dashboard-metrics dd { margin: 3px 0 0; font-size: 23px; font-weight: 700; }
.dashboard-shortcuts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.dashboard-shortcuts .panel > .muted { margin: 8px 0 14px; }
.dashboard-shortcuts button { font-size: 13px; }
.dashboard-help {
  color: var(--text-soft);
  text-underline-offset: .2em;
}
#workspace[hidden] + .dashboard-copyright .dashboard-help { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .dashboard-areas button,
  .dashboard-subnav button,
  .workspace [data-platform-menu] button {
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  }
  .workspace > main > .tab:not([hidden]),
  .dashboard-subnav:not([hidden]),
  .workspace [data-platform-menu] ~ .platform-grid:not([hidden]),
  #tab-settings > .platform-grid:not([hidden]) {
    animation: dashboard-enter 170ms ease-out both;
  }
  @keyframes dashboard-enter {
    from { opacity: .78; translate: 0 4px; }
    to { opacity: 1; translate: none; }
  }
}
@media (min-width: 961px) {
  .workspace .page-heading > div:first-child {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 3px 12px;
  }
  .workspace .page-heading .muted { margin: 0; }
}
@media (max-width: 960px) {
  .dashboard-header { grid-template-columns: auto minmax(0, 1fr); }
  .dashboard-areas {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
    border-top: 1px solid var(--line);
    padding-top: 5px;
  }
}
@media (max-width: 760px) {
  body.dashboard-page { --dashboard-gutter: 12px; }
  .workspace { padding-top: 8px; }
  .dashboard-header { gap: 5px 8px; padding: 6px 8px; }
  .dashboard-header .account { display: none; }
  .workspace .page-heading { align-items: flex-start; }
  .workspace .analytics-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  body.dashboard-page { --dashboard-gutter: 9px; }
  .dashboard-areas, .dashboard-subnav { gap: 2px; }
  .dashboard-areas button, .dashboard-subnav button { padding: 5px; font-size: 12px; }
  .dashboard-header-actions { gap: 3px; }
  .dashboard-header-actions select { max-width: min(105px, 100%); }
  .dashboard-header-actions #logout { padding-inline: 4px; }
  #workspace:not([hidden]) + .dashboard-copyright {
    gap: 2px 9px;
    padding: 5px 8px;
    font-size: 11px;
    line-height: 1.3;
  }
  .dashboard-intro, .dashboard-shortcuts { grid-template-columns: minmax(0, 1fr); }
  .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 440px) {
  .dashboard-header-actions select,
  .dashboard-header-actions #logout { min-height: 30px; font-size: 11px; }
  .dashboard-header-actions select { padding-inline: 5px; }
  .dashboard-header-actions .badge { padding-inline: 5px; letter-spacing: 0; }
  .dashboard-brand-name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
}