:root {
      color-scheme: dark;
      --bg: #0d1117;
      --surface: #151b23;
      --surface-2: #1c2430;
      --surface-3: #101720;
      --line: #2d3745;
      --line-strong: #465467;
      --text: #edf2f7;
      --muted: #9ba8b7;
      --accent: #2f7cf6;
      --violet: #7c5cff;
      --cyan: #26b7d8;
      --green: #1f9d83;
      --yellow: #d2a743;
      --red: #c96363;
      --blue-soft: rgba(47, 124, 246, .16);
      --shadow: 0 20px 46px rgba(0, 0, 0, .36);
      --glow: 0 0 0 1px rgba(47, 124, 246, .22), 0 18px 44px rgba(47, 124, 246, .12);
      --radius: 8px;
      --gap: 12px;
      --shell-bg: #071018;
      --shell-bg-2: #0c1722;
      --panel-bg: rgba(13, 24, 36, .88);
      --panel-border: rgba(212, 154, 55, .28);
      --accent-primary: #d49a37;
      --accent-secondary: #20c7b6;
      --accent-gold: #d49335;
      --accent-gold-bright: #f0b85b;
      --accent-teal: #2ec7b8;
      --accent-blue: #4b8dd8;
      --accent-purple: #8f6ee8;
      --text-main: #f4efe4;
      --text-soft: #c7cdda;
      --text-muted: #9aa7b5;
      --text-faint: #5f6978;
      --status-success: #4fc779;
      --status-warning: #d49a37;
      --status-danger: #d66565;
      --locked: #616a75;
      --card-bg: rgba(12, 25, 38, .86);
      --card-bg-hover: rgba(18, 36, 53, .94);
      --border-soft: rgba(205, 143, 52, .18);
      --border-mid: rgba(205, 143, 52, .32);
      --border-strong: rgba(224, 162, 67, .58);
      --glow-primary: rgba(212, 154, 55, .35);
      --glow-gold: rgba(212, 147, 53, .32);
      --glow-teal: rgba(46, 199, 184, .22);
      --shadow-panel: 0 18px 60px rgba(0, 0, 0, .42);
      --radius-shell: 16px;
      --radius-panel: 12px;
      --radius-card: 10px;
      --transition-fast: 120ms ease;
      --transition-shell: 180ms ease;
      --transition-launch: 150ms ease-out;
      --jinger-bg-0: #05070b;
      --jinger-bg-1: #0b1118;
      --jinger-bg-2: #101923;
      --jinger-bg-void: var(--jinger-bg-0);
      --jinger-bg-panel: rgba(13, 24, 36, .88);
      --jinger-bg-card: rgba(12, 25, 38, .86);
      --jinger-bg-elevated: rgba(18, 36, 53, .94);
      --jinger-border-soft: rgba(205, 143, 52, .18);
      --jinger-border-strong: rgba(224, 162, 67, .58);
      --jinger-text-primary: #f4f7fb;
      --jinger-text-secondary: #c7cdda;
      --jinger-text-muted: #9aa8b8;
      --jinger-gold: #d8af5a;
      --jinger-gold-bright: #ffd978;
      --jinger-gold-soft: rgba(216, 175, 90, .16);
      --jinger-gold-glow: rgba(216, 175, 90, .28);
      --jinger-teal: #36d6c8;
      --jinger-teal-soft: rgba(54, 214, 200, .16);
      --jinger-heart-warmth: #f06f64;
      --jinger-leaf-green: #58c777;
      --jinger-green: #54d67a;
      --jinger-blue: #4c8dff;
      --jinger-purple: #a56bff;
      --jinger-red: #ff5b6e;
      --jinger-orange: #ff9f43;
      --jinger-text: #f4f7fb;
      --jinger-muted: #9aa8b8;
      --jinger-faint: #5e6b7a;
      --glass-bg: rgba(12, 18, 28, .72);
      --glass-border: rgba(255, 255, 255, .10);
      --glass-highlight: rgba(255, 255, 255, .18);
      --mainframe-accent: var(--jinger-gold-bright);
      --official-accent: #fff1bd;
      --warning-accent: var(--jinger-orange);
      --success-accent: var(--jinger-green);
      --status-built: var(--jinger-green);
      --status-partial: var(--jinger-orange);
      --status-prototype: var(--jinger-blue);
      --status-draft: #9fb0c4;
      --status-ready: var(--jinger-teal);
      --status-staged: var(--jinger-gold-bright);
      --status-submitted: var(--jinger-blue);
      --status-accepted: var(--jinger-leaf-green);
      --status-returned: var(--jinger-orange);
      --status-rejected: var(--jinger-red);
      --status-archived: #b8c2d1;
      --status-voided: #7f8a98;
      --status-superseded: var(--jinger-purple);
      --status-blocked: var(--jinger-red);
      --authority-founder: var(--jinger-gold-bright);
      --authority-admin: var(--jinger-blue);
      --authority-director: #f3dfad;
      --authority-field: var(--jinger-leaf-green);
      --authority-mainframe: var(--jinger-gold-bright);
      --authority-protected-mirror: var(--official-accent);
      --focus-ring: #8ee8df;
      --success: var(--status-success);
      --shadow-soft: 0 18px 60px rgba(0, 0, 0, .35);
      --shadow-gold: 0 0 35px rgba(216, 175, 90, .20);
      --shadow-teal: 0 0 35px rgba(54, 214, 200, .18);
      --radius-sm: 8px;
      --radius-md: 12px;
      --radius-lg: 16px;
      --radius-xl: 24px;
      --motion-fast: 140ms ease;
      --motion-med: 260ms ease;
      --motion-slow: 520ms ease;
      --role-accent: var(--jinger-gold);
      --role-glow: rgba(216, 175, 90, .28);
      --room-accent: var(--jinger-gold);
      --room-accent-soft: rgba(216, 175, 90, .16);
      --room-glow: rgba(216, 175, 90, .10);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * { box-sizing: border-box; }
    html, body { height: 100%; }
    body {
      margin: 0;
      overflow: hidden;
      background:
        radial-gradient(circle at 20% 0%, rgba(54, 214, 200, .10), transparent 34%),
        radial-gradient(circle at 80% 10%, rgba(216, 175, 90, .10), transparent 32%),
        linear-gradient(135deg, var(--jinger-bg-0) 0%, #07131f 48%, #050a11 100%);
      color: var(--text-main);
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .07;
      background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
      background-size: 32px 32px;
    }
    body::after {
      content: "";
      position: fixed;
      inset: 56px 0 0;
      pointer-events: none;
      opacity: .18;
      transition: opacity var(--transition-launch), background var(--transition-launch);
      background: radial-gradient(circle at 50% 28%, var(--room-glow, rgba(212,147,53,.08)), transparent 38%);
      mix-blend-mode: screen;
    }
    body[data-role="FOUNDER_OPERATOR"] { --role-accent: var(--jinger-gold); --role-glow: rgba(216,175,90,.28); }
    body[data-role="DEMO_FOUNDER"] { --role-accent: var(--jinger-teal); --role-glow: rgba(54,214,200,.24); }
    body[data-role="ADMIN"] { --role-accent: var(--jinger-blue); --role-glow: rgba(76,141,255,.24); }
    body[data-role="BOARD_DIRECTOR"],
    body[data-role="BOARD_OFFICER"],
    body[data-role="BOARD_SECRETARY"] { --role-accent: #f3dfad; --role-glow: rgba(243,223,173,.22); }
    body[data-role="FIELD_OPERATIVE"] { --role-accent: var(--jinger-green); --role-glow: rgba(84,214,122,.24); }
    body[data-shell-room="command"] { --room-accent: var(--jinger-gold); --room-accent-soft: rgba(216,175,90,.15); --room-glow: rgba(216,175,90,.12); }
    body[data-shell-room="mission"] { --room-accent: var(--jinger-teal); --room-accent-soft: rgba(54,214,200,.15); --room-glow: rgba(54,214,200,.13); }
    body[data-shell-room="governance"] { --room-accent: var(--jinger-gold-bright); --room-accent-soft: rgba(255,217,120,.16); --room-glow: rgba(212,147,53,.16); }
    body[data-shell-room="documents"] { --room-accent: var(--jinger-orange); --room-accent-soft: rgba(255,159,67,.13); --room-glow: rgba(255,159,67,.10); }
    body[data-shell-room="field"] { --room-accent: var(--jinger-green); --room-accent-soft: rgba(84,214,122,.14); --room-glow: rgba(46,199,184,.15); }
    body[data-shell-room="signal"] { --room-accent: var(--jinger-teal); --room-accent-soft: rgba(54,214,200,.14); --room-glow: rgba(54,214,200,.13); }
    body[data-shell-room="records"] { --room-accent: var(--official-accent); --room-accent-soft: rgba(255,241,189,.12); --room-glow: rgba(75,141,216,.14); }
    body[data-shell-room="intelligence"] { --room-accent: var(--jinger-purple); --room-accent-soft: rgba(165,107,255,.15); --room-glow: rgba(143,110,232,.15); }
    body[data-shell-room="system"] { --room-accent: var(--jinger-blue); --room-accent-soft: rgba(76,141,255,.13); --room-glow: rgba(240,184,91,.13); }