/* r193 — dark premium redesign (production/r193/PLAN.md). Layered over style.css: page-level surfaces go dark;
   the interactive demo windows that mimic the app (walkthrough preview, agent panel, decision card) stay cream,
   like the real app screens. One accent: the logo's cyan. */
@font-face { font-family: 'Geist'; src: url(/fonts/geist.woff2) format('woff2'); font-weight: 100 900; font-display: swap; }
:root {
  --bg: #07090b; --bg-2: #0c1114; --card: #10171b; --card-2: #141d22; --line: #1f2a30; --line-2: #2b3a42;
  --text: #f2f4f5; --muted: #8e979c; --accent: #2bc0da; --accent-ink: #001014;
  --display: 'Geist', 'Segoe UI', system-ui, sans-serif; --mono: ui-monospace, 'Cascadia Mono', 'SFMono-Regular', Consolas, monospace;
  color-scheme: dark;
}
body.r193 { background: var(--bg); color: var(--text); font-family: var(--display); }
body.r193 :is(h1, h2, h3, h4) { font-family: var(--display); color: var(--text); letter-spacing: -0.035em; }
body.r193 :is(h1, h2) em, body.r193 :is(h1, h2) span:not([data-icon]) { color: var(--accent); font-style: normal; }
body.r193 p, body.r193 .lede { color: var(--muted); }
body.r193 .eyebrow { color: var(--muted); }
.mono, body.r193 .eyebrow.mono { font-family: var(--mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; }

/* ---------------------------------------------------------------- buttons, links */
.btn, body.r193 .button { display: inline-flex; align-items: center; gap: 8px; padding: 14px 22px; border-radius: 999px; border: 0;
  background: var(--accent); color: var(--accent-ink); font: 600 16px var(--display); text-decoration: none; cursor: pointer; transition: transform .2s, background .2s; }
.btn:hover, body.r193 .button:hover { transform: translateY(-1px); background: #5fd3e6; }
.btn.ghost, body.r193 .button.outline { background: transparent; color: var(--text); box-shadow: inset 0 0 0 1px var(--line-2); }
.btn.ghost:hover, body.r193 .button.outline:hover { box-shadow: inset 0 0 0 1px var(--accent); background: transparent; }
.text-link, body.r193 .text-button { background: none; border: 0; color: var(--accent); font: 600 15px var(--display); cursor: pointer; padding: 0; }
body.r193 a { color: inherit; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

/* ---------------------------------------------------------------- loader (Hubtown) */
.loader { position: fixed; inset: 0; z-index: 100; background: var(--bg); display: grid; place-items: center; transition: opacity .6s, visibility .6s; }
.loader.done { opacity: 0; visibility: hidden; }
.loader-mark { display: grid; justify-items: center; gap: 18px; }
.loader-mark img { width: 220px; height: auto; }
.loader-bar { width: 220px; height: 2px; background: var(--line); overflow: hidden; }
.loader-bar i { display: block; height: 100%; background: var(--accent); transform-origin: 0 50%; transform: scaleX(0); transition: transform .3s; }
.loader p { color: var(--muted); margin: 0; }
@media (prefers-reduced-motion: reduce) { .loader { transition: none; } }

/* ---------------------------------------------------------------- HUD frame + corner notes (Igloo / Hubtown) */
.hud-frame { position: absolute; inset: 18px; border: 1px solid rgba(242, 244, 245, .12); border-radius: 4px; pointer-events: none; z-index: 3; }
.hud-frame::before, .hud-frame::after { content: ''; position: absolute; width: 14px; height: 14px; border: solid var(--accent); }
.hud-frame::before { left: -1px; top: -1px; border-width: 2px 0 0 2px; }
.hud-frame::after { right: -1px; bottom: -1px; border-width: 0 2px 2px 0; }
.loader .hud-frame { position: fixed; }
.hud { position: absolute; z-index: 4; margin: 0; color: rgba(242, 244, 245, .7); pointer-events: none; }
.hud-tl { left: 40px; top: 92px; } .hud-tr { right: 40px; top: 92px; text-align: right; }
.hud-bl { left: 40px; bottom: 36px; } .hud-br { right: 40px; bottom: 36px; text-align: right; }

/* ---------------------------------------------------------------- header over the film */
body.r193 .site-header { position: fixed; inset: 0 0 auto 0; z-index: 50; background: transparent; border: 0; box-shadow: none; padding: 22px 40px;
  transition: background .3s, padding .3s; }
body.r193:not(.over-film) .site-header { background: rgba(7, 9, 11, .78); backdrop-filter: blur(14px); padding: 12px 40px; border-bottom: 1px solid var(--line); }
body.r193 .site-header .brand img { width: 170px; height: auto; }
body.r193 #site-nav a { color: rgba(242, 244, 245, .82); font-family: var(--display); }
body.r193 #site-nav a:hover { color: var(--text); }
body.r193 .header-actions .button { padding: 10px 18px; font-size: 14px; }
body.r193 .menu-toggle { color: var(--text); }

/* ---------------------------------------------------------------- 1–2 hero + scroll film (Primland) */
.flight { position: relative; height: 820vh; background: #000; }
.flight-stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
#flight-canvas, .flight-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#flight-canvas { opacity: 0; transition: opacity .4s; } #flight-canvas.on { opacity: 1; }
.flight-shade { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(7, 9, 11, .55) 0%, rgba(7, 9, 11, 0) 22%, rgba(7, 9, 11, 0) 55%, rgba(7, 9, 11, .78) 100%),
              linear-gradient(90deg, rgba(7, 9, 11, .78) 0%, rgba(7, 9, 11, .35) 34%, rgba(7, 9, 11, 0) 58%); }
.chapter { position: absolute; z-index: 5; left: clamp(40px, 9vw, 150px); bottom: clamp(90px, 15vh, 170px); max-width: 620px;
  opacity: 0; transform: translateY(28px); transition: opacity .5s, transform .6s cubic-bezier(.2, .8, .2, 1); pointer-events: none; }
.chapter.is-current { opacity: 1; transform: none; pointer-events: auto; }
.chapter h1, .chapter h2 { font-size: clamp(34px, 4.3vw, 66px); line-height: .98; margin: 14px 0 18px; font-weight: 600; text-wrap: balance; }
.chapter p { font-size: clamp(16px, 1.35vw, 20px); color: rgba(242, 244, 245, .84); max-width: 520px; }
.chapter .eyebrow { color: rgba(242, 244, 245, .78); }
.hero-chapter { left: 50%; bottom: auto; top: 50%; max-width: 900px; width: calc(100% - 64px); text-align: center; transform: translate(-50%, -44%); }
.hero-chapter.is-current { transform: translate(-50%, -50%); }
.hero-chapter h1 { font-size: clamp(42px, 6.2vw, 98px); text-shadow: 0 6px 40px rgba(0, 0, 0, .45); }
.hero-chapter::before { content: ''; position: absolute; inset: -18% -12%; z-index: -1; background: radial-gradient(closest-side, rgba(7, 9, 11, .62), rgba(7, 9, 11, 0)); }
.hero-chapter p { margin: 0 auto 26px; }
.hero-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.chapter .btn { margin-top: 6px; }
.local-first-link { display: inline-block; margin-top: 22px; color: rgba(242, 244, 245, .8); font-size: 14px; text-decoration: none; }
.chapter-index { position: absolute; z-index: 5; left: 40px; top: 50%; transform: translateY(-50%); display: grid; gap: 4px; }
.chapter-index button { all: unset; cursor: pointer; color: rgba(242, 244, 245, .45); padding: 6px 0 6px 18px; position: relative; font: inherit; }
.chapter-index button::before { content: ''; position: absolute; left: 0; top: 50%; width: 8px; height: 1px; background: currentColor; transition: width .3s; }
.chapter-index button[aria-current] { color: var(--text); } .chapter-index button[aria-current]::before { width: 12px; background: var(--accent); }
.chapter-index button:focus-visible { outline: 2px solid var(--accent); }
.flight-progress { position: absolute; z-index: 5; left: 40px; right: 40px; bottom: 26px; height: 1px; background: rgba(242, 244, 245, .16); }
.flight-progress i { display: block; height: 100%; background: var(--accent); transform-origin: 0 50%; transform: scaleX(0); }
@media (max-width: 760px) {
  .chapter-index, .hud-tr, .hud-br { display: none; }
  .hud-tl { left: 28px; } .hud-bl { left: 28px; bottom: 34px; }
  .chapter { left: 24px; right: 24px; bottom: 96px; }
  .flight-shade { background: linear-gradient(180deg, rgba(7, 9, 11, .6) 0%, rgba(7, 9, 11, 0) 25%, rgba(7, 9, 11, 0) 45%, rgba(7, 9, 11, .88) 100%); }
}

/* ---------------------------------------------------------------- 3 landmarks (Igloo) */
.landmarks { position: relative; height: 520vh; background: radial-gradient(120% 80% at 70% 60%, #0d1a20 0%, var(--bg) 60%); }
.landmarks-stage, .team-stage, .flow-stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
#landmark-canvas, #team-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.landmarks-copy { position: absolute; z-index: 5; left: clamp(40px, 7vw, 120px); top: 96px; bottom: 60px; width: min(420px, 36vw); overflow: hidden; }
.landmarks-copy h2 { font-size: clamp(32px, 3.4vw, 52px); }
.landmarks-copy h2, .team-copy h2, .flow-copy h2, body.r193 .section h2 { font-size: clamp(36px, 4.2vw, 64px); line-height: 1; margin: 12px 0 22px; font-weight: 600; }
.landmark-tabs { display: grid; gap: 6px; margin-bottom: 18px; }
.landmark-tabs button { all: unset; cursor: pointer; display: flex; gap: 14px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 18px; transition: color .2s; }
.landmark-tabs button b { color: var(--muted); font-size: 12px; }
.landmark-tabs button[aria-pressed="true"] { color: var(--text); } .landmark-tabs button[aria-pressed="true"] b { color: var(--accent); }
.landmark-tabs button:focus-visible { outline: 2px solid var(--accent); }
body.r193 .landmarks .building-details { background: rgba(16, 23, 27, .82); border: 1px solid var(--line); border-radius: 18px; padding: 18px; backdrop-filter: blur(8px); margin-bottom: 14px; color: var(--text); }
body.r193 .landmarks .building-details .building-thumb { display: none; }
body.r193 .landmarks .building-details h3 { font-size: 22px; margin: 4px 0 6px; }
body.r193 .landmarks .building-details p { font-size: 15px; }
body.r193 .building-links { display: grid; gap: 6px; margin: 12px 0; }
body.r193 .building-links button { background: var(--card-2); border: 1px solid var(--line); color: var(--text); border-radius: 12px; padding: 10px 12px; display: flex; gap: 10px; align-items: center; text-align: left; cursor: pointer; }
body.r193 .building-links button:hover { border-color: var(--accent); }
body.r193 #preview-building { font-size: 14px; padding: 10px 16px; }
.layer-tags { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.layer-tags .tag { position: absolute; left: 0; top: 0; display: flex; gap: 10px; align-items: center; white-space: nowrap; margin: -14px 0 0 24px;
  padding: 7px 12px 7px 8px; background: rgba(7, 9, 11, .78); border: 1px solid rgba(43, 192, 218, .45); border-radius: 999px; font-size: 14px; color: var(--text); opacity: 0; }
.layer-tags .tag::before { content: ''; position: absolute; left: -24px; top: 50%; width: 22px; height: 1px; background: rgba(43, 192, 218, .7); }
.layer-tags .tag b { color: var(--accent); font-size: 11px; }
@media (max-width: 900px) {
  .landmarks-copy { left: 24px; right: 24px; width: auto; top: 96px; transform: none; }
  .landmarks-copy h2 { font-size: 34px; } body.r193 .landmarks .building-details { display: none; }
  .landmark-tabs { grid-template-columns: 1fr 1fr; } .landmark-tabs button { font-size: 15px; }
  .layer-tags .tag { font-size: 12px; }
}

/* ---------------------------------------------------------------- 4 the team (Hubtown) */
.team { position: relative; height: 460vh; background: linear-gradient(180deg, var(--bg) 0%, #06121a 50%, var(--bg) 100%); }
.team-copy { position: absolute; z-index: 5; left: clamp(40px, 7vw, 120px); top: 18vh; width: min(440px, 40vw); }
.agent-card { position: absolute; z-index: 5; right: clamp(40px, 7vw, 120px); bottom: 16vh; text-align: right; }
.agent-card h3 { font-size: clamp(44px, 5vw, 80px); margin: 6px 0; font-weight: 600; }
.agent-card p { margin: 0; } .agent-card .mono { color: var(--accent); }
.agent-dots { position: absolute; z-index: 5; right: clamp(40px, 7vw, 120px); bottom: 10vh; display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
.agent-dots li { width: 22px; height: 2px; background: var(--line-2); } .agent-dots li.on { background: var(--accent); }
@media (max-width: 900px) { .team-copy { left: 24px; right: 24px; width: auto; top: 96px; } .agent-card { right: 24px; bottom: 14vh; } .agent-dots { right: 24px; } }

/* ---------------------------------------------------------------- 5 the product flow: real screens in depth */
.flow { position: relative; height: 760vh; background: var(--bg); }
.flow-stage { display: grid; grid-template-columns: minmax(300px, 0.8fr) 1.2fr; align-items: center; gap: 4vw; padding: 0 clamp(40px, 7vw, 120px); }
.flow-steps { list-style: none; padding: 0; margin: 0 0 18px; display: grid; gap: 2px; }
.flow-steps li { display: flex; gap: 14px; padding: 9px 0; color: var(--muted); border-bottom: 1px solid var(--line); transition: color .3s; font-size: 17px; }
.flow-steps li b { color: var(--muted); font-size: 12px; padding-top: 3px; } .flow-steps li.on { color: var(--text); } .flow-steps li.on b { color: var(--accent); }
body.r193 .proof-note { font-size: 13px; color: var(--muted); }
.flow-cards { position: relative; height: 70vh; perspective: 1600px; perspective-origin: 30% 40%; }
.flow-cards img { position: absolute; left: 50%; top: 50%; width: min(620px, 92%); height: auto; border-radius: 18px; transform-style: preserve-3d;
  box-shadow: 0 50px 120px -30px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .06); transition: opacity .3s; will-change: transform; }
.flow-cards img.front { box-shadow: 0 50px 120px -30px rgba(0, 0, 0, .9), 0 0 0 1px rgba(43, 192, 218, .55); }
@media (max-width: 900px) {
  .flow-stage { grid-template-columns: 1fr; align-content: start; padding: 92px 24px 0; gap: 18px; }
  .flow-copy h2 { font-size: 32px; } .flow-steps li { font-size: 14px; padding: 5px 0; } .flow-steps li:not(.on) { display: none; }
  .flow-cards { height: 52vh; } .flow-cards img { width: 88%; }
}

/* ---------------------------------------------------------------- films */
.film-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
body.r193 .game-film { background: var(--card); border: 1px solid var(--line); border-radius: 22px; padding: 12px; margin: 0; }
body.r193 .game-film video { width: 100%; height: auto; border-radius: 14px; display: block; background: #000; }
body.r193 .game-film figcaption { color: var(--muted); padding: 12px 6px 4px; font-size: 14px; } body.r193 .game-film figcaption b { color: var(--text); }
body.r193 .game-film-heading { display: none; }
@media (max-width: 900px) { .film-pair { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- retained sections, dark */
body.r193 :is(.section, .walkthrough, .workspace-section, .control-section, .local-first-section, .security-section, .signup-section, .faq-section, .films) { background: transparent; color: var(--text); }
body.r193 .control-section { background: linear-gradient(180deg, var(--bg), #0a1418 50%, var(--bg)); }
body.r193 :is(.outcome-grid article, .ownership-grid article, .security-cards article, .setup-steps li, .feature-card, .security-hq, .data-boundary, .security-details, .signup-form, .roadmap li) {
  background: var(--card); border: 1px solid var(--line); color: var(--text); box-shadow: none; }
body.r193 :is(.outcome-grid article, .ownership-grid article, .security-cards article, .setup-steps li, .feature-card) h3 { color: var(--text); }
body.r193 .outcome-grid span, body.r193 .setup-steps b { color: var(--accent); }
body.r193 :is(.security-icon, .ownership-icon, .feature-icon, .security-hq-emblem) { background: var(--card-2); color: var(--accent); border-color: var(--line); }
body.r193 .security-review-path span, body.r193 .security-review-path strong { background: var(--card); border-color: var(--line); color: var(--text); }
body.r193 .security-details details, body.r193 .faq-list details { border-color: var(--line); }
body.r193 :is(.security-details summary, .faq-list summary) { color: var(--text); }
body.r193 .faq-list details p, body.r193 .security-details details p { color: var(--muted); }
body.r193 .control-features button { background: var(--card); border: 1px solid var(--line); color: var(--text); }
body.r193 .control-features button small { color: var(--muted); }
body.r193 :is(.filter-tabs button, .step-tabs button, .agent-tabs button) { background: var(--card); border-color: var(--line); color: var(--muted); }
body.r193 :is(.filter-tabs button[aria-pressed="true"], .step-tabs button[aria-selected="true"], .agent-tabs button[aria-selected="true"]) { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
body.r193 .search, body.r193 .search input, body.r193 .example-select select, body.r193 .signup-form input[type=email] { background: var(--card-2); color: var(--text); border-color: var(--line-2); }
body.r193 .pill { background: var(--card-2); color: var(--text); border-color: var(--line); }
body.r193 .agent-profile { background: var(--card); border-color: var(--line); color: var(--text); }
body.r193 .agent-profile p, body.r193 .agent-caption { color: var(--muted); }
body.r193 .signup-form label, body.r193 .signup-form legend, body.r193 .platform-options span { color: var(--text); }
body.r193 .platform-options label span { background: var(--card-2); border-color: var(--line-2); }
body.r193 .platform-options input:checked + span { border-color: var(--accent); color: var(--accent); }
body.r193 .preview-notice, body.r193 .privacy-note { color: var(--muted); }
body.r193 .site-footer { color: var(--muted); border-top: 1px solid var(--line); }
body.r193 .site-footer a, body.r193 .site-footer button { color: var(--muted); }
body.r193 dialog { background: var(--card); color: var(--text); border: 1px solid var(--line-2); }
body.r193 dialog p { color: var(--muted); }
body.r193 .directory-grid button { background: var(--card-2); color: var(--text); border-color: var(--line); }
body.r193 .toast { background: var(--card-2); color: var(--text); border: 1px solid var(--line-2); }
body.r193 .section-heading > p { color: var(--muted); }
/* the demo windows mimic the app: keep them cream, lift them off the dark */
body.r193 :is(.product-window, .agent-panel, .decision-card, #decision-card) { box-shadow: 0 40px 100px -30px rgba(0, 0, 0, .9); }

/* ---------------------------------------------------------------- pass 2: phone header, hero on phones, dark signup */
@media (max-width: 760px) {
  body.r193 .site-header, body.r193:not(.over-film) .site-header { padding: 12px 16px; }
  body.r193 .site-header .brand img { width: 128px; }
  body.r193 .header-actions .button { white-space: nowrap; font-size: 13px; padding: 8px 12px; }
  .hero-chapter { left: 24px; right: 24px; width: auto; transform: translateY(-44%); }
  .hero-chapter.is-current { transform: translateY(-50%); }
  .hero-chapter h1 { font-size: 44px; }
  .chapter h2 { font-size: 34px; }
}
body.r193 .signup-section { background: radial-gradient(90% 70% at 80% 30%, #0d1a20, var(--bg) 70%); }
body.r193 .signup-section::before { display: none; }
body.r193 .roadmap li { background: transparent; border: 0; }
body.r193 .roadmap li::before { background: var(--line-2); }
body.r193 .roadmap li:first-child::before { background: var(--accent); }
body.r193 .roadmap li > span { background: var(--card-2); color: var(--muted); border-color: var(--line); }
body.r193 .roadmap strong { color: var(--text); }

/* pass 5: the copy always sits above the flying cards */
.flow-copy { position: relative; z-index: 6; }
.flow-cards { z-index: 1; }

/* pass 6: each real screen sits in a thin dark bezel, so its edge reads as a frame, never as a crop */
.flow-cards img { padding: 10px; background: #11181c; border-radius: 24px; box-sizing: border-box; }

/* pass 7: the 3D scenes now have a lit city behind them — keep the copy on a calm, dark side */
.landmarks-stage::before, .team-stage::before { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(90deg, rgba(7, 9, 11, .88) 0%, rgba(7, 9, 11, .55) 30%, rgba(7, 9, 11, 0) 52%),
              linear-gradient(0deg, rgba(7, 9, 11, .6) 0%, rgba(7, 9, 11, 0) 22%); }
.team-stage::before { background: linear-gradient(180deg, rgba(7, 9, 11, .8) 0%, rgba(7, 9, 11, 0) 34%), linear-gradient(0deg, rgba(7, 9, 11, .7) 0%, rgba(7, 9, 11, 0) 30%); }
@media (max-width: 900px) { .landmarks-stage::before { background: linear-gradient(180deg, rgba(7, 9, 11, .9) 0%, rgba(7, 9, 11, .6) 30%, rgba(7, 9, 11, 0) 50%); } }

/* pass 8: in-game-style nameplate above each agent's car */
.agent-plate { position: absolute; left: 0; top: 0; z-index: 4; display: flex; gap: 12px; align-items: center; padding: 10px 16px 10px 10px;
  background: #fbf8ef; color: #123d46; border-radius: 16px; box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .7); pointer-events: none; white-space: nowrap; margin-top: -14px; opacity: 0; }
.agent-plate::after { content: ''; position: absolute; left: 50%; bottom: -7px; width: 14px; height: 14px; background: #fbf8ef; transform: translateX(-50%) rotate(45deg); border-radius: 2px; }
.agent-plate img { width: 44px; height: 44px; border-radius: 50%; background: #e9f1ec; object-fit: contain; }
.agent-plate b { display: block; font: 600 17px var(--display); color: #123d46; letter-spacing: -0.01em; }
.agent-plate span { display: block; font-size: 13px; color: #5d757b; }
.agent-plate em { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-style: normal; font-size: 12px; font-weight: 600; color: #1e6b4a; }
.agent-plate em i { width: 7px; height: 7px; border-radius: 50%; background: #23a36b; }
.agent-plate em.needs { color: #9a6a0c; } .agent-plate em.needs i { background: #e0a82e; }
@media (max-width: 760px) { .agent-plate { padding: 8px 12px 8px 8px; } .agent-plate img { width: 34px; height: 34px; } .agent-plate b { font-size: 15px; } .agent-plate span { font-size: 12px; } }

/* pass 9: example-project dropdown in the dark theme */
body.r193 .project-picklist-trigger { background: var(--card-2); border-color: var(--line-2); color: var(--text); }
body.r193 .project-picklist-trigger:hover, body.r193 .project-picklist-trigger[aria-expanded=true] { background: var(--card-2); border-color: var(--accent); }
body.r193 .project-picklist-options { background: var(--card); border-color: var(--line-2); box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .9); }
body.r193 .project-picklist-options [role=option] { color: var(--text); }
body.r193 .project-picklist-options .is-active { background: var(--card-2); box-shadow: inset 0 0 0 1px var(--line-2); }
body.r193 .project-picklist-options [aria-selected=true], body.r193 .project-picklist-options [aria-selected=true].is-active { background: rgba(43, 192, 218, .14); color: var(--text); box-shadow: inset 0 0 0 1px rgba(43, 192, 218, .5); }
body.r193 .project-picklist-options [aria-selected=true]::after { color: var(--accent); }