/* patch-dashboard-shell-split-1 — extracted from public/index.html */
    :root {
      color-scheme: dark;
      --bg: #0b1020;
      --panel: #12182a;
      --panel-2: #172039;
      --line: #2b3a5f;
      --text: #f3f7ff;
      --muted: #aab9d6;
      --gold: #d7b96a;
      --green: #65d6b2;
      --red: #f08aa2;
      --blue: #8ed5ff;
      --violet: #b79cff;
      --violet-2: #7c67ff;
      --soft: #dceaff;
      --card: var(--panel);
      --card-elevated: var(--panel-2);
      --card-border: var(--line);
      --accent: var(--green);
      --radius-card: 10px;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      background:
        radial-gradient(circle at top left, rgba(183, 156, 255, .18), transparent 34rem),
        radial-gradient(circle at top right, rgba(142, 213, 255, .14), transparent 30rem),
        var(--bg);
      color: var(--text);
      font: 14px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    button, input, textarea, select {
      font: inherit;
    }
    button {
      border: 1px solid var(--line);
      background: #1a2440;
      color: var(--text);
      border-radius: 7px;
      padding: 8px 10px;
      cursor: pointer;
    }
    button:hover { border-color: var(--gold); }
    .button-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--line);
      background: #1a2440;
      color: var(--text);
      border-radius: 7px;
      padding: 8px 10px;
      text-decoration: none;
      min-height: 38px;
      white-space: nowrap;
    }
    .button-link:hover { border-color: var(--gold); }
    input, textarea, select {
      width: 100%;
      border: 1px solid var(--line);
      background: #0f1730;
      color: var(--text);
      border-radius: 7px;
      padding: 8px 10px;
    }
    textarea { min-height: 76px; resize: vertical; }
    header {
      position: sticky;
      top: 0;
      z-index: 2;
      background: rgba(11, 16, 32, 0.94);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(12px);
    }
    .header-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 10px;
      padding: 8px 0;
    }
    body.progressive-experience header .header-toolbar,
    body.simple-experience header .header-toolbar {
      padding: 2px 0;
      gap: 4px 6px;
      min-height: 34px;
    }
    body.progressive-experience .header-brand h1,
    body.simple-experience .header-brand h1 {
      font-size: 13px;
      letter-spacing: 0.02em;
    }
    body.progressive-experience .template-switch-row select,
    body.simple-experience .template-switch-row select,
    body.progressive-experience #template-apply-btn,
    body.simple-experience #template-apply-btn {
      min-height: 28px;
      padding: 3px 8px;
      font-size: 12px;
    }
    body.progressive-experience .header-status-peek.boot-loading,
    body.simple-experience .header-status-peek.boot-loading {
      color: var(--gold);
    }
    body.progressive-experience .header-banners,
    body.simple-experience .header-banners {
      padding-bottom: 2px;
      gap: 4px;
    }
    body.progressive-experience .header-banner.callout,
    body.simple-experience .header-banner.callout {
      padding: 5px 8px;
      font-size: 11px;
    }
    body.progressive-experience .header-banner.callout p,
    body.simple-experience .header-banner.callout p {
      margin: 2px 0 0;
      font-size: 10px;
    }
    body.progressive-experience.forecast-workstation .header-more-wrap #experience-toggle-moved,
    body.simple-experience.forecast-workstation .header-util > #experience-toggle {
      display: none;
    }
    .header-status-peek {
      display: none;
      flex: 1 1 120px;
      min-width: 0;
      font-size: 11px;
      color: var(--muted);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    body.progressive-experience .header-status-peek,
    body.simple-experience .header-status-peek { display: block; }
    .header-more-wrap { position: relative; }
    .header-more-toggle {
      padding: 4px 9px;
      font-size: 12px;
      min-height: 30px;
    }
    .header-util-menu {
      display: none;
      position: absolute;
      right: 0;
      top: calc(100% + 4px);
      z-index: 5;
      min-width: 168px;
      padding: 6px;
      border: 1px solid var(--line);
      background: #12182a;
      border-radius: 8px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
      flex-direction: column;
      gap: 4px;
    }
    .header-util-menu.open { display: flex; }
    .header-util-menu .button-link,
    .header-util-menu button {
      width: 100%;
      justify-content: flex-start;
      min-height: 32px;
      font-size: 12px;
    }
    .header-brand {
      flex: 0 0 auto;
      min-width: 0;
    }
    .header-brand h1 {
      font-size: 16px;
      line-height: 1.2;
      white-space: nowrap;
    }
    .header-primary {
      display: flex;
      flex: 1 1 180px;
      gap: 8px;
      align-items: center;
      min-width: 0;
    }
    .template-switch-row {
      display: flex;
      flex: 1 1 180px;
      gap: 6px;
      align-items: center;
      min-width: 0;
      max-width: 280px;
    }
    .template-switch-row select {
      flex: 1 1 120px;
      min-width: 0;
      min-height: 34px;
      padding: 5px 8px;
      font-size: 13px;
    }
    #template-apply-btn {
      flex: 0 0 auto;
      min-height: 34px;
      padding: 5px 10px;
      font-size: 12px;
    }
    #template-apply-btn:disabled {
      opacity: 0.45;
      cursor: not-allowed;
    }
    #template-apply-btn.pending {
      border-color: var(--gold);
      color: var(--gold);
    }
    .header-primary select {
      flex: 1 1 120px;
      max-width: 200px;
      min-height: 34px;
      padding: 5px 8px;
      font-size: 13px;
    }
    .developer-locked,
    button.developer-locked,
    .category-btn.developer-locked,
    .view-pill.developer-locked,
    .view-tab.developer-locked,
    .sub-tab.developer-locked {
      opacity: 0.42;
      cursor: not-allowed;
      filter: grayscale(0.35);
    }
    select.developer-locked {
      opacity: 0.45;
      cursor: not-allowed;
    }
    body:not(.developer-mode) .detail-only.developer-gated {
      opacity: 0.42;
      cursor: not-allowed;
      filter: grayscale(0.35);
    }
    #mode-select {
      flex: 0 1 130px;
      max-width: 150px;
    }
    .header-util {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
      margin-left: auto;
    }
    .header-util .button-link,
    .header-util button {
      padding: 5px 9px;
      font-size: 12px;
      min-height: 34px;
      width: auto;
    }
    .header-banners {
      display: grid;
      gap: 6px;
      padding-bottom: 6px;
    }
    .header-banners:empty,
    .header-banners:not(:has(.callout[style*="display: block"])) {
      padding-bottom: 0;
    }
    .header-banner.callout {
      margin: 0;
      padding: 7px 10px;
      font-size: 12px;
    }
    #developer-access-toggle.active {
      border-color: rgba(80, 200, 120, 0.65);
      color: #8fe8b0;
      background: rgba(32, 72, 48, 0.55);
    }
    .developer-access-panel {
      border: 1px solid rgba(183, 156, 255, .38);
      background: #111934;
      border-radius: 8px;
      padding: 10px 12px;
      font-size: 12px;
    }
    .developer-access-panel.is-active {
      border-color: rgba(80, 200, 120, 0.45);
      background: #10241a;
    }
    .developer-access-head {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      justify-content: space-between;
    }
    .developer-access-form {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      margin-top: 8px;
    }
    .developer-access-form input {
      flex: 1 1 220px;
      min-height: 34px;
      padding: 6px 10px;
      border-radius: 7px;
      border: 1px solid var(--line);
      background: #0b1020;
      color: var(--text);
    }
    .header-bar {
      display: grid;
      gap: 10px;
      align-items: center;
    }
    .header-chrome-toggle,
    .loop-panel-toggle {
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 7px;
      padding: 6px 10px;
      font-size: 12px;
      cursor: pointer;
      white-space: nowrap;
    }
    .header-chrome-toggle:hover,
    .loop-panel-toggle:hover { border-color: var(--gold); color: var(--text); }
    .activity-strip-wrap.collapsed { display: none; }
    .loop-panel-compact.collapsed #loop-telemetry { display: none; }
    .loop-panel-head {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 8px;
    }
    .loop-panel-head h2 { margin: 0; }
    @media (min-width: 981px) {
      header.header-compact .wrap { padding: 0 20px; }
      header .wrap.header-toolbar { padding: 8px 0; }
      .activity-strip.activity-strip-compact {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 6px;
        max-height: 68px;
        padding-bottom: 2px;
      }
      .activity-strip.activity-strip-compact .activity-card {
        flex: 0 0 132px;
        padding: 6px 8px;
        font-size: 11px;
      }
      .section-nav-card.compact-chrome {
        padding: 10px 14px;
      }
      .section-nav-card.compact-chrome > h2 {
        margin-bottom: 4px;
        font-size: 14px;
      }
      .section-nav-card.compact-chrome > p { display: none; }
      .loop-panel-compact { padding-top: 10px; padding-bottom: 10px; }
    }
    .wrap { max-width: 1440px; margin: 0 auto; padding: 16px 20px; }
    main.wrap { padding-top: 12px; }
    .top {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
      align-items: stretch;
    }
    h1 { margin: 0; font-size: 28px; letter-spacing: 0; }
    h2 { margin: 0 0 10px; font-size: 16px; letter-spacing: 0; }
    h3 { margin: 0 0 8px; font-size: 13px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; }
    p { margin: 0 0 10px; color: var(--muted); }
    .grid {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 14px;
      align-items: start;
    }
    .card {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 14px;
      min-width: 0;
    }
    .span-12 { grid-column: span 12; }
    .span-8 { grid-column: span 8; }
    .span-6 { grid-column: span 6; }
    .span-4 { grid-column: span 4; }
    .span-3 { grid-column: span 3; }
    .pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      border: 1px solid var(--line);
      background: #101831;
      border-radius: 999px;
      padding: 4px 8px;
      color: var(--muted);
      margin: 2px 4px 2px 0;
      font-size: 12px;
      white-space: nowrap;
    }
    .pill.green { color: var(--green); border-color: rgba(53, 196, 134, .35); }
    .pill.red { color: var(--red); border-color: rgba(239, 98, 98, .35); }
    .pill.gold { color: var(--gold); border-color: rgba(230, 184, 74, .35); }
    .pill.blue { color: var(--blue); border-color: rgba(103, 183, 255, .35); }
    .mode-lane-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }
    .mode-lane-tabs .mode-btn {
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 999px;
      padding: 5px 10px;
      font-size: 11px;
      cursor: pointer;
      transition: border-color .15s, color .15s, box-shadow .15s;
    }
    .mode-lane-tabs .mode-btn.active {
      color: var(--text);
      border-color: var(--gold);
      box-shadow: 0 0 0 1px rgba(215, 185, 106, .25);
    }
    .mode-lane-tabs .mode-btn[data-mode="explore"].active { border-color: var(--green); box-shadow: 0 0 0 1px rgba(101, 214, 178, .28); }
    .mode-lane-tabs .mode-btn[data-mode="publish"].active { border-color: var(--red); }
    .cockpit-lane-card {
      background: linear-gradient(180deg, rgba(23, 32, 57, .95), rgba(18, 24, 42, .98));
      border-color: rgba(183, 156, 255, .22);
    }
    .cockpit-grid {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 12px;
      align-items: start;
    }
    .cockpit-progress {
      grid-column: span 6;
      min-width: 0;
    }
    .engine-pulse-card {
      padding: 10px 12px;
      background: linear-gradient(135deg, rgba(12, 20, 40, .98) 0%, rgba(18, 28, 52, .98) 45%, rgba(12, 20, 40, .98) 100%);
      border-color: rgba(103, 183, 255, .28);
      box-shadow: 0 0 28px rgba(56, 120, 200, .1), inset 0 1px 0 rgba(255, 255, 255, .04);
    }
    .engine-pulse-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-bottom: 8px;
    }
    .engine-pulse-head h2 {
      margin: 0;
      font-size: 12px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--soft);
    }
    .engine-pulse-strip {
      display: grid;
      grid-template-columns: 32px 1fr 32px;
      gap: 8px;
      align-items: stretch;
    }
    .engine-pulse-nav {
      border: 1px solid var(--line);
      background: #0f1729;
      color: var(--blue);
      border-radius: 8px;
      cursor: pointer;
      font-size: 18px;
      line-height: 1;
      padding: 0;
      min-height: 72px;
      transition: border-color .15s, background .15s, transform .1s;
    }
    .engine-pulse-nav:hover {
      border-color: var(--gold);
      background: #141f38;
    }
    .engine-pulse-nav:active { transform: scale(0.97); }
    .engine-pulse-stage {
      border: 1px solid rgba(142, 213, 255, .18);
      border-radius: 10px;
      padding: 10px 12px;
      min-height: 72px;
      display: grid;
      grid-template-columns: 52px 1fr;
      gap: 12px;
      align-items: center;
      background: rgba(8, 14, 28, .65);
      cursor: pointer;
      transition: border-color .2s, box-shadow .2s;
    }
    .engine-pulse-stage:hover {
      border-color: rgba(215, 185, 106, .35);
      box-shadow: 0 0 16px rgba(215, 185, 106, .08);
    }
    .engine-pulse-icon {
      width: 52px;
      height: 52px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      border: 1px solid var(--line);
    }
    .engine-pulse-icon.tone-green { color: var(--green); border-color: rgba(53, 196, 134, .4); background: rgba(53, 196, 134, .08); }
    .engine-pulse-icon.tone-gold { color: var(--gold); border-color: rgba(230, 184, 74, .4); background: rgba(230, 184, 74, .08); }
    .engine-pulse-icon.tone-blue { color: var(--blue); border-color: rgba(103, 183, 255, .4); background: rgba(103, 183, 255, .08); }
    .engine-pulse-icon.tone-red { color: var(--red); border-color: rgba(239, 98, 98, .4); background: rgba(239, 98, 98, .08); }
    .engine-pulse-copy strong {
      display: block;
      font-size: 15px;
      color: var(--text);
      margin-bottom: 4px;
      line-height: 1.25;
    }
    .engine-pulse-copy p {
      margin: 0;
      font-size: 12px;
      line-height: 1.4;
      color: var(--muted);
    }
    .engine-pulse-dots {
      display: flex;
      justify-content: center;
      gap: 6px;
      margin-top: 8px;
      flex-wrap: wrap;
    }
    .engine-pulse-dot {
      border: 1px solid var(--line);
      background: #0f1729;
      color: var(--muted);
      border-radius: 999px;
      padding: 3px 9px;
      font-size: 10px;
      cursor: pointer;
      transition: border-color .15s, color .15s, background .15s;
    }
    .engine-pulse-dot.active {
      border-color: var(--blue);
      color: var(--text);
      background: rgba(103, 183, 255, .12);
    }
    .answer-flow-grid {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 14px;
      align-items: start;
    }
    .answer-flow-grid > .card,
    .answer-flow-grid > .collapse-panel {
      margin: 0;
      grid-column: span 12;
      width: 100%;
    }
    .panel-with-help {
      position: relative;
    }
    .panel-plain-btn {
      position: absolute;
      top: 10px;
      right: 38px;
      z-index: 3;
      width: 24px;
      height: 24px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: #0f1729;
      color: var(--soft);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.02em;
      line-height: 1;
      cursor: pointer;
      padding: 0;
      transition: border-color .15s, color .15s, background .15s;
    }
    .panel-plain-btn:hover,
    .panel-plain-btn.active {
      border-color: var(--gold);
      color: var(--gold);
      background: #141f38;
    }
    .panel-help-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 3;
      width: 24px;
      height: 24px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: #0f1729;
      color: var(--blue);
      font-size: 13px;
      font-weight: 700;
      line-height: 1;
      cursor: pointer;
      padding: 0;
      transition: border-color .15s, color .15s, background .15s, box-shadow .15s;
    }
    .panel-help-btn:hover,
    .panel-help-btn[aria-expanded="true"] {
      border-color: var(--gold);
      color: var(--text);
      background: #141f38;
      box-shadow: 0 0 12px rgba(215, 185, 106, .15);
    }
    .panel-help-popover {
      position: absolute;
      top: 40px;
      right: 10px;
      z-index: 4;
      max-width: min(360px, calc(100vw - 40px));
      border: 1px solid rgba(142, 213, 255, .35);
      background: #0c1428;
      border-radius: 8px;
      padding: 10px 12px;
      font-size: 12px;
      line-height: 1.45;
      color: var(--muted);
      box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
    }
    .panel-help-popover p { margin: 0; color: var(--muted); }
    .panel-help-popover strong {
      display: block;
      color: var(--text);
      margin-bottom: 6px;
      font-size: 13px;
    }
    .collapse-panel.panel-with-help .panel-help-btn,
    .engine-pulse-card.panel-with-help .panel-help-btn {
      top: 8px;
      right: 8px;
    }
    .collapse-panel.panel-with-help .collapse-panel-toggle {
      margin-right: 30px;
    }
    .panel-launcher {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      flex: 1 1 100%;
      margin-top: 4px;
      min-width: 0;
    }
    .panel-launch-chip {
      flex: 0 0 auto;
      border: 1px solid var(--line);
      background: #0c1424;
      color: var(--muted);
      border-radius: 999px;
      padding: 4px 10px;
      font-size: 11px;
      cursor: pointer;
      min-height: 28px;
      transition: border-color .15s, color .15s, background .15s, box-shadow .15s;
    }
    .panel-launch-chip:hover {
      border-color: var(--gold);
      color: var(--text);
    }
    .panel-launch-chip.open {
      border-color: rgba(103, 183, 255, .55);
      color: var(--text);
      background: rgba(103, 183, 255, .1);
      box-shadow: 0 0 12px rgba(56, 120, 200, .12);
    }
    .panel-launch-chip.active-view {
      border-color: rgba(215, 185, 106, .4);
    }
    .control-deck-label {
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--soft);
      margin: 0 0 4px;
    }
    .proof-posture-strip {
      flex: 1 1 100%;
      margin-top: 6px;
      border: 1px solid rgba(142, 213, 255, .22);
      border-radius: 8px;
      padding: 8px 10px;
      background: rgba(8, 14, 28, .55);
    }
    .proof-posture-head {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }
    .proof-posture-boundary {
      margin: 6px 0 0;
      font-size: 11px;
      line-height: 1.4;
      color: var(--muted);
    }
    .proof-gaps-toggle {
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 999px;
      padding: 3px 10px;
      font-size: 11px;
      cursor: pointer;
      margin-left: auto;
    }
    .proof-gaps-toggle:hover { border-color: var(--gold); color: var(--text); }
    .proof-gaps-drawer {
      margin-top: 8px;
      display: grid;
      gap: 5px;
    }
    .proof-gaps-drawer[hidden] { display: none !important; }
    .proof-gap-row {
      font-size: 11px;
      line-height: 1.35;
      color: var(--muted);
      padding: 6px 8px;
      border: 1px solid var(--line);
      border-radius: 6px;
      background: #0c1424;
    }
    .proof-gap-row strong { color: var(--gold); font-weight: 600; }
    .proof-transparency-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 8px;
      margin-top: 10px;
    }
    .proof-transparency-metric {
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 8px 10px;
      background: #0c1424;
    }
    .proof-transparency-metric strong {
      display: block;
      font-size: 15px;
      margin: 4px 0 2px;
    }
    .proof-wired-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 6px;
      margin-top: 10px;
    }
    .proof-wired-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      font-size: 11px;
      padding: 6px 8px;
      border: 1px solid var(--line);
      border-radius: 6px;
      background: #0c1424;
    }
    .proof-transparency-api {
      margin-top: 10px;
      font-size: 11px;
      color: var(--muted);
    }
    .panel-proof-badge {
      flex: 0 0 auto;
      font-size: 10px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      border: 1px solid rgba(183, 156, 255, .35);
      color: var(--violet);
      border-radius: 999px;
      padding: 2px 8px;
      margin-right: 4px;
      white-space: nowrap;
    }
    .panel-proof-badge.tone-forward { border-color: rgba(53, 196, 134, .4); color: var(--green); }
    .panel-proof-badge.tone-snapshot { border-color: rgba(230, 184, 74, .4); color: var(--gold); }
    .panel-proof-badge.tone-sim { border-color: rgba(239, 98, 98, .35); color: var(--red); }
    .panel-proof-badge.tone-ops { border-color: rgba(103, 183, 255, .35); color: var(--blue); }
    .collapse-panel .collapse-panel-head .panel-proof-badge {
      grid-column: 1;
      grid-row: 2;
      justify-self: start;
      margin-top: 2px;
    }
    .collapse-panel.is-open .collapse-panel-head .panel-proof-badge {
      grid-row: auto;
    }
    .forecast-sym-grid,
    .workspace-stack {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      align-items: start;
      width: 100%;
    }
    .forecast-sym-grid > .card,
    .workspace-stack > .card {
      margin: 0;
      grid-column: span 12;
      width: 100%;
    }
    .view-panel[data-view-panel] > .workspace-stack,
    .view-panel[data-view-panel] > .sub-panel {
      width: 100%;
    }
    .cockpit-instant {
      grid-column: span 6;
      min-width: 0;
    }
    .cockpit-grid > * {
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 12px;
      background: rgba(8, 14, 28, .45);
      min-width: 0;
    }
    .panel-body-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 12px;
      align-items: stretch;
    }
    .panel-body-grid > * { min-width: 0; }
    .progress-track {
      height: 10px;
      border-radius: 999px;
      background: #0f1730;
      border: 1px solid var(--line);
      overflow: hidden;
      margin: 8px 0;
    }
    .progress-fill {
      height: 100%;
      background: linear-gradient(90deg, var(--violet-2), var(--green));
      border-radius: 999px;
      transition: width .35s ease;
    }
    .instant-read-hero {
      border: 1px solid rgba(101, 214, 178, .28);
      background: rgba(16, 36, 48, .55);
      border-radius: 8px;
      padding: 12px;
    }
    .instant-read-hero strong {
      display: block;
      font-size: 15px;
      color: var(--text);
      margin-bottom: 6px;
    }
    .micro-win-flash {
      animation: microWin .65s ease;
    }
    @keyframes microWin {
      0% { box-shadow: 0 0 0 0 rgba(101, 214, 178, .45); }
      100% { box-shadow: 0 0 0 10px rgba(101, 214, 178, 0); }
    }
    .proof-class-tag {
      font-size: 11px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: var(--gold);
    }
    body.progressive-experience.panel-unlocked-quickRead:not(.panel-unlocked-calibrationProgress) .cockpit-instant {
      grid-column: span 12;
    }
    @media (max-width: 980px) {
      .cockpit-progress, .cockpit-instant { grid-column: span 12; }
    }
    body.progressive-experience .detail-only,
    body.simple-experience .detail-only { display: none !important; }
    body.progressive-experience [data-progressive-panel] { display: none !important; }
    body.progressive-experience.panel-unlocked-engineStory [data-progressive-panel="engineStory"],
    body.progressive-experience.panel-unlocked-userAnswer [data-progressive-panel="userAnswer"],
    body.progressive-experience.panel-unlocked-quickRead [data-progressive-panel="quickRead"],
    body.progressive-experience.panel-unlocked-decisionCard [data-progressive-panel="decisionCard"],
    body.progressive-experience.panel-unlocked-plainStatus [data-progressive-panel="plainStatus"],
    body.progressive-experience.panel-unlocked-calibrationProgress [data-progressive-panel="calibrationProgress"],
    body.progressive-experience.panel-unlocked-calibrationReport [data-progressive-panel="calibrationReport"],
    body.progressive-experience.panel-unlocked-quickExperiment [data-progressive-panel="quickExperiment"],
    body.progressive-experience.panel-unlocked-paperExecution [data-progressive-panel="paperExecution"],
    body.progressive-experience.panel-unlocked-phoneLocation [data-progressive-panel="phoneLocation"],
    body.progressive-experience.panel-unlocked-modeLanes [data-progressive-panel="modeLanes"] {
      display: block !important;
    }
    body.progressive-experience .focus-row[data-progressive-panel="quickExperiment"],
    body.progressive-experience .focus-row[data-progressive-panel="paperExecution"] {
      display: flex !important;
    }
    body.progressive-experience #mode-select[data-progressive-panel="modeLanes"],
    body.progressive-experience #mode-select {
      display: none !important;
    }
    body.progressive-experience .loop-panel-compact,
    body.progressive-experience .activity-strip-wrap,
    body.progressive-experience .header-chrome-toggle,
    body.progressive-experience .header-lede,
    body.simple-experience #mode-select,
    body.simple-experience .loop-panel-compact,
    body.simple-experience .activity-strip-wrap,
    body.simple-experience .header-chrome-toggle,
    body.simple-experience .header-lede { display: none !important; }
    body.progressive-experience .section-nav-card.compact-chrome > h2,
    body.simple-experience .section-nav-card.compact-chrome > h2 { font-size: 15px; margin-bottom: 6px; }
    .experience-progress-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
      margin: 4px 0 0;
    }
    .experience-progress-strip .stage-pill {
      border-radius: 999px;
      padding: 4px 10px;
      font-size: 11px;
      border: 1px solid var(--line);
      color: var(--muted);
      background: #101831;
    }
    .experience-progress-strip .stage-pill.reached { color: var(--green); border-color: rgba(101, 214, 178, .35); }
    .experience-progress-strip .stage-pill.current { color: var(--text); border-color: var(--gold); box-shadow: 0 0 0 1px rgba(215, 185, 106, .2); }
    .getting-started-rail {
      border: 1px solid rgba(215, 185, 106, .28);
      border-radius: 8px;
      padding: 10px 12px;
      margin-bottom: 10px;
      background: rgba(16, 24, 49, .85);
    }
    .getting-started-rail[hidden] { display: none !important; }
    .persona-first-run {
      position: fixed;
      inset: 0;
      z-index: 1200;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
      background: rgba(4, 8, 18, .82);
      backdrop-filter: blur(4px);
    }
    .persona-first-run[hidden] { display: none !important; }
    .persona-first-run-card {
      width: min(520px, 100%);
      border: 1px solid rgba(215, 185, 106, .35);
      border-radius: 14px;
      background: linear-gradient(165deg, rgba(18, 24, 42, .98), rgba(10, 14, 28, .99));
      padding: 18px 18px 16px;
      box-shadow: 0 18px 48px rgba(0, 0, 0, .45);
    }
    .persona-first-run-card h2 {
      margin: 0 0 6px;
      font-size: 20px;
    }
    .persona-first-run-lead {
      margin: 0 0 14px;
      font-size: 13px;
      color: var(--muted);
      line-height: 1.45;
    }
    .persona-picker-grid {
      display: grid;
      gap: 8px;
      margin-bottom: 12px;
    }
    .persona-picker-btn {
      display: grid;
      gap: 2px;
      text-align: left;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: #101831;
      color: var(--text);
      padding: 10px 12px;
      cursor: pointer;
      min-height: 44px;
    }
    .persona-picker-btn:hover { border-color: var(--gold); }
    .persona-picker-btn.active {
      border-color: var(--gold);
      box-shadow: 0 0 0 1px rgba(215, 185, 106, .25);
      background: rgba(215, 185, 106, .08);
    }
    .persona-picker-btn strong { font-size: 14px; }
    .persona-picker-btn span {
      font-size: 12px;
      color: var(--muted);
      line-height: 1.35;
    }
    .persona-picker-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }
    .persona-picker-actions .persona-continue {
      flex: 1 1 auto;
      min-height: 40px;
    }
    .persona-picker-boundary {
      margin: 10px 0 0;
      font-size: 10px;
      color: var(--muted);
      line-height: 1.35;
    }
    .getting-started-head {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      margin-bottom: 6px;
    }
    .getting-started-head strong {
      font-size: 13px;
      color: var(--text);
    }
    .gs-progress {
      font-size: 11px;
      color: var(--gold);
      border: 1px solid rgba(215, 185, 106, .35);
      border-radius: 999px;
      padding: 2px 8px;
    }
    .gs-dismiss {
      margin-left: auto;
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 7px;
      padding: 3px 8px;
      font-size: 11px;
      cursor: pointer;
      min-height: 28px;
    }
    .gs-dismiss:hover { border-color: var(--gold); color: var(--text); }
    .getting-started-lead {
      margin: 0 0 8px;
      font-size: 12px;
      line-height: 1.4;
      color: var(--soft);
    }
    .getting-started-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
      gap: 6px;
      margin-bottom: 8px;
    }
    .getting-started-step {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      border: 1px solid var(--line);
      background: #101831;
      border-radius: 8px;
      padding: 6px 4px;
      font-size: 11px;
      color: var(--muted);
      cursor: pointer;
      min-height: 52px;
    }
    .getting-started-step:hover { border-color: var(--gold); color: var(--text); }
    .getting-started-step.done {
      color: var(--green);
      border-color: rgba(101, 214, 178, .35);
    }
    .getting-started-step.current {
      color: var(--text);
      border-color: var(--gold);
      box-shadow: 0 0 0 1px rgba(215, 185, 106, .18);
    }
    .getting-started-step .gs-num {
      font-size: 12px;
      font-weight: 600;
    }
    .getting-started-step .gs-label {
      font-size: 10px;
      line-height: 1.2;
      text-align: center;
    }
    .gs-go-btn {
      width: 100%;
      border: 1px solid rgba(215, 185, 106, .45);
      background: rgba(215, 185, 106, .1);
      color: var(--text);
      border-radius: 8px;
      padding: 8px 12px;
      font-size: 12px;
      cursor: pointer;
      min-height: 36px;
    }
    .gs-go-btn:hover { background: rgba(215, 185, 106, .18); }
    .proof-posture-strip.getting-started-highlight {
      border-color: var(--gold);
      box-shadow: 0 0 0 2px rgba(215, 185, 106, .22);
    }
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar {
      padding: 4px 10px;
      margin-bottom: 0;
    }
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar.collapsed,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar.collapsed {
      padding: 4px 10px;
    }
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar .section-nav-toolbar,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar .section-nav-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px;
      margin-bottom: 0;
    }
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar #dashboard-nav-title,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar #dashboard-nav-title {
      font-size: 11px;
      margin: 0;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: var(--muted);
    }
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar .nav-stack .category-nav,
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar .nav-stack .view-pills,
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar .control-deck-label,
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar .proof-posture-strip,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar .nav-stack .category-nav,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar .nav-stack .view-pills,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar .control-deck-label,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar .proof-posture-strip {
      display: none !important;
    }
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar .nav-stack,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar .nav-stack {
      flex: 1 1 auto;
      min-width: 0;
    }
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar .panel-launcher,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar .panel-launcher {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      gap: 4px;
      margin: 0;
    }
    body.progressive-experience.forecast-workstation .workstation-glass-lab,
    body.simple-experience.forecast-workstation .workstation-glass-lab {
      flex: 0 0 auto;
      border: 1px solid rgba(183, 156, 255, .45);
      background: rgba(88, 43, 169, .18);
      color: var(--soft);
      border-radius: 7px;
      padding: 4px 10px;
      font-size: 11px;
      min-height: 28px;
      white-space: nowrap;
      display: inline-flex;
      align-items: center;
    }
    body.progressive-experience.forecast-workstation .workstation-glass-lab:hover,
    body.simple-experience.forecast-workstation .workstation-glass-lab:hover {
      border-color: var(--gold);
      color: var(--text);
    }
    body.progressive-experience.forecast-workstation .engine-instruments-toggle,
    body.simple-experience.forecast-workstation .engine-instruments-toggle {
      flex: 0 0 auto;
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 7px;
      padding: 4px 10px;
      font-size: 11px;
      min-height: 28px;
      cursor: pointer;
      white-space: nowrap;
    }
    body.progressive-experience.forecast-workstation .engine-instruments-toggle:hover,
    body.simple-experience.forecast-workstation .engine-instruments-toggle:hover,
    body.progressive-experience.forecast-workstation .engine-instruments-toggle.open,
    body.simple-experience.forecast-workstation .engine-instruments-toggle.open {
      border-color: var(--gold);
      color: var(--text);
    }
    body.progressive-experience.forecast-workstation:not(.engine-instruments-open) [data-engine-behind="true"],
    body.simple-experience.forecast-workstation:not(.engine-instruments-open) [data-engine-behind="true"] {
      display: none !important;
    }
    body.progressive-experience.forecast-workstation .forecast-workstation-hero,
    body.simple-experience.forecast-workstation .forecast-workstation-hero {
      order: -2;
    }
    body.progressive-experience.forecast-workstation .section-nav-card.workstation-bar,
    body.simple-experience.forecast-workstation .section-nav-card.workstation-bar {
      order: -3;
    }
    body.progressive-experience.forecast-workstation #engine-pulse-section,
    body.simple-experience.forecast-workstation #engine-pulse-section {
      order: 3;
    }
    body.progressive-experience.forecast-workstation #decision-card-section,
    body.simple-experience.forecast-workstation #decision-card-section {
      order: 2;
    }
    body.full-experience .engine-instruments-toggle {
      display: none !important;
    }
    body.progressive-experience [data-view-panel="answer"],
    body.simple-experience [data-view-panel="answer"] {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    body.progressive-experience [data-view-panel="answer"] .cockpit-lane-card,
    body.simple-experience [data-view-panel="answer"] .cockpit-lane-card { order: 1; }
    body.progressive-experience [data-view-panel="answer"] #user-answer-section,
    body.simple-experience [data-view-panel="answer"] #user-answer-section { order: 2; }
    body.progressive-experience [data-view-panel="answer"] #template-card,
    body.simple-experience [data-view-panel="answer"] #template-card { order: 3; }
    body.progressive-experience [data-view-panel="answer"] #decision-card-section,
    body.simple-experience [data-view-panel="answer"] #decision-card-section { order: 4; }
    body.progressive-experience [data-view-panel="answer"] #engine-story-section,
    body.simple-experience [data-view-panel="answer"] #engine-story-section { order: 5; }
    body.full-experience #engine-story-section { display: none; }
    body.user-tablet:not(.architect-mode) > header.header-compact { display: none !important; }
    body.user-tablet:not(.architect-mode) main.wrap.grid { display: none !important; }
    body.user-tablet:not(.architect-mode) .user-tablet-shell { display: block; }
    body.user-tablet:not(.architect-mode) .user-tablet-nav { display: flex; }
    body.user-tablet:not(.architect-mode) .loop-panel-compact,
    body.user-tablet:not(.architect-mode) #section-nav-card { display: none !important; }
    body.user-tablet:not(.architect-mode) .activity-strip-wrap { display: none !important; }
    body.architect-mode {
      display: grid;
      grid-template-columns: minmax(52px, 220px) minmax(0, 1fr);
      grid-template-rows: auto 1fr;
      grid-template-areas: "hdr hdr" "nav content";
      align-items: start;
    }
    body.architect-mode > header { grid-area: hdr; }
    body.architect-mode > #architect-sidebar { grid-area: nav; }
    body.architect-mode > main.wrap.grid { grid-area: content; min-width: 0; }
    body.architect-mode.architect-nav-collapsed { grid-template-columns: 52px minmax(0, 1fr); }
    body.architect-mode #section-nav-card .nav-stack .category-nav,
    body.architect-mode #section-nav-card .nav-stack .view-pills,
    body.architect-mode #section-nav-card .nav-stack .control-deck-label,
    body.architect-mode #section-nav-card .nav-stack .panel-launcher { display: none !important; }
    #architect-sidebar {
      display: none;
      position: sticky;
      top: 0;
      align-self: start;
      max-height: 100vh;
      overflow-y: auto;
      padding: 12px 10px 16px;
      border-right: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(14, 20, 38, .98), rgba(10, 14, 28, .99));
    }
    body.architect-mode #architect-sidebar { display: flex; flex-direction: column; gap: 8px; }
    .architect-nav-toggle {
      align-self: flex-end;
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 6px;
      padding: 4px 8px;
      font-size: 11px;
      cursor: pointer;
      min-height: 28px;
    }
    .architect-nav-toggle:hover { border-color: var(--gold); color: var(--text); }
    .architect-category-nav,
    .architect-view-pills {
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-width: 0;
    }
    .architect-category-nav .category-btn,
    .architect-view-pills .view-pill {
      width: 100%;
      text-align: left;
      justify-content: flex-start;
    }
    .architect-nav-boundary {
      margin: 8px 0 0;
      font-size: 10px;
      line-height: 1.35;
      color: var(--muted);
    }
    body.architect-mode.architect-nav-collapsed .architect-view-pills,
    body.architect-mode.architect-nav-collapsed .architect-nav-boundary { display: none !important; }
    body.architect-mode.architect-nav-collapsed .architect-category-nav .category-btn {
      padding-left: 0;
      padding-right: 0;
      text-align: center;
      font-size: 0;
    }
    body.architect-mode.architect-nav-collapsed .architect-category-nav .category-btn::after {
      content: attr(data-short);
      font-size: 12px;
      font-weight: 600;
    }
    body.user-tablet { padding-bottom: 62px; }
    body.user-tablet.tablet-unified-scroll { padding-bottom: 62px; }
    body.user-tablet.tablet-unified-scroll .user-tablet-nav { display: flex !important; }
    body.user-tablet.tablet-unified-scroll .tablet-layer { display: block !important; }
    body.user-tablet.tablet-unified-scroll .tablet-layer + .tablet-layer { margin-top: 14px; }
    body.user-tablet.tablet-unified-scroll .tablet-surface {
      min-height: auto;
      max-height: none;
    }
    body.user-tablet.tablet-unified-scroll header.header-compact .header-primary .template-switch-row {
      display: none;
    }
    .tablet-product-flow {
      margin: 0 0 12px;
      padding: 10px 12px;
      border-radius: 8px;
      border: 1px solid rgba(101, 214, 178, .22);
      background: rgba(16, 28, 44, .45);
      font-size: 12px;
      line-height: 1.45;
      color: var(--text);
    }
    .tablet-engine-read-landmark {
      margin-bottom: 12px;
      padding: 12px;
      border-radius: 10px;
      border: 1px solid rgba(101, 214, 178, .28);
      background: rgba(12, 20, 36, .72);
    }
    .tablet-horizon-global {
      margin-bottom: 12px;
      padding: 10px 12px;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: rgba(10, 14, 28, .55);
    }
    .tablet-radar-context {
      margin-top: 14px;
      padding-top: 12px;
      border-top: 1px dashed rgba(255, 255, 255, .12);
    }
    .tablet-kelly-display {
      margin: 12px 0;
      padding: 12px;
      border-radius: 10px;
      border: 1px solid rgba(101, 214, 178, .32);
      background: rgba(12, 22, 40, .78);
    }
    .tablet-kelly-display-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin-bottom: 8px;
    }
    .tablet-my-read,
    .tablet-preset-collapsible {
      margin: 10px 0;
      padding: 10px 12px;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: rgba(10, 14, 28, .5);
    }
    .tablet-my-read summary,
    .tablet-preset-collapsible summary {
      cursor: pointer;
      font-weight: 600;
      font-size: 13px;
      list-style: none;
    }
    .tablet-my-read summary::-webkit-details-marker,
    .tablet-preset-collapsible summary::-webkit-details-marker { display: none; }
    .tablet-my-read-compare {
      margin-top: 8px;
      padding: 8px 10px;
      border-radius: 6px;
      background: rgba(16, 28, 44, .55);
      font-size: 12px;
    }
    .sf-game-layout { display: flex; flex-direction: column; gap: 14px; }
    .sf-game-intro {
      margin: 0;
      font-size: 12px;
      line-height: 1.45;
      color: var(--muted);
    }
    .sf-habit-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: rgba(10, 14, 28, .45);
    }
    .sf-habit-chip {
      font-size: 10px;
      padding: 4px 8px;
      border-radius: 999px;
      border: 1px solid rgba(101, 214, 178, .25);
      color: var(--muted);
    }
    .sf-segment {
      padding: 12px;
      border-radius: 10px;
      border: 1px solid var(--line);
      background: rgba(10, 14, 28, .35);
    }
    .sf-segment-label {
      margin: 0 0 8px;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .sf-outside-view {
      margin: 8px 0 0;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid rgba(101, 214, 178, .22);
      background: rgba(16, 28, 44, .4);
      font-size: 11px;
      line-height: 1.45;
    }
    .bow-forces-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-top: 10px;
      font-size: 11px;
      line-height: 1.45;
    }
    .bow-forces-lane {
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: rgba(12, 18, 32, .5);
    }
    .bow-forces-lane.up { border-color: rgba(101, 214, 178, .35); }
    .bow-forces-lane.down { border-color: rgba(255, 140, 120, .28); }
    .bow-dag-sketch {
      margin-top: 10px;
      padding: 10px;
      border-radius: 8px;
      border: 1px dashed rgba(101, 214, 178, .35);
      font-size: 11px;
      text-align: center;
    }
    .bow-dag-edge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: center;
    }
    .bow-dag-node {
      padding: 4px 8px;
      border-radius: 6px;
      border: 1px solid rgba(101, 214, 178, .4);
      background: rgba(16, 28, 44, .55);
      font-size: 10px;
    }
    .bow-simpson-drill {
      margin: 12px 0;
      padding: 12px;
      border-radius: 10px;
      border: 1px solid rgba(255, 200, 120, .25);
      background: rgba(24, 18, 10, .35);
      font-size: 12px;
      line-height: 1.45;
    }
    .bow-simpson-toggle {
      display: flex;
      gap: 8px;
      margin: 10px 0;
      flex-wrap: wrap;
    }
    .bow-simpson-toggle button {
      font-size: 11px;
      padding: 6px 10px;
    }
    .bow-simpson-toggle button.active {
      border-color: rgba(101, 214, 178, .5);
      background: rgba(16, 40, 36, .6);
    }
    .scout-bets-coach {
      margin-top: 10px;
      padding: 12px;
      border-radius: 10px;
      border: 1px solid rgba(120, 180, 255, .28);
      background: rgba(12, 20, 40, .45);
      font-size: 11px;
      line-height: 1.45;
    }
    .resulting-trap-card {
      margin-top: 8px;
      padding: 10px;
      border-radius: 8px;
      border: 1px solid rgba(255, 200, 120, .35);
      background: rgba(28, 18, 8, .45);
      font-size: 11px;
      line-height: 1.45;
    }
    .meadows-stock-flow-viz {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin: 10px 0;
      font-size: 11px;
    }
    .meadows-stock-flow-viz .stock,
    .meadows-stock-flow-viz .flow {
      padding: 10px;
      border-radius: 8px;
      border: 1px solid var(--line);
    }
    .meadows-leverage-menu {
      margin-top: 10px;
      font-size: 11px;
      line-height: 1.45;
    }
    .meadows-leverage-menu li { margin: 4px 0; }
    .sf-delta-bar {
      margin: 10px 0 0;
      padding: 8px 10px;
      border-radius: 8px;
      background: rgba(24, 18, 10, .45);
      border: 1px solid rgba(255, 200, 120, .22);
      font-size: 12px;
      line-height: 1.45;
    }
    .sf-kelly-asks {
      border-color: rgba(101, 214, 178, .28);
    }
    .sf-scoreboard-hero {
      font-size: 28px;
      font-weight: 700;
      line-height: 1.1;
      margin: 4px 0;
    }
    .sf-scoreboard-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-top: 10px;
    }
    .sf-scoreboard-lane {
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid var(--line);
      font-size: 11px;
    }
    .sf-kelly-read-compact {
      margin-top: 12px;
      padding: 10px;
      border-radius: 8px;
      border: 1px solid rgba(101, 214, 178, .2);
      background: rgba(16, 28, 44, .45);
      font-size: 12px;
      line-height: 1.45;
    }
    .tablet-forecasting-room-cta {
      margin: 12px 0;
      padding: 12px;
      border-radius: 10px;
      border: 1px solid rgba(255, 200, 120, .28);
      background: rgba(24, 18, 10, .45);
      text-align: center;
    }
    .tablet-question-bank-category {
      margin-bottom: 10px;
    }
    .tablet-question-bank-category .choice-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }
    .tablet-question-bank-chip {
      font-size: 11px;
      line-height: 1.3;
      text-align: left;
      max-width: 100%;
    }
    .tablet-ask-resolve-host {
      margin: 8px 0 10px;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: rgba(10, 14, 28, .55);
      font-size: 11px;
      line-height: 1.4;
    }
    .tablet-unified-toolbar {
      position: sticky;
      top: 0;
      z-index: 12;
      margin: 0 0 10px;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: rgba(10, 14, 28, .96);
      backdrop-filter: blur(8px);
    }
    .tablet-scroll-nav {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 8px;
    }
    .tablet-scroll-nav button {
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 999px;
      padding: 5px 10px;
      font-size: 11px;
      cursor: pointer;
    }
    .tablet-scroll-nav button.active {
      border-color: var(--gold);
      color: var(--text);
    }
    .tablet-nav-search {
      margin: 10px 0 4px;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .tablet-nav-search input {
      width: 100%;
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid rgba(101, 214, 178, .28);
      background: rgba(8, 16, 28, .65);
      color: var(--text);
      font-size: 14px;
    }
    .tablet-ask-mode-toggle {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin: 0 0 10px;
    }
    .tablet-ask-mode-toggle button {
      font-size: 11px;
      padding: 5px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, .14);
      background: rgba(255, 255, 255, .04);
      color: var(--muted);
      cursor: pointer;
    }
    .tablet-ask-mode-toggle button.active {
      border-color: rgba(101, 214, 178, .45);
      background: rgba(101, 214, 178, .12);
      color: var(--text);
    }
    .tablet-recent-learning .learning-time {
      color: var(--muted);
      font-size: 10px;
      margin-right: 6px;
    }
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .tablet-template-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 6px;
    }
    .tablet-template-chip {
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 999px;
      padding: 4px 10px;
      font-size: 11px;
      cursor: pointer;
    }
    .tablet-template-chip.active {
      border-color: var(--gold);
      color: var(--text);
    }
    .tablet-today-context {
      margin: 8px 0 0;
      font-size: 12px;
      line-height: 1.4;
    }
    .tablet-toolbar-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-bottom: 8px;
    }
    .tablet-toolbar-brand {
      margin: 0;
      font-size: 15px;
      letter-spacing: 0.02em;
    }
    .tablet-toolbar-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }
    .tablet-developer-toggle {
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 999px;
      padding: 5px 12px;
      font-size: 11px;
      cursor: pointer;
    }
    .tablet-developer-toggle.active {
      border-color: rgba(101, 214, 178, .55);
      color: var(--accent);
    }
    .tablet-developer-drawer {
      margin-top: 8px;
      padding: 10px 12px;
      border: 1px solid rgba(101, 214, 178, .25);
      border-radius: 8px;
      background: rgba(12, 18, 36, .92);
      font-size: 12px;
    }
    .tablet-developer-drawer .developer-access-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 8px;
    }
    .tablet-developer-links {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 10px;
    }
    .tablet-boot-progress {
      margin-bottom: 10px;
      padding: 8px 10px;
      border: 1px solid rgba(215, 185, 106, .35);
      border-radius: 8px;
      background: rgba(18, 24, 42, .85);
    }
    .tablet-boot-progress-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      font-size: 11px;
      margin-bottom: 6px;
    }
    .tablet-boot-progress-track {
      height: 6px;
      border-radius: 999px;
      background: rgba(255, 255, 255, .08);
      overflow: hidden;
    }
    .tablet-boot-progress-track span {
      display: block;
      height: 100%;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--gold), var(--accent));
      transition: width 0.35s ease;
    }
    .tablet-boot-progress-detail {
      margin: 6px 0 0;
      font-size: 10px;
      line-height: 1.35;
    }
    body.platform-ui-v2 .tablet-boot-progress {
      margin: 0;
      padding: 8px 20px 10px;
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
      border: none;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    }
    body.platform-ui-v2 .tablet-boot-progress-head {
      font-size: 12px;
      color: var(--text);
    }
    body.platform-ui-v2 .tablet-boot-progress-track {
      background: rgba(37, 99, 235, .12);
    }
    body.platform-ui-v2 .tablet-boot-progress-track span {
      background: linear-gradient(90deg, var(--blue), #7c3aed);
    }
    .kelly-global-wait {
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 20px 6px;
      background: #fff;
    }
    .kelly-global-wait[hidden] { display: none !important; }
    .kelly-global-wait-track {
      height: 3px;
      border-radius: 999px;
      background: rgba(37, 99, 235, .1);
      overflow: hidden;
      position: relative;
    }
    .kelly-global-wait-track span {
      display: block;
      height: 100%;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--blue), #7c3aed);
      width: 0%;
      transition: width 0.22s ease;
    }
    .kelly-global-wait-track span.indeterminate {
      width: 38%;
      animation: kelly-wait-slide 1s ease-in-out infinite;
    }
    @keyframes kelly-wait-slide {
      0% { transform: translateX(-120%); }
      100% { transform: translateX(340%); }
    }
    .kelly-global-wait-label {
      display: block;
      margin: 5px 0 0;
      font-size: 10px;
      line-height: 1.3;
      color: var(--muted);
      min-height: 13px;
    }
    .kelly-forecast-wait {
      margin: 0 0 10px;
    }
    .kelly-forecast-wait[hidden] { display: none !important; }
    .kelly-forecast-wait-track {
      height: 4px;
      border-radius: 999px;
      background: rgba(255, 255, 255, .18);
      overflow: hidden;
    }
    .kelly-forecast-wait-track span {
      display: block;
      height: 100%;
      border-radius: 999px;
      background: linear-gradient(90deg, #93c5fd, #c4b5fd);
      width: 38%;
      animation: kelly-wait-slide 0.95s ease-in-out infinite;
    }
    .kelly-forecast-wait-label {
      margin: 6px 0 0;
      font-size: 11px;
      opacity: .92;
      font-weight: 500;
    }
    .user-tablet-shell {
      display: none;
      max-width: 720px;
      margin: 0 auto;
      padding: 12px 16px 8px;
    }
    .tablet-layer { display: none; }
    .tablet-layer.active { display: block; }
    .tablet-surface {
      border: 1px solid var(--line);
      border-radius: 12px;
      background: linear-gradient(165deg, rgba(18, 24, 42, .96), rgba(12, 18, 36, .98));
      padding: 14px 16px;
      min-height: calc(100dvh - 130px);
      max-height: calc(100dvh - 130px);
      overflow: auto;
    }
    .tablet-meta-row {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      font-size: 12px;
      color: var(--muted);
      margin-bottom: 12px;
    }
    .tablet-meta-row strong { color: var(--text); font-size: 13px; }
    .tablet-account-chip {
      margin-left: auto;
      font-size: 11px;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(26, 36, 64, .9);
    }
    .tablet-daily-questions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 12px;
    }
    .tablet-daily-questions button {
      font-size: 11px;
      padding: 5px 8px;
      border-radius: 999px;
      background: rgba(26, 36, 64, .85);
    }
    .tablet-daily-questions button:hover { border-color: var(--gold); }
    .tablet-decide-primary {
      border-color: var(--gold) !important;
      background: rgba(215, 185, 106, .12) !important;
    }
    .tablet-act-decide-block {
      border: 1px solid rgba(215, 185, 106, .35);
      border-radius: 10px;
      padding: 12px;
      margin-bottom: 12px;
      background: rgba(215, 185, 106, .06);
    }
    .tablet-act-fold summary {
      cursor: pointer;
      font-size: 11px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 8px;
    }
    .tablet-act-fold[open] summary { margin-bottom: 10px; }
    .tablet-door-heading {
      margin: 0 0 8px;
      font-size: 18px;
      line-height: 1.3;
    }
    .tablet-door-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin: 10px 0 12px;
    }
    .tablet-door-boundary {
      border-left: 2px solid var(--violet-2);
      padding-left: 10px;
      margin: 0 0 14px;
      font-size: 13px;
      color: var(--soft);
    }
    .tablet-door-falsifiers ul {
      margin: 8px 0 0;
      padding-left: 1.1rem;
      color: var(--soft);
      font-size: 13px;
    }
    .tablet-cta-pulse {
      animation: tabletCtaPulse 1.2s ease-in-out 2;
      box-shadow: 0 0 0 2px rgba(101, 214, 178, .45);
    }
    @keyframes tabletCtaPulse {
      0%, 100% { box-shadow: 0 0 0 2px rgba(101, 214, 178, .35); }
      50% { box-shadow: 0 0 0 6px rgba(101, 214, 178, .15); }
    }
    .tablet-door-tier-note {
      margin-top: 14px;
      font-size: 12px;
      color: var(--muted);
    }
    .tablet-door-tier-note button {
      font-size: inherit;
      padding: 0;
      border: 0;
      background: none;
      color: var(--violet);
      text-decoration: underline;
      cursor: pointer;
    }
    .tablet-account-sheet,
    .tablet-decide-sheet {
      position: fixed;
      inset: 0;
      z-index: 1250;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding: 12px;
      background: rgba(4, 8, 18, .78);
      backdrop-filter: blur(4px);
    }
    .tablet-account-sheet[hidden],
    .tablet-decide-sheet[hidden] { display: none !important; }
    .tablet-account-sheet-card,
    .tablet-decide-sheet-card {
      width: min(480px, 100%);
      max-height: min(82dvh, 640px);
      overflow: auto;
      border: 1px solid rgba(215, 185, 106, .35);
      border-radius: 14px 14px 10px 10px;
      background: linear-gradient(165deg, rgba(18, 24, 42, .98), rgba(10, 14, 28, .99));
      padding: 16px;
      box-shadow: 0 18px 48px rgba(0, 0, 0, .45);
    }
    .tablet-account-sheet-head,
    .tablet-decide-sheet-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
    }
    .tablet-account-sheet-head h2,
    .tablet-decide-sheet-head h2 {
      margin: 0;
      font-size: 18px;
    }
    .tablet-decide-sheet-lead {
      margin: 0 0 12px;
      font-size: 12px;
      line-height: 1.45;
    }
    .tablet-account-sheet-tier {
      font-size: 15px;
      margin: 0 0 6px;
    }
    .tablet-account-sheet-actions {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-top: 14px;
    }
    .tablet-account-sheet-boundary {
      margin-top: 12px;
      font-size: 11px;
      color: var(--muted);
      line-height: 1.45;
    }
    .tablet-section-label {
      font-size: 10px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--gold);
      margin: 0 0 6px;
    }
    .tablet-read-hero {
      font-size: 22px;
      line-height: 1.25;
      margin: 0 0 6px;
    }
    .tablet-read-advisory {
      font-size: 12px;
      color: var(--muted);
      margin: 0 0 14px;
    }
    .tablet-feed-pulse {
      font-size: 11px;
      color: var(--muted);
      margin-bottom: 14px;
    }
    .tablet-calibration-card {
      border: 1px solid rgba(101, 214, 178, .25);
      border-radius: 8px;
      padding: 10px 12px;
      margin-bottom: 14px;
      background: rgba(16, 28, 44, .6);
    }
    .tablet-calibration-card[data-population="forward"] .tablet-cal-boundary {
      font-size: 10px;
      color: var(--muted);
      margin: 6px 0 0;
    }
    .tablet-calibration-card strong { font-size: 15px; }
    .tablet-cal-progress {
      height: 4px;
      border-radius: 2px;
      background: rgba(255, 255, 255, .08);
      margin: 8px 0 4px;
      overflow: hidden;
    }
    .tablet-cal-progress > span {
      display: block;
      height: 100%;
      background: linear-gradient(90deg, rgba(101, 214, 178, .5), rgba(101, 214, 178, .9));
      border-radius: 2px;
    }
    .tablet-cal-spark {
      display: flex;
      align-items: flex-end;
      gap: 2px;
      height: 20px;
      margin-top: 6px;
    }
    .tablet-cal-spark span {
      flex: 1;
      min-width: 3px;
      background: rgba(101, 214, 178, .45);
      border-radius: 1px;
    }
    .tablet-action-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-bottom: 14px;
    }
    .tablet-action-row button,
    .tablet-action-row .button-link {
      min-height: 42px;
      font-size: 13px;
    }
    .tablet-template-examples {
      margin: 10px 0 14px;
      padding: 10px 12px;
      border: 1px solid rgba(101, 214, 178, .22);
      border-radius: 10px;
      background: rgba(16, 28, 44, .55);
    }
    .tablet-template-examples .choice-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 6px;
    }
    .tablet-template-examples button {
      font-size: 11px;
      padding: 6px 10px;
    }
    .tablet-depth-links {
      display: flex;
      justify-content: center;
      gap: 16px;
      font-size: 12px;
      margin-top: 8px;
    }
    .tablet-depth-links a {
      color: var(--violet);
      text-decoration: none;
    }
    .tablet-depth-links a:hover { color: var(--gold); }
    .tablet-act-step {
      border-top: 1px solid rgba(43, 58, 95, .6);
      padding-top: 12px;
      margin-top: 12px;
    }
    .tablet-act-step:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
    .tablet-outcome-loop {
      border: 1px solid rgba(101, 214, 178, .2);
      border-radius: 8px;
      padding: 10px 12px;
      background: rgba(16, 28, 44, .45);
    }
    .tablet-outcome-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin: 8px 0;
    }
    .tablet-outcome-actions button.selected {
      border-color: rgba(101, 214, 178, .8);
      background: rgba(101, 214, 178, .12);
    }
    .tablet-outcome-result {
      margin-top: 8px;
      font-size: 12px;
    }
    .tablet-loop-closure {
      border: 1px solid rgba(215, 185, 106, .25);
      border-radius: 10px;
      padding: 12px;
      margin: 12px 0;
      background: rgba(16, 28, 44, .55);
    }
    .tablet-loop-closure.tablet-loop-pulse {
      animation: tabletCtaPulse 1.2s ease-in-out 2;
      box-shadow: 0 0 0 2px rgba(101, 214, 178, .35);
    }
    .tablet-open-forecast-item .pill.ripe {
      color: var(--accent, #65d6b2);
      border-color: rgba(101, 214, 178, .5);
    }
    .tablet-one-tap-hint {
      margin: 0 0 8px;
      font-size: 11px;
      color: var(--accent, #65d6b2);
    }
    .tablet-loop-closure[data-has-open="true"] {
      border-color: rgba(101, 214, 178, .35);
    }
    .tablet-loop-strip {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 4px 6px;
      margin: 6px 0 10px;
      padding: 6px 8px;
      border-radius: 8px;
      border: 1px solid rgba(43, 58, 95, .65);
      background: rgba(12, 18, 32, .65);
      font-size: 11px;
    }
    .tablet-loop-strip-step {
      border: 1px solid rgba(43, 58, 95, .8);
      background: rgba(18, 24, 42, .9);
      color: var(--muted);
      border-radius: 999px;
      padding: 4px 9px;
      cursor: pointer;
      font-family: inherit;
      font-size: 11px;
      line-height: 1.2;
    }
    .tablet-loop-strip-step:hover {
      border-color: rgba(101, 214, 178, .45);
      color: var(--text);
    }
    .tablet-loop-strip-step.active {
      border-color: rgba(101, 214, 178, .65);
      color: var(--accent);
      background: rgba(101, 214, 178, .1);
    }
    .tablet-loop-strip-step.done {
      color: rgba(170, 185, 214, .85);
    }
    .tablet-loop-strip-arrow {
      color: rgba(138, 160, 184, .55);
      font-size: 10px;
      user-select: none;
    }
    .tablet-pin-prominent {
      border: 1px solid rgba(101, 214, 178, .35);
      border-radius: 10px;
      padding: 12px;
      margin: 10px 0;
      background: rgba(101, 214, 178, .06);
    }
    .tablet-pin-prominent h3 {
      margin: 0 0 6px;
      font-size: 14px;
    }
    .tablet-pin-prominent .muted {
      margin: 6px 0 0;
      font-size: 11px;
    }
    .tablet-auto-close-banner {
      font-size: 11px;
      color: var(--gold);
      border: 1px solid rgba(215, 185, 106, .35);
      border-radius: 6px;
      padding: 6px 8px;
      margin: 0 0 8px;
      background: rgba(215, 185, 106, .08);
    }
    .tablet-open-forecast-list {
      list-style: none;
      margin: 8px 0 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .tablet-open-forecast-item {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      font-size: 12px;
      padding: 6px 8px;
      border-radius: 6px;
      border: 1px solid rgba(43, 58, 95, .6);
      cursor: pointer;
    }
    .tablet-open-forecast-item.selected {
      border-color: rgba(101, 214, 178, .7);
      background: rgba(101, 214, 178, .08);
    }
    .tablet-open-forecast-copy {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }
    .tablet-open-forecast-primary {
      font-weight: 600;
    }
    .tablet-open-forecast-secondary {
      font-size: 10px;
      opacity: .85;
    }
    .tablet-outcome-context {
      font-size: 12px;
      margin: 0 0 8px;
      line-height: 1.45;
    }
    .tablet-outcome-claim {
      margin: 0 0 6px;
    }
    .tablet-outcome-yesno-help {
      margin: 0 0 8px;
      font-size: 11px;
      line-height: 1.4;
    }
    .tablet-loop-intro {
      margin: 0 0 8px;
      font-size: 11px;
      line-height: 1.4;
    }
    .tablet-outcome-truth-source {
      font-size: 11px;
      margin: 0 0 8px;
      padding: 8px 10px;
      border-radius: 6px;
      border: 1px solid rgba(43, 58, 95, .45);
      background: rgba(16, 28, 44, .35);
      line-height: 1.4;
    }
    .tablet-outcome-pending-sub {
      margin: -2px 0 6px !important;
      font-size: 11px !important;
    }
    .tablet-calibration-updated {
      border: 1px solid rgba(101, 214, 178, .45);
      border-radius: 8px;
      padding: 10px 12px;
      margin: 10px 0 0;
      background: rgba(101, 214, 178, .1);
      font-size: 12px;
    }
    .tablet-calibration-updated strong { color: var(--mint); }
    .tablet-act-outcome-prominent {
      border: 1px solid rgba(101, 214, 178, .25);
      border-radius: 8px;
      padding: 12px;
      background: rgba(16, 28, 44, .4);
    }
    .tablet-home-pulse {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 11px;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid rgba(91, 141, 239, .35);
      background: rgba(16, 28, 44, .5);
      margin: 10px 0;
    }
    .tablet-home-pulse .pulse-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--mint);
      flex-shrink: 0;
    }
    .tablet-home-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin: 12px 0;
    }
    @media (max-width: 520px) {
      .tablet-home-grid { grid-template-columns: 1fr; }
    }
    .tablet-home-card {
      border: 1px solid var(--card-border);
      border-radius: var(--radius-card);
      padding: 12px;
      background: var(--card);
      min-height: 120px;
    }
    .tablet-home-card-title {
      margin: 0 0 8px;
      font-size: 11px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .tablet-cal-hero strong { font-size: 18px; display: block; margin: 4px 0; }
    .tablet-brier-line {
      width: 100%;
      height: 48px;
      color: #5b8def;
      margin: 8px 0 4px;
    }
    .tablet-submit-outcome-card {
      cursor: pointer;
      border-color: rgba(101, 214, 178, .35);
      transition: border-color .15s;
    }
    .tablet-submit-outcome-card:hover { border-color: rgba(101, 214, 178, .65); }
    .tablet-25s-hero {
      font-size: 28px;
      font-weight: 700;
      margin: 4px 0 0;
      color: var(--gold);
    }
    .tablet-recent-activity {
      border: 1px solid var(--card-border);
      border-radius: var(--radius-card);
      padding: 10px 12px;
      margin: 10px 0;
      background: rgba(12, 20, 36, .45);
    }
    .tablet-primary-action {
      border: 1px solid rgba(101, 214, 178, .45);
      border-radius: var(--radius-card);
      padding: 14px 14px 12px;
      margin: 10px 0 12px;
      background: linear-gradient(180deg, rgba(16, 28, 44, .75), rgba(12, 20, 36, .55));
    }
    .tablet-primary-title {
      margin: 0 0 6px;
      font-size: 18px;
      line-height: 1.3;
      font-weight: 650;
    }
    .tablet-primary-cta {
      margin-top: 4px;
    }
    .tablet-primary-loop-embed {
      margin-top: 10px;
      padding-top: 8px;
      border-top: 1px solid rgba(101, 214, 178, .2);
    }
    .tablet-primary-loop-embed .tablet-loop-closure {
      border: none;
      padding: 0;
      margin: 0;
      background: transparent;
    }
    .tablet-loop-progress {
      display: flex;
      align-items: center;
      gap: 4px;
      margin: 0 0 10px;
      flex-wrap: wrap;
    }
    .tablet-loop-progress-step {
      font-size: 10px;
      letter-spacing: .06em;
      text-transform: uppercase;
      padding: 3px 8px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, .12);
      color: var(--muted);
    }
    .tablet-loop-progress-step.active {
      border-color: rgba(101, 214, 178, .65);
      color: var(--mint);
      background: rgba(101, 214, 178, .12);
    }
    .tablet-loop-progress-step.done {
      border-color: rgba(91, 141, 239, .35);
      color: #9eb8f0;
    }
    .tablet-loop-progress-connector {
      width: 10px;
      height: 1px;
      background: rgba(255, 255, 255, .15);
      flex-shrink: 0;
    }
    .tablet-action-drawers {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin: 0 0 12px;
    }
    .tablet-action-drawer {
      border: 1px solid var(--card-border);
      border-radius: var(--radius-card);
      background: var(--card);
      overflow: hidden;
    }
    .tablet-action-drawer > summary {
      cursor: pointer;
      list-style: none;
      padding: 11px 12px;
      font-size: 13px;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }
    .tablet-action-drawer > summary::-webkit-details-marker { display: none; }
    .tablet-action-drawer > summary::after {
      content: "▾";
      font-size: 11px;
      color: var(--muted);
      transition: transform .15s;
    }
    .tablet-action-drawer[open] > summary::after { transform: rotate(180deg); }
    .tablet-action-drawer-body {
      padding: 0 12px 12px;
      border-top: 1px solid rgba(255, 255, 255, .06);
    }
    .tablet-more-links {
      display: flex;
      flex-direction: column;
      gap: 6px;
      padding: 8px 0 4px;
    }
    .tablet-more-links button {
      text-align: left;
      width: 100%;
    }
    .tablet-nav-more {
      position: relative;
      display: inline-block;
    }
    .tablet-nav-more > summary {
      list-style: none;
      cursor: pointer;
      padding: 6px 10px;
      border-radius: 6px;
      font-size: 12px;
      border: 1px solid transparent;
    }
    .tablet-nav-more > summary::-webkit-details-marker { display: none; }
    .tablet-nav-more[open] > summary,
    .tablet-nav-more > summary:hover {
      border-color: rgba(101, 214, 178, .35);
      background: rgba(101, 214, 178, .08);
    }
    .tablet-nav-more-menu {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin-top: 6px;
      padding: 6px;
      border: 1px solid var(--card-border);
      border-radius: 8px;
      background: rgba(12, 20, 36, .95);
    }
    .tablet-recent-activity ul {
      margin: 6px 0 0;
      padding: 0;
      list-style: none;
      font-size: 12px;
    }
    .tablet-recent-activity li {
      padding: 6px 0;
      border-top: 1px solid rgba(43, 58, 95, .4);
    }
    .tablet-recent-activity li:first-child { border-top: 0; padding-top: 0; }
    .tablet-quick-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin: 10px 0;
    }
    .tablet-proof-skim-card {
      border: 1px solid rgba(215, 185, 106, .25);
      border-radius: 10px;
      padding: 12px;
      margin-bottom: 12px;
      background: rgba(16, 28, 44, .5);
    }
    .tablet-proof-skim-card details summary {
      cursor: pointer;
      font-size: 11px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--gold);
    }
    .tablet-proof-skim-card p { margin: 6px 0; font-size: 13px; }
    .tablet-forecast-link-chip {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      padding: 8px 10px;
      margin: 8px 0;
      border-radius: 8px;
      border: 1px solid rgba(215, 185, 106, .3);
      background: rgba(16, 28, 44, .45);
      font-size: 12px;
    }
    .tablet-forecast-door-banner {
      padding: 8px 10px;
      margin-bottom: 10px;
      border-radius: 8px;
      border: 1px solid rgba(101, 214, 178, .3);
      background: rgba(101, 214, 178, .08);
      font-size: 12px;
    }
    .tablet-phase3-gate-card {
      border: 1px solid rgba(215, 185, 106, .35);
      border-radius: 10px;
      padding: 10px 12px;
      margin: 10px 0;
      background: rgba(32, 24, 12, .35);
      font-size: 12px;
    }
    .tablet-phase3-progress {
      height: 4px;
      border-radius: 2px;
      background: rgba(43, 58, 95, .6);
      margin: 8px 0;
      overflow: hidden;
    }
    .tablet-phase3-progress span {
      display: block;
      height: 100%;
      background: linear-gradient(90deg, var(--gold), var(--mint));
    }
    .tablet-since-last-visit {
      font-size: 11px;
      color: var(--muted);
      margin: 6px 0 0;
      padding: 6px 8px;
      border-radius: 6px;
      background: rgba(16, 28, 44, .35);
    }
    .tablet-since-last-visit-card {
      border: 1px solid rgba(101, 214, 178, .22);
      border-radius: 10px;
      padding: 12px 14px;
      margin: 10px 0;
      background: rgba(12, 22, 38, .55);
      font-size: 13px;
      line-height: 1.45;
    }
    .tablet-since-last-visit-card strong { color: var(--text); }
    .tablet-since-last-visit-card ul {
      margin: 8px 0 0;
      padding: 0 0 0 16px;
      font-size: 12px;
    }
    .tablet-quick-actions button {
      min-height: 44px;
      font-size: 12px;
      padding: 10px 8px;
      border-radius: 8px;
      border: 1px solid var(--card-border);
      background: rgba(16, 28, 44, .6);
      color: var(--text);
      cursor: pointer;
    }
    .tablet-quick-actions button.tablet-decide-primary {
      border-color: rgba(215, 185, 106, .45);
      background: rgba(215, 185, 106, .12);
    }
    .tablet-quick-action-desc {
      display: block;
      font-size: 10px;
      color: var(--muted);
      margin-top: 2px;
      font-weight: 400;
    }
    .tablet-ask-kelly-section {
      border: 1px solid rgba(101, 214, 178, .28);
      border-radius: 12px;
      padding: 14px;
      margin-bottom: 14px;
      background: rgba(10, 18, 32, .65);
    }
    .tablet-ask-kelly-section h2 {
      margin: 0 0 4px;
      font-size: 20px;
      font-weight: 700;
    }
    .tablet-ask-kelly-lead {
      margin: 0 0 12px;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.4;
    }
    .tablet-freeform-field label {
      display: block;
      font-size: 11px;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: var(--gold);
      margin: 0 0 4px;
    }
    .tablet-freeform-field textarea {
      width: 100%;
      min-height: 128px;
      margin-bottom: 10px;
      padding: 12px 14px;
      border-radius: 8px;
      border: 1px solid rgba(101, 214, 178, .28);
      background: rgba(8, 14, 26, .85);
      color: var(--text);
      font-size: 15px;
      line-height: 1.45;
      resize: vertical;
    }
    #tablet-freeform-question {
      min-height: 140px;
      font-size: 16px;
    }
    .tablet-toolbar-power-shortcuts {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }
    .tablet-toolbar-power-shortcuts button {
      font-size: 11px;
      padding: 5px 10px;
      border-radius: 999px;
      border: 1px solid rgba(101, 214, 178, .35);
      background: rgba(101, 214, 178, .1);
      color: var(--text);
      cursor: pointer;
    }
    .tablet-toolbar-power-shortcuts button[data-tablet-lockbox-shortcut="true"] {
      border-color: rgba(215, 185, 106, .4);
      background: rgba(215, 185, 106, .1);
    }
    .tablet-lockbox-hero {
      border: 1px solid rgba(215, 185, 106, .35);
      border-radius: 12px;
      padding: 14px 16px;
      margin-bottom: 14px;
      background: rgba(215, 185, 106, .06);
    }
    .tablet-lockbox-hero h2 {
      margin: 0 0 6px;
      font-size: 18px;
      color: var(--gold);
    }
    .tablet-lockbox-receipt {
      border: 1px solid rgba(121, 167, 255, .28);
      border-radius: 10px;
      padding: 12px;
      margin: 12px 0;
      background: rgba(16, 28, 44, .45);
    }
    .tablet-lockbox-lock-btn {
      border-color: rgba(215, 185, 106, .55) !important;
      background: rgba(215, 185, 106, .18) !important;
      font-weight: 600;
    }
    .tablet-since-last-visit-first {
      margin-top: 0;
      margin-bottom: 12px;
    }
    .tablet-proof-skim-compact p,
    .tablet-proof-skim-compact li {
      font-size: 12px;
      line-height: 1.4;
      margin: 4px 0;
    }
    .tablet-proof-skim-compact ul {
      margin: 4px 0 0;
      padding-left: 16px;
    }
    .tablet-decide-moment-card {
      border: 2px solid rgba(215, 185, 106, .55);
      border-radius: 14px;
      padding: 16px;
      margin: 14px 0;
      background: linear-gradient(165deg, rgba(32, 28, 14, .55), rgba(12, 18, 32, .75));
      box-shadow: 0 0 24px rgba(215, 185, 106, .12);
    }
    .tablet-decide-moment-card h3 {
      margin: 0 0 6px;
      font-size: 16px;
      color: var(--gold);
    }
    .tablet-decide-moment-card button.full {
      font-size: 15px;
      font-weight: 700;
      padding: 14px;
      margin-top: 8px;
    }
    .tablet-decide-sheet-card {
      border-width: 2px;
      box-shadow: 0 0 32px rgba(215, 185, 106, .18), 0 18px 48px rgba(0, 0, 0, .45);
    }
    .tablet-engine-pulse-card {
      border: 1px solid rgba(91, 141, 239, .28);
      border-radius: 10px;
      padding: 12px 14px;
      margin: 10px 0;
      background: rgba(12, 20, 36, .55);
      font-size: 12px;
      line-height: 1.45;
    }
    .tablet-engine-pulse-card .pulse-dot { margin-right: 6px; }
    .tablet-recent-learning {
      border: 1px solid var(--card-border);
      border-radius: 10px;
      padding: 10px 12px;
      margin: 10px 0;
      background: rgba(12, 20, 36, .4);
    }
    .tablet-recent-learning li {
      font-size: 12px;
      padding: 5px 0;
      border-top: 1px solid rgba(43, 58, 95, .35);
    }
    .tablet-recent-learning li:first-child { border-top: 0; padding-top: 0; }
    .tablet-weak-proof-banner,
    .tablet-welcome-empty {
      border-radius: 10px;
      padding: 10px 12px;
      margin: 8px 0;
      font-size: 12px;
      line-height: 1.4;
    }
    .tablet-weak-proof-banner {
      border: 1px solid rgba(215, 185, 106, .35);
      background: rgba(32, 24, 12, .4);
    }
    .tablet-welcome-empty {
      border: 1px solid rgba(101, 214, 178, .22);
      background: rgba(12, 22, 38, .45);
    }
    .tablet-welcome-hero {
      border-radius: 14px;
      padding: 18px 20px;
      margin: 0 0 14px;
      border: 1px solid rgba(37, 99, 235, .18);
      background: linear-gradient(145deg, rgba(239, 246, 255, .95), rgba(255, 255, 255, .98));
      box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
    }
    body.platform-ui-v2 .tablet-welcome-hero h2 {
      margin: 0 0 6px;
      font-size: 22px;
      font-weight: 700;
      color: var(--text);
    }
    .tablet-welcome-steps {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 12px 0 10px;
    }
    .tablet-welcome-steps span {
      font-size: 11px;
      font-weight: 600;
      padding: 5px 10px;
      border-radius: 999px;
      background: #eff6ff;
      color: var(--blue);
      border: 1px solid rgba(37, 99, 235, .15);
    }
    .competitor-template-focus-rail {
      padding: 10px 20px 14px;
      max-width: 1280px;
      margin: 0 auto;
      border-bottom: 1px solid var(--line);
      background: #fafbfc;
    }
    .competitor-template-focus-rail .choice-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 6px;
    }
    .competitor-template-focus-rail .choice-grid button.tab {
      border-radius: 999px;
      padding: 6px 12px;
      font-size: 12px;
    }
    .competitor-template-focus-rail details {
      max-width: 1280px;
      margin: 0 auto;
      border-bottom: 1px solid var(--line);
      background: #fafbfc;
    }
    .competitor-template-focus-rail summary {
      list-style: none;
      cursor: pointer;
      padding: 10px 20px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      font-size: 12px;
      font-weight: 600;
      color: var(--text);
    }
    .competitor-template-focus-rail summary::-webkit-details-marker { display: none; }
    .competitor-template-focus-rail summary::after {
      content: "▸";
      color: var(--blue);
      font-size: 11px;
      transition: transform .15s;
    }
    .competitor-template-focus-rail details[open] summary::after { transform: rotate(90deg); }
    .competitor-template-focus-rail .kelly-step2-body {
      padding: 0 20px 14px;
    }
    .kelly-ask-forecast-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
      gap: 16px;
      margin: 0 0 18px;
      padding: 0;
    }
    @media (max-width: 900px) {
      .kelly-ask-forecast-hero { grid-template-columns: 1fr; }
    }
    .kelly-ask-stage,
    .kelly-forecast-stage {
      border-radius: 16px;
      padding: 20px 22px;
      border: 1px solid var(--line);
      box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
    }
    .kelly-ask-stage {
      background: linear-gradient(145deg, #ffffff 0%, #f8fbff 55%, #f0fdf8 100%);
      border-color: rgba(37, 99, 235, .22);
    }
    .kelly-forecast-stage {
      background: linear-gradient(145deg, #1e3a8a 0%, #312e81 48%, #4c1d95 100%);
      color: #f8fafc;
      border-color: rgba(124, 58, 237, .35);
      animation: kelly-forecast-glow 4s ease-in-out infinite;
    }
    @keyframes kelly-forecast-glow {
      0%, 100% { box-shadow: 0 12px 32px rgba(37, 99, 235, .22); }
      50% { box-shadow: 0 16px 40px rgba(124, 58, 237, .32); }
    }
    .kelly-ask-stage h2 {
      margin: 0 0 6px;
      font-size: 26px;
      font-weight: 800;
      letter-spacing: -0.03em;
      color: var(--text);
    }
    .kelly-ask-lead {
      margin: 0 0 14px;
      font-size: 13px;
      line-height: 1.5;
      color: var(--muted);
    }
    .kelly-today-ask-input {
      width: 100%;
      min-height: 112px;
      padding: 14px 16px;
      border-radius: 12px;
      border: 2px solid rgba(37, 99, 235, .2);
      background: #fff;
      color: var(--text);
      font-size: 16px;
      line-height: 1.45;
      resize: vertical;
      box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
    }
    .kelly-today-ask-input:focus {
      outline: none;
      border-color: var(--blue);
      box-shadow: 0 0 0 3px rgba(37, 99, 235, .18);
    }
    .kelly-today-ask-input::placeholder { color: #64748b; }
    .kelly-ask-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 12px;
    }
    .kelly-ask-hint {
      margin: 10px 0 0;
      font-size: 11px;
      line-height: 1.45;
    }
    .kelly-forecast-label {
      margin: 0 0 8px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(248, 250, 252, .82);
    }
    .kelly-forecast-pct {
      font-size: 56px;
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.04em;
      margin: 0 0 10px;
      color: #fff;
    }
    .kelly-forecast-pct.warming { font-size: 28px; opacity: .9; }
    .competitor-prob-value.kelly-read-pulse,
    .kelly-forecast-pct.kelly-read-pulse {
      animation: kellyReadPulse 1.2s ease-out 1;
    }
    @keyframes kellyReadPulse {
      0% { box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.45); }
      70% { box-shadow: 0 0 0 10px rgba(124, 58, 237, 0); }
      100% { box-shadow: 0 0 0 0 rgba(124, 58, 237, 0); }
    }
    .kelly-forecast-read {
      margin: 0 0 8px;
      font-size: 15px;
      line-height: 1.5;
      color: #f1f5f9;
    }
    .kelly-forecast-advisory {
      margin: 0;
      font-size: 12px;
      line-height: 1.45;
      color: rgba(226, 232, 240, .88);
      font-style: italic;
    }
    .kelly-forecast-firewall {
      margin: 8px 0 0;
      font-size: 10px;
      line-height: 1.4;
      opacity: 0.88;
    }
    .kelly-forecast-meta {
      margin-top: 12px;
      padding-top: 10px;
      border-top: 1px solid rgba(255, 255, 255, .18);
      font-size: 11px;
      color: rgba(226, 232, 240, .9);
    }
    .platform-feed-below-hero {
      margin-top: 8px;
    }
    .platform-feed-below-hero > summary {
      cursor: pointer;
      font-weight: 600;
      font-size: 13px;
      color: var(--muted);
      margin-bottom: 10px;
      list-style: none;
    }
    .platform-feed-below-hero > summary::-webkit-details-marker { display: none; }
    .tablet-region-line {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin-bottom: 10px;
      font-size: 12px;
    }
    .tablet-detected-focus {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin: 6px 0 10px;
      font-size: 12px;
    }
    .tablet-horizon-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin: 8px 0 4px;
    }
    .tablet-horizon-chips button {
      font-size: 11px;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid var(--card-border);
      background: rgba(16, 28, 44, .5);
      color: var(--text);
      cursor: pointer;
    }
    .tablet-horizon-chips button.active {
      border-color: rgba(101, 214, 178, .55);
      background: rgba(101, 214, 178, .14);
    }
    .tablet-horizon-date-picker {
      margin: 6px 0 2px;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }
    .tablet-horizon-date-picker input[type="date"] {
      font-size: 12px;
      padding: 6px 8px;
      border-radius: 8px;
      border: 1px solid var(--card-border);
      background: rgba(16, 28, 44, .65);
      color: var(--text);
    }
    .tablet-pin-forecast-block {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid rgba(43, 58, 95, .45);
    }
    .tablet-pin-forecast-block button.full:disabled {
      opacity: .45;
      cursor: not-allowed;
    }
    .tablet-template-labs-section {
      margin-bottom: 14px;
    }
    .tablet-lab-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin: 8px 0;
    }
    .tablet-lab-chips button {
      font-size: 11px;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid var(--card-border);
      background: rgba(16, 28, 44, .45);
      color: var(--text);
      cursor: pointer;
      text-align: left;
    }
    .tablet-lab-chips button.active {
      border-color: rgba(215, 185, 106, .45);
      background: rgba(215, 185, 106, .1);
    }
    .tablet-pinned-forecast-card {
      border: 1px solid rgba(101, 214, 178, .35);
      border-radius: 12px;
      padding: 14px;
      margin-bottom: 14px;
      background: rgba(12, 24, 40, .55);
    }
    .tablet-pinned-forecast-card h3 {
      margin: 0 0 8px;
      font-size: 13px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--mint);
    }
    .tablet-forecast-prob-line {
      font-size: 18px;
      font-weight: 700;
      margin: 6px 0;
    }
    .tablet-empirical-brier-hero {
      border-color: rgba(91, 141, 239, .35);
    }
    .tablet-toolbar-tagline {
      font-size: 10px;
      color: var(--muted);
      margin: 0;
      letter-spacing: .04em;
    }
    .tablet-toolbar-brand-block {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .tablet-act-step h3 {
      margin: 0 0 8px;
      font-size: 11px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--gold);
    }
    .tablet-proof-skim {
      border-left: 2px solid var(--violet-2);
      padding-left: 10px;
      margin: 8px 0;
      font-size: 13px;
    }
    .tablet-proof-skim p { margin: 4px 0; }
    .glass-door-carousel {
      display: flex;
      gap: 10px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      padding-bottom: 8px;
      margin-bottom: 12px;
    }
    .glass-door-card {
      flex: 0 0 78%;
      scroll-snap-align: start;
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 14px;
      background: rgba(16, 24, 49, .85);
      cursor: pointer;
      min-height: 120px;
    }
    .glass-door-card.active {
      border-color: var(--gold);
      box-shadow: 0 0 0 1px rgba(215, 185, 106, .2);
    }
    .glass-door-card h3 {
      margin: 0 0 6px;
      font-size: 11px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--gold);
    }
    .glass-door-card p { margin: 0; color: var(--soft); font-size: 14px; }
    .glass-door-detail {
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 14px;
      background: rgba(12, 18, 36, .9);
      margin-top: 10px;
    }
    .glass-door-detail ul { margin: 8px 0 0; padding-left: 1.1rem; color: var(--soft); }
    .glass-door-detail li { margin: 4px 0; }
    .pearl-ladder-coach {
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 12px 14px;
      margin: 12px 0;
      background: rgba(12, 18, 36, .55);
    }
    .pearl-ladder-coach h3 {
      margin: 0 0 8px;
      font-size: 13px;
      letter-spacing: .04em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .pearl-ladder-steps {
      display: grid;
      gap: 8px;
    }
    .pearl-ladder-step {
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 8px 10px;
      font-size: 12px;
      line-height: 1.4;
    }
    .pearl-ladder-step.active {
      border-color: rgba(101, 214, 178, .55);
      background: rgba(101, 214, 178, .08);
    }
    .pearl-ladder-step .pearl-formula {
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 11px;
      color: var(--blue);
    }
    .cognition-systems-coach {
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 12px 14px;
      margin: 12px 0;
      background: rgba(20, 24, 40, .5);
    }
    .cognition-systems-coach h3 {
      margin: 0 0 8px;
      font-size: 13px;
      letter-spacing: .04em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .cognition-slow-check {
      margin: 0;
      padding-left: 18px;
      font-size: 11px;
      line-height: 1.5;
    }
    .cognition-slow-check li { margin: 4px 0; }
    .tablet-lab-bridge {
      text-align: center;
      padding: 24px 12px;
    }
    .tablet-lab-bridge .button-link {
      display: inline-flex;
      margin-top: 16px;
      padding: 12px 20px;
      border-color: rgba(183, 156, 255, .5);
      background: rgba(88, 43, 169, .2);
    }
    .user-tablet-nav {
      display: none;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 4;
      border-top: 1px solid var(--line);
      background: rgba(11, 16, 32, .96);
      backdrop-filter: blur(10px);
      padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
      justify-content: space-around;
      gap: 4px;
    }
    .tablet-nav-btn {
      flex: 1 1 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
      border: 0;
      background: transparent;
      color: var(--muted);
      padding: 6px 4px;
      font-size: 10px;
      border-radius: 8px;
      min-height: 44px;
    }
    .tablet-nav-btn.active {
      color: var(--text);
      background: rgba(183, 156, 255, .12);
    }
    .tablet-nav-icon { font-size: 16px; line-height: 1; }
    .tablet-nav-btn .tablet-nav-label-short { display: none; }
    @media (max-width: 420px) {
      .tablet-nav-btn .tablet-nav-label-full { display: none; }
      .tablet-nav-btn .tablet-nav-label-short { display: inline; }
    }
    .kelly-settings-backdrop {
      position: fixed;
      inset: 0;
      z-index: 50;
      background: rgba(15, 23, 42, 0.45);
      backdrop-filter: blur(4px);
    }
    .kelly-settings-backdrop[hidden] { display: none !important; }
    .kelly-settings-panel {
      position: fixed;
      top: auto;
      right: 12px;
      bottom: 12px;
      z-index: 51;
      width: min(360px, calc(100vw - 24px));
      max-height: min(72vh, 560px);
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 12px;
      box-shadow: 0 12px 40px rgba(15, 23, 42, 0.22);
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
    .kelly-settings-panel[hidden] { display: none !important; }
    .kelly-settings-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 16px 18px;
      border-bottom: 1px solid var(--line);
    }
    .kelly-settings-head h2 { margin: 0; font-size: 18px; }
    .kelly-settings-body {
      flex: 1;
      overflow-y: auto;
      padding: 12px 18px 24px;
    }
    .kelly-settings-section {
      margin-bottom: 20px;
      padding-bottom: 16px;
      border-bottom: 1px solid var(--line);
    }
    .kelly-settings-section h3 {
      margin: 0 0 10px;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--muted);
    }
    .kelly-settings-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
      font-size: 14px;
    }
    .kelly-settings-row label { flex: 1; }
    .kelly-theme-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    .kelly-theme-swatch {
      display: grid;
      gap: 6px;
      padding: 10px;
      border: 2px solid var(--line);
      border-radius: 10px;
      background: var(--panel-2);
      cursor: pointer;
      text-align: left;
      font-size: 12px;
    }
    .kelly-theme-swatch.active {
      border-color: var(--blue);
      box-shadow: 0 0 0 1px var(--blue);
    }
    .kelly-theme-swatch-preview {
      display: flex;
      gap: 4px;
      height: 20px;
    }
    .kelly-theme-swatch-preview span {
      flex: 1;
      border-radius: 4px;
      border: 1px solid rgba(0,0,0,0.08);
    }
    .competitor-settings-btn {
      border: 1px solid var(--line);
      background: var(--panel);
      border-radius: 8px;
      padding: 8px 12px;
      font-size: 13px;
      cursor: pointer;
      color: var(--text);
    }
    .competitor-settings-btn:hover { background: var(--panel-2); }
    body[data-kelly-theme="welcome_aurora"].platform-ui-v2,
    body[data-kelly-theme="radar_light"].platform-ui-v2 {
      --bg: #eef5ff; --panel: #ffffff; --panel-2: #f4f8ff; --line: #c7d7f0;
      --text: #0c1629; --muted: #3d4f6f; --blue: #2563eb; --violet: #7c3aed;
      --green: #059669; --accent: #2563eb;
    }
    body[data-kelly-theme="warm_partner"].platform-ui-v2 {
      --bg: #f7f4ef; --panel: #fffcf7; --panel-2: #f3efe8; --blue: #c45c26; --accent: #c45c26;
    }
    body[data-kelly-theme="paper_gj"].platform-ui-v2 {
      --bg: #f5f5f0; --panel: #ffffff; --panel-2: #f0f0eb; --blue: #003366; --accent: #003366;
    }
    body[data-kelly-theme="dark_desk"].platform-ui-v2 {
      color-scheme: dark;
      --bg: #141820; --panel: #1e2430; --panel-2: #252b38; --line: #334155;
      --text: #f1f5f9; --muted: #94a3b8; --blue: #60a5fa; --accent: #60a5fa;
      --card: #1e2430; --card-elevated: #252b38; --card-border: #334155;
    }
    body[data-kelly-theme="high_contrast"].platform-ui-v2 {
      --bg: #000000; --panel: #ffffff; --panel-2: #f0f0f0; --line: #000000;
      --text: #000000; --muted: #333333; --blue: #0066cc; --accent: #0066cc;
    }
    body.platform-ui-v2.kelly-density-compact .tablet-surface { padding: 10px 12px; }
    body.platform-ui-v2.kelly-density-compact .competitor-question-card { padding: 10px 12px; }
    @media (prefers-reduced-motion: reduce), body.kelly-reduce-motion * {
      scroll-behavior: auto !important;
      animation-duration: 0.01ms !important;
      transition-duration: 0.01ms !important;
    }
    .tablet-getting-started { margin-bottom: 12px; }
    body.user-tablet .getting-started-rail { margin: 0; }
    body.progressive-experience .cockpit-lane-card .cockpit-advanced { display: none; }
    body.simple-experience .simple-hero-line {
      font-size: 15px;
      color: var(--text);
      margin: 0 0 8px;
    }
    body.simple-experience h1 { font-size: 22px; }
    .experience-pill {
      border-color: rgba(142, 213, 255, .35);
      color: var(--blue);
    }
    .engine-story-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .story-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 12px;
      background: linear-gradient(160deg, rgba(16, 24, 49, .9), rgba(12, 18, 36, .95));
      min-width: 0;
    }
    .story-card h3 {
      margin: 0 0 6px;
      font-size: 11px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--gold);
    }
    .story-card p {
      margin: 0;
      color: var(--soft);
      font-size: 13px;
      line-height: 1.45;
    }
    .story-card strong { color: var(--text); }
    .story-roadmap {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 8px;
    }
    .story-roadmap .pill { margin: 0; }
    .story-roadmap .pill.done { color: var(--green); border-color: rgba(101, 214, 178, .4); }
    .story-roadmap .pill.next { color: var(--gold); border-color: rgba(215, 185, 106, .45); }
    .story-roadmap .pill.later { opacity: 0.75; }
    @media (max-width: 980px) {
      .engine-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 520px) {
      .engine-story-grid { grid-template-columns: 1fr; }
    }
    .tabs {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 8px;
    }
    .tabs .tab {
      min-height: 42px;
      width: 100%;
      white-space: normal;
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .section-nav-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 10px;
      margin-bottom: 0;
    }
    .section-nav-toolbar h2 {
      margin: 0;
      font-size: 15px;
      flex: 0 0 auto;
    }
    .section-nav-toggle {
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 7px;
      padding: 5px 10px;
      font-size: 12px;
      cursor: pointer;
      white-space: nowrap;
      margin-left: auto;
      min-height: 32px;
    }
    .section-nav-toggle:hover { border-color: var(--gold); color: var(--text); }
    .section-nav-body {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid var(--line);
    }
    .section-nav-card.collapsed .section-nav-body { display: none; }
    .section-nav-card.collapsed { padding-bottom: 8px; }
    body.progressive-experience .section-nav-card,
    body.simple-experience .section-nav-card {
      padding: 8px 12px 6px;
    }
    body.progressive-experience .section-nav-card.collapsed,
    body.simple-experience .section-nav-card.collapsed {
      padding: 6px 12px;
    }
    .section-nav-peek {
      flex: 1 1 140px;
      min-width: 0;
      font-size: 11px;
      color: var(--muted);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0;
    }
    .section-nav-card:not(.collapsed) .section-nav-peek { display: none; }
    .collapse-panel .collapse-panel-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 4px 10px;
      align-items: center;
      padding-right: 28px;
    }
    .collapse-panel .collapse-panel-head h2,
    .collapse-panel .collapse-panel-head h3 {
      margin: 0;
      min-width: 0;
      grid-column: 1;
    }
    .collapse-panel-peek {
      margin: 0;
      font-size: 12px;
      color: var(--muted);
      min-width: 0;
      line-height: 1.35;
      grid-column: 1 / -1;
    }
    .collapse-panel .collapse-panel-toggle {
      grid-column: 2;
      grid-row: 1;
    }
    .collapse-panel-toggle {
      flex: 0 0 auto;
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 7px;
      padding: 4px 10px;
      font-size: 12px;
      min-height: 30px;
      cursor: pointer;
      white-space: nowrap;
    }
    .collapse-panel-toggle:hover { border-color: var(--gold); color: var(--text); }
    .collapse-panel:not(.is-open) .collapse-panel-body { display: none; }
    .collapse-panel.is-open .collapse-panel-head { margin-bottom: 10px; }
    .collapse-panel.is-open .collapse-panel-peek { display: none; }
    .collapse-panel:not(.is-open) .collapse-panel-head { margin-bottom: 0; }
    body.progressive-experience .collapse-panel:not(.is-open),
    body.simple-experience .collapse-panel:not(.is-open) {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    body.progressive-experience main.wrap,
    body.simple-experience main.wrap { padding-top: 8px; }
    body.progressive-experience .grid,
    body.simple-experience .grid { gap: 10px; }
    .collapse-panel-nested {
      margin-top: 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 10px 12px;
      background: #101831;
    }
    .collapse-panel-nested .collapse-panel-head h3 {
      font-size: 12px;
      text-transform: none;
      letter-spacing: 0;
      color: var(--text);
    }
    .section-nav-lead {
      margin: 0 0 10px;
      font-size: 13px;
      line-height: 1.45;
      color: var(--soft);
    }
    .section-nav-guide-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 8px;
      margin-bottom: 10px;
    }
    .section-nav-guide-item {
      border: 1px solid var(--line);
      background: #101831;
      border-radius: 8px;
      padding: 8px 10px;
      font-size: 12px;
    }
    .section-nav-guide-item.active {
      border-color: rgba(142, 213, 255, .45);
      box-shadow: 0 0 0 1px rgba(142, 213, 255, .12);
    }
    .section-nav-guide-item strong {
      display: block;
      margin-bottom: 4px;
      color: var(--text);
      font-size: 12px;
    }
    .section-nav-guide-item p {
      margin: 0;
      font-size: 11px;
      line-height: 1.35;
    }
    .section-nav-live {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
      margin-top: 8px;
      font-size: 12px;
    }
    .section-nav-live .live-summary {
      flex: 1 1 220px;
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }
    .section-nav-copy {
      margin: 0 0 8px;
      font-size: 12px;
      line-height: 1.35;
    }
    .category-nav,
    .view-pills,
    .view-tabs {
      display: flex;
      flex-wrap: nowrap;
      gap: 6px;
      margin-bottom: 0;
      min-width: 0;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
    }
    .category-nav {
      flex: 1 1 auto;
    }
    .view-pills {
      flex: 1 1 100%;
      margin-top: 2px;
    }
    .view-pills:empty,
    .view-pills[hidden] {
      display: none !important;
    }
    .category-btn,
    .view-pill,
    .view-tab {
      flex: 0 0 auto;
      padding: 5px 11px;
      font-size: 12px;
      min-height: 32px;
      white-space: nowrap;
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 7px;
      cursor: pointer;
    }
    .category-btn:hover,
    .view-pill:hover,
    .view-tab:hover { border-color: var(--gold); color: var(--text); }
    .category-btn.active,
    .view-pill.active,
    .view-tab.active { background: var(--blue); color: #07101c; border-color: var(--blue); }
    .category-btn.developer-locked,
    .view-pill.developer-locked {
      opacity: 0.55;
      cursor: not-allowed;
    }
    .section-nav-toolbar .nav-stack {
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex: 1 1 220px;
      min-width: 0;
    }
    .view-panel { display: none; }
    .view-panel.active { display: contents; }
    .sub-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }
    .sub-tab {
      border: 1px solid var(--line);
      background: #101831;
      color: var(--muted);
      border-radius: 999px;
      padding: 6px 12px;
      font-size: 12px;
      cursor: pointer;
      min-height: 34px;
    }
    .sub-tab.active {
      background: rgba(142, 213, 255, .16);
      color: var(--soft);
      border-color: rgba(142, 213, 255, .45);
    }
    .sub-panel { display: none; }
    .sub-panel.active { display: contents; }
    .section-nav-card {
      padding: 10px 14px 8px;
    }
    .section-nav-card.compact-chrome.collapsed .section-nav-toolbar {
      margin-bottom: 0;
    }
    .focus-panel {
      display: grid;
      gap: 10px;
      margin-top: 12px;
      border-top: 1px solid var(--line);
      padding-top: 12px;
    }
    .template-overview {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr);
      gap: 10px;
      align-items: stretch;
    }
    body.simple-experience .template-overview,
    body.progressive-experience .template-overview {
      grid-template-columns: 1fr;
      gap: 8px;
    }
    body.simple-experience .template-claims,
    body.progressive-experience .template-claims {
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }
    body.simple-experience .template-claim,
    body.progressive-experience .template-claim {
      padding: 8px 10px;
    }
    body.simple-experience .template-claim p,
    body.progressive-experience .template-claim p {
      font-size: 12px;
    }
    .template-lede,
    .template-claim,
    .focus-selected {
      border: 1px solid var(--line);
      background: #101831;
      border-radius: 7px;
      padding: 12px;
      min-width: 0;
    }
    .template-lede {
      display: grid;
      align-content: center;
      gap: 6px;
    }
    .template-lede h2 { margin-bottom: 0; }
    .template-lede p { margin-bottom: 0; }
    .template-claims {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .template-claim {
      display: grid;
      gap: 6px;
      align-content: start;
      min-height: 112px;
    }
    .template-claim p { margin-bottom: 0; }
    .focus-selected {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 10px;
      align-items: center;
    }
    .choice-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 8px;
    }
    .choice-grid button {
      width: 100%;
      min-height: 42px;
      white-space: normal;
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .focus-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }
    .focus-form {
      display: grid;
      grid-template-columns: minmax(160px, 1fr) auto;
      gap: 8px;
      align-items: center;
    }
    .focus-form.three {
      grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr) auto;
    }
    .header-controls {
      display: grid;
      grid-template-columns: 150px 130px minmax(0, 1fr);
      align-items: stretch;
      justify-content: stretch;
      gap: 8px;
    }
    .header-controls > .button-link,
    .header-controls > button {
      width: 100%;
      min-height: 38px;
    }
    .template-tabs-wrap {
      display: grid;
      gap: 6px;
      min-width: 0;
      width: 100%;
    }
    .template-tabs-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--muted);
    }
    #template-tabs {
      width: 100%;
      grid-template-columns: repeat(4, minmax(96px, 1fr));
    }
    .activity-strip {
      display: grid;
      grid-template-columns: 1.15fr repeat(5, minmax(128px, 1fr));
      gap: 8px;
      align-items: stretch;
    }
    .activity-card {
      position: relative;
      display: grid;
      gap: 4px;
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #101831;
      padding: 10px;
      overflow: hidden;
    }
    .activity-card::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 3px;
      background: var(--muted);
      opacity: .8;
    }
    .activity-card.green::before { background: var(--green); }
    .activity-card.gold::before { background: var(--gold); }
    .activity-card.red::before { background: var(--red); }
    .activity-label {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .08em;
    }
    .activity-value {
      display: flex;
      align-items: baseline;
      gap: 8px;
      min-width: 0;
      font-weight: 800;
      font-size: 18px;
      line-height: 1.15;
    }
    .activity-value span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .activity-detail {
      color: var(--muted);
      font-size: 12px;
      min-height: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .tick-light {
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: var(--gold);
      box-shadow: 0 0 0 rgba(215, 185, 106, 0);
      flex: 0 0 auto;
    }
    .tick-light.live {
      background: var(--green);
      animation: tickPulse 1.1s ease-out infinite;
    }
    .tick-light.stale {
      background: var(--red);
    }
    .header-status-peek.boot-stale {
      color: var(--gold);
    }
    .boot-stale-pill {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 10px;
      color: var(--gold);
      border: 1px solid rgba(215, 185, 106, .35);
      border-radius: 999px;
      padding: 2px 7px;
      margin-left: 6px;
    }
    .tablet-skeleton-line {
      height: 14px;
      border-radius: 6px;
      background: linear-gradient(90deg, #1a2440 0%, #243153 45%, #1a2440 100%);
      background-size: 200% 100%;
      animation: tabletSkeleton 1.2s ease-in-out infinite;
      margin: 6px 0;
    }
    .tablet-skeleton-line.hero { height: 28px; margin: 10px 0; }
    @keyframes tabletSkeleton {
      0% { background-position: 100% 0; }
      100% { background-position: -100% 0; }
    }
    @keyframes tickPulse {
      0% { box-shadow: 0 0 0 0 rgba(101, 214, 178, .42); }
      70% { box-shadow: 0 0 0 10px rgba(101, 214, 178, 0); }
      100% { box-shadow: 0 0 0 0 rgba(101, 214, 178, 0); }
    }
    .loop-proof-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(128px, 1fr));
      gap: 8px;
      margin-top: 10px;
    }
    .loop-proof-step {
      display: grid;
      gap: 5px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #0f1730;
      padding: 10px;
      min-width: 0;
    }
    .loop-proof-step strong {
      font-size: 13px;
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .loop-proof-step span {
      color: var(--muted);
      font-size: 12px;
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .loop-proof-step.green { border-color: rgba(101, 214, 178, .42); }
    .loop-proof-step.gold { border-color: rgba(215, 185, 106, .46); }
    .loop-proof-step.red { border-color: rgba(240, 138, 162, .46); }
    .panel-lead {
      margin: 0 0 12px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .proof-section-head {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 12px;
      align-items: start;
      margin-bottom: 12px;
    }
    .proof-section-head h2 { margin: 0 0 4px; }
    .proof-step-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border-radius: 999px;
      border: 1px solid rgba(142, 213, 255, .45);
      background: #101934;
      color: var(--blue);
      font-size: 12px;
      font-weight: 700;
      flex-shrink: 0;
      margin-top: 1px;
    }
    .proof-appendix .proof-step-pill {
      border-color: rgba(183, 156, 255, .45);
      color: var(--violet);
    }
    .proof-roadmap {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
      gap: 8px;
    }
    .proof-roadmap-step {
      display: grid;
      gap: 4px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #0f1730;
      padding: 10px;
      min-width: 0;
    }
    .proof-roadmap-step strong {
      font-size: 12px;
      color: var(--blue);
    }
    .proof-roadmap-step span {
      font-size: 12px;
      color: var(--muted);
      overflow-wrap: anywhere;
    }
    .card .plain-status {
      width: 100%;
    }
    .telemetry-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
      gap: 12px;
      align-items: stretch;
    }
    .learning-meter {
      display: grid;
      gap: 10px;
      border: 1px solid rgba(142, 213, 255, .32);
      border-radius: 8px;
      background: #101936;
      padding: 12px;
    }
    .learning-score {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
    }
    .learning-score strong {
      font-size: 32px;
      line-height: 1;
    }
    .signal-bars {
      display: grid;
      gap: 7px;
    }
    .signal-bar {
      display: grid;
      grid-template-columns: 94px minmax(0, 1fr) 48px;
      gap: 8px;
      align-items: center;
      color: var(--muted);
      font-size: 12px;
      min-width: 0;
    }
    .signal-bar > * { min-width: 0; overflow-wrap: anywhere; }
    .signal-track {
      height: 8px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #080c12;
      overflow: hidden;
    }
    .signal-track span {
      display: block;
      height: 100%;
      width: 0%;
      background: linear-gradient(90deg, var(--blue), var(--green));
      transition: width .45s ease;
    }
    .event-stream {
      display: grid;
      gap: 7px;
      max-height: 284px;
      overflow: auto;
      padding-right: 4px;
    }
    .event-row {
      display: grid;
      grid-template-columns: 54px minmax(0, .8fr) minmax(0, 1.4fr);
      gap: 8px;
      align-items: baseline;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #0f1730;
      padding: 8px;
      min-width: 0;
    }
    .event-row strong,
    .event-row span {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .upgrade-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 10px;
      margin-top: 10px;
    }
    .upgrade-card {
      display: grid;
      grid-template-rows: auto auto auto 1fr;
      gap: 9px;
      min-width: 0;
      min-height: 248px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #101831;
      padding: 12px;
    }
    .upgrade-card.green { border-color: rgba(101, 214, 178, .42); }
    .upgrade-card.gold { border-color: rgba(215, 185, 106, .46); }
    .upgrade-card.red { border-color: rgba(240, 138, 162, .46); }
    .upgrade-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: start;
    }
    .upgrade-head strong {
      min-width: 0;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .upgrade-meter {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 44px;
      gap: 8px;
      align-items: center;
      color: var(--muted);
      font-size: 12px;
    }
    .upgrade-track {
      height: 8px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #080c12;
      overflow: hidden;
    }
    .upgrade-track span {
      display: block;
      height: 100%;
      width: 0%;
      background: linear-gradient(90deg, var(--blue), var(--green));
      transition: width .45s ease;
    }
    .upgrade-metrics {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
    }
    .upgrade-mini {
      border: 1px solid rgba(84, 108, 151, .45);
      border-radius: 6px;
      padding: 7px;
      min-width: 0;
      background: #0c1328;
    }
    .upgrade-mini span,
    .upgrade-evidence span {
      display: block;
      color: var(--muted);
      font-size: 11px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .upgrade-mini strong,
    .upgrade-evidence strong {
      display: block;
      min-width: 0;
      overflow-wrap: anywhere;
      font-size: 12px;
    }
    .upgrade-evidence {
      display: grid;
      gap: 5px;
      align-self: end;
    }
    .upgrade-evidence div {
      min-width: 0;
      border-top: 1px solid rgba(84, 108, 151, .35);
      padding-top: 5px;
    }
    .tab.active { background: var(--gold); color: #1a1303; border-color: var(--gold); }
    .metric {
      display: grid;
      gap: 4px;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: var(--panel-2);
      min-width: 0;
    }
    .metric > * { min-width: 0; overflow-wrap: anywhere; }
    .metric strong { font-size: clamp(16px, 2.2vw, 22px); line-height: 1.2; }
    .metric .muted { font-size: 11px; line-height: 1.35; }
    .plain-status {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 12px;
      align-items: stretch;
    }
    .plain-status > * { min-width: 0; }
    #safe-mode-banner.safe-mode-persistent {
      border: 1px solid rgba(220, 80, 80, 0.55);
      box-shadow: 0 0 0 1px rgba(220, 80, 80, 0.15);
    }
    .callout {
      border: 1px solid rgba(183, 156, 255, .38);
      background: #111934;
      border-radius: 8px;
      padding: 14px;
    }
    .callout strong {
      display: block;
      font-size: 18px;
      margin-bottom: 6px;
    }
    .progress {
      height: 8px;
      width: 100%;
      background: #080c12;
      border: 1px solid var(--line);
      border-radius: 999px;
      overflow: hidden;
      margin-top: 8px;
    }
    .progress span {
      display: block;
      height: 100%;
      background: var(--gold);
      width: 0%;
    }
    .statement {
      display: grid;
      gap: 8px;
    }
    .statement strong {
      font-size: 18px;
    }
    .answer-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
      gap: 14px;
      align-items: start;
    }
    .forecast-read-block {
      display: grid;
      gap: 12px;
      margin: 8px 0 4px;
      padding: 12px;
      border: 1px solid rgba(142, 213, 255, .22);
      border-radius: 8px;
      background: rgba(8, 12, 28, .65);
    }
    .forecast-read-for { margin: 0; font-size: 12px; }
    .forecast-read-section {
      display: grid;
      gap: 4px;
      padding-top: 6px;
      border-top: 1px solid rgba(255, 255, 255, .06);
    }
    .forecast-read-section:first-of-type { border-top: 0; padding-top: 0; }
    .forecast-read-section strong { font-size: 15px; color: #e8f4ff; }
    .forecast-read-section.advisory p { margin: 4px 0 0; font-size: 12px; color: #b8c4e0; }
    .forecast-trend { margin: 0; font-size: 11px; }
    .answer-hero {
      display: grid;
      gap: 10px;
      border: 1px solid rgba(142, 213, 255, .34);
      background: #111934;
      border-radius: 8px;
      padding: 14px;
    }
    .answer-hero strong {
      display: block;
      font-size: 22px;
      line-height: 1.25;
    }
    .answer-metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    .answer-list {
      display: grid;
      grid-template-columns: repeat(5, minmax(220px, 1fr));
      gap: 10px;
      overflow-x: auto;
      padding-bottom: 2px;
    }
    .answer-card {
      display: grid;
      align-content: start;
      gap: 8px;
      min-height: 260px;
      border: 1px solid var(--line);
      background: #101832;
      border-radius: 7px;
      padding: 12px;
    }
    .answer-rank {
      color: var(--gold);
      font: 700 18px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    }
    .answer-card strong {
      font-size: 15px;
      line-height: 1.25;
    }
    .answer-card > * { min-width: 0; overflow-wrap: anywhere; }
    .why-better {
      display: grid;
      gap: 8px;
      border: 1px solid var(--line);
      background: #101832;
      border-radius: 7px;
      padding: 12px;
    }
    .example-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 14px;
    }
    .example-card {
      border: 1px solid rgba(142, 213, 255, .3);
      background: #0f1830;
      border-radius: 7px;
      padding: 12px;
      display: grid;
      gap: 6px;
    }
    .example-card strong {
      font-size: 14px;
    }
    .loop-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .loop-card {
      border: 1px solid var(--line);
      background: #101832;
      border-radius: 7px;
      padding: 12px;
      display: grid;
      gap: 6px;
      min-height: 170px;
    }
    .forecast-strip {
      border: 1px solid rgba(183, 156, 255, .42);
      background: #101936;
      border-radius: 8px;
      padding: 12px;
      display: grid;
      gap: 8px;
      margin-top: 12px;
    }
    .list { display: grid; gap: 8px; }
    .row {
      display: grid;
      gap: 6px;
      border: 1px solid var(--line);
      border-radius: 7px;
      padding: 10px;
      background: #101832;
      min-width: 0;
      overflow: hidden;
    }
    .row-title {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: baseline;
      font-weight: 700;
      min-width: 0;
    }
    .row > *,
    .row-title > * {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .muted { color: var(--muted); }
    .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
    .forms {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .full { grid-column: 1 / -1; }
    pre {
      margin: 0;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #070d1d;
      color: #dbe8f8;
      max-height: 420px;
      overflow: auto;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    @media (max-width: 980px) {
      .header-toolbar {
        gap: 8px;
      }
      .header-primary {
        flex: 1 1 100%;
        order: 3;
      }
      .header-util {
        margin-left: 0;
        flex: 1 1 auto;
      }
      .forms, .plain-status, .answer-layout, .answer-metrics, .example-grid, .loop-grid, .focus-form, .focus-form.three, .header-controls { grid-template-columns: 1fr; }
      .activity-strip, .loop-proof-grid, .proof-roadmap, .telemetry-layout { grid-template-columns: 1fr; }
      .template-overview, .template-claims, .focus-selected { grid-template-columns: 1fr; }
      .span-8, .span-6, .span-4, .span-3 { grid-column: span 12; }
      .wrap,
      .top,
      .header-controls,
      #template-tabs,
      .activity-strip,
      .activity-card,
      .card,
      .callout,
      .metric,
      .row {
        width: 100%;
        max-width: 100%;
        min-width: 0;
      }
      #template-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .button-link,
      button,
      .tabs .tab {
        min-width: 0;
      }
      .answer-list,
      .upgrade-grid {
        grid-template-columns: 1fr;
        overflow-x: visible;
      }
      .answer-card,
      .upgrade-card {
        min-width: 0;
        overflow: hidden;
      }
      .answer-card > *,
      .upgrade-card > *,
      .callout > *,
      .metric > *,
      .signal-bar > * {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
      }
      .event-row,
      .upgrade-head,
      .row-title {
        grid-template-columns: 1fr;
        display: grid;
      }
      .event-row strong,
      .event-row span {
        white-space: normal;
      }
    }
    @media (max-width: 520px) {
      .wrap { padding: 12px; }
      h1 { font-size: 22px; }
      #template-tabs {
        grid-template-columns: 1fr;
      }
      .signal-bar {
        grid-template-columns: 72px minmax(0, 1fr) 64px;
      }
      .pill {
        max-width: 100%;
        white-space: normal;
      }
    }

    /* patch-competitor-ui-overhaul-1 — Metaculus / GJ Open inspired layout */
    body.platform-ui-v2 {
      color-scheme: light;
      --bg: #eef5ff;
      --panel: #ffffff;
      --panel-2: #f4f8ff;
      --line: #c7d7f0;
      --text: #0c1629;
      --muted: #334155;
      --gold: #b45309;
      --green: #059669;
      --red: #dc2626;
      --blue: #2563eb;
      --violet: #7c3aed;
      --violet-2: #5b21b6;
      --soft: #1e293b;
      --card: #ffffff;
      --card-elevated: #ffffff;
      --card-border: #c7d7f0;
      --accent: var(--blue);
      --radius-card: 14px;
      --competitor-nav-h: 56px;
    }
    body.platform-ui-v2 {
      background:
        radial-gradient(ellipse 100% 70% at 8% -5%, rgba(124, 58, 237, .14), transparent 48%),
        radial-gradient(ellipse 80% 55% at 92% 2%, rgba(37, 99, 235, .12), transparent 42%),
        radial-gradient(ellipse 65% 45% at 50% 100%, rgba(5, 150, 105, .1), transparent 48%),
        linear-gradient(165deg, #eef5ff 0%, #f8faff 50%, #f0fdf8 100%);
      background-attachment: fixed;
      color: var(--text);
      font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    body.platform-ui-v2 header.header-compact { display: none !important; }
    body.platform-ui-v2 .tablet-unified-toolbar {
      display: block !important;
      position: sticky;
      top: 0;
      z-index: 40;
      background: #fff;
      border-bottom: 1px solid var(--line);
      box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
      padding: 0;
      margin: 0;
    }
    body.platform-ui-v2 .competitor-top-nav {
      display: flex;
      align-items: center;
      gap: 8px;
      max-width: 1280px;
      margin: 0 auto;
      padding: 6px 16px;
      flex-wrap: wrap;
    }
    body.platform-ui-v2 .competitor-logo {
      font-size: 18px;
      font-weight: 700;
      color: var(--blue);
      letter-spacing: -0.02em;
      margin: 0;
      white-space: nowrap;
    }
    body.platform-ui-v2 .competitor-logo span { color: var(--muted); font-weight: 500; font-size: 12px; display: block; }
    body.platform-ui-v2 .competitor-logo-compact {
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    body.platform-ui-v2 .competitor-logo-compact span {
      display: inline;
      font-size: 11px;
      font-weight: 500;
      margin-left: 8px;
      text-transform: none;
      letter-spacing: 0;
    }
    body.platform-ui-v2 .competitor-nav-links {
      display: flex;
      gap: 4px;
      flex: 1 1 auto;
      flex-wrap: wrap;
      align-items: center;
    }
    body.platform-ui-v2 .competitor-nav-links button,
    body.platform-ui-v2 .competitor-nav-links a {
      border: none;
      background: transparent;
      color: var(--muted);
      font-size: 13px;
      font-weight: 500;
      padding: 8px 12px;
      border-radius: 8px;
      text-decoration: none;
      cursor: pointer;
    }
    body.platform-ui-v2 .competitor-nav-links button:hover,
    body.platform-ui-v2 .competitor-nav-links a:hover { background: var(--panel-2); color: var(--text); }
    body.platform-ui-v2 .competitor-nav-links button.active { background: #eff6ff; color: var(--blue); font-weight: 600; }
    body.platform-ui-v2 .competitor-nav-search-wrap {
      flex: 1 1 220px;
      max-width: 360px;
      min-width: 160px;
    }
    body.platform-ui-v2 .competitor-nav-search-wrap input {
      width: 100%;
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 9px 16px;
      background: var(--panel-2);
      font-size: 13px;
    }
    body.platform-ui-v2 .competitor-nav-search-wrap input:focus {
      outline: 2px solid rgba(37, 99, 235, .25);
      border-color: var(--blue);
      background: #fff;
    }
    body.platform-ui-v2 .competitor-staff-picks {
      display: none !important;
    }
    .tablet-learning-template-picker {
      margin: 0 0 18px;
      padding: 14px 16px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: #f8fafc;
    }
    .tablet-learning-lab-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .tablet-learning-lab-chips button {
      border: 1px solid var(--line);
      background: #fff;
      color: var(--text);
      border-radius: 999px;
      padding: 6px 14px;
      font-size: 12px;
      font-weight: 500;
      cursor: pointer;
    }
    .tablet-learning-lab-chips button:hover { border-color: var(--blue); color: var(--blue); }
    .tablet-learning-lab-chips button.active {
      background: var(--blue);
      border-color: var(--blue);
      color: #fff;
    }
    .tablet-learning-focus { margin-top: 12px; }
    body.platform-ui-v2 .competitor-staff-picks button {
      border: 1px solid var(--line);
      background: #fff;
      color: var(--text);
      border-radius: 999px;
      padding: 6px 14px;
      font-size: 12px;
      font-weight: 500;
    }
    body.platform-ui-v2 .competitor-staff-picks button:hover { border-color: var(--blue); color: var(--blue); }
    body.platform-ui-v2 .competitor-staff-picks button.active {
      background: var(--blue);
      border-color: var(--blue);
      color: #fff;
    }
    body.platform-ui-v2 .user-tablet-shell {
      max-width: 1280px;
      margin: 0 auto;
      padding: 16px 20px 48px;
    }
    body.platform-ui-v2 .competitor-layout {
      display: grid;
      grid-template-columns: 200px minmax(0, 1fr) 260px;
      gap: 20px;
      align-items: start;
    }
    @media (max-width: 1024px) {
      body.platform-ui-v2 .competitor-layout { grid-template-columns: minmax(0, 1fr); }
      body.platform-ui-v2 .competitor-topic-rail,
      body.platform-ui-v2 .competitor-track-sidebar { display: none; }
    }
    body.platform-ui-v2 .competitor-topic-rail {
      position: sticky;
      top: calc(var(--competitor-nav-h) + 12px);
    }
    body.platform-ui-v2 .competitor-topic-rail h3,
    body.platform-ui-v2 .competitor-track-sidebar h3 {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--muted);
      margin: 0 0 10px;
      font-weight: 600;
    }
    body.platform-ui-v2 .competitor-topic-list {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    body.platform-ui-v2 .competitor-topic-list button {
      text-align: left;
      border: none;
      background: transparent;
      padding: 8px 10px;
      border-radius: 8px;
      font-size: 13px;
      color: var(--text);
      width: 100%;
    }
    body.platform-ui-v2 .competitor-topic-list button:hover { background: var(--panel-2); }
    body.platform-ui-v2 .competitor-topic-list button.active { background: #eff6ff; color: var(--blue); font-weight: 600; }
    body.platform-ui-v2 .competitor-question-card {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: var(--radius-card);
      padding: 24px;
      box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
      margin-bottom: 16px;
    }
    body.platform-ui-v2 .competitor-question-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      margin-bottom: 12px;
      font-size: 12px;
      color: var(--muted);
    }
    body.platform-ui-v2 .competitor-topic-pill {
      background: #eff6ff;
      color: var(--blue);
      padding: 3px 10px;
      border-radius: 999px;
      font-weight: 600;
      font-size: 11px;
    }
    body.platform-ui-v2 .competitor-question-title {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.3;
      margin: 0 0 20px;
      letter-spacing: -0.02em;
    }
    body.platform-ui-v2 .competitor-probability-hero {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 8px 16px;
      margin-bottom: 20px;
      padding: 16px 0;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }
    body.platform-ui-v2 .competitor-prob-value {
      font-size: 48px;
      font-weight: 800;
      line-height: 1;
      color: var(--green);
      letter-spacing: -0.03em;
    }
    body.platform-ui-v2 .competitor-prob-value.low { color: var(--red); }
    body.platform-ui-v2 .competitor-prob-value.mid { color: #d97706; }
    body.platform-ui-v2 .competitor-prob-value span { font-size: 24px; font-weight: 600; }
    body.platform-ui-v2 .competitor-prob-label {
      font-size: 18px;
      font-weight: 600;
      color: var(--muted);
    }
    body.platform-ui-v2 .competitor-prob-engine {
      flex: 1 1 100%;
      font-size: 13px;
      color: var(--muted);
    }
    body.platform-ui-v2 .competitor-slider-row {
      margin: 16px 0;
    }
    body.platform-ui-v2 .competitor-slider-row label {
      display: flex;
      justify-content: space-between;
      font-size: 13px;
      font-weight: 600;
      margin-bottom: 8px;
    }
    body.platform-ui-v2 .competitor-slider-row input[type="range"] {
      width: 100%;
      accent-color: var(--blue);
      height: 6px;
    }
    body.platform-ui-v2 .competitor-card-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 16px;
    }
    body.platform-ui-v2 .competitor-card-actions .competitor-btn-primary {
      background: var(--blue);
      border: none;
      color: #fff;
      font-weight: 600;
      padding: 10px 20px;
      border-radius: 8px;
      font-size: 14px;
    }
    body.platform-ui-v2 .competitor-card-actions .competitor-btn-primary:hover { background: #1d4ed8; }
    body.platform-ui-v2 .competitor-card-actions .competitor-btn-secondary {
      background: #fff;
      border: 1px solid var(--line);
      color: var(--text);
      font-weight: 500;
      padding: 10px 16px;
      border-radius: 8px;
      font-size: 13px;
    }
    body.platform-ui-v2 .competitor-track-sidebar {
      position: sticky;
      top: calc(var(--competitor-nav-h) + 12px);
    }
    body.platform-ui-v2 .competitor-track-card {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: var(--radius-card);
      padding: 16px;
      margin-bottom: 12px;
    }
    body.platform-ui-v2 .competitor-track-stat {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      padding: 8px 0;
      border-bottom: 1px solid var(--line);
      font-size: 13px;
    }
    body.platform-ui-v2 .competitor-track-stat:last-child { border-bottom: none; }
    body.platform-ui-v2 .competitor-track-stat strong { font-size: 18px; color: var(--text); }
    body.platform-ui-v2 .competitor-feed-card {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: var(--radius-card);
      padding: 16px;
      margin-bottom: 10px;
      cursor: pointer;
      transition: border-color .15s, box-shadow .15s;
    }
    body.platform-ui-v2 .competitor-feed-card:hover {
      border-color: var(--blue);
      box-shadow: 0 2px 8px rgba(37, 99, 235, .08);
    }
    body.platform-ui-v2 .competitor-feed-card h4 {
      margin: 0 0 8px;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.35;
    }
    body.platform-ui-v2 .competitor-feed-pct {
      font-size: 20px;
      font-weight: 700;
      color: var(--blue);
    }
    body.platform-ui-v2 .tablet-loop-progress {
      background: var(--panel-2);
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 10px 12px;
      margin-bottom: 16px;
    }
    body.platform-ui-v2 .tablet-loop-progress-step { color: var(--muted); }
    body.platform-ui-v2 .tablet-loop-progress-step.active { color: var(--blue); background: #eff6ff; }
    body.platform-ui-v2 .tablet-loop-progress-step.done { color: var(--green); }
    body.platform-ui-v2 .tablet-action-drawer {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: var(--radius-card);
      margin-bottom: 10px;
    }
    body.platform-ui-v2 .tablet-action-drawer summary {
      padding: 12px 16px;
      font-weight: 600;
      font-size: 13px;
    }
    body.platform-ui-v2 .tablet-action-drawer-body { padding: 0 16px 16px; }
    body.platform-ui-v2 .tablet-primary-action {
      background: transparent;
      border: none;
      padding: 0;
    }
    body.platform-ui-v2 .tablet-primary-title { font-size: 16px; }
    body.platform-ui-v2 .tablet-ask-kelly-section,
    body.platform-ui-v2 .tablet-engine-read-landmark,
    body.platform-ui-v2 .tablet-kelly-display,
    body.platform-ui-v2 .tablet-horizon-global,
    body.platform-ui-v2 .tablet-product-flow,
    body.platform-ui-v2 .tablet-my-read,
    body.platform-ui-v2 .tablet-preset-collapsible {
      background: var(--card);
      border-color: var(--line);
      color: var(--text);
    }
    body.platform-ui-v2 .tablet-freeform-field textarea,
    body.platform-ui-v2 .tablet-freeform-field input {
      background: #fff;
      border: 1px solid var(--line);
      color: var(--text);
    }
    body.platform-ui-v2 .tablet-freeform-field textarea:focus {
      border-color: var(--blue);
      box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
    }
    body.platform-ui-v2 .tablet-freeform-field label { color: var(--blue); }
    body.platform-ui-v2 .tablet-welcome-hero {
      background: linear-gradient(145deg, #fff 0%, #eff6ff 100%);
      border-color: rgba(37, 99, 235, .2);
    }
    body.platform-ui-v2 .tablet-welcome-hero h2 { color: var(--text); }
    body.platform-ui-v2 .tablet-read-hero { color: var(--text); }
    body.platform-ui-v2 .competitor-template-focus-rail details { background: #f8fafc; }
    body.platform-ui-v2 .competitor-template-focus-rail .choice-grid button.tab {
      background: #fff;
      border: 1px solid var(--line);
      color: var(--text);
    }
    body.platform-ui-v2 .competitor-template-focus-rail .choice-grid button.tab.active {
      background: var(--blue);
      border-color: var(--blue);
      color: #fff;
    }
    body.platform-ui-v2 .kelly-ask-hint { color: #475569; }
    body.platform-ui-v2 .competitor-btn-primary {
      background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
      border: none;
      color: #fff;
      font-weight: 600;
      padding: 10px 18px;
      border-radius: 10px;
      box-shadow: 0 4px 14px rgba(37, 99, 235, .28);
    }
    body.platform-ui-v2 .competitor-btn-secondary {
      background: #fff;
      border: 1px solid var(--line);
      color: var(--text);
      padding: 10px 16px;
      border-radius: 10px;
    }
    body.platform-ui-v2 .tablet-toolbar-top,
    body.platform-ui-v2 .tablet-scroll-nav,
    body.platform-ui-v2 .tablet-nav-search,
    body.platform-ui-v2 .tablet-section-label + .tablet-template-chips,
    body.platform-ui-v2 .tablet-today-context { display: none !important; }
    body.platform-ui-v2 button { background: #fff; border-color: var(--line); color: var(--text); }
    body.platform-ui-v2 button:hover { border-color: var(--blue); }
    body.platform-ui-v2 .pill { border-radius: 999px; font-size: 11px; font-weight: 600; }
    body.platform-ui-v2 .pill.green { background: #ecfdf5; color: var(--green); border: 1px solid #a7f3d0; }
    body.platform-ui-v2 .pill.blue { background: #eff6ff; color: var(--blue); border: 1px solid #bfdbfe; }
    body.platform-ui-v2 .pill.gold { background: #fffbeb; color: var(--gold); border: 1px solid #fde68a; }
    body.platform-ui-v2 .pill.red { background: #fef2f2; color: var(--red); border: 1px solid #fecaca; }
    body.platform-ui-v2 .muted { color: var(--muted); }
    body.platform-ui-v2 .tablet-meta-row { display: none; }
    body.platform-ui-v2 .tablet-product-flow { display: none; }
    body.platform-ui-v2 .platform-competitor-badge {
      font-size: 11px;
      color: var(--muted);
      margin: 0 0 12px;
      padding: 6px 12px;
      background: #eff6ff;
      border-radius: 8px;
      border: 1px solid #bfdbfe;
    }
    body.platform-ui-v2 .platform-layout {
      display: grid;
      grid-template-columns: 240px minmax(0, 1fr);
      gap: 20px;
      align-items: start;
    }
    @media (max-width: 900px) {
      body.platform-ui-v2 .platform-layout { grid-template-columns: 1fr; }
      body.platform-ui-v2 .platform-sidebar { display: none; }
    }
    body.platform-ui-v2 .platform-sidebar {
      position: sticky;
      top: calc(var(--competitor-nav-h) + 16px);
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    body.platform-ui-v2 .platform-card {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: var(--radius-card);
      padding: 16px;
    }
    body.platform-ui-v2 .platform-card h3 {
      margin: 0 0 8px;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--muted);
      font-weight: 600;
    }
    body.platform-ui-v2 .platform-score-big {
      font-size: 32px;
      font-weight: 800;
      line-height: 1;
      color: var(--blue);
      letter-spacing: -0.02em;
    }
    body.platform-ui-v2 .platform-score-label {
      font-size: 12px;
      color: var(--muted);
      margin: 4px 0 0;
    }
    body.platform-ui-v2 .platform-leaderboard-row {
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      padding: 6px 0;
      border-bottom: 1px solid var(--line);
    }
    body.platform-ui-v2 .platform-leaderboard-row:last-child { border-bottom: none; }
    body.platform-ui-v2 .platform-tag {
      display: inline-block;
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      padding: 2px 8px;
      border-radius: 999px;
      background: #eff6ff;
      color: var(--blue);
    }
    body.platform-ui-v2 .platform-tag.gold { background: #fffbeb; color: #b45309; }
    body.platform-ui-v2 .platform-feed-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12px;
      gap: 12px;
    }
    body.platform-ui-v2 .platform-feed-header h2 {
      margin: 0;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: -0.02em;
    }
    body.platform-ui-v2 .platform-category-nav {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 16px;
      padding-bottom: 12px;
      border-bottom: 1px solid var(--line);
    }
    body.platform-ui-v2 .platform-category-pill {
      border: 1px solid var(--line);
      background: #fff;
      color: var(--text);
      border-radius: 999px;
      padding: 6px 14px;
      font-size: 12px;
      font-weight: 500;
      cursor: pointer;
    }
    body.platform-ui-v2 .platform-category-pill:hover { border-color: var(--blue); color: var(--blue); }
    body.platform-ui-v2 .platform-category-pill.active {
      background: var(--blue);
      border-color: var(--blue);
      color: #fff;
    }
    body.platform-ui-v2 .platform-feed {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-bottom: 20px;
    }
    body.platform-ui-v2 .platform-question-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      width: 100%;
      text-align: left;
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: var(--radius-card);
      padding: 18px 20px;
      cursor: pointer;
      transition: border-color .15s, box-shadow .15s;
    }
    body.platform-ui-v2 .platform-question-card:hover {
      border-color: var(--blue);
      box-shadow: 0 4px 12px rgba(37, 99, 235, .1);
    }
    body.platform-ui-v2 .platform-question-card.active-focus {
      border-color: var(--blue);
      background: linear-gradient(135deg, #fff 0%, #eff6ff 100%);
    }
    body.platform-ui-v2 .platform-question-card.pending {
      border-color: #fde68a;
      background: #fffbeb;
    }
    body.platform-ui-v2 .platform-q-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      margin-bottom: 6px;
      font-size: 11px;
      color: var(--muted);
    }
    body.platform-ui-v2 .platform-q-title {
      margin: 0;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.35;
      color: var(--text);
    }
    body.platform-ui-v2 .platform-q-prob {
      flex: 0 0 auto;
      text-align: center;
      min-width: 72px;
    }
    body.platform-ui-v2 .platform-q-prob strong {
      display: block;
      font-size: 28px;
      font-weight: 800;
      color: var(--blue);
      line-height: 1;
    }
    body.platform-ui-v2 .platform-q-prob span {
      display: block;
      font-size: 11px;
      color: var(--muted);
      margin-top: 4px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }
    body.platform-ui-v2 .platform-question-card.pending .platform-q-prob strong { color: #b45309; }
    body.platform-ui-v2 .tablet-primary-action .tablet-section-label { display: none; }
    body.platform-ui-v2 .tablet-primary-title { font-size: 18px; font-weight: 700; }