/* =========================================================================
   K1ND.world — design system
   Black / white / fluorescent yellow, matched to the K1ND investor data room.
   No external fonts or CDNs — system stack only, fully offline.
   ========================================================================= */

:root {
  /* Ink & surfaces */
  --ink:        #101110;
  --ink-soft:   #101110;
  --bg:         #FFFFFF;
  --paper:      #F6F7F8;
  --paper-2:    #f5f5f0;
  --line:       #f5f5f0;
  --line-strong:#CBD2D8;
  --muted:      #5c6257;
  --muted-2:    #d9dbd2;

  /* Accent — one calm teal, used only where trust is signalled */
  --teal:       #5c6257;
  --teal-deep:  #5c6257;
  --teal-tint:  #f5f5f0;
  --teal-line:  #d9dbd2;

  /* Status */
  --danger:     #C23A2B;
  --danger-tint:#FBEBE9;
  --warn:       #A8701A;
  --warn-tint:  #FBF1E2;
  --ok:         #1C8A57;
  --ok-tint:    #E7F4EC;

  /* Type */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto,
               Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;

  /* Shape & depth */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(16,17,16,.05), 0 1px 1px rgba(16,17,16,.04);
  --shadow-md: 0 6px 24px rgba(16,17,16,.08), 0 1px 2px rgba(16,17,16,.05);
  --shadow-lg: 0 18px 48px rgba(16,17,16,.14);

  /* Layout */
  --maxw: 1120px;
  --readw: 720px;
}

/* ---------- reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--bg);
  line-height: 1.5;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
button { font-family: inherit; }
a { color: inherit; }

/* ---------- type scale ---------- */
h1, h2, h3, h4 { margin: 0; font-weight: 640; letter-spacing: -0.02em; line-height: 1.1; }
h1 { font-size: clamp(2rem, 5vw, 3.25rem); }
h2 { font-size: clamp(1.5rem, 3.5vw, 2.15rem); }
h3 { font-size: 1.25rem; letter-spacing: -0.015em; }
h4 { font-size: 1.02rem; letter-spacing: -0.01em; }
p  { margin: 0; }

.eyebrow {
  font-size: 0.72rem; font-weight: 600; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--teal-deep);
}
.muted   { color: var(--muted); }
.mono    { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }

/* ---------- app shell ---------- */
#app { min-height: 100vh; display: flex; flex-direction: column; }

.shell-main {
  flex: 1;
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 28px 20px 96px;
}

/* ---------- top bar ---------- */
.topbar {
  position: sticky; top: 0; z-index: 40;
  background: rgba(255,255,255,.86);
  backdrop-filter: saturate(1.2) blur(10px);
  border-bottom: 1px solid var(--line);
}
.topbar-inner {
  max-width: var(--maxw); margin: 0 auto;
  display: flex; align-items: center; gap: 16px;
  padding: 12px 20px;
}
.brand {
  display: inline-flex; align-items: baseline; gap: 2px;
  font-weight: 680; letter-spacing: -0.03em; font-size: 1.15rem;
  text-decoration: none; color: var(--ink);
}
.brand .k { color: var(--ink); }
.brand .dot { color: var(--ink); }
.brand .world { color: var(--muted); font-weight: 560; }

.nav {
  display: flex; gap: 2px; margin-left: 8px; flex-wrap: wrap;
}
.nav a {
  text-decoration: none; color: var(--muted);
  font-size: 0.9rem; font-weight: 540;
  padding: 7px 11px; border-radius: var(--r-pill);
  transition: background .15s ease, color .15s ease;
}
.nav a:hover { color: var(--ink); background: var(--paper); }
.nav a.active { color: #fff; background: var(--teal); }
.nav a.active:hover { color: #fff; background: var(--teal-deep); }
.nav a.locked::after { content: "  \1F512"; font-size: 0.72em; opacity: .6; }

.topbar-spacer { flex: 1; }

/* ---------- role switcher (DEV control) ---------- */
.roleswitch {
  display: inline-flex; align-items: center; gap: 8px;
  position: relative;
}
.roleswitch-label {
  font-size: 0.62rem; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--muted-2); white-space: nowrap;
  border: 1px dashed var(--line-strong); border-radius: var(--r-sm);
  padding: 3px 7px;
}
.roleswitch select {
  appearance: none; -webkit-appearance: none;
  font-family: inherit; font-size: 0.85rem; font-weight: 560;
  color: var(--ink); background: var(--bg);
  border: 1px solid var(--line-strong); border-radius: var(--r-pill);
  padding: 7px 30px 7px 13px; cursor: pointer;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--muted) 50%),
    linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position: right 13px center, right 8px center;
  background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;
}
.roleswitch select:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px; }

/* ---------- generic surfaces ---------- */
.card {
  background: var(--bg); border: 1px solid var(--line);
  border-radius: var(--r-lg); box-shadow: var(--shadow-sm);
}
.card-pad { padding: 20px; }
.panel {
  background: var(--paper); border: 1px solid var(--line);
  border-radius: var(--r-md); padding: 16px 18px;
}

/* ---------- buttons ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-size: 0.92rem; font-weight: 580; letter-spacing: -0.01em;
  padding: 10px 16px; border-radius: var(--r-pill);
  border: 1px solid transparent; cursor: pointer;
  transition: transform .06s ease, background .15s ease, border-color .15s ease, color .15s ease;
  text-decoration: none; white-space: nowrap;
}
.btn:active { transform: translateY(1px); }
.btn:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
.btn-primary { background: var(--ink); color: #fff; }
.btn-primary:hover { background: var(--ink-soft); }
.btn-teal { background: var(--teal); color: #fff; }
.btn-teal:hover { background: var(--teal-deep); }
.btn-ghost { background: var(--bg); color: var(--ink); border-color: var(--line-strong); }
.btn-ghost:hover { background: var(--paper); }
.btn-quiet { background: transparent; color: var(--muted); }
.btn-quiet:hover { color: var(--ink); background: var(--paper); }
.btn-danger { background: var(--danger-tint); color: var(--danger); border-color: #EBC9C4; }
.btn-danger:hover { background: #F6DED9; }
.btn-sm { padding: 6px 12px; font-size: 0.82rem; }
.btn:disabled { opacity: .5; cursor: not-allowed; }

/* ---------- badges / chips ---------- */
.badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 0.72rem; font-weight: 620; letter-spacing: .01em;
  padding: 3px 9px; border-radius: var(--r-pill);
  border: 1px solid var(--line); background: var(--paper); color: var(--muted);
}
.badge-teal { background: var(--teal-tint); color: var(--teal-deep); border-color: var(--teal-line); }
.badge-ok { background: var(--ok-tint); color: var(--ok); border-color: #BFE3CD; }
.badge-warn { background: var(--warn-tint); color: var(--warn); border-color: #EAD6B0; }
.badge-danger { background: var(--danger-tint); color: var(--danger); border-color: #EBC9C4; }
.badge .tick { font-size: 0.9em; }

/* verified seal — the signature mark */
.seal {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--teal-deep); font-weight: 620; font-size: 0.8rem;
}
.seal svg { width: 15px; height: 15px; }

/* ---------- avatar ---------- */
.avatar {
  width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid var(--line); flex: none; object-fit: cover;
  background: var(--paper);
}
.avatar-sm { width: 30px; height: 30px; }
.avatar-lg { width: 72px; height: 72px; }

/* ---------- utility ---------- */
.row { display: flex; align-items: center; gap: 12px; }
.col { display: flex; flex-direction: column; }
.gap-4 { gap: 4px; } .gap-8 { gap: 8px; } .gap-12 { gap: 12px; } .gap-16 { gap: 16px; }
.wrap { flex-wrap: wrap; }
.spread { justify-content: space-between; }
.center { align-items: center; }
.stack > * + * { margin-top: 14px; }
.hairline { height: 1px; background: var(--line); border: 0; margin: 0; }
.hidden { display: none !important; }

/* Dev / scaffold readout (Stage 1) */
.kv { display: grid; grid-template-columns: minmax(0,180px) 1fr; gap: 8px 16px; }
.kv dt { color: var(--muted); font-size: 0.86rem; }
.kv dd { margin: 0; font-weight: 560; }
.pill-count {
  display: inline-flex; align-items: baseline; gap: 6px;
  border: 1px solid var(--line); border-radius: var(--r-md);
  padding: 10px 14px; background: var(--bg);
}
.pill-count b { font-family: var(--font-mono); font-size: 1.4rem; letter-spacing: -0.02em; }
.pill-count span { color: var(--muted); font-size: 0.78rem; text-transform: uppercase; letter-spacing: .08em; }
.count-grid { display: flex; flex-wrap: wrap; gap: 10px; }

pre.inspect {
  margin: 0; padding: 14px 16px; background: var(--ink); color: #D6E2E0;
  border-radius: var(--r-md); overflow: auto; max-height: 320px;
  font-family: var(--font-mono); font-size: 0.78rem; line-height: 1.55;
}

.demo-note {
  display: flex; gap: 10px; align-items: flex-start;
  border: 1px dashed var(--line-strong); border-radius: var(--r-md);
  padding: 12px 14px; background: var(--paper); color: var(--muted);
  font-size: 0.86rem;
}
.demo-note b { color: var(--ink-soft); }

@media (max-width: 720px) {
  .nav { display: none; }         /* condensed nav arrives with real pages */
  .kv { grid-template-columns: 1fr; gap: 2px 0; }
  .kv dt { margin-top: 8px; }
}

/* =========================================================================
   Landing page (/)
   ========================================================================= */
.landing { display: flex; flex-direction: column; gap: 84px; }
.landing section { scroll-margin-top: 80px; }

/* hero */
.hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: center; padding-top: 12px; }
.hero-copy { max-width: 560px; }
.hero h1 {
  font-size: clamp(2.4rem, 6vw, 4rem); line-height: 1.02; letter-spacing: -0.035em;
  margin: 14px 0 0;
}
.hero h1 .accent { color: var(--teal-deep); }
.hero-sub { font-size: 1.14rem; color: var(--ink-soft); margin-top: 18px; line-height: 1.5; }
.hero-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.hero-fine {
  margin-top: 18px; font-size: .8rem; color: var(--muted);
  display: inline-flex; align-items: center; gap: 8px;
}
.hero-fine .dotk { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); }

/* the signature: a pre-post moderation moment */
.check-card {
  background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg); padding: 22px; position: relative; overflow: hidden;
}
.check-card::before {
  content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--teal);
}
.check-head {
  font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); display: flex; align-items: center; gap: 8px;
}
.check-draft {
  margin: 14px 0; padding: 12px 14px; border-radius: var(--r-sm);
  background: var(--paper); border: 1px solid var(--line);
  font-family: var(--font-mono); font-size: .9rem; color: var(--ink-soft);
  text-decoration: line-through; text-decoration-color: var(--danger); text-decoration-thickness: 1px;
}
.check-verdict { font-weight: 640; font-size: 1.02rem; letter-spacing: -0.01em; }
.check-verdict .q { color: var(--warn); }
.check-body { color: var(--muted); font-size: .9rem; margin-top: 6px; }
.check-rewrite {
  margin-top: 16px; background: var(--teal-tint); border: 1px solid var(--teal-line);
  border-radius: var(--r-md); padding: 13px 15px;
}
.check-rewrite .seal { margin-bottom: 6px; }
.check-rewrite p { font-size: .96rem; color: var(--ink); }

/* section headers */
.sec-head { max-width: 640px; }
.sec-head h2 { margin-top: 10px; }
.sec-head p { color: var(--muted); margin-top: 12px; font-size: 1.05rem; }

/* the model — three pillars */
.pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 34px; }
.pillar {
  border: 1px solid var(--line); border-radius: var(--r-lg); padding: 22px; background: var(--bg);
  display: flex; flex-direction: column; gap: 10px;
}
.pillar .num {
  font-family: var(--font-mono); font-size: .8rem; color: var(--teal-deep);
  border: 1px solid var(--teal-line); background: var(--teal-tint);
  width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; font-weight: 600;
}
.pillar h3 { font-size: 1.1rem; }
.pillar p { color: var(--muted); font-size: .95rem; }

/* why sport */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.split-list { list-style: none; padding: 0; margin: 18px 0 0; display: flex; flex-direction: column; gap: 12px; }
.split-list li { display: flex; gap: 12px; align-items: flex-start; color: var(--ink-soft); }
.split-list .tick {
  flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--teal-tint);
  color: var(--teal-deep); display: grid; place-items: center; font-size: .78rem; font-weight: 700; margin-top: 1px;
}

/* case study */
.casestudy {
  border: 1px solid var(--teal-line); background: linear-gradient(180deg, var(--teal-tint), #fff 120%);
  border-radius: var(--r-lg); padding: 34px;
}
.casestudy .future-tag {
  display: inline-flex; align-items: center; gap: 7px; font-size: .72rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--teal-deep);
  border: 1px dashed var(--teal); border-radius: var(--r-pill); padding: 4px 11px; background: #fff;
}
.casestudy h2 { margin-top: 16px; }
.casestudy p { color: var(--ink-soft); margin-top: 12px; max-width: 680px; }

/* audience */
.audience { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 32px; }
.aud {
  border: 1px solid var(--line); border-radius: var(--r-md); padding: 20px; background: var(--bg);
}
.aud .k { font-size: 1.6rem; }
.aud h4 { margin: 10px 0 6px; }
.aud p { color: var(--muted); font-size: .9rem; }

/* closing */
.closing {
  border-radius: var(--r-lg); background: var(--ink); color: #fff; padding: 44px 40px;
  display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap;
}
.closing h2 { color: #fff; }
.closing p { color: #d9dbd2; margin-top: 8px; max-width: 520px; }
.closing .btn-teal { background: var(--teal); }

/* footer */
.site-footer {
  border-top: 1px solid var(--line); margin-top: 20px; padding: 26px 0 8px;
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  color: var(--muted); font-size: .84rem;
}

@media (max-width: 860px) {
  .landing { gap: 64px; }
  .hero { grid-template-columns: 1fr; gap: 32px; }
  .pillars { grid-template-columns: 1fr; }
  .split { grid-template-columns: 1fr; gap: 24px; }
  .audience { grid-template-columns: 1fr 1fr; }
  .closing { padding: 32px 24px; }
}
@media (max-width: 480px) {
  .audience { grid-template-columns: 1fr; }
}

/* =========================================================================
   Page header (shared by feed/create/etc.)
   ========================================================================= */
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.page-head h1 { font-size: clamp(1.7rem, 4vw, 2.4rem); margin-top: 6px; }

/* =========================================================================
   Feed
   ========================================================================= */
.feed-wrap { max-width: 660px; margin: 0 auto; }
.feed { display: flex; flex-direction: column; gap: 16px; }

.observer-banner, .locked-note {
  border: 1px dashed var(--line-strong); background: var(--paper);
  border-radius: var(--r-md); color: var(--muted);
}
.observer-banner {
  padding: 16px 18px; display: flex; align-items: center; justify-content: space-between;
  gap: 14px; flex-wrap: wrap; margin-bottom: 18px;
}
.observer-banner b { color: var(--ink); }

.post { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 18px 18px 8px; box-shadow: var(--shadow-sm); }
.post-head { display: flex; align-items: center; gap: 11px; }
.post-author { font-weight: 620; letter-spacing: -0.01em; }
.post-head .seal { display: inline-flex; }
.post-time { color: var(--muted-2); font-size: .8rem; }
.post-body { margin: 12px 0 14px; line-height: 1.55; color: var(--ink-soft); white-space: pre-wrap; }
.post-actions { display: flex; align-items: center; gap: 8px; border-top: 1px solid var(--line); padding-top: 8px; }

.act {
  display: inline-flex; align-items: center; gap: 7px; background: transparent;
  border: 0; cursor: pointer; color: var(--muted); font-size: .86rem; font-weight: 560;
  padding: 7px 10px; border-radius: var(--r-pill); transition: background .12s, color .12s;
}
.act:hover { background: var(--paper); color: var(--ink); }
.act-on { color: var(--teal-deep); }
.act-static { cursor: default; }
.act-static:hover { background: transparent; color: var(--muted); }
.icon-btn { background: transparent; border: 0; cursor: pointer; color: var(--muted-2); padding: 6px; border-radius: 8px; }
.icon-btn:hover { color: var(--danger); background: var(--danger-tint); }

/* comments */
.comments { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 12px; }
.comment { display: flex; gap: 10px; padding: 8px 0; }
.comment .body { flex: 1; }
.comment .c-top { display: flex; align-items: center; gap: 7px; }
.comment .c-name { font-weight: 600; font-size: .9rem; }
.comment .c-time { color: var(--muted-2); font-size: .76rem; }
.comment .c-text { color: var(--ink-soft); font-size: .92rem; margin-top: 1px; }
.comment .icon-btn { align-self: flex-start; }

.locked-note { padding: 11px 13px; display: flex; gap: 9px; align-items: center; font-size: .88rem; margin-top: 6px; }
.locked-note a { color: var(--teal-deep); font-weight: 600; }

.comment-composer { display: flex; gap: 10px; margin-top: 8px; padding-top: 6px; }
.cc-input { flex: 1; }
.cc-input textarea {
  width: 100%; box-sizing: border-box; resize: none; overflow: hidden;
  font-family: inherit; font-size: .92rem; line-height: 1.45;
  border: 1px solid var(--line-strong); border-radius: var(--r-md); padding: 9px 12px; min-height: 40px;
}
.cc-input textarea:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px; border-color: var(--ink); }
.cc-row { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; }
.cc-hint { font-size: .74rem; color: var(--muted-2); display: inline-flex; align-items: center; gap: 5px; }

/* =========================================================================
   Create composer
   ========================================================================= */
.create-wrap { max-width: 640px; margin: 0 auto; }
.composer-card { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: 20px; }
.composer-id { display: flex; align-items: center; gap: 11px; margin-bottom: 14px; }
.composer textarea {
  width: 100%; box-sizing: border-box; min-height: 130px; resize: vertical;
  font-family: inherit; font-size: 1.05rem; line-height: 1.5;
  border: 1px solid var(--line-strong); border-radius: var(--r-md); padding: 13px 15px;
}
.composer textarea:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px; border-color: var(--ink); }
.composer-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; gap: 12px; }
.composer-foot .hint { font-size: .82rem; color: var(--muted); display: inline-flex; align-items: center; gap: 6px; }

.locked-state {
  border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--bg); box-shadow: var(--shadow-sm);
  padding: 26px; text-align: left;
}
.locked-state .lock-badge {
  display: inline-flex; align-items: center; gap: 8px; font-size: .74rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--warn);
  background: var(--warn-tint); border: 1px solid #EAD6B0; padding: 5px 11px; border-radius: var(--r-pill);
}
.locked-state h2 { margin: 14px 0 8px; font-size: 1.4rem; }
.locked-state p { color: var(--muted); max-width: 460px; }
.locked-preview {
  margin-top: 18px; border: 1px dashed var(--line-strong); border-radius: var(--r-md);
  padding: 16px; background: var(--paper); color: var(--muted-2); position: relative; user-select: none;
}
.locked-preview::after { content: "🔒"; position: absolute; top: 12px; right: 14px; }

/* =========================================================================
   Modal
   ========================================================================= */
.modal-overlay {
  position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px;
  background: rgba(16,17,16,.44); backdrop-filter: blur(2px);
  opacity: 0; transition: opacity .14s ease;
}
.modal-overlay.show { opacity: 1; }
.modal {
  width: 100%; max-width: 460px; background: var(--bg); border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg); padding: 24px; border-top: 4px solid var(--teal);
  transform: translateY(6px); transition: transform .14s ease;
}
.modal-overlay.show .modal { transform: translateY(0); }
.modal-warn { border-top-color: var(--warn); }
.modal-block { border-top-color: var(--danger); }
.modal-title { font-size: 1.25rem; letter-spacing: -0.02em; }
.modal-body { margin: 10px 0 18px; color: var(--ink-soft); line-height: 1.5; }
.modal-body p + p { margin-top: 10px; }
.modal-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.mod-rewrite {
  margin-top: 14px; background: var(--teal-tint); border: 1px solid var(--teal-line);
  border-radius: var(--r-md); padding: 13px 15px;
}
.mod-rewrite .seal { margin-bottom: 6px; }
.mod-rewrite p { color: var(--ink); }

/* =========================================================================
   Toast
   ========================================================================= */
.toast {
  position: fixed; left: 50%; bottom: 26px; transform: translate(-50%, 20px);
  background: var(--ink); color: #fff; padding: 11px 18px; border-radius: var(--r-pill);
  font-size: .9rem; font-weight: 540; box-shadow: var(--shadow-lg); z-index: 120;
  opacity: 0; pointer-events: none; transition: opacity .18s ease, transform .18s ease;
}
.toast.show { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 480px) {
  .modal-actions { justify-content: stretch; }
  .modal-actions .btn { flex: 1; }
}

/* =========================================================================
   Verify flow (/verify)
   ========================================================================= */
.verify-wrap { max-width: 640px; margin: 0 auto; }
.verify-demo-banner {
  display: flex; gap: 10px; align-items: center; background: var(--teal-tint);
  border: 1px solid var(--teal-line); color: var(--teal-deep); border-radius: var(--r-md);
  padding: 11px 14px; font-size: .86rem; font-weight: 540; margin-bottom: 20px;
}

/* stepper */
.stepper { display: flex; gap: 0; margin: 4px 0 22px; }
.vstep { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 7px; position: relative; text-align: center; }
.vstep::before {
  content: ""; position: absolute; top: 15px; left: -50%; width: 100%; height: 2px; background: var(--line); z-index: 0;
}
.vstep:first-child::before { display: none; }
.vstep.done::before, .vstep.active::before { background: var(--teal); }
.vstep .num {
  width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center;
  font-size: .82rem; font-weight: 640; z-index: 1; border: 2px solid var(--line);
  background: #fff; color: var(--muted-2); font-family: var(--font-mono);
}
.vstep.active .num { background: var(--ink); color: #fff; border-color: var(--ink); }
.vstep.done .num { background: var(--teal); color: #fff; border-color: var(--ink); }
.vstep .lbl { font-size: .72rem; color: var(--muted); line-height: 1.2; max-width: 92px; }
.vstep.active .lbl { color: var(--ink); font-weight: 600; }

/* step card */
.step-card { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: 24px; }
.step-card .step-eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--teal-deep); }
.step-card h2 { font-size: 1.4rem; margin: 8px 0 6px; }
.step-card .step-desc { color: var(--muted); margin-bottom: 16px; }
.fake-field {
  border: 1px solid var(--line-strong); border-radius: var(--r-md); padding: 11px 14px;
  background: var(--paper); color: var(--ink-soft); font-size: .95rem; margin-bottom: 12px;
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.fake-field .tag { font-size: .72rem; color: var(--muted-2); font-family: var(--font-mono); }
.provider-note {
  border: 1px dashed var(--teal); background: var(--teal-tint); border-radius: var(--r-md);
  padding: 12px 14px; color: var(--teal-deep); font-size: .84rem; margin-bottom: 16px;
}
.selfie-sim {
  height: 120px; border-radius: var(--r-md); background: repeating-linear-gradient(45deg, var(--paper), var(--paper) 10px, var(--paper-2) 10px, var(--paper-2) 20px);
  display: grid; place-items: center; color: var(--muted-2); margin-bottom: 14px; border: 1px solid var(--line);
}
.step-actions { display: flex; gap: 10px; align-items: center; margin-top: 4px; }

/* outcome chooser */
.outcome-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.outcome-btn {
  text-align: left; border: 1px solid var(--line-strong); background: #fff; border-radius: var(--r-md);
  padding: 14px; cursor: pointer; transition: border-color .12s, background .12s;
}
.outcome-btn:hover { border-color: var(--ink); background: var(--teal-tint); }
.outcome-btn b { display: block; font-size: .96rem; }
.outcome-btn span { color: var(--muted); font-size: .8rem; }

/* result panels */
.result-panel { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: 28px; text-align: center; }
.result-panel .big-seal { width: 64px; height: 64px; margin: 0 auto 14px; }
.result-panel h2 { font-size: 1.5rem; }
.result-panel .status-line { margin: 8px 0 18px; color: var(--muted); }
.result-panel.rejected .big-seal, .result-panel.pending .big-seal { filter: grayscale(1); opacity: .5; }
.status-pill {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: var(--r-pill);
  font-weight: 620; font-size: .86rem; margin-bottom: 10px;
}
.status-pill.ok { background: var(--teal-tint); color: var(--teal-deep); border: 1px solid var(--teal-line); }
.status-pill.warn { background: var(--warn-tint); color: var(--warn); border: 1px solid #EAD6B0; }
.status-pill.bad { background: var(--danger-tint); color: var(--danger); border: 1px solid #EBC9C4; }
.result-cta { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 6px; }

/* admin override */
.admin-flip {
  margin-top: 22px; border: 1px dashed var(--line-strong); border-radius: var(--r-md);
  padding: 14px 16px; background: var(--paper);
}
.admin-flip .af-head { font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; }
.admin-flip select { font-family: inherit; border: 1px solid var(--line-strong); border-radius: var(--r-sm); padding: 7px 10px; }
.admin-flip .af-btns { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }

@media (max-width: 520px) {
  .vstep .lbl { display: none; }
  .outcome-grid { grid-template-columns: 1fr; }
}

/* =========================================================================
   Profile (/profile) & Athlete (/athlete)
   ========================================================================= */
.profile-wrap, .athlete-wrap { max-width: 760px; margin: 0 auto; }

.profile-header {
  display: flex; gap: 18px; align-items: center; background: var(--bg);
  border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: 22px;
}
.profile-header .who { flex: 1; }
.profile-header h1 { font-size: 1.7rem; margin: 2px 0 8px; }
.profile-demo-note { font-size: .78rem; color: var(--muted-2); margin-top: 8px; }

.profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.info-card { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: 20px; }
.info-card .card-eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
.kvline { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--line); font-size: .92rem; }
.kvline:last-child { border-bottom: 0; }
.kvline .k { color: var(--muted); }
.kvline .v { font-weight: 560; }

.trust-block { display: flex; align-items: center; gap: 18px; }
.trust-block .desc { color: var(--muted); font-size: .88rem; }

.metric-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.metric { border: 1px solid var(--line); border-radius: var(--r-md); padding: 13px 15px; background: var(--bg); }
.metric b { font-family: var(--font-mono); font-size: 1.5rem; letter-spacing: -0.02em; display: block; }
.metric span { color: var(--muted); font-size: .78rem; }
.metric.accent b { color: var(--teal-deep); }
.metric.warnc b { color: var(--warn); }
.metric.blockc b { color: var(--danger); }

.activity-list { display: flex; flex-direction: column; }
.activity-item { padding: 11px 0; border-bottom: 1px solid var(--line); }
.activity-item:last-child { border-bottom: 0; }
.activity-item .meta { font-size: .76rem; color: var(--muted-2); margin-bottom: 3px; }
.activity-item .txt { color: var(--ink-soft); font-size: .92rem; }
.activity-empty { color: var(--muted); font-size: .9rem; padding: 8px 0; }

/* athlete */
.athlete-cover {
  height: 120px; border-radius: var(--r-lg) var(--r-lg) 0 0;
  background: linear-gradient(120deg, var(--ink), var(--teal-deep));
  position: relative;
}
.athlete-head {
  background: var(--bg); border: 1px solid var(--line); border-top: 0;
  border-radius: 0 0 var(--r-lg) var(--r-lg); box-shadow: var(--shadow-sm);
  padding: 0 22px 22px; margin-bottom: 16px;
}
.athlete-head .avatar-lg { width: 88px; height: 88px; margin-top: -44px; border: 4px solid #fff; box-shadow: var(--shadow-sm); position: relative; z-index: 2; background: var(--paper); }
.athlete-head h1 { font-size: 1.8rem; margin: 12px 0 6px; }
.fictional-tag {
  display: inline-flex; align-items: center; gap: 6px; font-size: .7rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--muted);
  border: 1px dashed var(--line-strong); border-radius: var(--r-pill); padding: 3px 10px;
}
.athlete-bio { color: var(--ink-soft); margin: 12px 0 16px; max-width: 560px; line-height: 1.55; }
.athlete-stats { display: flex; gap: 26px; flex-wrap: wrap; padding-top: 14px; border-top: 1px solid var(--line); }
.athlete-stats .s b { font-family: var(--font-mono); font-size: 1.3rem; }
.athlete-stats .s span { display: block; color: var(--muted); font-size: .76rem; text-transform: uppercase; letter-spacing: .06em; }
.athlete-actions { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }

.protect-panel {
  background: linear-gradient(180deg, var(--teal-tint), #fff 130%); border: 1px solid var(--teal-line);
  border-radius: var(--r-lg); padding: 22px; margin-bottom: 16px;
}
.protect-panel .ph { display: flex; align-items: center; gap: 10px; font-weight: 640; }
.protect-panel .pstats { display: flex; gap: 30px; margin-top: 14px; flex-wrap: wrap; }
.protect-panel .pstats .s b { font-family: var(--font-mono); font-size: 1.7rem; color: var(--teal-deep); display: block; }
.protect-panel .pstats .s span { color: var(--muted); font-size: .8rem; }

@media (max-width: 620px) {
  .profile-grid { grid-template-columns: 1fr; }
  .profile-header { flex-direction: column; text-align: center; align-items: center; }
}

/* follow button (followed state → unfollow on hover) */
.btn-follow-on .lbl-unfollow { display: none; }
.btn-follow-on:hover .lbl-following { display: none; }
.btn-follow-on:hover .lbl-unfollow { display: inline; }
.btn-follow-on:hover { color: var(--danger); border-color: #EBC9C4; background: var(--danger-tint); }

/* =========================================================================
   Trust dashboard (/trust-dashboard)
   ========================================================================= */
.dash-wrap { max-width: var(--maxw); margin: 0 auto; }
.dash-note {
  display: inline-flex; align-items: center; gap: 8px; font-size: .78rem; font-weight: 600;
  color: var(--muted); border: 1px dashed var(--line-strong); border-radius: var(--r-pill);
  padding: 4px 11px; margin-top: 6px;
}
.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 8px 0 20px; }
.kpi { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: 18px; }
.kpi .kpi-val { font-family: var(--font-mono); font-size: 2rem; letter-spacing: -0.03em; font-weight: 700; }
.kpi .kpi-lbl { color: var(--muted); font-size: .82rem; margin-top: 2px; }
.kpi .kpi-sub { font-size: .74rem; margin-top: 8px; display: inline-flex; align-items: center; gap: 5px; }
.kpi.teal .kpi-val { color: var(--teal-deep); }
.kpi.danger .kpi-val { color: var(--danger); }
.kpi.warn .kpi-val { color: var(--warn); }
.trend-up { color: var(--ok); } .trend-down { color: var(--danger); }

.dash-card { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: 22px; margin-bottom: 16px; }
.dash-card .dc-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 6px; flex-wrap: wrap; }
.dash-card h3 { font-size: 1.15rem; }
.dash-card .dc-sub { color: var(--muted); font-size: .86rem; }
.chart-legend { display: flex; gap: 16px; flex-wrap: wrap; font-size: .8rem; color: var(--muted); margin-top: 8px; }
.chart-legend .lg { display: inline-flex; align-items: center; gap: 6px; }
.chart-legend .sw { width: 11px; height: 11px; border-radius: 3px; display: inline-block; }

.dash-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

/* comparison bars */
.cmp-row { margin-top: 14px; }
.cmp-row .cmp-label { display: flex; justify-content: space-between; font-size: .86rem; margin-bottom: 5px; }
.cmp-track { height: 26px; background: var(--paper); border-radius: var(--r-sm); overflow: hidden; border: 1px solid var(--line); }
.cmp-fill { height: 100%; display: flex; align-items: center; padding: 0 10px; color: #fff; font-size: .78rem; font-weight: 640; white-space: nowrap; overflow: hidden; min-width: 0; }
.cmp-fill.open { background: var(--danger); }
.cmp-fill.k1nd { background: var(--teal); }
.model-tag {
  display: inline-flex; align-items: center; gap: 6px; font-size: .68rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--muted);
  border: 1px dashed var(--line-strong); border-radius: var(--r-pill); padding: 3px 9px;
}

/* case study (reuse landing .casestudy look, scoped) */
.dash-casestudy { border: 1px solid var(--teal-line); background: linear-gradient(180deg, var(--teal-tint), #fff 120%); border-radius: var(--r-lg); padding: 28px; margin: 16px 0; }
.dash-casestudy .future-tag { display: inline-flex; align-items: center; gap: 7px; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--teal-deep); border: 1px dashed var(--teal); border-radius: var(--r-pill); padding: 4px 11px; background: #fff; }
.dash-casestudy h3 { margin-top: 14px; font-size: 1.3rem; }
.dash-casestudy p { color: var(--ink-soft); margin-top: 10px; max-width: 720px; }

.matters-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.matters { border: 1px solid var(--line); border-radius: var(--r-md); padding: 16px; background: var(--bg); }
.matters .k { font-size: 1.4rem; } .matters h4 { margin: 8px 0 4px; } .matters p { color: var(--muted); font-size: .86rem; }

@media (max-width: 860px) {
  .kpi-grid { grid-template-columns: 1fr 1fr; }
  .dash-cols { grid-template-columns: 1fr; }
  .matters-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) { .kpi-grid, .matters-grid { grid-template-columns: 1fr; } }

/* =========================================================================
   Admin dashboard (/admin)
   ========================================================================= */
.admin-wrap { max-width: var(--maxw); margin: 0 auto; }
.admin-summary { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin: 8px 0 20px; }
.admin-summary .as {
  background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-md);
  box-shadow: var(--shadow-sm); padding: 14px 16px;
}
.admin-summary .as b { font-family: var(--font-mono); font-size: 1.5rem; letter-spacing: -0.02em; display: block; }
.admin-summary .as span { color: var(--muted); font-size: .76rem; }
.admin-summary .as.alert b { color: var(--danger); }
.admin-summary .as.warn b { color: var(--warn); }

.adm-section { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: 22px; margin-bottom: 16px; }
.adm-section .adm-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.adm-section h3 { font-size: 1.12rem; }
.adm-count { font-family: var(--font-mono); font-size: .8rem; color: var(--muted); background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-pill); padding: 3px 10px; }

/* report items */
.report-item { border: 1px solid var(--line); border-radius: var(--r-md); padding: 14px 16px; margin-bottom: 10px; }
.report-item:last-child { margin-bottom: 0; }
.report-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.report-top .who { font-weight: 600; font-size: .92rem; }
.report-reason { color: var(--ink-soft); font-size: .92rem; margin-bottom: 10px; }
.report-actions { display: flex; gap: 8px; flex-wrap: wrap; }

/* log rows (blocks / warnings) */
.log-list { display: flex; flex-direction: column; }
.log-row { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--line); }
.log-row:last-child { border-bottom: 0; }
.log-row .log-main { flex: 1; min-width: 0; }
.log-row .log-text { font-size: .92rem; color: var(--ink-soft); word-break: break-word; }
.log-row .log-meta { font-size: .76rem; color: var(--muted-2); margin-top: 3px; }
.log-row .log-side { flex: none; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }

/* verification queue */
.vq-item { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.vq-item:last-child { border-bottom: 0; }
.vq-item .vq-who { flex: 1; min-width: 160px; }
.vq-item .vq-actions { display: flex; gap: 6px; flex-wrap: wrap; }

.adm-empty { color: var(--muted); font-size: .9rem; padding: 10px 0; }

@media (max-width: 860px) { .admin-summary { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px) {
  .admin-summary { grid-template-columns: 1fr 1fr; }
  .log-row { flex-direction: column; gap: 6px; }
  .log-row .log-side { text-align: left; align-items: flex-start; flex-direction: row; }
}

/* reported content shown in the admin review queue */
.reported-content {
  background: var(--danger-tint); border: 1px solid #EBC9C4; border-left: 3px solid var(--danger);
  border-radius: var(--r-sm); padding: 10px 13px; margin-bottom: 10px;
  color: var(--ink-soft); font-size: .93rem; line-height: 1.45;
}
.reported-content.missing { background: var(--paper); border-color: var(--line); border-left-color: var(--muted-2); color: var(--muted); font-style: italic; }
.report-reason .rr-label { color: var(--muted); font-weight: 600; }

/* =========================================================================
   About (/about)
   ========================================================================= */
.about-wrap { max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 64px; }
.about-wrap > .page-head { margin-bottom: -28px; }
.about-lead { max-width: 720px; }
.about-lead p { font-size: 1.15rem; line-height: 1.6; color: var(--ink-soft); }
.about-lead p + p { margin-top: 16px; }

.principles { list-style: none; padding: 0; margin: 24px 0 0; display: flex; flex-direction: column; gap: 14px; }
.principles li { display: flex; gap: 12px; align-items: flex-start; }
.principles .pk { flex: none; width: 34px; height: 34px; border-radius: 9px; background: var(--teal-tint); border: 1px solid var(--teal-line); display: grid; place-items: center; }
.principles div { color: var(--ink-soft); line-height: 1.5; }
.principles b { color: var(--ink); }

.about-demo { border: 1px solid var(--teal-line); background: linear-gradient(180deg, var(--teal-tint), #fff 120%); border-radius: var(--r-lg); padding: 28px; }
.about-demo .future-tag { display: inline-flex; align-items: center; gap: 7px; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--teal-deep); border: 1px dashed var(--teal); border-radius: var(--r-pill); padding: 4px 11px; background: #fff; }
.demo-facts { margin: 14px 0 0; padding-left: 20px; color: var(--ink-soft); line-height: 1.7; }
.demo-facts li { margin-bottom: 4px; }

/* live pulse dot on the dashboard */
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); display: inline-block; position: relative; }
.live-dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--teal); opacity: .6; animation: livepulse 1.8s ease-out infinite; }
@keyframes livepulse { 0% { transform: scale(.6); opacity: .7; } 100% { transform: scale(1.6); opacity: 0; } }

/* post images in the feed */
.post-image { margin: 4px 0 14px; border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--line); background: var(--paper); }
.post-image img { width: 100%; display: block; aspect-ratio: 16 / 9; object-fit: cover; }

/* composer photo picker */
.composer-photos { margin-top: 14px; }
.cp-label { font-size: .8rem; color: var(--muted); display: inline-flex; align-items: center; gap: 6px; }
.cp-thumbs { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.cp-thumb { padding: 0; border: 2px solid var(--line); border-radius: var(--r-sm); overflow: hidden; cursor: pointer; background: none; width: 78px; height: 50px; transition: border-color .12s, transform .06s; }
.cp-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cp-thumb:hover { border-color: var(--line-strong); }
.cp-thumb.sel { border-color: var(--ink); box-shadow: 0 0 0 2px var(--teal-tint); }

/* =========================================================================
   Luxe pass — brand signature, depth, refinement
   ========================================================================= */
.brand-kicker {
  font-size: clamp(1.15rem, 2.6vw, 1.55rem); font-weight: 700; letter-spacing: -0.02em;
  color: var(--ink); margin-bottom: 16px; display: inline-flex; align-items: baseline;
}
.brand-kicker .one, .brand-kicker .kick-dot { color: var(--ink); }

.hero { position: relative; }
.hero::before {
  content: ""; position: absolute; z-index: 0; top: -90px; right: -70px;
  width: 560px; height: 560px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(16,17,16,.16), rgba(16,17,16,0) 66%);
}
.hero > * { position: relative; z-index: 1; }
.hero h1 { font-size: clamp(2.6rem, 6.4vw, 4.4rem); }

/* premium button depth */
.btn-teal { box-shadow: 0 6px 18px rgba(16,17,16,.24); }
.btn-teal:hover { box-shadow: 0 8px 22px rgba(16,17,16,.30); }
.btn-primary { box-shadow: 0 6px 18px rgba(16,17,16,.16); }

/* richer closing CTA */
.closing { background: linear-gradient(135deg, #101110 0%, #101110 100%); box-shadow: var(--shadow-lg); }

/* the signature check card gets a touch more lift */
.check-card { box-shadow: 0 24px 60px rgba(16,17,16,.16); }

/* About — response ladder */
.ladder { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 24px; }
.rung { border: 1px solid var(--line); border-radius: var(--r-md); padding: 16px; background: var(--bg); border-top: 3px solid var(--line); box-shadow: var(--shadow-sm); }
.rung b { display: block; font-size: 1rem; margin-bottom: 4px; }
.rung span { color: var(--muted); font-size: .84rem; }
.rung.ok { border-top-color: var(--ok); }
.rung.warn { border-top-color: var(--warn); }
.rung.block { border-top-color: var(--danger); }
.rung.review { border-top-color: var(--ink); }
@media (max-width: 720px) { .ladder { grid-template-columns: 1fr 1fr; } }

/* =========================================================================
   Enhanced moderation + rights-safe media pass
   ========================================================================= */
.modal-review { border-top-color: var(--ink); max-width: 540px; }
.badge-review { background: var(--teal-tint); color: var(--teal-deep); border-color: var(--teal-line); }
.cp-safety { display:block; margin-top:8px; color:var(--muted-2); font-size:.72rem; line-height:1.35; }
.adm-intro { color:var(--muted); font-size:.82rem; margin-top:3px; }
.enhanced-section { border-color:var(--teal-line); box-shadow:0 14px 34px rgba(16,17,16,.08); }
.review-item { border:1px solid var(--teal-line); border-left:4px solid var(--teal); border-radius:var(--r-md); padding:15px 16px; margin-bottom:11px; background:linear-gradient(135deg,var(--teal-tint),#fff 72%); }
.review-item:last-child { margin-bottom:0; }
.review-item-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom:10px; font-size:.86rem; }
.review-item-head > div { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.review-reason { color:var(--teal-deep); font-size:.78rem; font-weight:650; }
.review-body { display:flex; gap:12px; align-items:stretch; }
.review-content { flex:1; background:#fff; border-color:var(--teal-line); border-left-color:var(--ink); margin:0 0 10px; }
.review-thumb { width:124px; min-height:82px; max-height:112px; object-fit:cover; border-radius:var(--r-sm); border:1px solid var(--line); }
.review-checks { font-family:var(--font-mono); color:var(--muted-2); font-size:.68rem; margin:0 0 10px; }
.review-note { margin-left:auto; align-self:center; font-size:.76rem; }
@media (max-width:600px) {
  .review-body { flex-direction:column; }
  .review-thumb { width:100%; height:150px; max-height:none; }
  .review-note { width:100%; margin-left:0; }
}

/* v4.12 explainable context, rewrite choices and challenge console */
.rewrite-options,.rewrite-clause-map,.confidence-profile { display:grid; gap:7px; margin-top:11px; padding-top:10px; border-top:1px solid var(--line); }
.rewrite-options > .mini-kicker,.rewrite-clause-map > .mini-kicker,.confidence-profile > .mini-kicker { grid-column:1 / -1; }
.rewrite-options > div,.rewrite-clause-map > div { display:grid; grid-template-columns:72px 1fr; gap:3px 9px; padding:8px; border:1px solid var(--line); border-radius:9px; background:#fff; }
.rewrite-options b,.rewrite-clause-map b { color:var(--teal-deep); font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; }
.rewrite-options span,.rewrite-clause-map span { font-size:.74rem; line-height:1.4; }
.rewrite-options small,.rewrite-clause-map small { grid-column:2; color:var(--muted); font-size:.64rem; }
.rewrite-clause-map .remove b { color:var(--danger); }
.rewrite-clause-map .qualify b { color:#7259a0; }
.confidence-profile { grid-template-columns:repeat(5,1fr); }
.confidence-profile > div { min-width:0; padding:8px; border:1px solid var(--line); border-radius:9px; background:var(--paper); }
.confidence-profile b,.confidence-profile span { display:block; }
.confidence-profile b { font-size:.65rem; text-transform:uppercase; letter-spacing:.06em; }
.confidence-profile span { margin-top:3px; color:var(--muted); font-size:.65rem; overflow-wrap:anywhere; }
.stress-option-list { display:grid; gap:5px; margin-top:7px; }
.stress-option-list span { display:block; padding:7px; border:1px solid var(--line); border-radius:8px; font-size:.69rem; }
.stress-option-list b { margin-right:7px; color:var(--teal-deep); }
.context-challenge textarea { width:100%; margin-top:14px; padding:13px; border:1px solid var(--line-strong); border-radius:11px; background:var(--paper); color:var(--ink); font:inherit; resize:vertical; }
.challenge-matrix { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px; }
.challenge-matrix > div { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:5px 8px; padding:11px; border:1px solid var(--line); border-radius:11px; background:var(--paper); }
.challenge-matrix > div.clean { border-color:#bfe3cd; background:var(--ok-tint); }
.challenge-matrix > div.warning { border-color:#ead6b0; background:var(--warn-tint); }
.challenge-matrix > div.review { border-color:#d5cae6; background:#f1edf8; }
.challenge-matrix > div.block { border-color:#ebc9c4; background:var(--danger-tint); }
.challenge-matrix b { font-size:.74rem; }
.challenge-matrix small { grid-column:1 / -1; color:var(--muted); font-size:.65rem; }
@media (max-width:900px) { .confidence-profile { grid-template-columns:1fr 1fr; } .challenge-matrix { grid-template-columns:1fr 1fr; } }
@media (max-width:600px) { .confidence-profile,.challenge-matrix { grid-template-columns:1fr; } .rewrite-options > div,.rewrite-clause-map > div { grid-template-columns:1fr; } .rewrite-options small,.rewrite-clause-map small { grid-column:1; } }

/* Live pre-entry moderation guard ----------------------------------------- */
.live-guard {
  display: none;
  align-items: flex-start;
  gap: 8px;
  margin: 8px 0 2px;
  padding: 9px 11px;
  border: 1px solid #E9C6C0;
  border-radius: var(--r-sm);
  background: var(--danger-tint);
  color: #7C2820;
  font-size: .8rem;
  line-height: 1.35;
}
.live-guard.show { display: flex; animation: guard-in .16s ease-out; }
.guard-shield { flex: 0 0 auto; font-size: .9rem; }
textarea.guard-blocked {
  border-color: var(--danger) !important;
  box-shadow: 0 0 0 3px rgba(178, 62, 49, .10);
  animation: guard-shake .18s linear;
}
@keyframes guard-in { from { opacity: 0; transform: translateY(-2px); } to { opacity: 1; transform: translateY(0); } }
@keyframes guard-shake { 0%,100% { transform: translateX(0); } 35% { transform: translateX(-2px); } 70% { transform: translateX(2px); } }

/* --------------------------------------------------------------------------
   Social profiles and in-feed follow controls — MVP v4
   -------------------------------------------------------------------------- */
.avatar-link { display: inline-flex; flex: 0 0 auto; border-radius: 999px; }
.avatar-link:focus-visible { outline: 3px solid color-mix(in srgb, var(--teal) 32%, transparent); outline-offset: 2px; }
.user-link { color: inherit; text-decoration: none; }
.user-link:hover { color: var(--teal-dark, #5c6257); text-decoration: underline; text-underline-offset: 3px; }
.post-author-block { min-width: 0; }
.post-author-row { flex-wrap: wrap; }
.mini-follow {
  appearance: none; border: 1px solid color-mix(in srgb, var(--teal) 38%, var(--line));
  background: var(--teal-tint, #f5f5f0); color: var(--teal-dark, #5c6257);
  border-radius: 999px; padding: 2px 9px; font: inherit; font-size: .72rem;
  font-weight: 700; line-height: 1.35; cursor: pointer; transition: .15s ease;
}
.mini-follow:hover { transform: translateY(-1px); border-color: var(--ink); background: #fff; }
.mini-follow.is-following { color: var(--ink-soft); border-color: var(--line); background: var(--paper); }
.mini-follow.is-following:hover { color: var(--danger); border-color: #e7bdb7; background: var(--danger-tint); }

.public-profile-wrap { max-width: 780px; margin: 0 auto; }
.public-profile-cover {
  height: 158px; border-radius: var(--r-lg) var(--r-lg) 0 0;
  background:
    radial-gradient(circle at 20% 35%, rgba(255,255,255,.18) 0 2px, transparent 3px),
    linear-gradient(135deg, #101110 0%, #101110 55%, #5c6257 100%);
  border: 1px solid var(--line); border-bottom: 0;
}
.public-profile-cover.athlete-cover-variant {
  background:
    linear-gradient(180deg, rgba(16,17,16,.05), rgba(16,17,16,.52)),
    url('/assets/images/stadium.jpg') center 48% / cover no-repeat;
}
.public-profile-header {
  position: relative; background: var(--bg); border: 1px solid var(--line); border-top: 0;
  padding: 58px 24px 22px; border-radius: 0 0 var(--r-lg) var(--r-lg);
  box-shadow: var(--shadow-sm);
}
.public-profile-avatar {
  position: absolute; top: -54px; left: 24px; width: 108px; height: 108px;
  border: 5px solid var(--bg); box-shadow: 0 8px 24px rgba(16,17,16,.14);
}
.public-profile-actions { position: absolute; top: 16px; right: 18px; }
.public-profile-name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.public-profile-name-row h1 { margin: 0; font-size: 1.8rem; letter-spacing: -.03em; }
.public-profile-handle { color: var(--muted); margin-top: 2px; font-size: .92rem; }
.public-profile-bio { max-width: 620px; margin: 13px 0 10px; color: var(--ink-soft); line-height: 1.55; }
.public-profile-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--muted-2); font-size: .82rem; }
.public-profile-counts { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 14px; color: var(--muted); font-size: .88rem; }
.public-profile-counts b { color: var(--ink); }
.count-link { appearance: none; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.count-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.profile-tabs { display: flex; border-bottom: 1px solid var(--line); margin-top: 18px; }
.profile-tab {
  appearance: none; border: 0; border-bottom: 3px solid transparent; background: transparent;
  color: var(--muted); padding: 12px 18px 10px; font: inherit; font-weight: 650; cursor: pointer;
}
.profile-tab span { font-size: .74rem; color: var(--muted-2); }
.profile-tab:hover { color: var(--ink); }
.profile-tab.active { color: var(--ink); border-bottom-color: var(--ink); }
.public-profile-content { padding-top: 16px; }
.profile-post-list, .profile-reply-list { display: grid; gap: 14px; }
.profile-post { margin: 0; }
.profile-reply-card, .people-panel {
  background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-lg);
  padding: 18px; box-shadow: var(--shadow-sm);
}
.profile-reply-text { color: var(--ink-soft); line-height: 1.55; margin: 8px 0 12px; }
.quoted-post { border-left: 3px solid var(--line); padding: 10px 12px; color: var(--muted); background: var(--paper); border-radius: 0 var(--r-sm) var(--r-sm) 0; font-size: .9rem; }
.text-link { display: inline-block; color: var(--teal-dark, #5c6257); text-decoration: none; font-weight: 650; margin-top: 12px; }
.text-link:hover { text-decoration: underline; }
.profile-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.compact-metrics { grid-template-columns: repeat(2, 1fr); }
.people-panel { padding: 8px 16px 12px; }
.people-panel .card-eyebrow { padding: 12px 0 8px; }
.person-row { display: flex; align-items: center; gap: 11px; padding: 10px 2px; border-top: 1px solid var(--line); color: inherit; text-decoration: none; }
.person-row:hover b { color: var(--teal-dark, #5c6257); }
.person-copy { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.person-copy small { color: var(--muted-2); }
.person-badges { display: inline-flex; align-items: center; gap: 4px; }
.profile-empty { display: flex; flex-direction: column; gap: 5px; text-align: center; padding: 38px 20px; border: 1px dashed var(--line); border-radius: var(--r-lg); }
.profile-not-found { max-width: 640px; margin: 42px auto; }

@media (max-width: 650px) {
  .public-profile-cover { height: 124px; }
  .public-profile-header { padding: 55px 17px 18px; }
  .public-profile-avatar { left: 17px; width: 96px; height: 96px; top: -48px; }
  .public-profile-actions { top: 12px; right: 12px; }
  .public-profile-name-row h1 { font-size: 1.55rem; }
  .profile-about-grid { grid-template-columns: 1fr; }
  .profile-tab { flex: 1; padding-inline: 8px; }
  .mini-follow { font-size: .68rem; padding: 2px 7px; }
}

/* Feed discovery/following switch */
.feed-head-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.feed-filter { display: inline-flex; align-items: center; padding: 3px; border: 1px solid var(--line); border-radius: 999px; background: var(--paper); }
.feed-filter-btn { appearance: none; border: 0; background: transparent; color: var(--muted); border-radius: 999px; padding: 7px 11px; font: inherit; font-size: .78rem; font-weight: 680; cursor: pointer; }
.feed-filter-btn.active { background: var(--bg); color: var(--ink); box-shadow: var(--shadow-sm); }
.feed-filter-btn:hover { color: var(--ink); }
.feed-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; border: 1px dashed var(--line); border-radius: var(--r-lg); padding: 38px 20px; }
@media (max-width: 700px) {
  .feed-page-head { align-items: flex-start; }
  .feed-head-actions { width: 100%; justify-content: space-between; }
  .feed-filter { flex: 1; }
  .feed-filter-btn { flex: 1; }
}

/* Functional public-profile editing */
.profile-edit-card{margin-bottom:16px}
.profile-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.profile-edit-head p{margin:5px 0 0;max-width:720px}
.profile-edit-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.profile-edit-form[hidden]{display:none!important}
.form-grid.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.profile-edit-form .field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-weight:650;color:var(--ink)}
.profile-edit-form input,.profile-edit-form textarea{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:11px 12px;font:inherit;outline:none}
.profile-edit-form input:focus,.profile-edit-form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 14%,transparent)}
.profile-edit-form input:disabled{background:var(--soft);color:var(--muted)}
.profile-edit-form small{align-self:flex-end;color:var(--muted);font-weight:500}
.profile-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}
@media(max-width:720px){.form-grid.two-col{grid-template-columns:1fr}.profile-edit-head,.profile-edit-actions{align-items:stretch;flex-direction:column}.profile-edit-head .btn,.profile-edit-actions .btn{width:100%}}

/* ==========================================================================
   K1ND.world v4.4 — editorial visual system
   A lighter, sharper sports-product treatment. Rounded geometry is reserved
   for avatars and status chips; content surfaces use clean edges and rules.
   ========================================================================== */
:root {
  --ink: #101110;
  --ink-soft: #101110;
  --bg: #FFFFFF;
  --paper: #F6F5F1;
  --paper-2: #ECEBE6;
  --line: #D8D9D5;
  --line-strong: #B8BCB9;
  --muted: #5c6257;
  --muted-2: #92999C;
  --teal: #5c6257;
  --teal-deep: #5c6257;
  --teal-tint: #f5f5f0;
  --teal-line: #d9dbd2;
  --r-sm: 2px;
  --r-md: 3px;
  --r-lg: 4px;
  --shadow-sm: none;
  --shadow-md: 0 12px 32px rgba(16,17,16,.08);
  --shadow-lg: 0 20px 55px rgba(16,17,16,.14);
  --maxw: 1180px;
  --readw: 740px;
}

html { scroll-behavior: smooth; }
body {
  min-height: 100vh;
  background: #F6F5F1;
  color: var(--ink);
}
::selection { background: #f5f5f0; color: var(--ink); }
h1,h2,h3,h4 { font-weight: 690; }
.eyebrow { color: var(--teal-deep); font-weight: 760; letter-spacing: .14em; }
.shell-main { padding: 36px 24px 108px; }

/* Navigation: a normal product header, not a floating glass capsule. */
.topbar {
  top: 0; margin: 0; width: 100%; max-width: none;
  background: rgba(255,255,255,.96); color: var(--ink);
  border: 0; border-bottom: 1px solid var(--line);
  border-radius: 0; box-shadow: none; backdrop-filter: blur(12px);
}
.topbar-inner { max-width: var(--maxw); min-height: 64px; padding: 10px 20px; }
.brand { color: var(--ink); font-size: 1.2rem; gap: 1px; }
.brand::before {
  content: "K1"; width: 36px; height: 36px; margin-right: 8px;
  display: grid; place-items: center; color: #fff; background: var(--ink);
  border-radius: 1px; font-size: .86rem; font-weight: 800; letter-spacing: -.04em;
}
.brand .k { color: var(--ink); }
.brand .world { color: var(--muted); }
.brand .dot { color: var(--ink); }
.nav { margin-left: 14px; gap: 20px; padding: 0; background: transparent; border: 0; border-radius: 0; }
.nav a {
  position: relative; padding: 10px 0 9px; border-radius: 0;
  color: var(--muted); font-size: .86rem; font-weight: 620;
}
.nav a:hover { color: var(--ink); background: transparent; }
.nav a.active { color: var(--ink); background: transparent; box-shadow: none; }
.nav a.active::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 3px;
  height: 2px; background: var(--teal);
}
.roleswitch-label { border-radius: 1px; }
.roleswitch select { border-radius: 2px; background-color: #fff; color: var(--ink); }
.topbar .btn-quiet { color: var(--muted); }
.topbar .btn-quiet:hover { color: var(--ink); background: var(--paper); }

/* Geometry and controls */
.card,.panel,.post,.info-card,.step-card,.result-panel,.profile-header,
.profile-reply-card,.people-panel,.composer-card,.about-demo,.casestudy {
  border-radius: 3px; box-shadow: none;
}
.btn {
  min-height: 42px; padding: 10px 16px; border-radius: 2px;
  font-weight: 690; box-shadow: none; transform: none;
}
.btn:hover { transform: none; }
.btn-teal { color: #fff; background: var(--teal); border-color: var(--ink); }
.btn-teal:hover { background: var(--teal-deep); }
.btn-primary { background: var(--ink); color: #fff; }
.btn-primary:hover { background: #101110; }
.btn-ghost { background: transparent; border-color: var(--line-strong); }
.btn-ghost:hover { background: #fff; border-color: var(--ink); }
.btn-quiet { border-radius: 2px; }
.badge,.status-pill,.fictional-tag,.future-tag { border-radius: 999px; }
.fake-field,.outcome-btn,.field textarea,.field input,.composer textarea,
.cc-input textarea,input,textarea,select { border-radius: 2px; }

/* Landing */
.landing { gap: 86px; }
.hero {
  position: relative; display: grid; grid-template-columns: .9fr 1.1fr;
  gap: 58px; min-height: auto; padding: 48px 0 58px;
  color: var(--ink); background: transparent; border-radius: 0;
  border-bottom: 1px solid var(--line); box-shadow: none; overflow: visible;
}
.hero::before,.hero::after { display: none; }
.hero-copy { max-width: 520px; position: relative; z-index: 2; }
.brand-kicker {
  color: var(--muted); font-size: .78rem; font-weight: 760;
  letter-spacing: .18em; text-transform: uppercase;
}
.brand-kicker .one,.brand-kicker .kick-dot { color: var(--teal-deep); }
.hero h1 {
  color: var(--ink); font-size: clamp(3.05rem, 6.4vw, 5.2rem);
  letter-spacing: -.06em; line-height: .94; margin-top: 24px;
}
.hero h1 .accent { color: var(--teal-deep); text-shadow: none; }
.hero-sub { color: var(--ink-soft); font-size: 1.12rem; line-height: 1.68; max-width: 500px; }
.hero-sub em { color: var(--ink); font-style: normal; font-weight: 700; }
.hero-cta { margin-top: 30px; }
.hero-fine { color: var(--muted); }
.hero-visual {
  position: relative; display: grid; grid-template-rows: minmax(330px, 1fr) auto;
  min-height: 540px; align-self: stretch; border-left: 1px solid var(--line);
  padding-left: 28px;
}
.hero-court {
  position: relative; inset: auto; width: 100%; height: 100%; min-height: 360px;
  object-fit: cover; border-radius: 0; filter: saturate(.9) contrast(1.02);
  box-shadow: none;
}
.hero-visual::after { display: none; }
.hero-scorecard {
  position: absolute; z-index: 3; top: 14px; left: 42px;
  display: flex; align-items: center; gap: 8px; padding: 7px 10px;
  color: var(--ink); background: rgba(255,255,255,.92);
  border: 1px solid rgba(16,17,16,.18); border-radius: 2px;
  backdrop-filter: blur(8px); font-size: .66rem; letter-spacing: .08em;
}
.hero-scorecard span:last-child { color: var(--muted); letter-spacing: 0; margin-left: 3px; }
.live-dot,.scan-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: none; }
.hero .check-card {
  position: relative; inset: auto; z-index: 4; padding: 20px 0 0 22px;
  color: var(--ink); background: transparent; border: 0; border-left: 3px solid var(--teal);
  border-radius: 0; box-shadow: none; backdrop-filter: none; margin-top: 18px;
}
.hero .check-card::before { display: none; }
.check-head { color: var(--muted); }
.check-draft {
  margin: 10px 0; padding: 10px 12px; background: #ECECE8;
  border: 0; border-radius: 1px; font-size: .82rem;
}
.check-verdict { font-size: 1rem; }
.check-body { font-size: .84rem; }
.check-rewrite {
  margin-top: 12px; padding: 11px 12px; background: var(--teal-tint);
  border: 1px solid var(--teal-line); border-radius: 1px;
}
.check-rewrite p { font-size: .88rem; }
.check-actions-preview { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 11px; }
.check-actions-preview span {
  padding: 0 0 2px; color: var(--muted); background: transparent;
  border: 0; border-bottom: 1px solid var(--line-strong); border-radius: 0;
  font-size: .68rem; font-weight: 700;
}

.trust-strip {
  margin-top: 0; width: 100%; align-self: stretch; position: relative; z-index: 1;
  display: grid; grid-template-columns: repeat(3, 1fr); overflow: visible;
  background: transparent; border: 0; border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none;
  backdrop-filter: none;
}
.trust-strip > div {
  min-width: 0;
  min-height: 112px;
  padding: 24px 30px 24px 0;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.trust-strip > div + div { padding-left: 30px; }
.trust-strip > div:last-child { border-right: 0; }
.trust-strip strong {
  display: block;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -.018em;
  color: var(--ink);
}
.trust-strip span {
  display: block;
  max-width: 31ch;
  font-size: .9rem;
  line-height: 1.5;
  color: var(--muted);
}

.sec-head { max-width: 700px; }
.sec-head h2 { font-size: clamp(2rem, 4.2vw, 3.35rem); letter-spacing: -.05em; line-height: 1.02; }
.sec-head p { line-height: 1.72; }
.pillars {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
  margin-top: 34px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line);
}
.pillar {
  min-height: 238px; padding: 28px 28px 28px 0; background: transparent;
  border: 0; border-right: 1px solid var(--line); border-radius: 0;
  box-shadow: none; transition: none;
}
.pillar + .pillar { padding-left: 28px; }
.pillar:last-child { border-right: 0; }
.pillar:hover { transform: none; box-shadow: none; border-color: var(--line); }
.pillar::after { display: none; }
.pillar .num {
  width: auto; height: auto; display: block; background: transparent; border: 0;
  border-radius: 0; box-shadow: none; color: var(--teal-deep);
  font-family: var(--font-mono); font-size: .78rem; font-weight: 700;
}
.pillar h3 { margin-top: 20px; font-size: 1.24rem; }
.pillar p { line-height: 1.68; }

.split { padding: 36px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.split-list { margin-top: 0; gap: 0; }
.split-list li { padding: 14px 0; border-bottom: 1px solid var(--line); }
.split-list li:last-child { border-bottom: 0; }
.split-list .tick {
  width: 20px; height: 20px; border-radius: 50%; background: transparent;
  border: 1px solid var(--teal); color: var(--teal-deep);
}
.audience { gap: 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); }
.aud {
  min-height: 184px; padding: 24px 22px; background: transparent; border: 0;
  border-right: 1px solid var(--line); border-radius: 0; box-shadow: none; transition: none;
}
.aud:first-child { padding-left: 0; }
.aud:last-child { border-right: 0; }
.aud:hover { transform: none; box-shadow: none; border-color: var(--line); }
.aud .k { width: auto; height: auto; display: block; background: transparent; border-radius: 0; font-size: 1.4rem; }
.aud h4 { font-size: 1.08rem; }
.closing {
  padding: 38px 0; color: var(--ink); background: transparent;
  border-radius: 0; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line);
  box-shadow: none;
}
.closing h2 { color: var(--ink); }
.closing p { color: var(--muted); }
.closing .btn-ghost[style] { background: transparent !important; }
.site-footer { padding-bottom: 18px; }

/* Feed: more like a well-designed publication, less like stacked AI cards. */
.page-head { margin-bottom: 28px; }
.page-head h1 { font-size: clamp(2rem,4vw,3rem); letter-spacing: -.05em; }
.feed-wrap { max-width: 760px; }
.feed { gap: 18px; }
.feed-filter {
  padding: 0; background: transparent; border: 0; border-bottom: 1px solid var(--line);
  border-radius: 0;
}
.feed-filter-btn { padding: 10px 0 9px; margin-right: 22px; border-radius: 0; }
.feed-filter-btn.active { background: transparent; box-shadow: none; border-bottom: 2px solid var(--teal); }
.post {
  padding: 20px 20px 10px; background: #fff; border: 1px solid var(--line);
  border-radius: 2px; box-shadow: none; backdrop-filter: none; transition: border-color .15s ease;
}
.post:hover { transform: none; box-shadow: none; border-color: var(--line-strong); }
.post-head { gap: 12px; }
.avatar { border: 1px solid var(--line); box-shadow: none; }
.post-author { font-weight: 720; }
.post-body { font-size: 1.01rem; line-height: 1.65; margin: 15px 0 17px; color: var(--ink-soft); }
.post-image { margin: 0 -20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.post-image img { transition: none; }
.post:hover .post-image img { transform: none; filter: none; }
.post-actions { padding: 10px 0 2px; }
.act { border-radius: 2px; }
.act:hover { background: var(--paper); color: var(--ink); }
.comment { padding: 13px 0; }
.cc-input textarea { background: #F7F7F4; border-radius: 2px; border-color: var(--line); }
.cc-input textarea:focus { background: #fff; border-color: var(--ink); box-shadow: 0 0 0 2px rgba(16,17,16,.12); }
.mini-follow { border-radius: 2px; box-shadow: none; }
.observer-banner { background: #f5f5f0; border-style: solid; border-color: var(--teal-line); box-shadow: none; }

/* Profiles */
.public-profile-wrap,.profile-wrap,.athlete-wrap { max-width: 850px; }
.public-profile-cover {
  height: 196px; border-radius: 0; box-shadow: none;
  background: linear-gradient(110deg,#f5f5f0 0%,#F3F0E8 52%,#d9dbd2 100%);
  border: 1px solid var(--line); border-bottom: 0;
}
.public-profile-cover:not(.athlete-cover-variant) { background: linear-gradient(110deg,#f5f5f0 0%,#F3F0E8 52%,#d9dbd2 100%); }
.public-profile-header { padding: 66px 28px 26px; border-radius: 0; background: #fff; border: 1px solid var(--line); }
.public-profile-avatar { width: 116px; height: 116px; top: -58px; left: 28px; border-width: 4px; border-color: #fff; }
.public-profile-actions { top: 18px; right: 22px; }
.profile-tabs { gap: 22px; padding: 0; border-bottom: 1px solid var(--line); }
.profile-tab { padding: 13px 0 11px; border-radius: 0; }
.profile-tab:hover { background: transparent; color: var(--ink); }
.profile-tab.active { background: transparent; color: var(--ink); border-bottom-color: var(--ink); }
.info-card { padding: 22px; border-radius: 2px; }
.metric { border-radius: 2px; background: #fff; }
.athlete-cover {
  height: 185px; border-radius: 0;
  background: linear-gradient(180deg,transparent,rgba(16,17,16,.24)),url('/assets/images/stadium.jpg') center 45%/cover;
}
.athlete-head { border-radius: 0; padding: 0 28px 28px; }
.athlete-head .avatar-lg { width: 108px; height: 108px; margin-top: -54px; border-width: 4px; }

/* Creation, verification, dashboards and moderation */
.composer-card,.step-card,.result-panel { border-radius: 2px; box-shadow: none; }
.stepper { margin-bottom: 28px; }
.vstep .num { box-shadow: none; }
.fake-field,.outcome-btn { background: #F7F7F4; }
.outcome-btn:hover { transform: none; box-shadow: none; border-color: var(--ink); }
.metric-grid .metric { box-shadow: none; }
.modal-backdrop { background: rgba(16,17,16,.62); backdrop-filter: blur(3px); }
.modal { border-radius: 3px; border: 1px solid var(--line-strong); box-shadow: var(--shadow-lg); }
.modal-head { padding: 22px 24px; }
.modal-body { padding: 22px 24px; }
.modal-actions { padding: 18px 24px; background: #F6F5F1; }
.toast { border-radius: 2px; padding: 11px 16px; background: rgba(16,17,16,.96); box-shadow: var(--shadow-md); }

@media (max-width: 1050px) {
  .nav { gap: 14px; }
  .nav a { font-size: .82rem; }
  .hero { grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 860px) {
  .topbar { top: 0; margin: 0; width: 100%; border-radius: 0; }
  .topbar-inner { flex-wrap: wrap; }
  .nav { order: 3; width: 100%; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; border-top: 1px solid var(--line); margin: 5px 0 -2px; padding-top: 2px; gap: 18px; }
  .nav::-webkit-scrollbar { display: none; }
  .nav a { white-space: nowrap; }
  .shell-main { padding-top: 26px; }
  .hero { grid-template-columns: 1fr; gap: 34px; padding: 36px 0 48px; }
  .hero-copy { max-width: 650px; }
  .hero-visual { min-height: auto; border-left: 0; padding-left: 0; }
  .hero-scorecard { left: 14px; }
  .landing { gap: 70px; }
  .trust-strip { grid-template-columns: 1fr; }
  .trust-strip > div,
  .trust-strip > div + div {
    min-height: 0;
    padding: 18px 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    gap: 7px;
  }
  .trust-strip > div:last-child { border-bottom: 0; }
  .trust-strip span { max-width: none; }
}
@media (max-width: 720px) {
  .nav { display: flex; }
  .topbar-spacer { display: none; }
  .roleswitch { margin-left: auto; }
  .roleswitch select { max-width: 145px; }
  .shell-main { padding-inline: 15px; padding-bottom: 96px; }
  .hero h1 { font-size: clamp(2.75rem, 14vw, 4rem); }
  .hero-sub { font-size: 1rem; }
  .hero-visual { grid-template-rows: 300px auto; }
  .hero-court { min-height: 300px; }
  .hero .check-card { padding-left: 16px; }
  .pillars { grid-template-columns: 1fr; }
  .pillar,.pillar + .pillar { padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .pillar:last-child { border-bottom: 0; }
  .audience { grid-template-columns: 1fr 1fr; }
  .aud,.aud:first-child { padding: 20px 18px; border-bottom: 1px solid var(--line); }
  .aud:nth-child(2n) { border-right: 0; }
  .aud:nth-last-child(-n+2) { border-bottom: 0; }
  .page-head { align-items: flex-start; flex-direction: column; }
  .post { padding: 16px 16px 8px; }
  .post-image { margin-inline: -16px; }
  .public-profile-cover { height: 150px; }
  .public-profile-header { padding: 58px 18px 20px; }
  .public-profile-avatar { left: 18px; width: 96px; height: 96px; top: -48px; }
  .profile-tabs { overflow-x: auto; }
  .profile-tab { white-space: nowrap; }
  .closing { padding: 30px 0; }
}
@media (max-width: 480px) {
  .brand .k,.brand .dot,.brand .world { display: none; }
  .brand::before { margin-right: 0; }
  .roleswitch select { max-width: 122px; font-size: .77rem; }
  .topbar-inner { gap: 8px; }
  .hero-cta { display: grid; }
  .hero-cta .btn { width: 100%; }
  .check-actions-preview { gap: 10px; }
  .audience { grid-template-columns: 1fr; }
  .aud,.aud:first-child { border-right: 0; border-bottom: 1px solid var(--line); padding-inline: 0; }
  .aud:last-child { border-bottom: 0; }
  .modal-actions { display: grid; grid-template-columns: 1fr; }
  .modal-actions .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* About page founder note */
.founder-note {
  padding: 34px 0 36px;
  border-top: 2px solid var(--ink);
  border-bottom: 1px solid var(--line);
}
.founder-note-label {
  margin-bottom: 24px;
  color: var(--teal-deep);
  font-family: var(--font-mono);
  font-size: .74rem;
  font-weight: 750;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.founder-note-grid {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.35fr);
  gap: 56px;
  align-items: start;
}
.founder-note h2 {
  margin: 0;
  max-width: 320px;
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: .98;
  letter-spacing: -.055em;
}
.founder-note-copy {
  max-width: 600px;
}
.founder-note-copy p {
  margin: 0 0 18px;
  color: var(--ink-soft);
  font-size: 1.04rem;
  line-height: 1.72;
}
.founder-note-copy p:last-child { margin-bottom: 0; }
.founder-signoff {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 10px;
}
.founder-signoff strong { color: var(--ink); font-size: 1rem; }
.founder-signoff span { color: var(--muted); font-size: .9rem; }

@media (max-width: 720px) {
  .founder-note { padding: 28px 0 30px; }
  .founder-note-grid { grid-template-columns: 1fr; gap: 24px; }
  .founder-note h2 { max-width: 440px; }
  .founder-note-copy p { font-size: 1rem; line-height: 1.66; }
}

/* ==========================================================================
   v4.8 — Demo Experience Build
   ========================================================================== */

/* top-level demo controls */
.demo-preset-pill {
  display:inline-flex; align-items:center; gap:6px; text-decoration:none;
  border:1px solid var(--teal-line); background:var(--teal-tint); color:var(--teal-deep);
  border-radius:var(--r-pill); padding:6px 10px; font-size:.78rem; font-weight:650;
}
.mobile-nav { display:none; }

/* demo lab */
.demo-lab-wrap { display:flex; flex-direction:column; gap:30px; }
.demo-command-hero {
  display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); gap:24px;
  padding:34px; border-radius:28px; background:var(--ink); color:#fff; overflow:hidden;
  position:relative;
}
.demo-command-hero::after { content:""; position:absolute; width:340px; height:340px; border-radius:50%; right:-160px; top:-180px; background:rgba(16,17,16,.2); }
.demo-command-hero .eyebrow { color:#efff00; }
.demo-command-hero h1 { margin-top:8px; max-width:720px; font-size:clamp(2.2rem,5vw,4.1rem); }
.demo-command-hero h1 .accent { color:#efff00; }
.demo-command-hero > div:first-child > p { color:#c7cfd5; margin-top:16px; max-width:720px; font-size:1.03rem; }
.demo-command-card { position:relative; z-index:1; align-self:end; background:#fff; color:var(--ink); border-radius:20px; padding:20px; box-shadow:var(--shadow-lg); }
.mini-kicker { display:block; color:var(--muted); font-size:.68rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; margin-bottom:6px; }
.preset-current { display:flex; align-items:flex-start; gap:12px; margin:8px 0 18px; }
.preset-current > span { font-size:1.8rem; }
.preset-current div { display:flex; flex-direction:column; gap:3px; }
.preset-current b { font-size:1.08rem; }
.preset-current small { color:var(--muted); line-height:1.35; }
.demo-command-actions { display:flex; gap:8px; flex-wrap:wrap; }

.demo-section { border:1px solid var(--line); border-radius:22px; padding:26px; background:#fff; box-shadow:var(--shadow-sm); }
.sec-head.compact { max-width:790px; }
.sec-head.compact h2 { margin-top:6px; }
.sec-head.compact p { margin-top:9px; color:var(--muted); }
.preset-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:20px; }
.preset-card { text-align:left; border:1px solid var(--line); border-radius:14px; background:var(--paper); padding:14px; cursor:pointer; color:var(--ink); min-height:138px; transition:.16s ease; }
.preset-card:hover { transform:translateY(-2px); border-color:var(--line-strong); background:#fff; box-shadow:var(--shadow-sm); }
.preset-card.active { background:var(--teal-tint); border-color:var(--teal-line); box-shadow:inset 0 0 0 1px var(--teal-line); }
.preset-card .preset-icon { display:block; font-size:1.35rem; margin-bottom:9px; }
.preset-card b, .preset-card small { display:block; }
.preset-card small { color:var(--muted); margin-top:5px; line-height:1.35; }
.preset-focus { display:flex; gap:9px; flex-wrap:wrap; margin-top:12px; }
.preset-focus span { display:inline-flex; align-items:center; gap:5px; font-size:.78rem; background:#fff; border:1px solid var(--line); border-radius:999px; padding:6px 10px; }

.break-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:20px; align-items:stretch; }
.break-input-card { border:1px solid var(--line); background:var(--paper); border-radius:16px; padding:16px; }
.break-input-card label { display:block; font-weight:650; font-size:.85rem; margin-bottom:8px; }
.presenter-shield { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:11px; padding:8px 10px; border:1px solid var(--teal-line); border-radius:10px; background:var(--teal-tint); }
.presenter-shield span { flex:none; border-radius:999px; padding:4px 7px; background:var(--teal-deep); color:#fff; font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.presenter-shield b { color:var(--teal-deep); font-size:.7rem; line-height:1.4; }
.break-input-card textarea { width:100%; min-height:145px; resize:vertical; border:1px solid var(--line-strong); border-radius:12px; padding:14px; font:inherit; font-size:1.04rem; background:#fff; color:var(--ink); outline:none; }
.break-input-card textarea:focus { border-color:var(--ink); box-shadow:0 0 0 3px rgba(16,17,16,.12); }
.break-examples { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.break-examples button { border:1px solid var(--line); background:#fff; color:var(--muted); border-radius:999px; padding:6px 9px; cursor:pointer; font-size:.72rem; }
.break-examples button:hover { color:var(--ink); border-color:var(--teal-line); }
.lab-result { height:100%; min-height:250px; border:1px solid var(--line); border-radius:16px; padding:18px; display:flex; flex-direction:column; gap:16px; animation:labIn .18s ease; }
.lab-result.empty { justify-content:center; align-items:center; text-align:center; color:var(--muted); background:var(--paper); border-style:dashed; }
.lab-result.ok { background:var(--ok-tint); border-color:#bfe3cd; }
.lab-result.warn { background:var(--warn-tint); border-color:#ead6b0; }
.lab-result.review { background:#f1edf8; border-color:#d5cae6; }
.lab-result.block { background:var(--danger-tint); border-color:#ebc9c4; }
@keyframes labIn { from { opacity:.4; transform:translateY(2px); } to { opacity:1; transform:none; } }
.lab-verdict { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.lab-status { padding:5px 9px; border-radius:999px; background:var(--ink); color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.08em; }
.lab-verdict b { font-size:1.05rem; }
.lab-result-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:10px; }
.lab-result-grid > div { background:rgba(255,255,255,.65); border-radius:10px; padding:10px; }
.lab-result-grid strong { display:block; text-transform:capitalize; font-size:.82rem; }
.lab-rewrite { margin-top:auto; background:#fff; border:1px solid rgba(16,17,16,.28); border-radius:12px; padding:13px; box-shadow:var(--shadow-sm); }
.lab-rewrite p { margin-top:7px; font-weight:600; }
.lab-rewrite-guidance { border-color:var(--warn); background:#fffaf0; }
.lab-rewrite-guidance p { font-weight:500; color:#6e5732; }
.lab-rewrite.safe-new-draft { border-color:#efff00; background:linear-gradient(145deg,#f5f5f0,#fff); }
.rewrite-proof { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:11px; }
.rewrite-proof span { display:block; border:1px solid var(--line); border-radius:9px; padding:8px; color:var(--muted); font-size:.7rem; line-height:1.35; background:rgba(255,255,255,.72); }
.rewrite-proof b { display:block; margin-bottom:2px; color:var(--ink); font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; }
.no-rewrite-card { margin:15px 0; padding:14px; border:1px solid #ead6b0; border-radius:12px; background:#fffaf0; }
.no-rewrite-card > b { display:block; margin-top:9px; }
.no-rewrite-card > p { margin-top:5px; color:#6e5732; font-size:.8rem; line-height:1.45; }

.behaviour-grid { display:grid; grid-template-columns:.75fr 1.2fr .8fr; gap:16px; margin-top:20px; }
.behaviour-stage-card { border:1px solid var(--line); border-radius:16px; padding:18px; background:var(--paper); }
.behaviour-stage-card.nudge { background:var(--warn-tint); border-color:#ead6b0; }
.behaviour-stage-card.reflection { background:#fff5dd; border-color:#e6c878; }
.behaviour-stage-card.mandatory_review { background:#f1edf8; border-color:#d5cae6; }
.behaviour-big { font:700 3.4rem/1 var(--font-mono); margin:12px 0 8px; }
.behaviour-stage-card p { color:var(--muted); margin-top:7px; font-size:.86rem; }
.behaviour-ladder { display:flex; flex-direction:column; gap:8px; }
.behaviour-rung { display:flex; gap:12px; align-items:center; border:1px solid var(--line); border-radius:13px; padding:12px; opacity:.55; }
.behaviour-rung.active { opacity:1; border-color:var(--teal-line); background:var(--teal-tint); }
.behaviour-rung > span { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:#fff; font-size:.72rem; font-weight:750; }
.behaviour-rung div { display:flex; flex-direction:column; }
.behaviour-rung small { color:var(--muted); }
.behaviour-actions { display:flex; flex-direction:column; align-items:flex-start; gap:9px; justify-content:center; }
.behaviour-actions small { color:var(--muted); line-height:1.4; }

.image-scenario-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 14px; }
.image-scenario-tabs button { border:1px solid var(--line); background:var(--paper); border-radius:999px; padding:8px 12px; cursor:pointer; font-weight:600; color:var(--muted); }
.image-scenario-tabs button.active { background:var(--ink); border-color:var(--ink); color:#fff; }
.image-lab-stage { display:grid; grid-template-columns:minmax(220px,.7fr) 1.3fr; gap:18px; }
.image-scenario-preview { min-height:330px; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--paper); position:relative; }
.image-scenario-preview img { width:100%; height:100%; object-fit:cover; min-height:330px; }
.synthetic-preview { min-height:330px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; text-align:center; padding:24px; background:linear-gradient(135deg,#101110,#101110); color:#fff; }
.synthetic-preview > span { font-size:3rem; }
.synthetic-preview small { color:#b9c0c6; }
.image-scenario-preview.warn .synthetic-preview, .image-scenario-preview.review .synthetic-preview { background:linear-gradient(135deg,#2d2736,#514561); }
.image-scenario-preview.block .synthetic-preview { background:linear-gradient(135deg,#2d1715,#5e2d27); }
.scenario-badge { position:absolute; left:12px; bottom:12px; background:rgba(255,255,255,.94); border-radius:999px; padding:6px 10px; font-size:.72rem; font-weight:700; }
.image-pipeline { display:flex; flex-direction:column; gap:7px; }
.pipeline-step { display:flex; gap:11px; align-items:center; border:1px solid var(--line); border-radius:12px; padding:10px 12px; }
.pipeline-num { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:var(--paper-2); font:700 .72rem var(--font-mono); }
.pipeline-step div { display:flex; flex-direction:column; }
.pipeline-step span:last-child { color:var(--muted); font-size:.78rem; }
.pipeline-decision { padding:14px; border-radius:14px; margin-top:3px; border:1px solid var(--line); }
.pipeline-decision span { font-size:.67rem; letter-spacing:.12em; text-transform:uppercase; font-weight:750; }
.pipeline-decision b { display:block; font-size:1.15rem; margin-top:3px; }
.pipeline-decision p { margin-top:6px; font-size:.83rem; }
.pipeline-decision.ok { background:var(--ok-tint); border-color:#bfe3cd; }
.pipeline-decision.review { background:#f1edf8; border-color:#d5cae6; }
.pipeline-decision.block { background:var(--danger-tint); border-color:#ebc9c4; }

.story-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:9px; margin-top:18px; }
.story-step { border:1px solid var(--line); border-radius:14px; padding:14px; background:var(--paper); }
.story-num { display:inline-flex; font:700 .7rem var(--font-mono); background:var(--ink); color:#fff; padding:4px 7px; border-radius:999px; margin-bottom:10px; }
.story-step b { display:block; }
.story-step p { color:var(--muted); font-size:.8rem; margin-top:6px; }
.story-step small { display:block; margin-top:11px; line-height:1.35; }
.story-step a, .text-action { color:var(--teal-deep); font-weight:650; text-decoration:none; }
.text-action { border:0; background:transparent; padding:0; cursor:pointer; font:inherit; }

/* intervention transformation */
.mod-detection-head { display:flex; gap:11px; align-items:flex-start; margin-bottom:12px; }
.mod-detection-chip { flex:none; background:var(--ink); color:#fff; font-size:.62rem; letter-spacing:.09em; font-weight:800; padding:5px 7px; border-radius:999px; }
.mod-detection-head > div { display:flex; flex-direction:column; }
.mod-detection-head span:last-child { color:var(--muted); text-transform:capitalize; font-size:.75rem; margin-top:2px; }
.mod-transform { display:grid; grid-template-columns:1fr 28px 1fr; align-items:stretch; gap:8px; margin:15px 0; }
.mod-transform.blocked-transform .mod-original { background:var(--danger-tint); border-color:#ebc9c4; }
.mod-transform.blocked-transform .mod-rewrite { background:#f5f5f0; border-color:#d9dbd2; }
.mod-original, .mod-rewrite { border:1px solid var(--line); border-radius:12px; padding:12px; background:var(--paper); }
.mod-original { border-color:#e7c8c2; background:#fff7f6; }
.mod-rewrite { border-color:var(--teal-line); background:var(--teal-tint); }
.mod-original p, .mod-rewrite p { margin-top:7px; font-weight:600; }
.mod-mini-label { font-size:.67rem; font-weight:750; text-transform:uppercase; letter-spacing:.1em; color:var(--danger); }
.mod-arrow { display:grid; place-items:center; color:var(--ink); font-size:1.3rem; animation:arrowPulse 1.2s ease infinite alternate; }
@keyframes arrowPulse { from { transform:translateX(-2px); opacity:.5; } to { transform:translateX(2px); opacity:1; } }
.behaviour-friction { display:flex; flex-direction:column; gap:3px; border-radius:10px; padding:10px 12px; margin-top:10px; font-size:.8rem; background:var(--warn-tint); border:1px solid #ead6b0; }
.behaviour-friction span { color:var(--muted); }
.behaviour-friction.mandatory_review { background:#f1edf8; border-color:#d5cae6; }
.mod-choice-copy { font-size:.82rem; }

/* trust trail */
.trust-icon-btn { border:0; background:transparent; color:var(--teal-deep); cursor:pointer; padding:6px; border-radius:50%; line-height:1; opacity:.7; }
.trust-icon-btn:hover { background:var(--teal-tint); opacity:1; }
.trust-trail-head > p { color:var(--muted); margin-top:7px; }
.trust-trail { display:flex; flex-direction:column; margin:16px 0; position:relative; }
.trust-step { display:grid; grid-template-columns:38px 1fr; gap:10px; align-items:start; padding:9px 0; }
.trust-step:not(:last-child)::after { content:""; position:absolute; left:18px; height:29px; width:1px; background:var(--teal-line); margin-top:37px; }
.trust-step-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--teal-tint); color:var(--teal-deep); border:1px solid var(--teal-line); }
.trust-step.warn .trust-step-icon { background:var(--warn-tint); border-color:#ead6b0; color:var(--warn); }
.trust-step > div:last-child { display:flex; flex-direction:column; }
.trust-step span { color:var(--muted); font-size:.8rem; margin-top:2px; }
.trust-privacy-split { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.trust-privacy-split > div { border:1px solid var(--line); border-radius:12px; padding:11px; background:var(--paper); }
.trust-privacy-split p { color:var(--muted); font-size:.77rem; margin-top:5px; }
.trust-callout { margin-top:12px; background:var(--teal-tint); border:1px solid var(--teal-line); padding:10px 12px; border-radius:10px; font-size:.82rem; font-weight:600; }

/* control room */
.control-room { display:flex; flex-direction:column; gap:20px; }
.control-hero { display:grid; grid-template-columns:1.4fr .7fr; gap:20px; padding:28px; border-radius:24px; background:var(--ink); color:#fff; }
.control-hero .eyebrow { color:#efff00; }
.control-hero h1 { margin-top:7px; }
.control-hero > div:first-child p { margin-top:12px; color:#d9dbd2; max-width:700px; }
.control-audience { display:flex; gap:11px; align-items:flex-start; align-self:center; background:#fff; color:var(--ink); border-radius:16px; padding:16px; }
.control-audience > span { font-size:1.7rem; }
.control-audience div { display:flex; flex-direction:column; }
.control-audience small { color:var(--muted); text-transform:uppercase; letter-spacing:.1em; font-size:.63rem; }
.control-audience p { color:var(--muted); font-size:.77rem; margin-top:4px; }
.metric-toggle { display:inline-flex; align-self:flex-start; background:var(--paper); border:1px solid var(--line); padding:4px; border-radius:999px; }
.metric-toggle button { border:0; background:transparent; color:var(--muted); border-radius:999px; padding:8px 12px; cursor:pointer; font-weight:650; }
.metric-toggle button.active { background:#fff; color:var(--ink); box-shadow:var(--shadow-sm); }
.scenario-disclaimer { display:flex; gap:10px; align-items:flex-start; background:#fff7e8; border:1px solid #efd8a7; border-radius:12px; padding:11px 13px; margin-bottom:12px; }
.scenario-disclaimer > span { flex:none; border-radius:999px; background:var(--warn); color:#fff; padding:4px 7px; font-size:.63rem; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.scenario-disclaimer p { color:#6e5732; font-size:.8rem; }
.control-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.control-stat { border:1px solid var(--line); border-radius:16px; padding:17px; background:#fff; }
.control-stat.teal { border-top:3px solid var(--teal); }
.control-stat.warn { border-top:3px solid var(--warn); }
.control-stat.review { border-top:3px solid #7e69a7; }
.control-stat-value { font:700 clamp(1.8rem,4vw,2.7rem)/1 var(--font-mono); }
.control-stat b, .control-stat span { display:block; }
.control-stat b { margin-top:10px; font-size:.88rem; }
.control-stat span { color:var(--muted); font-size:.74rem; margin-top:4px; }
.control-grid-two { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.control-grid-three { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.control-panel { border:1px solid var(--line); border-radius:17px; padding:18px; background:#fff; box-shadow:var(--shadow-sm); }
.control-panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.control-panel-head a { color:var(--teal-deep); text-decoration:none; font-size:.8rem; font-weight:650; }
.spark-bars { height:190px; display:flex; align-items:flex-end; gap:6px; padding-top:18px; border-bottom:1px solid var(--line); }
.spark-bars span { flex:1; min-width:4px; background:linear-gradient(to top,var(--teal-deep),var(--teal)); border-radius:4px 4px 0 0; opacity:.85; }
.spark-caption { display:flex; justify-content:space-between; color:var(--muted); font-size:.72rem; margin-top:8px; }
.spark-caption b { color:var(--teal-deep); }
.conversion-visual { display:flex; align-items:center; gap:18px; min-height:190px; }
.conversion-ring { flex:none; width:126px; height:126px; border-radius:50%; display:grid; place-content:center; text-align:center; background:conic-gradient(var(--teal) 0 73%, var(--paper-2) 73% 100%); position:relative; }
.conversion-ring::after { content:""; position:absolute; inset:13px; border-radius:50%; background:#fff; }
.conversion-ring span, .conversion-ring small { position:relative; z-index:1; }
.conversion-ring span { font:700 1.8rem var(--font-mono); }
.conversion-ring small { color:var(--muted); }
.conversion-copy p { color:var(--muted); font-size:.83rem; margin-top:6px; }
.compact-panel b { display:block; margin-top:7px; }
.compact-panel p { color:var(--muted); font-size:.8rem; margin-top:6px; }
.architecture-flow { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin:16px 0 10px; }
.architecture-flow span { background:var(--paper); border:1px solid var(--line); border-radius:999px; padding:7px 10px; font-size:.76rem; font-weight:650; }
.architecture-flow i { color:var(--ink); font-style:normal; }
.architecture-panel > p { color:var(--muted); font-size:.8rem; }
.control-live-empty { margin-top:12px; border:1px dashed var(--line-strong); border-radius:14px; padding:16px; background:var(--paper); display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.control-live-empty div { display:flex; align-items:center; gap:8px; }
.control-live-empty p { color:var(--muted); flex:1 1 360px; font-size:.82rem; }
.baseline-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:13px; }
.baseline-grid > div { background:var(--paper); border-radius:10px; padding:11px; }
.baseline-grid b, .baseline-grid span { display:block; }
.baseline-grid b { font:700 1.3rem var(--font-mono); }
.baseline-grid span { color:var(--muted); font-size:.7rem; margin-top:3px; }

/* composer generic sport selector */
.composer-meta-row { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:2px 0 8px; }
.composer-meta-row label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:.78rem; }
.composer-meta-row select { border:1px solid var(--line); background:#fff; border-radius:999px; padding:6px 10px; font:inherit; color:var(--ink); }

/* verification privacy explainer */
.verification-privacy-strip { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:12px 0 18px; }
.verification-privacy-strip > div { border:1px solid var(--line); border-radius:13px; padding:12px; background:var(--paper); }
.verification-privacy-strip b, .verification-privacy-strip span { display:block; }
.verification-privacy-strip span { color:var(--muted); font-size:.77rem; margin-top:3px; }

/* responsive demo polish */
@media (max-width: 980px) {
  .preset-grid { grid-template-columns:repeat(3,1fr); }
  .story-steps { grid-template-columns:repeat(3,1fr); }
  .behaviour-grid { grid-template-columns:1fr 1fr; }
  .behaviour-actions { grid-column:1 / -1; flex-direction:row; flex-wrap:wrap; }
  .control-kpis { grid-template-columns:repeat(2,1fr); }
  .baseline-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 720px) {
  body { padding-bottom:64px; }
  .topbar-inner { padding:10px 14px; }
  .topbar .nav { display:none; }
  .roleswitch-label, .roleswitch select, .roleswitch #reset-demo { display:none; }
  .demo-preset-pill { font-size:.72rem; padding:5px 8px; }
  .mobile-nav { display:grid; grid-template-columns:repeat(5,1fr); position:fixed; left:0; right:0; bottom:0; z-index:60; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); border-top:1px solid var(--line); padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)); }
  .mobile-nav a { text-align:center; text-decoration:none; color:var(--muted); font-size:.68rem; font-weight:650; padding:8px 2px; border-radius:8px; }
  .mobile-nav a.active { color:var(--teal-deep); background:var(--teal-tint); }
  .shell-main { padding:18px 14px 86px; }
  .demo-command-hero, .control-hero { grid-template-columns:1fr; padding:22px; border-radius:20px; }
  .demo-command-card { align-self:stretch; }
  .demo-section { padding:18px; }
  .preset-grid { grid-template-columns:1fr 1fr; }
  .break-grid, .image-lab-stage, .control-grid-two, .control-grid-three { grid-template-columns:1fr; }
  .behaviour-grid { grid-template-columns:1fr; }
  .behaviour-actions { grid-column:auto; }
  .story-steps { display:flex; overflow-x:auto; padding-bottom:6px; scroll-snap-type:x mandatory; }
  .story-step { min-width:230px; scroll-snap-align:start; }
  .mod-transform { grid-template-columns:1fr; }
  .mod-arrow { transform:rotate(90deg); }
  .trust-privacy-split { grid-template-columns:1fr; }
  .control-kpis { grid-template-columns:1fr 1fr; }
  .baseline-grid { grid-template-columns:1fr 1fr; }
  .conversion-visual { align-items:flex-start; }
}
@media (max-width: 440px) {
  .preset-grid, .control-kpis { grid-template-columns:1fr; }
  .preset-card { min-height:auto; }
  .lab-result-grid, .verification-privacy-strip { grid-template-columns:1fr; }
  .baseline-grid { grid-template-columns:1fr 1fr; }
  .conversion-visual { flex-direction:column; }
  .metric-toggle { width:100%; }
  .metric-toggle button { flex:1; font-size:.72rem; }
  .rewrite-proof { grid-template-columns:1fr; }
}
.comment .trust-icon-btn { align-self:flex-start; }

/* v4.8 abuse-intelligence and emerging-language policy tooling */
.abuse-intelligence { margin-top:14px; border:1px solid var(--teal-line); border-radius:14px; padding:14px; background:linear-gradient(145deg,#fff,var(--teal-tint)); }
.ai-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.ai-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.ai-grid > div, .ai-explanation { border:1px solid var(--line); background:#fff; border-radius:10px; padding:10px 11px; }
.ai-grid strong, .ai-grid small { display:block; }
.ai-grid small { color:var(--muted); margin-top:3px; font-size:.72rem; }
.ai-explanation { margin-top:9px; }
.ai-explanation b { font-size:.78rem; }
.ai-explanation p { color:var(--muted); font-size:.76rem; margin-top:4px; line-height:1.45; }
.ai-signals { display:flex; gap:6px; align-items:center; flex-wrap:wrap; margin-top:10px; }
.ai-signals > span:not(.mini-kicker) { background:#fff; border:1px solid var(--line); border-radius:999px; padding:4px 8px; font-size:.68rem; }
.context-assessment { margin-top:12px; padding:12px; border:1px solid #f5f5f0; border-radius:12px; background:#f5f5f0; }
.context-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.context-head b, .context-head span { display:block; }
.context-head b { margin-top:3px; font-size:.82rem; }
.context-risk { flex:none; border-radius:999px; padding:5px 8px; font:700 .68rem var(--font-mono); text-transform:uppercase; letter-spacing:.04em; background:var(--paper); border:1px solid var(--line); }
.context-risk.low { background:var(--ok-tint); border-color:#bfe3cd; color:var(--ok); }
.context-risk.guarded { background:#f5f5f0; border-color:#f5f5f0; color:#5c6257; }
.context-risk.elevated { background:var(--warn-tint); border-color:#ead6b0; color:var(--warn); }
.context-risk.high, .context-risk.critical { background:var(--danger-tint); border-color:#ebc9c4; color:var(--danger); }
.context-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:10px; }
.context-grid > div { border:1px solid var(--line); border-radius:9px; padding:8px 9px; background:#fff; }
.context-grid span, .context-grid b { display:block; }
.context-grid span { color:var(--muted); font-size:.65rem; text-transform:uppercase; letter-spacing:.06em; }
.context-grid b { margin-top:3px; font-size:.72rem; line-height:1.4; }
.context-assessment > p { margin-top:9px; color:var(--muted); font-size:.73rem; line-height:1.45; }
.context-modifiers { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
.context-modifiers span { border:1px solid #f5f5f0; background:#fff; border-radius:999px; padding:4px 7px; color:#5c6257; font-size:.64rem; }
.language-coverage { display:grid; grid-template-columns:.7fr 1.3fr; gap:9px; border-top:1px solid var(--teal-line); margin-top:12px; padding-top:12px; }
.language-coverage > div { background:#fff; border:1px solid var(--line); border-radius:10px; padding:10px 11px; }
.language-coverage b, .language-coverage small { display:block; }
.language-coverage b { font-size:.75rem; margin-top:3px; }
.language-coverage small { color:var(--muted); font-size:.68rem; margin-top:4px; }
.lexicon-principles { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:12px 0; }
.lexicon-principles span { border:1px solid var(--teal-line); background:var(--teal-tint); border-radius:10px; padding:10px; color:var(--muted); font-size:.72rem; }
.lexicon-principles b { display:block; color:var(--ink); margin-bottom:3px; }
.lexicon-table { border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.lexicon-subhead { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:20px 0 9px; }
.lexicon-subhead b, .lexicon-subhead span { display:block; }
.lexicon-subhead > div > span { color:var(--muted); font-size:.72rem; margin-top:3px; }
.language-architecture { margin-bottom:16px; }
.language-architecture-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.language-architecture-flow > div { position:relative; border:1px solid var(--line); border-radius:11px; padding:11px 11px 11px 40px; background:var(--paper); }
.language-architecture-flow > div > span { position:absolute; left:10px; top:11px; font:700 .68rem var(--font-mono); color:var(--teal-deep); }
.language-architecture-flow b, .language-architecture-flow small { display:block; }
.language-architecture-flow b { font-size:.75rem; }
.language-architecture-flow small { color:var(--muted); font-size:.68rem; margin-top:3px; line-height:1.4; }
.lexicon-row { display:grid; grid-template-columns:130px 90px 1.35fr 1fr; gap:12px; align-items:start; padding:11px 12px; background:#fff; }
.lexicon-row + .lexicon-row { border-top:1px solid var(--line); }
.lexicon-row b, .lexicon-row small { display:block; }
.lexicon-row small { color:var(--muted); font-size:.7rem; line-height:1.4; margin-top:3px; }
@media (max-width:900px) { .lexicon-principles { grid-template-columns:1fr 1fr; } .language-architecture-flow { grid-template-columns:1fr 1fr; } .lexicon-row { grid-template-columns:110px 80px 1fr; } .lexicon-row > :last-child { grid-column:1 / -1; } }
@media (max-width:600px) { .ai-grid, .context-grid, .language-coverage, .lexicon-principles, .language-architecture-flow { grid-template-columns:1fr; } .lexicon-row { grid-template-columns:1fr auto; } .lexicon-row > :nth-child(n+3) { grid-column:1 / -1; } }

/* v4.8 private presenter Hate Stress Test */
.stress-wrap { display:flex; flex-direction:column; gap:20px; }
.stress-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; padding:30px; border-radius:24px; background:var(--ink); color:#fff; }
.stress-hero .eyebrow { color:#efff00; }
.stress-hero h1 { margin-top:7px; }
.stress-hero p { max-width:760px; margin-top:11px; color:#d9dbd2; }
.readiness-score { min-width:190px; padding:18px; border:1px solid rgba(255,255,255,.18); border-radius:17px; background:rgba(255,255,255,.08); text-align:center; }
.readiness-score strong, .readiness-score span, .readiness-score small { display:block; }
.readiness-score strong { font:700 2.2rem/1 var(--font-mono); }
.readiness-score span { margin-top:9px; font-size:.7rem; font-weight:800; letter-spacing:.1em; }
.readiness-score small { margin-top:4px; color:#d9dbd2; }
.readiness-score.pass span { color:#7de0ae; }
.readiness-score.fail span { color:#ffb3aa; }
.stress-verdicts { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.stress-verdict { display:flex; gap:11px; align-items:center; padding:14px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.stress-verdict > span { width:34px; height:34px; display:grid; place-items:center; flex:none; border-radius:50%; font-weight:800; }
.stress-verdict.pass > span { background:var(--ok-tint); color:var(--ok); }
.stress-verdict.fail > span { background:var(--danger-tint); color:var(--danger); }
.stress-verdict div { min-width:0; }
.stress-verdict b, .stress-verdict strong, .stress-verdict small { display:block; }
.stress-verdict b { font-size:.75rem; }
.stress-verdict strong { margin-top:2px; font:700 1.05rem var(--font-mono); }
.stress-verdict small { color:var(--muted); font-size:.68rem; }
.stress-live textarea { width:100%; min-height:120px; margin-top:18px; padding:14px; resize:vertical; border:1px solid var(--line-strong); border-radius:12px; background:var(--paper); color:var(--ink); font:inherit; outline:none; }
.stress-live textarea:focus { border-color:var(--ink); box-shadow:0 0 0 3px rgba(16,17,16,.12); background:#fff; }
.stress-live-result { margin-top:12px; padding:15px; border:1px solid var(--line); border-radius:14px; animation:labIn .18s ease; }
.stress-live-result.clean { background:var(--ok-tint); border-color:#bfe3cd; }
.stress-live-result.warning { background:var(--warn-tint); border-color:#ead6b0; }
.stress-live-result.review { background:#f1edf8; border-color:#d5cae6; }
.stress-live-result.block { background:var(--danger-tint); border-color:#ebc9c4; }
.stress-live-result > div { display:flex; align-items:center; gap:9px; }
.stress-live-result dl { display:grid; grid-template-columns:90px 1fr; gap:7px 12px; margin-top:13px; }
.stress-live-result dt { color:var(--muted); font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.stress-live-result dd { margin:0; font-size:.79rem; }
.stress-live-result > .stress-rewrite-proof { display:grid; align-items:start; gap:5px; margin-top:14px; padding:12px; border:1px solid rgba(16,17,16,.3); border-radius:11px; background:#fff; }
.stress-rewrite-proof b { line-height:1.45; }
.stress-rewrite-proof small { color:var(--muted); }
.stress-filters { display:flex; flex-wrap:wrap; gap:7px; margin:18px 0 12px; }
.stress-filters button { border:1px solid var(--line); border-radius:999px; padding:7px 10px; background:var(--paper); color:var(--muted); cursor:pointer; text-transform:capitalize; }
.stress-filters button.active { border-color:var(--ink); background:var(--ink); color:#fff; }
.stress-case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.stress-case { display:flex; align-items:flex-start; gap:9px; min-width:0; padding:11px; border:1px solid var(--line); border-radius:11px; background:var(--paper); }
.stress-case > span { width:22px; height:22px; display:grid; place-items:center; flex:none; border-radius:50%; font-size:.7rem; font-weight:800; background:var(--ok-tint); color:var(--ok); }
.stress-case.fail > span { background:var(--danger-tint); color:var(--danger); }
.stress-case b, .stress-case small { display:block; }
.stress-case b { font-size:.75rem; line-height:1.35; }
.stress-case small { margin-top:3px; color:var(--muted); font-size:.65rem; line-height:1.35; }
.stress-boundary { padding:15px 17px; border:1px solid #efd8a7; border-radius:13px; background:#fff7e8; }
.stress-boundary p { margin-top:5px; color:#6e5732; font-size:.79rem; line-height:1.5; }
@media (max-width:980px) { .stress-verdicts { grid-template-columns:1fr 1fr; } .stress-case-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:720px) { .stress-hero { grid-template-columns:1fr; padding:22px; } .readiness-score { min-width:0; } .stress-case-grid { grid-template-columns:1fr; } }
@media (max-width:440px) { .stress-verdicts { grid-template-columns:1fr; } .stress-live-result dl { grid-template-columns:1fr; gap:3px; } .stress-live-result dd { margin-bottom:7px; } }

/* v4.8 social-life polish */
.community-pulse { display:grid; grid-template-columns:180px 1fr; gap:12px; align-items:stretch; margin-bottom:16px; border:1px solid var(--line); border-radius:16px; padding:12px; background:linear-gradient(120deg,#fff,var(--paper)); }
.pulse-title { display:flex; flex-wrap:wrap; align-content:center; gap:7px; padding:6px 8px; }
.pulse-title b { font-size:.86rem; }
.pulse-title small { flex-basis:100%; color:var(--muted); font-size:.68rem; padding-left:16px; }
.pulse-topics { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.pulse-topics > span { display:flex; flex-direction:column; justify-content:center; border:1px solid var(--line); border-radius:11px; padding:9px 10px; background:#fff; }
.pulse-topics b { font-size:.77rem; }
.pulse-topics small { color:var(--muted); font-size:.65rem; margin-top:3px; text-transform:capitalize; }
.comment-thread + .comment-thread { border-top:1px solid rgba(16,17,16,.65); }
.reply-action { border:0; background:transparent; padding:4px 0 0; color:var(--teal-deep); font:650 .72rem var(--font-sans); cursor:pointer; }
.comment-replies { margin-left:38px; padding-left:12px; border-left:2px solid var(--teal-tint); }
.reply-comment { padding:8px 0 !important; }
.reply-comment .avatar { width:26px; height:26px; }
.replying-banner { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:10px 0 -2px 40px; border:1px solid var(--teal-line); background:var(--teal-tint); color:var(--teal-deep); border-radius:10px; padding:7px 10px; font-size:.74rem; }
.replying-banner button { border:0; background:transparent; color:var(--teal-deep); cursor:pointer; font-size:1.05rem; line-height:1; }
.replying-banner em { display:inline-block; margin-left:7px; border-radius:999px; padding:2px 6px; background:#fff; border:1px solid var(--teal-line); font-size:.63rem; font-style:normal; font-weight:700; }
@media (max-width:720px) {
  .community-pulse { grid-template-columns:1fr; }
  .pulse-title { padding:0 2px; }
  .pulse-topics { display:flex; overflow-x:auto; padding-bottom:3px; }
  .pulse-topics > span { min-width:150px; }
  .comment-replies { margin-left:22px; padding-left:8px; }
}

/* v4.9 connected conversation intelligence and safety operations */
.admin-summary { grid-template-columns:repeat(8,1fr); }
.presenter-readiness { margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
.presenter-readiness span, .presenter-readiness b { display:block; }
.presenter-readiness span { color:var(--muted); font-size:.66rem; text-transform:uppercase; letter-spacing:.08em; }
.presenter-readiness b { margin-top:3px; font-size:.76rem; }
.presenter-readiness .btn { margin-top:9px; }
.presenter-locked { border-bottom-color:var(--ink); box-shadow:0 5px 18px rgba(16,17,16,.08); }
.presenter-lock-pill { border:1px solid var(--teal-line); border-radius:999px; padding:5px 8px; background:var(--teal-tint); color:var(--teal-deep); font-size:.68rem; font-weight:800; white-space:nowrap; }
.conversation-scenarios { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:14px 0; }
.conversation-scenarios button { text-align:left; border:1px solid var(--line); border-radius:12px; padding:10px 11px; background:var(--paper); color:var(--ink); cursor:pointer; }
.conversation-scenarios button.active { border-color:var(--ink); background:var(--teal-tint); box-shadow:0 0 0 2px rgba(16,17,16,.08); }
.conversation-scenarios b, .conversation-scenarios small { display:block; }
.conversation-scenarios b { font-size:.76rem; }
.conversation-scenarios small { color:var(--muted); font-size:.66rem; margin-top:3px; line-height:1.35; }
.red-team-capture { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:12px; padding:11px 12px; border:1px dashed var(--line-strong); border-radius:11px; background:#fff; }
.red-team-capture b, .red-team-capture small { display:block; }
.red-team-capture b { font-size:.75rem; margin-top:2px; }
.red-team-capture small { color:var(--muted); font-size:.66rem; margin-top:3px; }
.product-story { grid-template-columns:repeat(6,1fr); }
.moderation-context-proof { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:12px 0; border:1px solid #f5f5f0; border-radius:12px; padding:11px; background:#f5f5f0; }
.moderation-context-proof > .mini-kicker { grid-column:1 / -1; }
.moderation-context-proof > div { border:1px solid var(--line); border-radius:9px; padding:8px; background:#fff; }
.moderation-context-proof b, .moderation-context-proof span { display:block; }
.moderation-context-proof b { font-size:.72rem; }
.moderation-context-proof span { color:var(--muted); font-size:.65rem; margin-top:3px; }
.product-ops-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
.learning-panel { grid-column:1 / -1; }
.learning-stages { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:10px; }
.learning-stages span { border:1px solid var(--teal-line); border-radius:10px; padding:9px; background:var(--teal-tint); color:var(--muted); font-size:.68rem; }
.learning-stages b { display:block; color:var(--teal-deep); font:800 1.15rem var(--font-mono); margin-bottom:2px; }
.learning-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-height:none; }
.ops-panel { min-width:0; border:1px solid var(--line); border-radius:14px; padding:14px; background:var(--paper); }
.ops-panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:12px; }
.ops-panel-head b, .ops-panel-head small { display:block; }
.ops-panel-head small { margin-top:3px; color:var(--muted); font-size:.68rem; }
.ops-panel-head a { color:var(--teal-deep); font-size:.72rem; font-weight:700; text-decoration:none; }
.language-candidate-form { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:11px; border:1px solid var(--line); border-radius:11px; background:#fff; }
.language-candidate-form label { color:var(--muted); font-size:.68rem; font-weight:650; }
.language-candidate-form label.wide { grid-column:1 / -1; }
.language-candidate-form input, .language-candidate-form textarea, .language-candidate-form select, .policy-console-bar input, .policy-console-bar select { display:block; width:100%; margin-top:5px; border:1px solid var(--line-strong); border-radius:9px; padding:8px 9px; background:#fff; color:var(--ink); font:inherit; box-sizing:border-box; }
.language-candidate-form button { align-self:end; }
.candidate-list, .red-team-list { display:flex; flex-direction:column; gap:8px; margin-top:10px; max-height:460px; overflow:auto; }
.ops-item { border:1px solid var(--line); border-radius:11px; padding:10px; background:#fff; }
.ops-item-head { display:flex; justify-content:space-between; align-items:flex-start; gap:9px; }
.ops-item-head b, .ops-item-head small { display:block; }
.ops-item-head b { font-size:.76rem; }
.ops-item-head small, .ops-item > small { color:var(--muted); font-size:.65rem; margin-top:3px; }
.ops-item p { color:var(--muted); font-size:.7rem; margin-top:7px; line-height:1.4; }
.ops-example { margin-top:7px; border-left:2px solid var(--teal); padding:6px 8px; background:var(--teal-tint); border-radius:0 7px 7px 0; font-size:.7rem; word-break:break-word; }
.ops-example.withheld { color:var(--muted); font-style:italic; }
.ops-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.policy-console-bar { display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:10px; align-items:end; margin:12px 0 18px; padding:12px; border:1px solid var(--teal-line); border-radius:12px; background:var(--teal-tint); }
.policy-console-bar label, .policy-console-bar > div { color:var(--muted); font-size:.68rem; font-weight:650; }
.policy-console-bar b, .policy-console-bar small { display:block; }
.policy-console-bar b { color:var(--ink); font-size:.72rem; margin-top:5px; }
.policy-console-bar small { font-size:.64rem; margin-top:3px; }
.review-context-evidence { display:flex; flex-wrap:wrap; gap:6px; margin:9px 0; }
.review-context-evidence span { border:1px solid #f5f5f0; border-radius:999px; padding:4px 7px; background:#f5f5f0; color:#5c6257; font-size:.65rem; }
.adm-empty.compact { padding:13px; font-size:.72rem; }

@media (max-width:1100px) {
  .admin-summary { grid-template-columns:repeat(4,1fr); }
  .product-story { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:820px) {
  .product-ops-grid, .policy-console-bar { grid-template-columns:1fr; }
  .learning-list { grid-template-columns:1fr; }
  .conversation-scenarios { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
  .admin-summary, .conversation-scenarios, .moderation-context-proof, .language-candidate-form { grid-template-columns:1fr; }
  .language-candidate-form label.wide { grid-column:auto; }
  .red-team-capture { align-items:flex-start; flex-direction:column; }
  .learning-stages { grid-template-columns:1fr; }
}
/* V4.13 · multimodal evidence and upload composer */
.media-lab-wrap{display:grid;gap:24px;padding-bottom:44px}.media-lab-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center;padding:42px;border-radius:28px;color:#fff;background:radial-gradient(circle at 86% 12%,rgba(16,17,16,.22),transparent 31%),linear-gradient(135deg,#101110,#101110)}.media-lab-hero h1{font-size:clamp(2.35rem,5vw,4.7rem);line-height:.98;max-width:820px;margin:10px 0 18px}.media-lab-hero p{max-width:730px;color:#f5f5f0;font-size:1.05rem;line-height:1.65}.media-readiness{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(16,17,16,.46);box-shadow:inset 0 0 0 10px rgba(16,17,16,.08)}.media-readiness strong{font-size:2.8rem}.media-readiness span{font-weight:700;max-width:130px}.media-readiness small{margin-top:7px;color:#d9dbd2}.media-challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.media-challenge-grid button{overflow:hidden;padding:0;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--card);cursor:pointer;transition:.18s ease}.media-challenge-grid button:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,17,16,.12);border-color:var(--teal)}.media-challenge-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.media-challenge-grid button>span{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px}.media-challenge-grid small{color:var(--muted)}.media-run-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.media-upload-label{position:relative;overflow:hidden}.media-upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.media-status{margin-top:14px;padding:12px 15px;border-radius:12px;background:var(--soft);color:var(--muted);font-weight:700}.media-results{display:grid;gap:16px;margin-top:16px}.media-result{border:1px solid var(--line);border-left:5px solid #5c6257;border-radius:18px;background:var(--card);padding:20px}.media-result.clean{border-left-color:var(--teal)}.media-result.warning{border-left-color:#d99a19}.media-result.review{border-left-color:#8f64d8}.media-result.block{border-left-color:#d84b5d}.media-result-head{display:flex;gap:12px;align-items:center}.media-result-head>div{display:flex;flex-direction:column;gap:4px}.media-result-head small{color:var(--muted)}.media-evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.media-evidence-grid>div{display:flex;flex-direction:column;gap:5px;padding:13px;border-radius:12px;background:var(--soft)}.media-evidence-grid span,.media-evidence-grid small{font-size:.76rem;color:var(--muted)}.ocr-transcript,.media-boundary{margin-top:13px;padding:14px;border-radius:12px;background:#f5f5f0}.ocr-transcript p{font-size:1.08rem;font-weight:750;margin:5px 0 0}.media-boundary{display:flex;gap:14px;align-items:flex-start;background:#fff7e5}.media-boundary span{color:#654f22;font-size:.84rem;line-height:1.5}.media-coverage-note{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--card)}.media-coverage-note h2{margin:8px 0 0}.media-coverage-note p{color:var(--muted);line-height:1.7}.composer-upload{display:inline-flex;align-items:center;gap:7px;margin-top:11px;padding:9px 13px;border:1px dashed var(--teal);border-radius:10px;color:var(--teal-dark);font-weight:750;cursor:pointer;position:relative;overflow:hidden}.composer-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.composer-upload-preview{display:flex;gap:12px;align-items:center;margin-top:10px}.composer-upload-preview:empty{display:none}.composer-upload-preview img{width:92px;height:58px;object-fit:cover;border-radius:9px}.composer-upload-preview span{display:flex;flex-direction:column}.composer-upload-preview small{color:var(--muted)}.modal-media-evidence{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.modal-media-evidence>div{display:flex;flex-direction:column;gap:3px;margin-top:6px}.modal-media-evidence small,.modal-media-evidence p{color:var(--muted);font-size:.8rem}.modal-media-evidence p{margin:8px 0 0;line-height:1.5}
@media(max-width:900px){.media-lab-hero{grid-template-columns:1fr}.media-readiness{width:180px}.media-challenge-grid{grid-template-columns:1fr 1fr}.media-evidence-grid{grid-template-columns:1fr 1fr}.media-coverage-note{grid-template-columns:1fr}}
@media(max-width:620px){.media-lab-hero{padding:28px 22px}.media-challenge-grid,.media-evidence-grid{grid-template-columns:1fr}.media-boundary{display:block}.media-boundary b{display:block;margin-bottom:6px}}

/* V4.14 · server-authoritative enforcement and durable evidence */
.server-receipt-proof{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;margin:14px 0;padding:13px 14px;border:1px solid #d9dbd2;border-radius:13px;background:#f5f5f0}.server-receipt-proof>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.server-receipt-proof code{font-size:.69rem;color:#101110}.server-receipt-proof small{grid-column:2;color:#5c6257}.server-receipt-proof.unavailable{display:flex;flex-direction:column;align-items:flex-start;border-color:#e5b8bd;background:#fff2f3;color:#8d2935}
.server-evidence-section{background:linear-gradient(140deg,#f5f5f0,#fff);border-color:#d9dbd2}.server-evidence-overview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.server-evidence-overview>div{display:flex;flex-direction:column;padding:14px;border:1px solid #f5f5f0;border-radius:13px;background:#fff}.server-evidence-overview strong{font:800 1.55rem var(--font-mono);color:var(--teal-dark)}.server-evidence-overview span{font-size:.72rem;color:var(--muted)}.server-outcomes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.server-outcomes span{display:flex;gap:5px;padding:6px 10px;border-radius:999px;background:#f5f5f0;font-size:.72rem;color:#101110}.server-receipt-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.server-receipt-row{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.server-receipt-row>div{display:flex;align-items:center;gap:8px}.server-receipt-row p{margin:9px 0;font-size:.82rem;line-height:1.45}.server-receipt-row small{color:var(--muted);font:500 .68rem var(--font-mono)}.appeal-durable{display:block;margin-top:7px}.appeal-durable.stored{color:var(--teal-dark)}.appeal-durable.unavailable{color:var(--danger)}
@media(max-width:780px){.server-evidence-overview,.server-receipt-list{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.server-evidence-overview,.server-receipt-list{grid-template-columns:1fr}.server-receipt-proof{grid-template-columns:1fr}.server-receipt-proof small{grid-column:1}}
/* V4.13 · appeals and adjudication */
.appeals-wrap{display:grid;gap:22px;padding-bottom:42px}.appeals-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:34px;border-radius:24px;background:linear-gradient(135deg,#f5f5f0,#f8fbfb);border:1px solid #f5f5f0}.appeals-hero h1{font-size:clamp(2rem,4vw,3.7rem);margin:8px 0 12px}.appeals-hero p{max-width:720px;color:var(--muted);line-height:1.65}.appeal-rights-badge{padding:12px 15px;border-radius:999px;background:var(--teal);color:#fff;font-weight:800;white-space:nowrap}.appeals-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.appeal-history{display:grid;gap:12px;margin-top:12px}.appeal-history article{padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--soft);display:grid;gap:8px}.appeal-history article>div{display:flex;justify-content:space-between;gap:10px}.appeal-history article p{margin:0;line-height:1.5}.appeal-history article small{color:var(--muted)}.appeal-boundary{display:flex;gap:18px;align-items:center;padding:18px 20px;border-radius:15px;background:#fff7e5;color:#59461d}.appeal-boundary span{line-height:1.5}@media(max-width:760px){.appeals-hero{display:block}.appeal-rights-badge{display:inline-block;margin-top:18px}.appeals-grid{grid-template-columns:1fr}.appeal-boundary{display:block}.appeal-boundary b{display:block;margin-bottom:7px}}
/* V4.13 · operational intelligence */
.harassment-graph{display:grid;gap:10px}.graph-edge{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.graph-edge>div{display:flex;gap:10px;align-items:center}.graph-edge>div span{color:var(--muted)}.graph-edge small{color:var(--muted)}.graph-edge.persistent{border-color:#efb3bb;background:#fff6f7}.language-quality-table{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.language-quality-table>div{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px}.language-quality-table span,.language-quality-table small{color:var(--muted);font-size:.8rem}.language-quality-table em{font-style:normal;font-size:.73rem;color:var(--teal-dark);font-weight:750}.quality-boundary{margin-top:13px;padding:13px;border-radius:11px;background:#fff7e5;color:#665022;font-size:.84rem}.appeal-review-item{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin-top:12px}.compact-field{max-width:320px}@media(max-width:850px){.language-quality-table{grid-template-columns:1fr 1fr}.graph-edge{grid-template-columns:1fr}.graph-edge .badge{justify-self:start}}@media(max-width:560px){.language-quality-table{grid-template-columns:1fr}}

/* V4.15 · authenticated platform preview */
.session-identity{display:flex;align-items:center;gap:8px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none}.session-identity span,.session-identity b,.session-identity small{display:block}.session-identity b{font-size:.72rem;line-height:1.1}.session-identity small{font-size:.58rem;color:var(--muted);margin-top:2px}.avatar-xs{width:28px;height:28px}.auth-shell{display:grid;gap:24px;padding:34px 0 54px}.auth-intro{max-width:780px}.auth-intro h1{font-size:clamp(2.4rem,5vw,5rem);line-height:.98;margin:10px 0 18px}.auth-intro p{max-width:700px;color:var(--muted);font-size:1.02rem;line-height:1.65}.auth-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;align-items:start}.auth-card{border-color:#f5f5f0;background:linear-gradient(145deg,#f5f5f0,#fff)}.auth-card label{display:grid;gap:7px;color:var(--muted);font-size:.75rem;font-weight:750}.auth-card input,.auth-card select{width:100%;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:11px;padding:12px;background:#fff;color:var(--ink);font:inherit}.form-error{padding:10px 12px;border-radius:10px;background:#fff0f1;color:var(--danger);font-size:.78rem}.auth-credentials{display:grid;gap:8px}.auth-credentials>.mini-kicker{margin-bottom:4px}.auth-credentials button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.auth-credentials button:hover{border-color:var(--ink);background:var(--teal-tint)}.auth-credentials span,.auth-credentials b,.auth-credentials small{display:block}.auth-credentials small{margin-top:3px;color:var(--muted);font-size:.67rem}.auth-credentials code{padding:6px 8px;border-radius:7px;background:var(--soft);font-weight:800}.auth-security-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.auth-security-strip span{padding:13px;border:1px solid #f5f5f0;border-radius:12px;background:#f5f5f0;color:var(--muted);font-size:.73rem;line-height:1.45}.auth-security-strip b{display:block;color:var(--teal-dark);margin-bottom:3px}
@media(max-width:820px){.auth-grid,.auth-security-strip{grid-template-columns:1fr}.session-identity span{display:none}}
.case-workspace-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.case-row{display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-left:4px solid #8f64d8;border-radius:12px;background:#fff}.case-row.priority-critical{border-left-color:var(--danger)}.case-row.priority-high{border-left-color:#d99a19}.case-row>div b,.case-row>div small{display:block}.case-row>div b{margin-top:7px}.case-row>div small,.case-row p{color:var(--muted);font-size:.69rem}.case-row form{display:grid;grid-template-columns:.7fr 1.5fr auto;gap:7px}.case-row select,.case-row input{min-width:0;border:1px solid var(--line-strong);border-radius:8px;padding:8px;background:#fff;color:var(--ink)}.evaluation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.evaluation-grid>div,.provider-readiness span{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff}.evaluation-grid strong{font-size:1.15rem;color:var(--teal-dark)}.evaluation-grid small,.provider-readiness small{color:var(--muted);font-size:.69rem;line-height:1.45}.provider-readiness{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
@media(max-width:880px){.case-workspace-list,.evaluation-grid,.provider-readiness{grid-template-columns:1fr 1fr}.case-row form{grid-template-columns:1fr}}
@media(max-width:580px){.case-workspace-list,.evaluation-grid,.provider-readiness{grid-template-columns:1fr}}

/* V4.16 · production pilot and adaptive safety operations (retained in V4.17) */
.pilot-ops-wrap{display:grid;gap:22px;padding:24px 0 56px}.pilot-loading,.pilot-gate{max-width:720px;margin:48px auto}.pilot-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:28px;align-items:end;padding:42px;border-radius:28px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(16,17,16,.25),transparent 34%),linear-gradient(135deg,#101110,#101110)}.pilot-hero h1{max-width:850px;margin:9px 0 15px;font-size:clamp(2.25rem,5vw,4.8rem);line-height:.98}.pilot-hero p{max-width:760px;color:#f5f5f0;line-height:1.65}.pilot-hero-metrics{display:grid;gap:8px}.pilot-hero-metrics span{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(16,17,16,.35);font-size:.74rem}.pilot-hero-metrics strong{font:800 1.35rem var(--font-mono);color:#efff00}.pilot-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;border:1px solid #e8c584;border-left:5px solid #d99a19;border-radius:18px;background:#fff9eb}.pilot-callout h2{margin:5px 0 8px}.pilot-callout p{max-width:900px;color:var(--muted);line-height:1.55}.pilot-section{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.pilot-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.pilot-section-head h2{margin:5px 0 0}.pilot-provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pilot-provider{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.pilot-provider>div{display:flex;align-items:center;gap:8px}.pilot-provider strong{font-size:.72rem;text-transform:capitalize}.pilot-provider small{color:var(--muted);font-size:.67rem}.pilot-status-dot{width:9px;height:9px;border-radius:50%;background:#a7afb0}.pilot-provider.is-active{border-color:#d9dbd2;background:#f5f5f0}.pilot-provider.is-active .pilot-status-dot{background:var(--teal);box-shadow:0 0 0 4px rgba(16,17,16,.12)}.campaign-grid,.scenario-strip,.partner-route-grid,.calibration-grid,.deployment-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.campaign-grid article,.scenario-strip article,.partner-route-grid article,.calibration-grid article,.deployment-strip article{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.campaign-grid strong,.calibration-grid strong{color:var(--teal-dark);font-size:1.2rem}.campaign-grid small,.scenario-strip small,.partner-route-grid small,.calibration-grid small,.deployment-strip small{color:var(--muted);line-height:1.45}.scenario-strip{margin-top:12px}.scenario-strip article{background:#f8f6fd}.scenario-strip .badge{align-self:flex-start}.scenario-strip p{margin:0;color:var(--muted);font-size:.76rem}.incident-list{display:grid;gap:12px}.pilot-incident{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-left:5px solid #8f64d8;border-radius:14px;background:#fff}.pilot-incident.priority-critical{border-left-color:var(--danger)}.pilot-incident.priority-high{border-left-color:#d99a19}.pilot-incident-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.pilot-incident-head>div{display:flex;align-items:center;gap:9px}.pilot-incident>p{margin:0;color:var(--muted);line-height:1.5}.pilot-incident>small{color:var(--muted)}.pilot-sla{padding:5px 8px;border-radius:999px;background:var(--soft);font-size:.66rem;font-weight:750}.pilot-sla.is-overdue{background:#fff0f1;color:var(--danger)}.pilot-incident-form,.partner-packet form{display:grid;grid-template-columns:.7fr minmax(180px,1.5fr) auto;gap:8px}.pilot-incident-form select,.pilot-incident-form input,.partner-packet input,.learning-intake input,.learning-intake select,.learning-intake textarea{min-width:0;border:1px solid var(--line-strong);border-radius:9px;padding:9px;background:#fff;color:var(--ink);font:inherit}.partner-packet{display:grid;gap:7px;padding:13px;border:1px solid #e3c987;border-radius:11px;background:#fff9eb}.partner-packet p{margin:0;color:var(--muted)}.partner-route-grid{margin-top:12px}.partner-route-grid span{color:var(--teal-dark);font-size:.73rem;text-transform:capitalize}.learning-intake{display:grid;grid-template-columns:1fr .75fr .7fr auto;gap:9px;align-items:start;padding:14px;border:1px solid #d9dbd2;border-radius:13px;background:#f5f5f0}.learning-intake textarea{grid-column:1 / -2;min-height:76px;resize:vertical}.learning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.learning-candidate{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.learning-candidate>div{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.learning-candidate p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.5}.learning-candidate small{color:var(--muted)}.learning-candidate button{justify-self:start}.deployment-strip{margin-top:12px}.deployment-strip span{color:var(--teal-dark);font-size:.76rem}.pilot-section .adm-empty{grid-column:1 / -1}
@media(max-width:980px){.pilot-hero{grid-template-columns:1fr}.pilot-provider-grid,.campaign-grid,.scenario-strip,.partner-route-grid,.calibration-grid,.deployment-strip{grid-template-columns:1fr 1fr}.learning-intake{grid-template-columns:1fr 1fr}.learning-intake textarea{grid-column:1 / -1}.learning-intake button{justify-self:start}}
@media(max-width:650px){.pilot-hero{padding:28px 22px}.pilot-callout,.pilot-section-head,.pilot-incident-head{align-items:flex-start;flex-direction:column}.pilot-provider-grid,.campaign-grid,.scenario-strip,.partner-route-grid,.calibration-grid,.deployment-strip,.learning-list,.learning-intake{grid-template-columns:1fr}.learning-intake textarea{grid-column:auto}.pilot-incident-form,.partner-packet form{grid-template-columns:1fr}.pilot-section{padding:18px}}

/* V4.17.1 · live event safety command hotfix */
.event-command-wrap{display:grid;gap:20px;padding:24px 0 58px}.event-gate{max-width:760px;margin:48px auto}.event-command-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:30px;align-items:end;padding:42px;border-radius:28px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(255,183,77,.22),transparent 28%),radial-gradient(circle at 2% 100%,rgba(16,17,16,.2),transparent 32%),linear-gradient(135deg,#101110,#101110 58%,#101110)}.event-command-hero h1{max-width:880px;margin:10px 0 15px;font-size:clamp(2.35rem,5vw,4.9rem);line-height:.96}.event-command-hero p{max-width:780px;color:#f5f5f0;line-height:1.65}.event-live-pill{display:inline-flex;align-items:center;gap:7px;margin-right:10px;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.2);font-size:.68rem;font-weight:800}.event-live-pill i{width:8px;height:8px;border-radius:50%;background:#efff00;box-shadow:0 0 0 5px rgba(16,17,16,.13)}.event-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.event-meta span{padding:6px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#f5f5f0;font-size:.68rem}.command-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:8px}.command-scoreboard span{display:flex;flex-direction:column;gap:3px;padding:15px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(16,17,16,.36);color:#f5f5f0;font-size:.68rem}.command-scoreboard strong{color:#efff00;font:800 1.65rem var(--font-mono)}.event-boundary-banner{display:flex;gap:15px;align-items:flex-start;padding:15px 18px;border:1px solid #e7c882;border-left:5px solid #d99a19;border-radius:14px;background:#fff9e9}.event-boundary-banner b{white-space:nowrap}.event-boundary-banner span{color:#66552e;font-size:.8rem;line-height:1.5}.event-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.event-panel{min-width:0;padding:23px;border:1px solid var(--line);border-radius:19px;background:var(--card)}.event-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}.event-panel-head h2{margin:5px 0 0}.event-panel-head p{max-width:760px;margin:7px 0 0;color:var(--muted);font-size:.8rem;line-height:1.5}.event-controls-panel form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.event-controls-panel label{display:grid;gap:5px;color:var(--muted);font-size:.7rem;font-weight:750}.event-controls-panel select,.event-controls-panel input,.protected-person select,.protected-person input,.evidence-vault input,.evidence-vault select,.evidence-vault textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:9px;padding:9px;background:#fff;color:var(--ink);font:inherit}.event-controls-panel .event-check{display:flex;flex-direction:row;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.event-check input{width:auto}.event-controls-panel .wide{grid-column:1 / -1}.readiness-result{display:flex;align-items:baseline;gap:10px;padding:15px;border-radius:13px;background:var(--teal-tint)}.readiness-result strong{font:800 2rem var(--font-mono);color:var(--teal-dark)}.readiness-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.readiness-checks span{padding:8px;border-radius:8px;background:var(--soft);font-size:.7rem}.readiness-checks .pass{color:var(--teal-dark)}.readiness-checks .fail{color:var(--danger)}.protected-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.protected-person{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:15px;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:14px;background:#fff}.protected-person.level-critical{border-left-color:var(--danger)}.protected-person.level-heightened{border-left-color:#d99a19}.protected-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#101110;color:#fff;font-weight:850}.protected-main>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.protected-main p{margin:8px 0;color:var(--muted);font-size:.76rem}.protected-main small{display:block;color:var(--muted);font-size:.65rem;line-height:1.45}.protected-person form{display:grid;grid-template-columns:.7fr 1.5fr auto;gap:7px;margin-top:11px}.threat-timeline-grid{grid-template-columns:.9fr 1.1fr}.threat-list{display:grid;gap:9px}.threat-card{display:grid;grid-template-columns:68px 1fr;gap:13px;padding:13px;border:1px solid var(--line);border-left:5px solid #8f64d8;border-radius:12px;background:#fff}.threat-card.band-critical{border-left-color:var(--danger)}.threat-card.band-high{border-left-color:#d99a19}.threat-score{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:var(--soft)}.threat-score strong{font:800 1.55rem var(--font-mono)}.threat-score span{font-size:.61rem}.threat-card p{margin:7px 0;color:var(--muted);font-size:.72rem}.threat-card small{color:var(--muted);font-size:.63rem}.event-timeline{display:grid;max-height:520px;overflow:auto}.event-timeline-row{display:grid;grid-template-columns:18px 1fr;gap:9px;padding:0 0 14px}.event-timeline-dot{position:relative;width:10px;height:10px;margin-top:4px;border-radius:50%;background:#5c6257}.event-timeline-dot:after{content:"";position:absolute;top:12px;left:4px;width:2px;height:calc(100% + 10px);background:var(--line)}.event-timeline-row:last-child .event-timeline-dot:after{display:none}.event-timeline-row.severity-critical .event-timeline-dot{background:var(--danger)}.event-timeline-row.severity-high .event-timeline-dot{background:#d99a19}.event-timeline-row>div>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.event-timeline-row p{margin:5px 0;color:var(--muted);font-size:.68rem;line-height:1.45}.event-timeline-row small{color:var(--muted);font-size:.62rem}.security-drills{display:flex;flex-wrap:wrap;gap:7px}.security-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.security-route-grid article{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.security-route-grid article>div{display:flex;justify-content:space-between;gap:8px}.security-route-grid strong{font-size:.77rem;color:var(--teal-dark)}.security-route-grid p{margin:0;color:var(--muted);font-size:.68rem}.delivery-ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.delivery-ledger>span{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid #e7c882;border-radius:10px;background:#fff9e9}.delivery-ledger small{color:var(--muted);font-size:.62rem}.evidence-vault form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.evidence-vault textarea{grid-column:1 / -1;min-height:78px;resize:vertical}.access-ledger{display:grid;gap:7px;margin-top:11px}.access-ledger article{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.access-ledger small{grid-column:1 / -1;color:var(--muted)}.access-ledger button{grid-column:1 / -1;justify-self:start}.integration-rows{display:grid;gap:8px}.integration-rows span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px}.integration-rows i{width:9px;height:9px;border-radius:50%;background:#a8b0b2}.integration-rows i.active{background:var(--teal);box-shadow:0 0 0 4px rgba(16,17,16,.11)}.integration-rows small{color:var(--muted);text-align:right}
@media(max-width:980px){.event-command-hero,.event-command-grid,.threat-timeline-grid{grid-template-columns:1fr}.security-route-grid,.delivery-ledger{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.event-command-hero{padding:28px 22px}.command-scoreboard,.protected-grid,.security-route-grid,.delivery-ledger,.readiness-checks{grid-template-columns:1fr}.event-panel{padding:18px}.event-panel-head,.event-boundary-banner{flex-direction:column}.event-controls-panel form,.protected-person form,.evidence-vault form{grid-template-columns:1fr}.event-controls-panel .wide,.evidence-vault textarea{grid-column:auto}.protected-person{grid-template-columns:1fr}.integration-rows span{grid-template-columns:auto 1fr}.integration-rows small{grid-column:2;text-align:left}}

/* V4.20 Live Athlete Shield & Event Safety Twin */
.twin-wrap{display:grid;gap:20px;padding:24px 0 60px}.twin-gate{max-width:780px;margin:48px auto}.twin-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:30px;align-items:center;overflow:hidden;padding:46px;border-radius:32px;color:#fff;background:radial-gradient(circle at 92% 9%,rgba(16,17,16,.2),transparent 27%),radial-gradient(circle at 5% 93%,rgba(16,17,16,.18),transparent 30%),linear-gradient(128deg,#101110,#101110 50%,#101110)}.twin-hero h1{max-width:920px;margin:11px 0 17px;font-size:clamp(2.6rem,5.5vw,5.5rem);line-height:.92;letter-spacing:-.05em}.twin-hero h1 em{color:#efff00;font-style:normal}.twin-hero p{max-width:800px;color:#f5f5f0;font-size:1rem;line-height:1.65}.twin-sim-pill{display:inline-flex;align-items:center;gap:8px;margin:0 10px 9px 0;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.2);font-size:.66rem;font-weight:850;letter-spacing:.05em}.twin-sim-pill i,.pulse-dot{width:8px;height:8px;border-radius:50%;background:#efff00;box-shadow:0 0 0 5px rgba(16,17,16,.13)}.twin-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.btn-light{background:#fff;color:#101110}.btn-dark-ghost{border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.15);color:#fff}.twin-hero aside{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:rgba(16,17,16,.4)}.twin-hero aside>div:first-child{display:grid;gap:7px}.twin-hero aside span{color:#efff00;font-size:.62rem;font-weight:850;letter-spacing:.09em}.twin-hero aside strong{font-size:1.08rem}.twin-hero aside b{color:#f5f5f0;font-size:.72rem;font-weight:650}.shield-orb{display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(16,17,16,.35);border-radius:50%;background:radial-gradient(circle,#5c6257,#101110);box-shadow:0 0 0 9px rgba(16,17,16,.07),0 0 38px rgba(16,17,16,.17)}.shield-orb span{color:#fff;font-size:1.55rem;letter-spacing:-.07em}.shield-orb small{font-size:.49rem;color:#d9dbd2;letter-spacing:.12em}
.twin-launch{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:30px;border:1px solid var(--line);border-radius:23px;background:#fff}.twin-launch h2{margin:6px 0;font-size:2rem}.twin-launch p{max-width:820px;color:var(--muted);line-height:1.6}.twin-launch-console{display:grid;gap:8px;align-content:start;padding:21px;border-radius:17px;background:#101110;color:#fff}.twin-launch-console>span{color:#efff00;font-size:.62rem;font-weight:850}.twin-launch-console strong{font:850 3.5rem/1 var(--font-mono)}.twin-launch-console b{color:#f5f5f0;font-size:.72rem}.twin-launch-console select{margin:8px 0;border:1px solid #101110;border-radius:10px;padding:10px;background:#101110;color:#fff;font:inherit}.twin-boundary{display:flex;gap:12px;margin-top:16px;padding:13px;border:1px solid #e7c882;border-left:4px solid #d99a19;border-radius:11px;background:#fff9e9;color:#635126;font-size:.72rem;line-height:1.5}.twin-boundary b{white-space:nowrap}
.twin-score-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.twin-counter{display:grid;gap:4px;padding:18px;border:1px solid var(--line);border-top:5px solid #5c6257;border-radius:14px;background:#fff}.twin-counter strong{font:850 2rem var(--font-mono)}.twin-counter b{font-size:.78rem}.twin-counter span{color:var(--muted);font-size:.64rem}.twin-counter.good{border-top-color:var(--teal)}.twin-counter.good strong{color:var(--teal-deep)}.twin-counter.danger{border-top-color:var(--danger)}.twin-counter.danger strong{color:var(--danger)}.twin-counter.purple{border-top-color:#7b5bc1}.twin-counter.purple strong{color:#6847a6}
.twin-panel{min-width:0;padding:25px;border:1px solid var(--line);border-radius:21px;background:#fff}.twin-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px}.twin-panel-head h2{margin:5px 0 0}.twin-panel-head p{max-width:760px;margin:7px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.twin-panel-head .eyebrow{display:flex;align-items:center;gap:9px}.twin-stream-progress{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.twin-stream-progress b{color:var(--teal-deep);font:850 1.4rem var(--font-mono)}.twin-stream-progress span{color:var(--muted);font-size:.66rem}.twin-stream{display:grid;max-height:690px;overflow:auto;border:1px solid var(--line);border-radius:15px}.twin-stream-row{display:grid;grid-template-columns:100px minmax(0,1.4fr) minmax(180px,.6fr);gap:13px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line);background:#fff;transition:opacity .25s,transform .25s,background .25s}.twin-stream-row:last-child{border-bottom:0}.twin-stream-row.delivered{background:#f5f5f0}.twin-stream-row.outcome-block{background:#fff4f3}.twin-stream-row.outcome-review{background:#f8f5fc}.twin-stream-row.outcome-warning{background:#fffaf0}.stream-state{display:flex;align-items:center;gap:7px}.stream-state i{width:9px;height:9px;border-radius:50%;background:#d99a19}.delivered .stream-state i{background:var(--teal)}.outcome-block .stream-state i{background:var(--danger)}.outcome-review .stream-state i{background:#7b5bc1}.stream-state b{font-size:.61rem;letter-spacing:.05em}.stream-body p{margin:0;font-size:.76rem;font-weight:700}.stream-body span,.stream-reason small{display:block;margin-top:4px;color:var(--muted);font-size:.61rem}.stream-reason{display:grid;gap:3px}.stream-reason b{font-size:.67rem}.stream-pending{opacity:0;transform:translateY(7px)}.stream-arrived{animation:twinFlash .7s ease}@keyframes twinFlash{0%{box-shadow:inset 5px 0 #efff00}100%{box-shadow:inset 0 0 transparent}}
.twin-before-after{display:grid;grid-template-columns:1fr 92px 1fr;gap:12px;align-items:stretch}.twin-raw-inbox{background:#fffafa}.twin-protected-inbox{border-color:#d9dbd2;background:#f5f5f0}.twin-raw-inbox .twin-panel-head>strong,.twin-protected-inbox .twin-panel-head>strong{font:850 2rem var(--font-mono)}.twin-raw-inbox .twin-panel-head>strong{color:var(--danger)}.twin-protected-inbox .twin-panel-head>strong{color:var(--teal-deep)}.raw-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.raw-stack span{padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:.61rem}.raw-stack span.hostile{border-color:#ecc7c2;background:#fff1ef;color:#a53f34}.twin-transform-arrow{display:grid;place-items:center;align-content:center;gap:4px;text-align:center;color:var(--teal-deep)}.twin-transform-arrow span{font-size:2.5rem}.twin-transform-arrow b{font-size:.72rem}.twin-transform-arrow small{color:var(--muted);font-size:.55rem}.twin-inbox-list{display:grid;gap:7px;max-height:330px;overflow:auto}.twin-inbox-list article{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:10px;border:1px solid #f5f5f0;border-radius:11px;background:#fff}.twin-inbox-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--teal-tint);color:var(--teal-deep);font-size:.65rem;font-weight:850}.twin-inbox-list b{font-size:.68rem}.twin-inbox-list p{margin:3px 0;font-size:.72rem}.twin-inbox-list small{color:var(--muted);font-size:.59rem}.shield-summary{display:grid;gap:3px;margin-top:9px;padding:11px;border-radius:10px;background:#f5f5f0;color:var(--teal-deep)}.shield-summary b{font-size:.74rem}.shield-summary span{font-size:.63rem}
.twin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.twin-graph-panel{background:linear-gradient(145deg,#f5f5f0,#fff)}.twin-graph-svg{width:100%;min-height:230px;border-radius:14px;background:#101110}.twin-graph-svg line{stroke:#5c6257;stroke-width:1.5;stroke-dasharray:4 4}.twin-graph-svg circle{fill:#101110;stroke:#efff00;stroke-width:2}.twin-graph-svg text{fill:#f5f5f0;font-size:9px;font-weight:800}.twin-graph-svg .target circle{fill:#5c6257;stroke:#efff00;stroke-width:3}.twin-graph-svg .target text{font-size:8px}.graph-signals{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}.graph-signals span{display:grid;padding:9px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:.59rem}.graph-signals strong{color:var(--ink);font:800 1rem var(--font-mono)}.graph-verdict{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:baseline;margin-top:9px;padding:11px;border:1px solid #e6c982;border-radius:10px;background:#fff9e9}.graph-verdict strong{color:#8a6414;font:850 1.35rem var(--font-mono)}.graph-verdict span{font-size:.67rem;font-weight:750}.graph-verdict small{grid-column:1/-1;color:#6c5a31;font-size:.6rem}.fusion-stack{display:grid;gap:8px}.fusion-stack article{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.fusion-stack i{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#101110;color:#efff00;font-size:.62rem;font-style:normal;font-weight:850}.fusion-stack div{display:grid;gap:4px}.fusion-stack b{font-size:.75rem}.fusion-stack span{color:var(--muted);font-size:.66rem}.fusion-result{display:grid;gap:5px;margin-top:11px;padding:15px;border-radius:13px;background:#101110;color:#fff}.fusion-result>span{color:#efff00;font-size:.58rem;font-weight:850;letter-spacing:.08em}.fusion-result b{font-size:.78rem}.fusion-result small{color:#d9dbd2;font-size:.62rem}
.copilot-list{display:grid;gap:9px}.copilot-list article{display:grid;grid-template-columns:auto 1fr auto;gap:11px;padding:13px;border:1px solid var(--line);border-left:5px solid #7b5bc1;border-radius:12px;background:#fff}.copilot-list article.priority-critical{border-left-color:var(--danger)}.copilot-list article.priority-high{border-left-color:#d99a19}.copilot-list article>span{color:var(--muted);font:800 .68rem var(--font-mono)}.copilot-list b{font-size:.76rem}.copilot-list p{margin:5px 0;color:var(--muted);font-size:.68rem}.copilot-list small{font-size:.63rem}.copilot-list em{align-self:start;padding:5px 7px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.56rem;font-style:normal}.packet-route{display:grid;gap:4px;padding:14px;border-radius:12px;background:#101110;color:#fff}.packet-route span{color:#efff00;font-size:.57rem;font-weight:850;letter-spacing:.08em}.packet-route b{font-size:.78rem}.packet-route small{color:#d9dbd2;font-size:.61rem}.packet-signals{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.packet-signals span{padding:6px 8px;border-radius:999px;background:var(--danger-tint);color:var(--danger);font-size:.59rem}.packet-checks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:11px 0}.packet-checks b{width:100%;font-size:.66rem}.packet-checks span{padding:5px 7px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:.59rem}.packet-approved{display:grid;gap:4px;padding:11px;border-radius:10px;background:var(--teal-tint);color:var(--teal-deep);font-size:.69rem}.twin-footnote{margin:10px 0 0;color:var(--muted);font-size:.62rem;line-height:1.5}
.twin-replay{display:grid;max-height:470px;overflow:auto}.twin-replay-row{display:grid;grid-template-columns:66px 16px 1fr;gap:8px;min-height:42px}.twin-replay-row>span{color:var(--muted);font:700 .59rem var(--font-mono)}.twin-replay-row i{position:relative;width:9px;height:9px;border-radius:50%;background:#5c6257}.twin-replay-row i:after{content:"";position:absolute;top:11px;left:4px;width:1px;height:37px;background:var(--line)}.twin-replay-row:last-child i:after{display:none}.twin-replay-row.replay-block i{background:var(--danger)}.twin-replay-row.replay-warning i{background:#d99a19}.twin-replay-row.replay-review i{background:#7b5bc1}.twin-replay-row div{display:grid;gap:3px}.twin-replay-row b{font-size:.69rem}.twin-replay-row small{color:var(--muted);font-size:.61rem}.twin-controls form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.twin-controls label{display:grid;gap:5px;color:var(--muted);font-size:.67rem;font-weight:750}.twin-controls select,.twin-controls input{width:100%;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:9px;padding:9px;background:#fff;color:var(--ink);font:inherit}.twin-controls .twin-check{display:flex;flex-direction:row;align-items:center;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.twin-controls .twin-check input{width:auto}.twin-controls button{align-self:end}.twin-truth{display:flex;gap:14px;padding:16px 18px;border:1px solid #e7c882;border-left:5px solid #d99a19;border-radius:14px;background:#fff9e9;color:#64542e;font-size:.72rem;line-height:1.5}.twin-truth b{white-space:nowrap}
@media(max-width:1050px){.twin-hero,.twin-launch,.twin-two-col{grid-template-columns:1fr}.twin-score-strip{grid-template-columns:repeat(3,1fr)}.twin-before-after{grid-template-columns:1fr}.twin-transform-arrow{grid-template-columns:auto auto auto}.twin-transform-arrow span{transform:rotate(90deg)}.twin-stream-row{grid-template-columns:90px 1fr}.stream-reason{grid-column:2}}
@media(max-width:700px){.twin-hero{padding:29px 22px}.twin-hero h1{font-size:2.8rem}.twin-hero aside{grid-template-columns:1fr}.shield-orb{width:78px;height:78px}.twin-score-strip,.graph-signals{grid-template-columns:1fr 1fr}.twin-panel{padding:18px}.twin-panel-head,.twin-truth,.twin-boundary{flex-direction:column}.twin-stream-row{grid-template-columns:1fr;gap:6px}.stream-reason{grid-column:auto}.raw-stack{grid-template-columns:1fr 1fr}.twin-controls form{grid-template-columns:1fr}.copilot-list article{grid-template-columns:auto 1fr}.copilot-list em{grid-column:2}.twin-graph-svg{min-height:180px}}

/* V4.18 · Universal Safety Intelligence Engine */
.safety-intelligence-wrap{display:grid;gap:20px;padding:24px 0 58px}.safety-gate{max-width:760px;margin:48px auto}.safety-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(245px,.6fr);gap:32px;align-items:end;padding:44px;border-radius:30px;color:#fff;background:radial-gradient(circle at 90% 4%,rgba(16,17,16,.28),transparent 29%),radial-gradient(circle at 3% 96%,rgba(16,17,16,.18),transparent 34%),linear-gradient(135deg,#101110,#101110 54%,#101110)}.safety-hero h1{max-width:840px;margin:10px 0 16px;font-size:clamp(2.5rem,5vw,5rem);line-height:.95}.safety-hero p{max-width:790px;color:#f5f5f0;font-size:1rem;line-height:1.65}.safety-live-pill{display:inline-flex;align-items:center;gap:7px;margin-right:10px;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(16,17,16,.35);font-size:.68rem;font-weight:850}.safety-live-pill i{width:8px;height:8px;border-radius:50%;background:#efff00;box-shadow:0 0 0 5px rgba(16,17,16,.13)}.safety-authority-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.safety-authority-row span{padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#f5f5f0;font-size:.64rem}.safety-authority-row b{margin-right:5px;color:#efff00}.safety-hero aside{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:baseline;padding:19px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(16,17,16,.38)}.safety-hero aside strong{color:#efff00;font:850 2.2rem var(--font-mono)}.safety-hero aside span{color:#f5f5f0;font-size:.73rem}.safety-hero aside small{grid-column:1 / -1;margin-top:10px;color:#d9dbd2;font-size:.66rem;line-height:1.5}.safety-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.safety-stage{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}.safety-stage>span{color:var(--ink);font:800 .7rem var(--font-mono)}.safety-stage b{font-size:.76rem}.safety-stage p{margin:5px 0 0;color:var(--muted);font-size:.67rem;line-height:1.45}.safety-panel{min-width:0;padding:25px;border:1px solid var(--line);border-radius:21px;background:var(--card)}.safety-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px}.safety-panel-head h2{margin:5px 0 0}.safety-panel-head p{max-width:790px;margin:7px 0 0;color:var(--muted);font-size:.8rem;line-height:1.5}.reasoning-inspector{background:linear-gradient(145deg,#f5f5f0,#fff);border-color:#d9dbd2}.reasoning-inspector textarea{width:100%;min-height:140px;resize:vertical;border:1px solid var(--line-strong);border-radius:15px;padding:16px;background:#fff;color:var(--ink);font:600 1rem/1.5 var(--font-sans)}.inspector-context{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:10px}.inspector-context label{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:.7rem;font-weight:700}.inspector-context select{border:0;background:#fff;color:var(--ink);font:inherit}.inspector-context button{margin-left:auto}.reasoning-empty{display:grid;place-items:center;text-align:center;min-height:180px;margin-top:15px;padding:24px;border:1px dashed var(--line-strong);border-radius:15px;color:var(--muted)}.reasoning-empty span{font-size:2rem;color:var(--teal)}.reasoning-empty p{max-width:620px;margin:4px 0 0;font-size:.78rem}.reasoning-result{margin-top:16px;border:1px solid var(--line);border-left:6px solid var(--teal);border-radius:17px;background:#fff;overflow:hidden}.reasoning-result.outcome-block{border-left-color:var(--danger)}.reasoning-result.outcome-review{border-left-color:#835dc7}.reasoning-result.outcome-warning{border-left-color:#d99a19}.reasoning-result-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.decision-pill{padding:8px 11px;border-radius:999px;background:var(--teal-tint);color:var(--teal-deep);font-size:.72rem;font-weight:850;text-transform:uppercase}.outcome-block .decision-pill{background:var(--danger-tint);color:var(--danger)}.outcome-review .decision-pill{background:#f2edfb;color:#6847a6}.outcome-warning .decision-pill{background:var(--warn-tint);color:var(--warn)}.reasoning-result-head h2{margin:4px 0}.reasoning-result-head p{margin:0;color:var(--muted);font-size:.75rem}.risk-dial{display:flex;flex-direction:column;align-items:center;padding:9px 12px;border-radius:11px;background:var(--soft)}.risk-dial strong{font:850 1.6rem var(--font-mono)}.risk-dial span{font-size:.6rem;color:var(--muted)}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px}.reason-grid article{display:flex;flex-direction:column;gap:5px;padding:13px;border-radius:11px;background:var(--soft)}.reason-grid article>span{color:var(--muted);font-size:.64rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.reason-grid article>b{font-size:.76rem}.reason-grid article>small{color:var(--muted);font-size:.65rem;line-height:1.45}.reasoning-trail{display:flex;overflow:auto;padding:0 15px 15px}.reasoning-trail span{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted);font-size:.63rem}.reasoning-trail span:after{content:"→";margin:0 6px;color:var(--line-strong)}.reasoning-trail span:last-child:after{display:none}.reasoning-trail i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--teal-tint);color:var(--teal-deep);font-style:normal;font-weight:850}.reasoning-boundary{display:flex;gap:12px;padding:13px 16px;background:#fff7e5;color:#654f22;font-size:.72rem}.reasoning-boundary b{white-space:nowrap}.adversarial-gate{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:17px;align-items:center}.gate-orb{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--soft);color:var(--muted);font-size:1.65rem;font-weight:850}.gate-pass .gate-orb{background:var(--teal-tint);color:var(--teal-deep);box-shadow:inset 0 0 0 7px rgba(16,17,16,.07)}.gate-summary h2{margin:4px 0}.gate-summary p{margin:0;color:var(--muted);font-size:.78rem}.gate-summary small{display:block;margin-top:5px;color:var(--muted);font-size:.63rem}.gate-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:260px}.gate-metrics span{display:flex;flex-direction:column;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--muted);font-size:.6rem}.gate-metrics strong{color:var(--ink);font:800 .87rem var(--font-mono)}.mutation-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.mutation-strip span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--muted);font-size:.62rem}.family-gate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.family-gate-grid article{display:grid;gap:4px;padding:11px;border:1px solid #d9dbd2;border-radius:10px;background:#f5f5f0}.family-gate-grid b{font-size:.67rem}.family-gate-grid strong{color:var(--teal-deep);font:800 1rem var(--font-mono)}.family-gate-grid span{color:var(--muted);font-size:.62rem}.policy-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.policy-family{padding:15px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:13px;background:#fff}.policy-family.severity-critical{border-left-color:var(--danger)}.policy-family.severity-high{border-left-color:#d99a19}.policy-family-head{display:flex;align-items:center;gap:8px}.policy-family>p{margin:9px 0;color:var(--muted);font-size:.74rem}.policy-family dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.policy-family dl>div{padding:8px;border-radius:8px;background:var(--soft)}.policy-family dt{color:var(--muted);font-size:.59rem;text-transform:uppercase;letter-spacing:.05em}.policy-family dd{margin:3px 0 0;font-size:.66rem;line-height:1.4}.governance-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.governance-rail span{padding:10px;border-top:3px solid var(--teal);border-radius:4px 4px 10px 10px;background:var(--soft);color:var(--muted);font-size:.66rem}.governance-rail b{display:block;color:var(--ink);margin-bottom:3px}.specialist-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.specialist-route{position:relative;display:grid;gap:7px;padding:15px 15px 15px 28px;border:1px solid var(--line);border-radius:13px;background:#fff}.specialist-route:before{content:"";position:absolute;left:12px;top:27px;bottom:-19px;width:1px;background:var(--line)}.specialist-route:last-child:before{display:none}.specialist-route>div{display:flex;align-items:center;gap:8px}.route-node{position:absolute;left:8px;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px var(--teal-tint)}.specialist-route p{margin:0;color:var(--muted);font-size:.72rem}.specialist-route small{color:var(--muted);font-size:.64rem;line-height:1.45}.specialist-route em{justify-self:start;padding:4px 7px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.59rem;font-style:normal}.safety-boundary{display:flex;gap:16px;align-items:flex-start;padding:17px 19px;border:1px solid #e8c584;border-left:5px solid #d99a19;border-radius:15px;background:#fff9e9}.safety-boundary b{white-space:nowrap}.safety-boundary span{color:#66552e;font-size:.78rem;line-height:1.55}
@media(max-width:1020px){.safety-hero{grid-template-columns:1fr}.safety-pipeline{grid-template-columns:repeat(2,1fr)}.adversarial-gate{grid-template-columns:auto 1fr}.gate-metrics{grid-column:1 / -1}.family-gate-grid,.governance-rail{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.safety-hero{padding:29px 22px}.safety-pipeline,.policy-family-grid,.specialist-route-grid,.reason-grid,.family-gate-grid,.governance-rail{grid-template-columns:1fr}.safety-panel{padding:18px}.safety-panel-head,.safety-boundary{flex-direction:column}.inspector-context{align-items:stretch;flex-direction:column}.inspector-context button{margin-left:0}.reasoning-result-head{grid-template-columns:1fr;align-items:start}.risk-dial{align-items:flex-start}.adversarial-gate{grid-template-columns:1fr}.gate-metrics{grid-column:auto;min-width:0}.policy-family dl{grid-template-columns:1fr}.safety-authority-row{display:grid}.reasoning-boundary{flex-direction:column}.reasoning-boundary b{white-space:normal}}

/* V4.19 semantic context and intent proof */
.semantic-proof{margin:15px;padding:16px;border:1px solid #d9dbd2;border-radius:15px;background:linear-gradient(135deg,#f5f5f0,#fff)}.semantic-proof-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}.semantic-proof-head h3{margin:3px 0 0;font-size:1rem}.semantic-clause-grid,.counterfactual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.semantic-clause{display:grid;gap:6px;padding:11px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:11px;background:#fff}.semantic-clause.is-harmful{border-left-color:var(--danger);background:#fff8f8}.semantic-clause>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.semantic-clause span,.counterfactual-grid span{color:var(--muted);font-size:.61rem;text-transform:uppercase;letter-spacing:.06em}.semantic-clause b{font-size:.63rem}.semantic-clause strong{font-size:.78rem}.semantic-clause small,.counterfactual-grid small{color:var(--muted);font-size:.65rem;line-height:1.45}.counterfactual-grid{margin-top:8px}.counterfactual-grid article{display:grid;gap:5px;padding:11px;border:1px dashed #d9dbd2;border-radius:11px;background:var(--teal-tint)}.counterfactual-grid b{font-size:.73rem}.semantic-boundary{margin:10px 0 0;color:var(--muted);font-size:.65rem;line-height:1.5}.stress-semantic-proof{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid #d9dbd2;border-radius:12px;background:#f5f5f0}.stress-semantic-proof>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stress-semantic-proof>div>span{display:grid;gap:2px;padding:8px;border-left:3px solid var(--teal);border-radius:7px;background:#fff;font-size:.68rem}.stress-semantic-proof>div>span.harmful{border-left-color:var(--danger);background:#fff8f8}.stress-semantic-proof small{color:var(--muted);font-size:.64rem;line-height:1.45}
@media(max-width:720px){.semantic-clause-grid,.counterfactual-grid,.stress-semantic-proof>div{grid-template-columns:1fr}.semantic-proof-head{display:grid}}

/* V4.21 · Public Experience Curtain */
.public-profile-mode{grid-template-columns:1fr}
.public-experience-active .topbar.public-experience{box-shadow:0 8px 24px rgba(16,17,16,.06)}
.public-experience-active .profile-demo-note,
.public-experience-active .verify-demo-banner,
.public-experience-active .admin-flip,
.public-experience-active .trust-icon-btn{display:none!important}

/* V4.22 · Live Match Room & Personal Athlete Shield */
.match-room-wrap{display:grid;gap:18px;padding:24px 0 58px}.match-room-loading{display:grid;place-items:center;align-content:center;gap:8px;min-height:60vh;color:var(--muted)}.match-room-loading b{color:var(--ink);font-size:1.1rem}.match-room-loading small{font-size:.75rem}.match-live-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:32px;align-items:end;overflow:hidden;padding:42px;border-radius:28px;color:#fff;background:radial-gradient(circle at 82% 12%,rgba(16,17,16,.29),transparent 28%),radial-gradient(circle at 4% 96%,rgba(16,17,16,.25),transparent 38%),linear-gradient(135deg,#101110,#101110 54%,#101110)}.match-live-hero:after{content:"";position:absolute;right:-72px;bottom:-115px;width:280px;height:280px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.025)}.match-live-copy{position:relative;z-index:1}.match-live-kicker{display:flex;align-items:center;gap:8px;color:#efff00;font-size:.68rem;font-weight:850;letter-spacing:.1em}.match-live-hero h1{max-width:950px;margin:13px 0 16px;font-size:clamp(2.6rem,5.4vw,5.1rem);line-height:.93;letter-spacing:-.055em}.match-live-hero h1 em{color:#efff00;font-style:normal}.match-live-hero p{max-width:790px;color:#f5f5f0;font-size:.88rem;line-height:1.65}.match-view-switch{display:inline-flex;gap:4px;margin-top:18px;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(16,17,16,.28)}.match-view-switch button{border:0;border-radius:8px;padding:8px 11px;background:transparent;color:#d9dbd2;font:750 .68rem var(--font-sans);cursor:pointer}.match-view-switch button.active{background:#fff;color:#101110}.match-score-card{position:relative;z-index:1;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(16,17,16,.54);backdrop-filter:blur(8px)}.match-score-card>span{display:block;margin-bottom:11px;color:#efff00;font-size:.61rem;font-weight:850;letter-spacing:.09em}.match-score-card>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.12)}.match-score-card b{font-size:.72rem}.match-score-card strong{font:850 .86rem var(--font-mono)}.match-score-card small{display:block;margin-top:8px;color:#d9dbd2;font-size:.62rem}.match-proof-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--line)}.match-proof-strip span{display:flex;flex-direction:column;padding:13px 15px;background:#fff;color:var(--muted);font-size:.62rem}.match-proof-strip b{color:var(--ink);font:850 1.24rem var(--font-mono)}.match-proof-strip .proof-delivered{background:#f5f5f0}.match-proof-strip .proof-delivered b{color:var(--teal-deep)}.match-proof-strip .proof-protected{background:#fff7f5}.match-proof-strip .proof-protected b{color:var(--danger)}
.match-stage{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:13px;align-items:start}.fan-lane,.athlete-lane{display:grid;gap:13px;min-width:0}.lane-title{display:flex;align-items:center;gap:10px;padding:0 3px}.lane-title>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#101110;color:#efff00;font:800 .64rem var(--font-mono)}.lane-title div,.lane-title b,.lane-title small{display:block}.lane-title b{font-size:.83rem}.lane-title small{margin-top:2px;color:var(--muted);font-size:.64rem}.athlete-title>span{background:var(--teal);color:#fff}.match-composer{display:grid;gap:11px;padding:18px;border:1px solid #d9dbd2;border-radius:18px;background:linear-gradient(145deg,#f5f5f0,#fff)}.composer-person{display:flex;align-items:center;gap:9px}.composer-person>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e9e7f2;color:#4d4668;font-size:.67rem;font-weight:850}.composer-person div,.composer-person b,.composer-person small{display:block}.composer-person b{font-size:.72rem}.composer-person small{margin-top:2px;color:var(--muted);font-size:.6rem}.match-composer textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid var(--line-strong);border-radius:13px;padding:14px;background:#fff;color:var(--ink);font:650 .92rem/1.5 var(--font-sans)}.match-preset-row{display:flex;flex-wrap:wrap;gap:5px}.match-preset-row button{border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:#fff;color:var(--muted);font:700 .57rem var(--font-sans);cursor:pointer}.match-preset-row button:hover{border-color:var(--ink);color:var(--teal-deep)}.composer-submit-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-submit-row>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.61rem}.composer-submit-row i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px var(--teal-tint)}.match-decision-empty{display:flex;align-items:center;gap:12px;min-height:62px;padding:14px;border:1px dashed var(--line-strong);border-radius:14px;color:var(--muted)}.match-decision-empty>span{color:var(--ink);font-size:1.5rem}.match-decision-empty div,.match-decision-empty b,.match-decision-empty small{display:block}.match-decision-empty b{color:var(--ink);font-size:.71rem}.match-decision-empty small{margin-top:3px;font-size:.62rem}.match-decision{overflow:hidden;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:16px;background:#fff}.match-decision.outcome-warning{border-left-color:#d99a19}.match-decision.outcome-review{border-left-color:#7958bc}.match-decision.outcome-block{border-left-color:var(--danger)}.match-decision-head{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:14px}.match-decision-head>span{padding:6px 8px;border-radius:999px;background:var(--teal-tint);color:var(--teal-deep);font-size:.58rem;font-weight:850}.outcome-warning .match-decision-head>span{background:var(--warn-tint);color:var(--warn)}.outcome-review .match-decision-head>span{background:#f0ebfb;color:#6845a5}.outcome-block .match-decision-head>span{background:var(--danger-tint);color:var(--danger)}.match-decision-head div,.match-decision-head b,.match-decision-head small{display:block}.match-decision-head b{font-size:.72rem;line-height:1.45}.match-decision-head small{margin-top:4px;color:var(--muted);font-size:.58rem}.match-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-top:1px solid var(--line)}.match-why-grid span{display:grid;gap:3px;padding:9px;background:var(--soft)}.match-why-grid small{color:var(--muted);font-size:.54rem;text-transform:uppercase;letter-spacing:.05em}.match-why-grid b{font-size:.63rem}.match-rewrite-offer{display:grid;gap:7px;padding:13px;border-top:1px solid #d9dbd2;background:#f5f5f0}.match-rewrite-offer>span{color:var(--teal-deep);font-size:.54rem;font-weight:850;letter-spacing:.08em}.match-rewrite-offer p{margin:0;color:var(--muted);font-size:.61rem}.match-rewrite-offer blockquote{margin:0;padding:10px;border-left:3px solid var(--teal);background:#fff;font-size:.72rem}.match-rewrite-offer button{justify-self:start}.match-no-rewrite{display:grid;gap:4px;padding:12px;border-top:1px solid var(--line);background:#fff8f4}.match-no-rewrite b{font-size:.65rem}.match-no-rewrite span{color:var(--muted);font-size:.6rem;line-height:1.45}.fan-room-history{display:grid;gap:6px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.fan-history{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:8px;border-radius:9px;background:var(--soft)}.fan-history>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--teal-tint);color:var(--teal-deep);font-size:.66rem}.fan-history:not(.outcome-clean)>span{background:var(--danger-tint);color:var(--danger)}.fan-history div,.fan-history b,.fan-history p,.fan-history small{display:block}.fan-history b{font-size:.62rem}.fan-history p{margin:3px 0;font-size:.65rem}.fan-history small{color:var(--muted);font-size:.54rem}
.decision-spine{position:sticky;top:90px;display:grid;place-items:center;align-content:start;gap:6px;min-height:420px;padding:17px 5px;border:1px solid #f5f5f0;border-radius:999px;background:linear-gradient(#f5f5f0,#fff);text-align:center}.decision-spine>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#101110;color:#efff00;font:850 .67rem var(--font-mono)}.decision-spine>b{writing-mode:vertical-rl;transform:rotate(180deg);margin:4px 0;color:var(--teal-deep);font-size:.56rem;letter-spacing:.12em}.decision-spine>i{color:var(--ink);font-size:1.5rem;font-style:normal}.decision-spine>small{padding:4px;border-radius:5px;background:var(--soft);color:var(--muted);font-size:.48rem}.decision-spine>em{margin-top:6px;color:var(--teal-deep);font-size:.5rem;font-style:normal;font-weight:850}.athlete-room-card{overflow:hidden;border:1px solid #d9dbd2;border-radius:19px;background:#fff;box-shadow:0 16px 35px rgba(16,17,16,.08)}.athlete-room-head{display:grid;grid-template-columns:92px 1fr;gap:13px;align-items:center;padding:14px;background:linear-gradient(135deg,#101110,#101110);color:#fff}.athlete-room-head img{width:92px;height:76px;object-fit:cover;border-radius:11px}.athlete-room-head h2{margin:5px 0 2px;font-size:1.16rem}.athlete-room-head small{color:#d9dbd2;font-size:.61rem}.shield-live-pill{display:inline-block;padding:4px 6px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#efff00;font-size:.5rem;font-weight:850;letter-spacing:.08em}.athlete-wellbeing{display:flex;gap:10px;align-items:center;margin:13px;padding:11px;border-radius:11px;background:var(--teal-tint);color:var(--teal-deep)}.athlete-wellbeing>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;font-weight:900}.athlete-wellbeing div,.athlete-wellbeing b,.athlete-wellbeing small{display:block}.athlete-wellbeing b{font-size:.67rem}.athlete-wellbeing small{margin-top:3px;font-size:.57rem;line-height:1.4}.protected-inbox{display:grid;gap:7px;max-height:430px;overflow:auto;padding:0 13px 13px}.protected-inbox article{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px}.protected-inbox article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e9e7f2;color:#4d4668;font-size:.59rem;font-weight:850}.protected-inbox div,.protected-inbox b,.protected-inbox p,.protected-inbox small{display:block}.protected-inbox b{font-size:.62rem}.protected-inbox p{margin:4px 0;font-size:.68rem;line-height:1.45}.protected-inbox small{color:var(--muted);font-size:.54rem}.shield-digest-card{display:grid;grid-template-columns:1fr auto;gap:8px 13px;align-items:center;padding:16px;border:1px solid #e9cf94;border-radius:16px;background:#fffaf0}.shield-digest-card h3{margin:4px 0;font-size:.78rem}.shield-digest-card>strong{color:#9a6c12;font:850 2.1rem var(--font-mono)}.digest-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px}.digest-tags span{padding:5px 7px;border-radius:999px;background:#fff;color:#6c5a31;font-size:.55rem}.digest-tags b{margin-left:3px}.shield-digest-card>small{grid-column:1/-1;color:#77663c;font-size:.57rem}.match-empty{padding:16px;color:var(--muted);font-size:.68rem;text-align:center}
.match-lower-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:13px}.crowd-radar-card,.athlete-preferences-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.crowd-radar-head{display:flex;justify-content:space-between;gap:18px;align-items:end}.crowd-radar-head h2{margin:5px 0;text-transform:capitalize}.crowd-radar-head p{max-width:650px;margin:0;color:var(--muted);font-size:.65rem}.crowd-radar-head>strong{color:var(--teal-deep);font:850 2.5rem var(--font-mono)}.crowd-radar-track{height:11px;margin:15px 0;border-radius:999px;background:linear-gradient(90deg,#f5f5f0,#f8e9b5,#f1b3ac);overflow:hidden}.crowd-radar-track i{display:block;height:100%;border-radius:999px;background:#101110;transition:width .5s ease}.crowd-radar-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.crowd-radar-facts span{display:grid;padding:9px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:.56rem}.crowd-radar-facts b{color:var(--ink);font-size:.68rem;text-transform:capitalize}.athlete-preferences-card{display:grid;grid-template-columns:1fr 1fr;gap:9px}.athlete-preferences-card>div{grid-column:1/-1}.athlete-preferences-card h2{margin:5px 0}.athlete-preferences-card p{margin:0;color:var(--muted);font-size:.63rem;line-height:1.45}.athlete-preferences-card label{display:grid;gap:5px;color:var(--muted);font-size:.59rem;font-weight:750}.athlete-preferences-card label:nth-of-type(3){grid-column:1/-1}.athlete-preferences-card select{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff;color:var(--ink);font:inherit;text-transform:capitalize}.athlete-preferences-card button{grid-column:1/-1}.match-story-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.match-story-rail article{position:relative;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.match-story-rail article:after{content:"→";position:absolute;right:-9px;top:43%;z-index:2;color:var(--ink);font-weight:900}.match-story-rail article:last-child:after{display:none}.match-story-rail span{color:var(--ink);font:800 .63rem var(--font-mono)}.match-story-rail b{display:block;margin:5px 0;font-size:.7rem}.match-story-rail p{margin:0;color:var(--muted);font-size:.61rem;line-height:1.45}.match-room-actions{display:flex;flex-wrap:wrap;gap:8px}.match-boundary{display:flex;gap:14px;padding:14px 17px;border:1px solid #e7c681;border-left:5px solid #d99a19;border-radius:14px;background:#fff9e9;color:#6c5a31;font-size:.64rem;line-height:1.5}.match-boundary b{white-space:nowrap;color:#8b681a}
.view-fan .match-stage{grid-template-columns:minmax(0,820px);justify-content:center}.view-fan .decision-spine,.view-fan .athlete-lane{display:none}.view-athlete .match-stage{grid-template-columns:minmax(0,760px);justify-content:center}.view-athlete .decision-spine,.view-athlete .fan-lane{display:none}.view-athlete .match-lower-grid{grid-template-columns:1fr 1fr}.view-athlete .athlete-room-card{box-shadow:0 20px 48px rgba(16,17,16,.12)}
@media(max-width:1050px){.match-live-hero,.match-lower-grid{grid-template-columns:1fr}.match-stage{grid-template-columns:1fr}.decision-spine{position:relative;top:auto;grid-template-columns:auto repeat(6,auto);min-height:0;border-radius:15px;padding:10px}.decision-spine>b{writing-mode:initial;transform:none}.decision-spine>i{transform:rotate(90deg)}.match-proof-strip{grid-template-columns:repeat(3,1fr)}.match-story-rail{grid-template-columns:1fr 1fr}.match-story-rail article:after{display:none}.view-athlete .match-lower-grid{grid-template-columns:1fr}}
@media(max-width:700px){.match-live-hero{padding:28px 21px}.match-live-hero h1{font-size:2.75rem}.match-proof-strip{grid-template-columns:1fr 1fr}.match-stage{gap:10px}.decision-spine{grid-template-columns:repeat(3,auto)}.match-why-grid,.crowd-radar-facts,.athlete-preferences-card{grid-template-columns:1fr 1fr}.match-story-rail{grid-template-columns:1fr}.composer-submit-row,.match-boundary{align-items:stretch;flex-direction:column}.composer-submit-row{display:grid}.match-room-actions{display:grid}.athlete-room-head{grid-template-columns:74px 1fr}.athlete-room-head img{width:74px;height:68px}}

/* V4.23 · Live Audience Arena */
.arena-wrap,.arena-control-wrap{display:grid;gap:18px;padding:24px 0 58px}.arena-live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(16,17,16,.35);color:#efff00;font-size:.62rem;font-weight:850;letter-spacing:.08em}.arena-live-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#efff00;box-shadow:0 0 0 4px rgba(16,17,16,.16)}
.arena-join-wrap{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch;padding:24px 0 58px}.arena-join-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:30px;align-items:end;min-height:520px;overflow:hidden;padding:44px;border-radius:30px;color:#fff;background:radial-gradient(circle at 88% 10%,rgba(16,17,16,.28),transparent 29%),radial-gradient(circle at 10% 90%,rgba(16,17,16,.26),transparent 38%),linear-gradient(145deg,#101110,#101110 57%,#5c6257)}.arena-join-hero h1,.arena-fan-hero h1,.arena-control-hero h1{max-width:890px;margin:15px 0 17px;font-size:clamp(2.75rem,5.8vw,5.8rem);line-height:.91;letter-spacing:-.06em}.arena-join-hero p,.arena-fan-hero p,.arena-control-hero p{max-width:760px;color:#f5f5f0;line-height:1.65}.arena-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.arena-proof-row span{padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(16,17,16,.32);color:#d9dbd2;font-size:.62rem}.arena-proof-row b{display:block;margin-bottom:4px;color:#fff;font-size:.75rem}.arena-join-card{display:grid;align-content:center;gap:13px;padding:34px;border:1px solid #d9dbd2;border-radius:30px;background:linear-gradient(145deg,#f5f5f0,#fff);box-shadow:0 22px 52px rgba(16,17,16,.1)}.arena-join-card h2{margin:5px 0}.arena-join-card>p{margin:0 0 7px;color:var(--muted);line-height:1.55}.arena-join-card label,.arena-qr-card label,.arena-controls-card label{display:grid;gap:6px;color:var(--muted);font-size:.66rem;font-weight:800}.arena-join-card input,.arena-qr-card input,.arena-controls-card select{width:100%;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:11px;padding:12px;background:#fff;color:var(--ink);font:inherit}.arena-join-card input[name=roomCode]{text-transform:uppercase;font:850 1rem var(--font-mono);letter-spacing:.08em}.arena-join-story{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:var(--line)}.arena-join-story article{display:grid;gap:3px;padding:10px;background:#fff;color:var(--muted);font-size:.58rem}.arena-join-story b{color:var(--teal-deep);font-size:.72rem}.arena-boundary{padding:12px 14px;border:1px solid #e4c783;border-left:4px solid #d89b22;border-radius:11px;background:#fff9e9;color:#6e5a2b;font-size:.62rem;line-height:1.5}
.arena-fan-hero,.arena-control-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:28px;align-items:end;overflow:hidden;padding:39px;border-radius:28px;color:#fff;background:radial-gradient(circle at 84% 8%,rgba(16,17,16,.28),transparent 30%),linear-gradient(135deg,#101110,#101110 58%,#5c6257)}.arena-fan-hero h1,.arena-control-hero h1{font-size:clamp(2.5rem,5vw,5.2rem)}.arena-score-card{display:grid;gap:8px;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(16,17,16,.45)}.arena-score-card>span{display:flex;justify-content:space-between;gap:12px;padding:9px;border-top:1px solid rgba(255,255,255,.12);color:#d9dbd2;font-size:.64rem}.arena-score-card>span:first-child{border-top:0}.arena-score-card b{color:#fff}.arena-proof-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--line)}.arena-proof-strip span{display:grid;gap:3px;padding:13px;background:#fff;color:var(--muted);font-size:.6rem}.arena-proof-strip b{color:var(--ink);font:850 1.25rem var(--font-mono)}.arena-proof-strip span:first-child{background:#f5f5f0}.arena-fan-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px;align-items:start}.arena-compose-card,.arena-pulse-card,.arena-stream,.arena-qr-card,.arena-controls-card,.arena-ledger,.arena-participants,.arena-timeline{padding:19px;border:1px solid var(--line);border-radius:18px;background:#fff}.arena-compose-card{display:grid;gap:11px;border-color:#d9dbd2;background:linear-gradient(145deg,#f5f5f0,#fff)}.arena-person-row{display:flex;align-items:center;gap:10px}.arena-person-row>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f5f5f0;color:var(--teal-deep);font-weight:900}.arena-person-row div,.arena-person-row b,.arena-person-row small{display:block}.arena-person-row b{font-size:.75rem}.arena-person-row small{margin-top:2px;color:var(--muted);font-size:.59rem}.arena-compose-card textarea{width:100%;box-sizing:border-box;min-height:118px;resize:vertical;border:1px solid var(--line-strong);border-radius:13px;padding:14px;background:#fff;color:var(--ink);font:650 .92rem/1.5 var(--font-sans)}.arena-preset-row{display:flex;flex-wrap:wrap;gap:6px}.arena-preset-row button{border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:#fff;color:var(--muted);font:700 .58rem var(--font-sans);cursor:pointer}.arena-preset-row button:hover{border-color:var(--ink);color:var(--teal-deep)}.arena-submit-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.arena-submit-row>span{color:var(--muted);font-size:.61rem}.arena-decision-empty{display:flex;gap:12px;align-items:center;min-height:59px;padding:14px;border:1px dashed var(--line-strong);border-radius:13px;color:var(--muted)}.arena-decision-empty>span{font-size:1.4rem;color:var(--teal)}.arena-decision-empty b,.arena-decision-empty small{display:block}.arena-decision-empty b{color:var(--ink);font-size:.7rem}.arena-decision-empty small{margin-top:3px;font-size:.59rem}.arena-decision{overflow:hidden;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:14px;background:#fff}.arena-decision.outcome-warning{border-left-color:#d99a19}.arena-decision.outcome-review{border-left-color:#7958bc}.arena-decision.outcome-block{border-left-color:var(--danger)}.arena-decision-head{display:flex;gap:10px;align-items:flex-start;padding:13px}.arena-decision-head>span{padding:5px 7px;border-radius:999px;background:var(--teal-tint);color:var(--teal-deep);font-size:.56rem;font-weight:850}.arena-decision-head b,.arena-decision-head small{display:block}.arena-decision-head b{font-size:.71rem}.arena-decision-head small{margin-top:4px;color:var(--muted);font-size:.58rem}.arena-why{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid var(--line);background:var(--line)}.arena-why span{display:grid;gap:3px;padding:9px;background:var(--soft)}.arena-why small{color:var(--muted);font-size:.51rem;text-transform:uppercase}.arena-why b{font-size:.6rem}.arena-rewrite{display:grid;gap:7px;padding:12px;border-top:1px solid #d9dbd2;background:#f5f5f0}.arena-rewrite>small{color:var(--teal-deep);font-weight:800}.arena-rewrite blockquote{margin:0;padding:9px;border-left:3px solid var(--teal);background:#fff;font-size:.68rem}.arena-rewrite button{justify-self:start}.arena-pulse-card{display:grid;gap:13px}.arena-pulse-card h2,.arena-stream h2,.arena-qr-card h2,.arena-controls-card h2,.arena-ledger h2,.arena-participants h2,.arena-timeline h2{margin:5px 0}.arena-pressure{height:10px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#f5f5f0,#f8e9b5,#f1b3ac)}.arena-pressure i{display:block;height:100%;border-radius:999px;background:#101110;transition:width .5s ease}.arena-pressure strong{color:var(--teal-deep);font:850 3rem var(--font-mono)}.arena-pressure span{color:var(--muted);font-size:.67rem;text-transform:capitalize}.arena-pulse-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.arena-pulse-facts span{display:grid;padding:10px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:.56rem}.arena-pulse-facts b{color:var(--ink);font-size:.69rem}.arena-offline-ready{display:flex;gap:9px;padding:10px;border-radius:10px;background:#f5f5f0;color:var(--teal-deep);font-size:.61rem;line-height:1.45}.arena-stream{display:grid;gap:12px}.arena-stream-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arena-stream-item{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.arena-stream-item>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--teal-deep);font-size:.6rem;font-weight:900}.arena-stream-item b,.arena-stream-item p,.arena-stream-item small{display:block}.arena-stream-item b{font-size:.61rem}.arena-stream-item p{margin:4px 0;font-size:.65rem;line-height:1.45}.arena-stream-item small{color:var(--muted);font-size:.53rem}
.arena-athlete-gate{display:grid;place-items:center;min-height:70vh;padding:28px}.arena-athlete-gate>section{display:grid;gap:12px;width:min(520px,100%);padding:34px;border:1px solid #d9dbd2;border-radius:25px;background:linear-gradient(145deg,#f5f5f0,#fff);box-shadow:0 22px 55px rgba(16,17,16,.11)}.arena-athlete-gate h1{margin:7px 0}.arena-athlete-gate p{margin:0;color:var(--muted);line-height:1.55}.arena-athlete-gate label{display:grid;gap:6px;color:var(--muted);font-size:.66rem;font-weight:800}.arena-athlete-gate input{border:1px solid var(--line-strong);border-radius:11px;padding:13px;text-transform:uppercase;font:850 1rem var(--font-mono);letter-spacing:.08em}.arena-athlete-screen{min-height:calc(100vh - 72px);padding:25px;border-radius:25px;color:#f5f5f0;background:radial-gradient(circle at 78% 5%,rgba(16,17,16,.18),transparent 28%),linear-gradient(145deg,#101110,#101110 55%,#101110)}.arena-athlete-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start;padding:18px}.arena-athlete-head h1{margin:10px 0 5px;font-size:clamp(2rem,4.5vw,4.4rem);letter-spacing:-.04em}.arena-athlete-head p{margin:0;color:#d9dbd2}.athlete-score{display:flex;gap:8px}.athlete-score span{display:grid;min-width:92px;padding:11px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(16,17,16,.36);color:#d9dbd2;font-size:.56rem}.athlete-score b{color:#fff;font:850 1.2rem var(--font-mono)}.athlete-screen-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.12)}.athlete-screen-proof span{display:grid;gap:3px;padding:12px;background:rgba(16,17,16,.72);color:#d9dbd2;font-size:.56rem}.athlete-screen-proof b{color:#fff;font-size:.7rem}.arena-athlete-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:14px;margin-top:14px}.athlete-live-inbox,.athlete-live-aside{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.96);color:var(--ink)}.athlete-live-inbox h2,.athlete-live-aside h2{margin:4px 0 13px}.athlete-live-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.athlete-live-list article{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.athlete-live-list article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--teal-tint);color:var(--teal-deep);font-size:.59rem;font-weight:850}.athlete-live-list b,.athlete-live-list p,.athlete-live-list small{display:block}.athlete-live-list b{font-size:.63rem}.athlete-live-list p{margin:4px 0;font-size:.69rem;line-height:1.45}.athlete-live-list small{color:var(--muted);font-size:.54rem}.athlete-live-empty{display:grid;place-items:center;min-height:210px;color:var(--muted);text-align:center}.athlete-live-aside{display:grid;align-content:start;gap:12px}.athlete-shield-orb{display:grid;place-items:center;width:150px;aspect-ratio:1;margin:6px auto;border:1px solid #d9dbd2;border-radius:50%;background:radial-gradient(circle,#f5f5f0 46%,#f5f5f0 47%,#f5f5f0 65%);color:var(--teal-deep);text-align:center}.athlete-shield-orb strong{display:block;font:850 2.7rem var(--font-mono)}.athlete-shield-orb small{font-size:.58rem}.athlete-live-aside p{color:var(--muted);font-size:.67rem;line-height:1.5}.arena-athlete-footer{display:flex;justify-content:space-between;gap:14px;padding:14px 18px;color:#d9dbd2;font-size:.58rem}
.arena-control-hero{background:radial-gradient(circle at 84% 8%,rgba(16,17,16,.25),transparent 28%),linear-gradient(135deg,#101110,#101110 58%,#101110)}.arena-control-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:14px}.arena-qr-card{display:grid;align-content:start;gap:10px}.arena-qr-card img{width:min(260px,100%);aspect-ratio:1;object-fit:contain;justify-self:center;padding:10px;border:1px solid var(--line);border-radius:15px;background:#fff}.arena-code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:11px;background:#101110;color:#d9dbd2}.arena-code strong{font:850 1.5rem var(--font-mono);letter-spacing:.12em;color:#fff}.arena-code span,.arena-code small{font-size:.59rem}.arena-control-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.arena-control-stats span{display:grid;padding:10px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:.56rem}.arena-control-stats b{color:var(--ink);font:850 1.15rem var(--font-mono)}.arena-controls-card{display:grid;align-content:start;grid-template-columns:repeat(2,1fr);gap:11px}.arena-controls-card>div{grid-column:1/-1}.arena-check{display:flex!important;grid-column:1/-1;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink)!important}.arena-check input{width:auto}.arena-control-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.arena-command-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.arena-ledger,.arena-participants,.arena-timeline{min-width:0}.arena-ledger-list,.arena-participant-list,.arena-timeline-list{display:grid;gap:7px;margin-top:12px}.arena-ledger article,.arena-participants article,.arena-timeline article{display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.arena-ledger article{grid-template-columns:auto 1fr}.arena-ledger article>span,.arena-participants article>span{padding:4px 6px;border-radius:999px;background:#fff;color:var(--teal-deep);font-size:.53rem;font-weight:850;align-self:start}.arena-ledger b,.arena-ledger p,.arena-ledger small,.arena-participants b,.arena-participants small,.arena-timeline b,.arena-timeline small{display:block}.arena-ledger b,.arena-participants b,.arena-timeline b{font-size:.63rem}.arena-ledger p{margin:3px 0;font-size:.64rem;line-height:1.4}.arena-ledger small,.arena-participants small,.arena-timeline small{color:var(--muted);font-size:.53rem}.arena-command-side{display:grid;gap:14px;align-content:start}
@media(max-width:1050px){.arena-join-wrap,.arena-join-hero,.arena-fan-hero,.arena-control-hero,.arena-fan-grid,.arena-control-grid,.arena-command-columns,.arena-athlete-main{grid-template-columns:1fr}.arena-join-hero{min-height:420px}.arena-proof-strip{grid-template-columns:repeat(3,1fr)}.arena-stream-list,.athlete-live-list{grid-template-columns:1fr 1fr}.arena-athlete-head{grid-template-columns:1fr}}
@media(max-width:700px){.arena-join-wrap{padding-top:12px}.arena-join-hero,.arena-fan-hero,.arena-control-hero{padding:28px 21px}.arena-join-hero h1,.arena-fan-hero h1,.arena-control-hero h1{font-size:2.9rem}.arena-join-card{padding:24px 20px}.arena-proof-row,.arena-join-story,.arena-proof-strip,.arena-stream-list,.athlete-live-list,.athlete-screen-proof,.arena-control-stats,.arena-controls-card{grid-template-columns:1fr 1fr}.arena-submit-row,.arena-athlete-head,.arena-athlete-footer{display:grid}.athlete-score{display:grid;grid-template-columns:1fr 1fr}.arena-athlete-screen{padding:12px}.arena-why{grid-template-columns:1fr}.arena-control-actions{display:grid}.arena-control-actions button,.arena-control-actions a{width:100%;box-sizing:border-box;text-align:center}}
.arena-join-card{color:var(--ink)}.arena-join-card>small{color:var(--muted)}
.arena-score-card>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;border-top:1px solid rgba(255,255,255,.12)}.arena-score-card b{font-size:.72rem}.arena-score-card strong{white-space:nowrap;font:850 .86rem var(--font-mono);color:#fff}.arena-score-card small{color:#d9dbd2;font-size:.6rem}
@media(max-width:460px){.arena-proof-row,.arena-join-story,.arena-proof-strip,.athlete-screen-proof,.arena-control-stats,.arena-controls-card{grid-template-columns:1fr}.arena-join-hero h1,.arena-fan-hero h1,.arena-control-hero h1{font-size:2.5rem}.athlete-score{grid-template-columns:1fr}}

/* V4.24 · Tournament Operations Mode */
.tournament-ops{display:grid;gap:22px;padding:24px 0 64px}.tournament-loading{display:grid;place-items:center;gap:8px;min-height:62vh;color:var(--muted);text-align:center}.tournament-loading span{width:42px;height:42px;border:4px solid #f5f5f0;border-top-color:var(--ink);border-radius:50%;animation:tour-spin 1s linear infinite}.tournament-loading b{color:var(--ink)}@keyframes tour-spin{to{transform:rotate(360deg)}}
.tournament-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:34px;align-items:end;overflow:hidden;padding:48px;border-radius:32px;color:#fff;background:radial-gradient(circle at 88% 2%,rgba(16,17,16,.25),transparent 31%),radial-gradient(circle at 3% 98%,rgba(16,17,16,.22),transparent 35%),linear-gradient(135deg,#101110,#101110 55%,#101110)}.tournament-status{display:inline-flex;align-items:center;gap:8px;color:#efff00;font:850 .63rem var(--font-mono);letter-spacing:.08em}.tournament-status i,.tour-live-key i{width:8px;height:8px;border-radius:50%;background:#efff00;box-shadow:0 0 0 5px rgba(16,17,16,.13)}.tournament-status span{margin-left:6px;padding:4px 7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff}.tournament-hero .eyebrow{display:block;margin-top:28px;color:#efff00}.tournament-hero h1{margin:9px 0 17px;font-size:clamp(3rem,6.5vw,6.7rem);line-height:.88;letter-spacing:-.065em}.tournament-hero h1 em{color:#efff00;font-style:normal}.tournament-hero p{max-width:760px;color:#d9dbd2;font-size:1.02rem;line-height:1.65}.tournament-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.tournament-hero .btn-ghost,.tournament-hero .btn-quiet{border-color:rgba(255,255,255,.23);color:#fff;background:rgba(255,255,255,.06)}.tournament-independent{display:block;margin-top:14px;color:#d9dbd2;font-size:.59rem}.tournament-command-card{display:grid;gap:12px;padding:22px;border:1px solid rgba(255,255,255,.17);border-radius:21px;background:rgba(16,17,16,.48);backdrop-filter:blur(8px)}.tournament-command-card>span{color:#efff00;font:850 .62rem var(--font-mono);letter-spacing:.1em}.tournament-command-card>b{font-size:1.15rem;line-height:1.25}.tournament-command-card>div{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:5px 10px;align-items:baseline;padding:15px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.tournament-command-card strong{font:850 1.85rem var(--font-mono);color:#efff00}.tournament-command-card small{color:#d9dbd2}.tournament-command-card footer{display:flex;gap:7px;align-items:center;color:#d9dbd2;font-size:.61rem}.tournament-command-card footer i{width:7px;height:7px;border-radius:50%;background:#efff00}.tournament-command-card footer em{margin-left:auto;color:#fff;font-style:normal}
.preflight-panel{overflow:hidden;border:1px solid #d9dbd2;border-radius:20px;background:#f5f5f0}.preflight-panel header{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;background:linear-gradient(120deg,#f5f5f0,#fff)}.preflight-panel h2{margin:4px 0 0}.preflight-panel header strong{font:900 2rem var(--font-mono);color:var(--teal-deep)}.preflight-panel>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#f5f5f0;border-top:1px solid #f5f5f0}.preflight-panel>div>span{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;padding:13px;background:#fff}.preflight-panel>div i{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f5f5f0;color:var(--teal-deep);font-style:normal;font-weight:900}.preflight-panel>div b{font-size:.65rem}.preflight-panel>div small{color:var(--muted);font-size:.54rem}.preflight-panel .check-warning i{background:#fff4d8;color:#9b7118}.preflight-panel .check-not_configured i{background:#eef0f1;color:#5c6257}.preflight-panel footer{padding:11px 18px;color:#5c6257;font-size:.59rem}
.tour-story{display:grid;gap:9px;padding:18px 22px;border:1px solid var(--line);border-radius:17px;background:#fff}.tour-story>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.tour-story b{display:flex;align-items:center;gap:8px;font-size:.65rem}.tour-story b i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--teal-tint);color:var(--teal-deep);font:850 .59rem var(--font-mono)}.tour-story em{color:var(--ink);font-style:normal}.tour-story small{color:var(--muted);text-align:center;font-size:.57rem}.tour-section{padding:27px;border:1px solid var(--line);border-radius:23px;background:#fff}.tour-section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}.tour-section-head h2{margin:5px 0 6px;font-size:clamp(1.55rem,3vw,2.35rem)}.tour-section-head p{max-width:740px;margin:0;color:var(--muted);line-height:1.55}.tour-live-key{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:8px 11px;border-radius:999px;background:#f5f5f0;color:var(--teal-deep);font-size:.61rem;font-weight:800}.court-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.court-card{position:relative;display:grid;gap:12px;overflow:hidden;padding:18px;border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbfb)}.court-signal_blue{border-top-color:#efff00}.court-warning_amber{border-top-color:#d79a23}.court-violet{border-top-color:#8265c8}.court-card>header{display:flex;justify-content:space-between;align-items:center}.court-card>header span{display:flex;align-items:center;gap:7px;font-size:.68rem;font-weight:850}.court-card>header span i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(16,17,16,.11)}.court-card>header em{padding:5px 8px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.54rem;font-style:normal;font-weight:800}.court-score>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.court-score>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f5f5f0;color:var(--teal-deep);font-weight:900}.court-score strong{font:900 1.2rem var(--font-mono)}.court-score small{display:block;margin:6px 0 0 52px;color:var(--muted);font-size:.57rem}.court-shield{display:flex;gap:7px}.court-shield span{flex:1;display:grid;padding:9px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:.53rem}.court-shield b{color:var(--ink);font-size:.65rem}.court-meter{height:8px;overflow:hidden;border-radius:999px;background:#f5f5f0}.court-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--teal) 0 var(--safe),#e3a22d var(--safe) calc(var(--safe) + var(--held)),#f5f5f0 0)}.court-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.court-stats span{display:grid;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:.5rem}.court-stats b{color:var(--ink);font:850 .8rem var(--font-mono)}.court-code{display:grid;grid-template-columns:auto 1fr 65px;gap:9px;align-items:center;padding:9px;border-radius:11px;background:#101110;color:#fff}.court-code small{color:#d9dbd2;font-size:.49rem}.court-code b{font:900 1.05rem var(--font-mono);letter-spacing:.08em}.court-code img{width:56px;height:56px;object-fit:contain;border-radius:6px;background:#fff}.court-card>footer{display:flex;gap:6px;flex-wrap:wrap}
.tour-comparison{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:30px;align-items:center;padding:32px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#101110,#101110)}.comparison-copy h2{margin:6px 0 10px;font-size:clamp(1.8rem,3.3vw,3rem)}.comparison-copy p{color:#d9dbd2;line-height:1.6}.comparison-legend{display:flex;gap:15px;margin-top:16px;color:#d9dbd2;font-size:.58rem}.comparison-legend span{display:flex;gap:7px;align-items:center}.comparison-legend i{width:20px;height:5px;border-radius:999px}.comparison-legend .unsafe{background:#df6a75}.comparison-legend .safe{background:#efff00}.exposure-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exposure-columns article{display:grid;gap:6px;padding:19px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.05)}.exposure-columns article>span{font:850 .6rem var(--font-mono);letter-spacing:.08em}.exposure-columns strong{font:900 3rem var(--font-mono)}.exposure-columns b{min-height:33px;font-size:.66rem}.exposure-columns div{height:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.exposure-columns div:before{content:"";display:block;width:var(--fill);height:100%;border-radius:999px;background:#df6a75}.exposure-on div:before{background:#efff00}.exposure-off strong{color:#ee8992}.exposure-on strong{color:#efff00}.exposure-columns small{color:#d9dbd2;font-size:.53rem}
.incident-count{display:flex;align-items:baseline;gap:6px;white-space:nowrap;padding:10px 13px;border-radius:12px;background:#fff2f3;color:#8d2935;font-size:.63rem;font-weight:800}.incident-count strong{font:900 1.4rem var(--font-mono)}.incident-count span{margin-left:7px;color:var(--muted)}.incident-desk{display:grid;gap:9px}.incident-card{display:grid;grid-template-columns:66px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.incident-rail{display:grid;place-items:center;align-content:center;gap:10px;background:#fff5e2;color:#9b7018}.incident-rail span{font-size:.49rem;font-weight:900;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.incident-rail i{width:8px;height:8px;border-radius:50%;background:#d99a19}.severity-critical .incident-rail{background:#fff0f1;color:#9b2431}.severity-critical .incident-rail i{background:var(--danger)}.incident-main{display:grid;gap:8px;padding:13px}.incident-main>header{display:flex;justify-content:space-between;gap:12px}.incident-main>header small,.incident-main>header b{display:block}.incident-main>header small{color:var(--muted);font-size:.53rem}.incident-main>header b{margin-top:3px;font:850 .69rem var(--font-mono)}.incident-main>header>span{padding:5px 8px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.53rem;font-weight:800}.incident-main>p{margin:0;color:var(--muted);font-size:.57rem}.incident-main form{display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:7px}.incident-main input,.continuity-grid select{min-width:0;border:1px solid var(--line-strong);border-radius:9px;padding:9px;background:#fff;color:var(--ink);font:inherit}.incident-main form>div{display:flex;gap:5px;flex-wrap:wrap}.btn-danger{background:#a82e3c!important;color:#fff!important;border-color:#a82e3c!important}.tour-empty{display:grid;place-items:center;min-height:180px;padding:25px;border:1px dashed var(--line-strong);border-radius:14px;color:var(--muted);text-align:center}.tour-empty b{color:var(--ink)}
.continuity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.continuity-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.continuity-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#101110;color:#efff00;font-weight:900}.continuity-grid article>div span,.continuity-grid article>div b,.continuity-grid article>div small{display:block}.continuity-grid article>div span{color:var(--teal-deep);font-size:.49rem;font-weight:900}.continuity-grid article>div b{font-size:.68rem}.continuity-grid article>div small{margin-top:3px;color:var(--muted);font-size:.52rem}.continuity-grid form{display:flex;gap:5px}.continuity-grid select{padding:7px;font-size:.61rem}.tour-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tour-report-panel,.tour-route-panel{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.tour-report-panel h2,.tour-route-panel h2{margin:6px 0 11px}.tour-report-panel>p,.tour-route-panel>p{color:var(--muted);line-height:1.55}.report-placeholder{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;margin-top:17px}.report-placeholder span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--teal-tint);color:var(--teal-deep);font:850 .55rem var(--font-mono)}.report-placeholder b{align-self:center;font-size:.65rem}.tour-route-panel article{display:grid;gap:5px;padding:11px 0;border-top:1px solid var(--line)}.tour-route-panel article>div{display:flex;justify-content:space-between;gap:10px}.tour-route-panel article b{font-size:.65rem}.tour-route-panel article span{color:#9b7118;font-size:.54rem;font-weight:800}.tour-route-panel article small{color:var(--muted);font-size:.55rem}.report-summary>div{display:grid;grid-template-columns:repeat(4,auto 1fr);gap:6px;align-items:baseline;padding:13px;border-radius:11px;background:var(--soft)}.report-summary strong{font:900 1.2rem var(--font-mono);color:var(--teal-deep)}.report-summary span{color:var(--muted);font-size:.51rem}.report-summary section{padding-top:13px}.report-summary section p{color:var(--muted);font-size:.63rem}.report-summary section small{color:var(--teal-deep);font-size:.56rem}.tournament-boundary{display:flex;gap:17px;padding:17px 20px;border:1px solid #e5c982;border-left:5px solid #d99a19;border-radius:15px;background:#fff9e9;color:#69552b;font-size:.61rem;line-height:1.55}.tournament-boundary b{white-space:nowrap;color:#8e6815}
@media(max-width:1100px){.tournament-hero,.tour-comparison{grid-template-columns:1fr}.court-grid,.tour-bottom-grid{grid-template-columns:1fr}.preflight-panel>div{grid-template-columns:repeat(2,1fr)}.tour-story>span{display:grid;grid-template-columns:1fr 1fr}.tour-story em{display:none}}
@media(max-width:760px){.tournament-hero{padding:31px 22px}.tournament-hero h1{font-size:3.3rem}.tour-section,.tour-comparison{padding:20px}.tour-section-head{display:grid}.court-grid,.continuity-grid,.exposure-columns,.preflight-panel>div{grid-template-columns:1fr}.incident-card{grid-template-columns:48px 1fr}.incident-main form{grid-template-columns:1fr}.continuity-grid article{grid-template-columns:auto 1fr}.continuity-grid form{grid-column:1/-1}.tour-story>span{grid-template-columns:1fr}.tournament-boundary{display:grid}.tournament-boundary b{white-space:normal}.court-card>footer{display:grid}.court-card>footer>*{width:100%;box-sizing:border-box;text-align:center}.report-summary>div{grid-template-columns:auto 1fr auto 1fr}}

/* Investor-room theme, 2026-10-22. Legacy teal names remain compatibility aliases. */
:root {
  color-scheme: light;
  --ink:#101110; --ink-soft:#2b2d28; --bg:#fff;
  --paper:#f5f5f0; --paper-2:#eeeee6; --line:#d9dbd2; --line-strong:#acb1a3;
  --muted:#5c6257; --muted-2:#666c60;
  --yellow:#efff00; --teal:var(--yellow); --teal-deep:var(--ink);
  --teal-tint:#f5f8d8; --teal-line:#c9d36b; --teal-dark:var(--ink);
  --card:#fff; --soft:var(--paper);
}
body { background:var(--paper); }
.topbar { background:var(--ink); color:#fff; border-bottom:3px solid var(--yellow); }
.topbar .brand, .topbar .brand .k { color:#fff; }
.topbar .brand .dot { color:var(--yellow); }
.topbar .brand .world, .topbar .nav a, .topbar .muted { color:#d9dbd2; }
.topbar .nav a:hover { background:#30332b; color:#fff; }
.topbar .nav a.active, .topbar .nav a.active:hover { background:var(--yellow); color:var(--ink); }
.btn-teal, .btn-teal:hover, .closing .btn-teal { background:var(--yellow); color:var(--ink); border-color:var(--ink); }
.btn-teal:hover { background:#dce900; }
.btn-primary { background:var(--ink); color:#fff; }
.btn-primary:hover { background:#30332b; }
.vstep.done .num { color:var(--ink); }
.hero h1 .accent { background:var(--yellow); color:var(--ink); padding:0 .08em; box-decoration-break:clone; }
.tour-story em { color:var(--ink); }
.court-signal_blue, .court-warning_amber, .court-violet { border-top-color:var(--yellow); }
input, select, textarea { accent-color:var(--ink); }
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
 outline:3px solid #667100; outline-offset:3px; box-shadow:0 0 0 2px #fff;
}
.topbar :is(a,button,select):focus-visible { outline-color:var(--yellow); box-shadow:0 0 0 2px var(--ink); }
::selection { background:var(--yellow); color:var(--ink); }

/* Keep verification marks and small foreground signals readable on white. */
svg path[stroke="#fff"] { stroke:var(--ink); }
.hero-fine .dotk { background:var(--ink); }
:is(.sign-in-card,.signin-card) { background:#fff; }

.auth-card { background:#fff; border-color:var(--line); }
.topbar .btn-quiet { color:#d9dbd2; }
.topbar .btn-quiet:hover { color:#fff; background:#30332b; }