:root {
  --paper: #f5f2ea; --paper-deep: #e9e3d8; --ink: #16151b; --muted: #696660;
  --line: rgba(22, 21, 27, .13); --violet: #6d4aff; --violet-dark: #5133d2;
  --lime: #d9ff67; --aqua: #70e2d2; --white: #fffdf7; --past: #ffb45f;
  --environment: #62a8ff; --action: #ff7a75; --unclassified: #aaa5b1;
  --shadow: 0 28px 90px rgba(36, 28, 16, .09); --section-edge: 60px;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --paper: #111015; --paper-deep: #1c1a22; --ink: #f5f2ea; --muted: #aaa6b1;
  --line: rgba(245,242,234,.15); --violet: #846cff; --violet-dark: #a493ff;
  --white: #1a181f; --shadow: 0 28px 90px rgba(0,0,0,.28);
}
* { box-sizing: border-box; }
html { width: 100%; max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; }
body { width: 100%; max-width: 100%; overflow-x: hidden; background: var(--paper); transition: background-color .25s ease, color .25s ease; }
@supports (overflow: clip) {
  html, body { overflow-x: clip; }
}
.shell { width: min(1180px, calc(100% - 40px)); margin-right: auto; margin-left: auto; }
vidhata-header, vidhata-footer { display: block; }
.site-header {
  position: relative; z-index: 20; display: flex; min-height: 88px; align-items: center;
  justify-content: space-between; border-bottom: 1px solid var(--line);
}
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; }
.brand-mark { display: block; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 7px; }
.brand-name { font-family: "Manrope", sans-serif; font-size: 26px; font-weight: 700; letter-spacing: -.8px; line-height: 1; }
.brand-name span { color: var(--violet); }
.account { position: relative; }
.menu-trigger {
  display: flex; align-items: center; gap: 10px; border: 0; padding: 5px 6px 5px 5px;
  color: var(--muted); background: transparent; cursor: pointer; font: inherit; font-size: .9rem;
}
.menu-trigger::after {
  content: "⌄"; color: var(--ink); font-size: .9rem; line-height: 1; transform: translateY(-2px);
}
.menu-trigger:focus-visible { border-radius: 999px; outline: 3px solid rgba(109,74,255,.3); outline-offset: 3px; }
.account-avatar { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: var(--paper-deep); object-fit: cover; }
.user-name { font-weight: 600; line-height: 1; }
.menu {
  position: absolute; z-index: 10; top: calc(100% + 12px); right: 0; width: 190px;
  border: 1px solid var(--line); border-radius: 16px; padding: 7px; background: var(--white); box-shadow: var(--shadow);
}
.menu[hidden], .menu [hidden] { display: none; }
.menu a, .menu button {
  display: block; width: 100%; border: 0; border-radius: 10px; padding: 11px 12px;
  color: var(--ink); background: transparent; text-align: left; text-decoration: none; cursor: pointer; font: inherit;
}
.menu a:hover, .menu button:hover { background: var(--paper); }
@media (max-width: 680px) { .site-header { min-height: 74px; } }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); padding: 28px 0 38px; color: var(--muted); font-size: .86rem; }
.footer-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.footer-links { display: inline-flex; order: -1; flex-wrap: wrap; gap: 12px; }
.footer-links a { color: var(--muted); text-decoration: none; }
.footer-links a:hover, .footer-links a[aria-current="page"] { color: var(--ink); text-decoration: underline; text-decoration-color: var(--violet); text-underline-offset: 4px; }
.theme-control { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.theme-control button { border: 0; padding: 2px 0; color: var(--muted); background: transparent; cursor: pointer; font: inherit; }
.theme-control button:hover, .theme-control button.active { color: var(--ink); }
.theme-control button.active { text-decoration: underline; text-decoration-color: var(--violet); text-underline-offset: 4px; }
.theme-control button:focus-visible { border-radius: 3px; outline: 2px solid var(--violet); outline-offset: 3px; }
html[data-theme="dark"] .memory-demo,
html[data-theme="dark"] .card,
html[data-theme="dark"] .lost { background: rgba(26,24,31,.78); }
html[data-theme="dark"] .hero-proof li { background: rgba(26,24,31,.68); }
html[data-theme="dark"] .self-system { background: linear-gradient(145deg,rgba(26,24,31,.95),rgba(17,16,21,.78)); }
html[data-theme="dark"] .conversation-example { background: linear-gradient(145deg,rgba(26,24,31,.96),rgba(22,19,31,.92)); }
html[data-theme="dark"] .diagram-node rect,
html[data-theme="dark"] .ai-terminal rect { stroke: rgba(245,242,234,.16); }
html[data-theme="dark"] .core,
html[data-theme="dark"] .vidhata-gateway,
html[data-theme="dark"] .mobile-self-core,
html[data-theme="dark"] .mobile-ai-hub,
html[data-theme="dark"] .focused-context,
html[data-theme="dark"] .example-tab.active { color: #fffdf7; background: #0c0b0f; }
html[data-theme="dark"] .button,
html[data-theme="dark"] .user-bubble,
html[data-theme="dark"] .personal-world,
html[data-theme="dark"] .space-card.personal-card { color: #fffdf7; }
html[data-theme="dark"] .evolving-core > circle:first-child,
html[data-theme="dark"] .ai-relay > rect:not(.relay-pulse) { fill: #0c0b0f; }
html[data-theme="dark"] .evolving-core text,
html[data-theme="dark"] .ai-relay .relay-title { fill: #fffdf7; }
.hero { position: relative; isolation: isolate; }
.hero::before {
  position: absolute; z-index: -1; top: 7%; left: 43%; width: 44rem; height: 44rem; border-radius: 50%;
  background: radial-gradient(circle, rgba(109,74,255,.13), transparent 67%); content: "";
}
.hero-proof { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; padding: 0; list-style: none; }
.hero-proof li { border: 1px solid var(--line); border-radius: 999px; padding: 8px 12px; color: var(--muted); background: rgba(255,253,247,.62); font-size: .82rem; }
.hero-visual { min-width: 0; }
.hero-caption { margin: 18px 8px 0; color: var(--muted); text-align: center; font-size: .78rem; line-height: 1.5; }
.memory-demo { min-width: 0; }
.memory-orbit { position: relative; min-height: 430px; display: grid; place-items: center; }
.orbit-ring { position: absolute; border: 1px solid rgba(109,74,255,.2); border-radius: 50%; }
.orbit-ring.one { width: 270px; height: 270px; }
.orbit-ring.two { width: 390px; height: 390px; border-color: rgba(22,21,27,.1); }
.core {
  position: relative; z-index: 2; display: grid; place-items: center; width: 138px; height: 138px;
  border-radius: 50%; color: var(--white); background: var(--ink); box-shadow: 0 20px 55px rgba(22,21,27,.22);
  text-align: center; font-family: "Manrope", sans-serif; font-weight: 600; line-height: 1.15;
}
.node { position: absolute; z-index: 3; max-width: 150px; border: 1px solid var(--line); border-radius: 16px; padding: 11px 13px; background: var(--white); box-shadow: 0 10px 28px rgba(30,25,17,.08); font-size: .78rem; line-height: 1.3; }
.node strong { display: block; margin-bottom: 3px; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.node.personal { top: 25px; left: 20px; }
.node.vidhata { top: 74px; right: 4px; }
.node.risk { right: 22px; bottom: 42px; }
.node.recall { left: 3px; bottom: 55px; }
.node.personal strong { color: var(--violet); }.node.vidhata strong { color: #168f7f; }.node.risk strong { color: #b76608; }.node.recall { background: var(--lime); }
.spaces-section, .forces-section, .ai-section, .savings-section { padding: var(--section-edge) 0; }
.forces-section .section-heading { margin-bottom: 32px; }
.spaces-section { padding-top: 0; border-top: 0; }
.spaces-section > .shell { border-top: 1px solid var(--line); }
.spaces-section .section-heading { margin-top: var(--section-edge); }
.spaces-heading-copy,.spaces-heading-detail { min-width: 0; }.spaces-heading-detail { display: flex; align-self: stretch; flex-direction: column; align-items: flex-start; justify-content: space-between; }.spaces-heading-detail .space-perspective { align-self: flex-end; }.spaces-heading-detail p { align-self: flex-start; }.space-perspective { display: flex; width: fit-content; border: 1px solid var(--line); border-radius: 999px; padding: 3px; background: var(--white); }.space-perspective-option { border: 0; border-radius: 999px; padding: 7px 14px; color: var(--muted); background: transparent; font: inherit; font-size: .72rem; font-weight: 600; cursor: pointer; }.space-perspective-option.active { color: var(--white); background: var(--ink); }.space-perspective-option:focus-visible { outline: 3px solid rgba(109,74,255,.25); outline-offset: 2px; }
.spaces-story { display: grid; grid-template-columns: minmax(0,1fr) 190px minmax(0,1fr); grid-template-areas: "personal transfer projects"; align-items: stretch; gap: 18px; }
.space-world { position: relative; min-height: 390px; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; padding: 30px; background: var(--white); box-shadow: var(--shadow); }.projects-world { grid-area: projects; background: linear-gradient(145deg,var(--white),var(--paper)); }.personal-world { grid-area: personal; color: var(--white); background: var(--violet); }
.space-world-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.space-world-label span { font-size: .73rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }.space-world-label small { opacity: .65; font-size: .7rem; }
.space-world h3 { margin: 54px 0 0; font-family: "Manrope",sans-serif; font-size: clamp(2rem,3.5vw,3.2rem); line-height: 1; letter-spacing: -.055em; }
.project-stack { position: relative; height: 146px; margin-top: 45px; }.project-stack div { position: absolute; display: flex; align-items: center; gap: 11px; width: min(100%,310px); border: 1px solid var(--line); border-radius: 17px; padding: 15px 17px; background: var(--white); box-shadow: 0 12px 28px rgba(22,21,27,.07); font-size: .82rem; font-weight: 600; }.project-stack div:nth-child(1) { top: 0; left: 0; }.project-stack div:nth-child(2) { top: 48px; left: 8%; }.project-stack div:nth-child(3) { top: 96px; left: 16%; }.project-stack i { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--violet); }
.personal-self { display: flex; align-items: center; gap: 14px; margin-top: 45px; border: 1px solid rgba(255,255,255,.22); border-radius: 21px; padding: 17px; background: rgba(255,255,255,.1); }.personal-self img { width: 44px; height: 44px; }.personal-self strong,.personal-self small { display: block; }.personal-self small { margin-top: 4px; opacity: .62; font-size: .72rem; }
.direct-memory { display: flex; align-items: center; gap: 9px; margin-top: 18px; color: rgba(255,255,255,.72); font-size: .74rem; }.direct-memory i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(207,255,91,.13); }
.space-transfer { grid-area: transfer; display: grid; place-content: center; justify-items: center; min-width: 0; color: var(--muted); text-align: center; }.space-transfer > span { margin-bottom: 13px; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.space-transfer p { margin: 14px -15px 0; font-size: .73rem; line-height: 1.45; }.transfer-line { position: relative; width: 100%; height: 2px; background: repeating-linear-gradient(90deg,rgba(22,21,27,.2) 0 5px,transparent 5px 11px); }.transfer-line::before,.transfer-line::after { position: absolute; top: 50%; width: 9px; height: 9px; border-radius: 50%; transform: translateY(-50%); content: ""; }.transfer-line::before { left: -2px; background: var(--lime); }.transfer-line::after { right: -2px; background: var(--violet); }.transfer-line i { position: absolute; top: 50%; right: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--violet); transform: translateY(-50%); animation: project-to-personal 8s linear infinite; }.transfer-line i + i { width: 5px; height: 5px; animation-delay: -4s; }
.spaces-caption { margin: 24px 8px 0; color: var(--muted); text-align: center; font-size: .78rem; line-height: 1.5; }
@keyframes project-to-personal { from { right: 0; opacity: 0; } 12%,88% { opacity: .9; } to { right: calc(100% - 8px); opacity: 0; } }
.spaces-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; }
.space-card { position: relative; overflow: hidden; min-height: 475px; border: 1px solid var(--line); border-radius: 30px; padding: 30px; background: var(--white); }
.space-card.personal-card { background: var(--violet); color: var(--white); }
.space-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 40px; }
.space-overline { font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; opacity: .65; }.space-count { border: 1px solid var(--line); border-radius: 999px; padding: 7px 10px; color: var(--muted); font-size: .7rem; white-space: nowrap; }
.personal-card .space-count { border-color: rgba(255,255,255,.25); color: rgba(255,255,255,.78); }
.space-card h3 { margin: 0 0 12px; font-family: "Manrope", sans-serif; font-size: clamp(2rem,4vw,3rem); letter-spacing: -.055em; }
.space-card p { max-width: 500px; color: inherit; opacity: .76; line-height: 1.6; }
.personal-structure { margin-top: 37px; }.personal-root { position: relative; display: flex; align-items: center; gap: 13px; border: 1px solid rgba(255,255,255,.24); border-radius: 19px; padding: 15px; background: rgba(255,255,255,.1); }
.personal-root::after { position: absolute; left: 50%; top: 100%; width: 1px; height: 25px; background: rgba(255,255,255,.3); content: ""; }.root-symbol { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: var(--violet); background: var(--white); font-size: .75rem; font-weight: 700; }
.personal-root strong,.personal-root small { display: block; }.personal-root small { margin-top: 3px; opacity: .62; font-size: .72rem; }
.personal-groups { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 25px; }.personal-groups span { border: 1px solid rgba(255,255,255,.2); border-radius: 13px; padding: 11px; background: rgba(255,255,255,.08); text-align: center; font-size: .78rem; }
.project-list { display: grid; gap: 10px; margin-top: 27px; }
.project-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--line); border-radius: 15px; padding: 13px 14px; background: var(--paper); }
.project-row i { margin-right: 10px; color: var(--violet); font-size: .66rem; font-style: normal; }
.project-row span:first-child { font-weight: 600; }.project-row span:last-child { max-width: 52%; color: var(--muted); text-align: right; font-size: .82rem; }
.new-space-note { display: flex; align-items: center; gap: 9px; margin-top: 14px; color: var(--muted); font-size: .76rem; }.new-space-note span { color: var(--violet); font-size: 1rem; }
.self-system { margin: 0 0 22px; border: 1px solid var(--line); border-radius: 34px; padding: clamp(12px, 2.5vw, 28px); overflow: hidden; background: linear-gradient(145deg, rgba(255,253,247,.9), rgba(233,227,216,.66)); box-shadow: var(--shadow); }
.forces-section .self-system { margin-bottom: 0; padding: clamp(10px, 1.6vw, 18px); }
.self-map { display: block; width: 100%; height: auto; min-height: 430px; font-family: "DM Sans", system-ui, sans-serif; }
.flow-lines path { stroke: rgba(22,21,27,.16); stroke-width: 3; stroke-dasharray: 5 10; stroke-linejoin: round; }
.diagram-node rect { fill: var(--white); stroke: rgba(22,21,27,.14); stroke-width: 1.5; }
.diagram-node .node-title { fill: var(--ink); font-family: "Manrope", sans-serif; font-size: 19px; font-weight: 700; letter-spacing: -.03em; }
.diagram-node .node-copy { fill: var(--muted); font-family: "DM Sans", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0; }
.diagram-node .stack-back { fill: rgba(255,255,255,.7); }
.diagram-node .stack-far { opacity: .48; }
.diagram-node .stack-near { opacity: .72; }
.past-node circle { fill: var(--past); }.environment-node circle { fill: var(--environment); }.action-node circle { fill: var(--action); }.serendipity-node circle { fill: var(--lime); stroke: rgba(22,21,27,.18); }
.evolving-core > circle:first-child { fill: var(--ink); }.evolving-core text { fill: var(--white); font-family: "Manrope", sans-serif; font-size: 23px; font-weight: 650; letter-spacing: -.035em; }
.self-core .self-small { fill: rgba(255,255,255,.58); font-family: "DM Sans", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.evolving-core .core-pulse { fill: none; stroke: rgba(109,74,255,.3); stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: self-pulse 5.5s ease-out infinite; }
.flow-particle { opacity: .78; filter: drop-shadow(0 2px 4px rgba(22,21,27,.16)); }.past-particle { fill: var(--past); }.environment-particle { fill: var(--environment); }.action-particle { fill: var(--action); }.serendipity-particle { fill: #bde932; }
.mobile-self-map { display: none; }
.self-system figcaption { margin: -2px 8px 4px; color: var(--muted); text-align: center; font-size: .78rem; line-height: 1.5; }
.forces-section .self-system figcaption { margin-top: 8px; }
@keyframes self-pulse { 0% { opacity: .65; transform: scale(.82); } 75%, 100% { opacity: 0; transform: scale(1.16); } }
@keyframes relay-pulse { 0%,100% { opacity: .5; transform: scale(.97); } 50% { opacity: 1; transform: scale(1.03); } }
.ai-section { border-top: 1px solid var(--line); }
.exchange-key { display: flex; flex-wrap: wrap; gap: 10px; margin: -28px 0 24px; }
.exchange-key > span { display: grid; grid-template-columns: 11px auto; align-items: center; column-gap: 9px; border: 1px solid var(--line); border-radius: 16px; padding: 10px 14px; background: var(--white); }
.exchange-key i { grid-row: 1 / 3; width: 10px; height: 10px; border-radius: 50%; }.exchange-key strong { font-size: .82rem; }.exchange-key small { color: var(--muted); font-size: .7rem; }
.remember-key, .remember-particle { background: var(--violet); fill: var(--violet); }.recall-key, .recall-particle { background: var(--lime); fill: var(--lime); }
.ai-system { margin: 0; border: 1px solid var(--line); border-radius: 34px; padding: clamp(12px,2.5vw,28px); overflow: hidden; background: radial-gradient(circle at 50% 50%, rgba(109,74,255,.12), transparent 21rem), var(--white); box-shadow: var(--shadow); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; clip-path: inset(50%); }
.conversation-example { padding: clamp(22px,3vw,38px); background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,242,251,.92)); }
.example-switch { display: flex; width: fit-content; max-width: 100%; margin: 0 auto 30px; border: 1px solid var(--line); border-radius: 999px; padding: 4px; background: var(--white); }.example-tab { border: 0; border-radius: 999px; padding: 10px 16px; color: var(--muted); background: transparent; font: inherit; font-size: .76rem; font-weight: 600; cursor: pointer; }.example-tab.active { color: var(--white); background: var(--ink); }.example-tab:focus-visible { outline: 3px solid rgba(109,74,255,.25); outline-offset: 2px; }.example-panel[hidden] { display: none; }
.conversation-flow { display: grid; grid-template-columns: minmax(0,1fr) 190px minmax(0,1fr); align-items: stretch; gap: 0; }
.conversation-window { position: relative; z-index: 1; display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid rgba(22,21,27,.14); border-radius: 25px; background: var(--white); box-shadow: 0 18px 45px rgba(22,21,27,.09); }.conversation-window header { display: grid; grid-template-columns: 10px auto 1fr; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); padding: 16px 18px; }.conversation-window header strong { font-family: "Manrope",sans-serif; font-size: .9rem; }.conversation-window header small { justify-self: end; color: var(--muted); font-size: .68rem; }.window-light { width: 9px; height: 9px; border-radius: 50%; background: var(--violet); }
.conversation-body { display: flex; min-height: 270px; flex: 1; flex-direction: column; gap: 13px; padding: 22px; }.chat-bubble { max-width: 86%; margin: 0; border-radius: 17px; padding: 13px 15px; font-size: .83rem; line-height: 1.45; }.user-bubble { align-self: flex-end; border-bottom-right-radius: 5px; color: var(--white); background: var(--violet); }.command-bubble { align-self: flex-end; border: 1px solid rgba(109,74,255,.16); border-bottom-right-radius: 5px; background: rgba(109,74,255,.07); }.command-bubble span { color: var(--violet); font-weight: 700; }.answer-bubble { align-self: flex-start; border-bottom-left-radius: 5px; background: var(--paper); }.answer-bubble strong { color: var(--violet-dark); }
.tool-confirmation { display: flex; align-items: center; gap: 10px; margin-top: auto; border: 1px solid var(--line); border-radius: 15px; padding: 12px; background: var(--paper); }.tool-confirmation i { width: 10px; height: 10px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 0 5px rgba(109,74,255,.1); }.tool-confirmation strong,.tool-confirmation small { display: block; }.tool-confirmation strong { font-size: .76rem; }.tool-confirmation small { margin-top: 2px; color: var(--muted); font-size: .66rem; }.recall-status { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: .7rem; }.recall-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(207,255,91,.16); }
.recalled-context { display: grid; gap: 6px; }.recalled-context span { border: 1px solid var(--line); border-radius: 11px; padding: 8px 10px; color: var(--muted); background: var(--paper); font-size: .65rem; line-height: 1.35; }.recalled-context strong { display: block; margin-bottom: 2px; color: var(--violet-dark); font-size: .61rem; letter-spacing: .06em; text-transform: uppercase; }
.memory-bridge { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 96px 1fr; align-items: center; }.bridge-track { position: relative; height: 2px; background: repeating-linear-gradient(90deg,rgba(22,21,27,.2) 0 5px,transparent 5px 11px); }.bridge-track i { position: absolute; top: 50%; width: 8px; height: 8px; border-radius: 50%; transform: translateY(-50%); }.remember-track i { left: 0; background: var(--violet); }.recall-track i { left: 0; background: var(--lime); }.vidhata-gateway { display: grid; place-items: center; align-content: center; width: 96px; height: 96px; border-radius: 50%; color: var(--white); background: var(--ink); text-align: center; box-shadow: 0 12px 28px rgba(22,21,27,.18),0 0 0 9px rgba(109,74,255,.08); }.vidhata-gateway img { width: 34px; height: 34px; margin-bottom: 3px; }.vidhata-gateway strong,.vidhata-gateway small { display: block; }.vidhata-gateway strong { font-family: "Manrope",sans-serif; font-size: .95rem; line-height: 1.05; }.vidhata-gateway small { margin-top: 4px; color: rgba(255,255,255,.7); font-size: .65rem; line-height: 1.1; }
.story-ready .story-beat { visibility: hidden; opacity: 0; transform: translateY(7px); transition: opacity .38s ease,transform .38s ease,visibility 0s linear .38s; }.story-ready .story-beat.is-visible { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }.story-ready .story-particle,.story-ready .story-particle.is-visible { transform: translateY(-50%); transition: none; }.story-ready .remember-track .story-particle.is-visible { animation: bridge-remember 1.25s ease-in-out forwards; }.story-ready .recall-track .story-particle.is-visible { animation: bridge-recall 1.25s ease-in-out forwards; }.story-ready .bridge-track .story-particle.reverse-particle.is-visible { animation-direction: reverse; }
.more-ai { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 25px 0 5px; color: var(--muted); font-size: .72rem; }.more-ai strong { border: 1px solid var(--line); border-radius: 999px; padding: 7px 11px; color: var(--ink); background: var(--white); font-size: .7rem; }
@keyframes bridge-remember { from { left: 0; opacity: 0; } 12%,88% { opacity: 1; } to { left: calc(100% - 8px); opacity: 0; } }
@keyframes bridge-recall { from { left: 0; opacity: 0; } 12%,88% { opacity: 1; } to { left: calc(100% - 8px); opacity: 0; } }
.ai-map { display: block; width: 100%; height: auto; min-height: 410px; font-family: "DM Sans", system-ui, sans-serif; }
.ai-lines path { stroke: rgba(22,21,27,.15); stroke-width: 3; stroke-dasharray: 5 10; stroke-linejoin: round; }
.ai-node circle { fill: var(--violet); }
.ai-terminal rect { fill: var(--white); stroke: rgba(22,21,27,.14); stroke-width: 1.5; }.ai-terminal circle { fill: var(--violet); }.ai-terminal text { fill: var(--ink); font-family: "Manrope",sans-serif; font-size: 18px; font-weight: 700; letter-spacing: -.03em; }.ai-terminal .endpoint-copy { fill: var(--muted); font-family: "DM Sans",sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0; }
.ai-relay > rect:not(.relay-pulse) { fill: var(--ink); }.ai-relay .relay-pulse { fill: rgba(109,74,255,.07); stroke: rgba(109,74,255,.22); stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: relay-pulse 5.5s ease-in-out infinite; }.ai-relay .relay-title { fill: var(--white); font-family: "Manrope",sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -.04em; }.ai-relay .relay-copy { fill: rgba(255,255,255,.62); font-family: "DM Sans",sans-serif; font-size: 13px; }
.vidhata-hub { filter: drop-shadow(0 14px 18px rgba(22,21,27,.18)); }.vidhata-hub .hub-copy { fill: rgba(255,255,255,.6); font-family: "DM Sans", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.exchange-particle { opacity: .78; filter: drop-shadow(0 2px 5px rgba(22,21,27,.17)); }
.mobile-ai-map { display: none; }
.ai-system figcaption { margin: -2px 8px 4px; color: var(--muted); text-align: center; font-size: .78rem; line-height: 1.5; }
.ai-section { border-top: 0; border-bottom: 0; }
.savings-section { padding-top: 0; border-top: 0; border-bottom: 0; }.savings-section > .shell { border-top: 1px solid var(--line); padding-top: var(--section-edge); }.savings-visual { display: grid; grid-template-columns: minmax(0,1fr) 110px minmax(0,1fr); align-items: stretch; }.saving-card { min-width: 0; border: 1px solid var(--line); border-radius: 30px; padding: 30px; background: var(--white); box-shadow: var(--shadow); }.focused-context { color: var(--white); background: var(--ink); }.saving-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.saving-label span { font-size: .72rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }.saving-label small { color: var(--muted); font-size: .68rem; }.focused-context .saving-label small { color: rgba(255,255,255,.52); }
.setup-lines { display: grid; gap: 8px; margin: 38px 0 29px; }.setup-lines i { display: block; height: 8px; border-radius: 999px; background: var(--paper-deep); }.setup-lines i:nth-child(2) { width: 88%; }.setup-lines i:nth-child(3) { width: 96%; }.setup-lines i:nth-child(4) { width: 72%; }.setup-lines i:nth-child(5) { width: 91%; }.setup-lines i:nth-child(6) { width: 64%; }.saving-card h3 { margin: 0 0 16px; font-family: "Manrope",sans-serif; font-size: clamp(1.7rem,3vw,2.5rem); line-height: 1.08; letter-spacing: -.05em; }.saving-card ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 15px; margin: 0; padding: 0; list-style: none; color: var(--muted); font-size: .76rem; }.saving-card li::before { margin-right: 7px; color: var(--violet); content: "•"; }.saving-card > p { max-width: 440px; color: rgba(255,255,255,.62); font-size: .82rem; line-height: 1.55; }
.focused-memory { display: flex; align-items: center; gap: 13px; margin: 38px 0 29px; border: 1px solid rgba(255,255,255,.18); border-radius: 19px; padding: 16px; background: rgba(255,255,255,.08); }.focused-memory img { width: 42px; height: 42px; }.focused-memory strong,.focused-memory small { display: block; }.focused-memory strong { font-size: .82rem; }.focused-memory small { margin-top: 3px; color: rgba(255,255,255,.52); font-size: .68rem; }
.saving-metrics { display: grid; grid-template-columns: auto 1fr auto 1fr; align-items: baseline; gap: 5px 9px; margin-top: 30px; border-top: 1px solid var(--line); padding-top: 20px; }.focused-context .saving-metrics { border-color: rgba(255,255,255,.15); }.saving-metrics strong { font-family: "Manrope",sans-serif; font-size: 1.35rem; letter-spacing: -.05em; }.saving-metrics span { color: var(--muted); font-size: .67rem; }.focused-context .saving-metrics span { color: rgba(255,255,255,.5); }.saving-versus { display: grid; place-content: center; justify-items: center; color: var(--muted); }.saving-versus span { font-size: .66rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.saving-versus i { display: block; width: 54px; height: 2px; margin-top: 10px; background: linear-gradient(90deg,var(--violet),var(--lime)); }
.saving-note { margin: 24px 8px 0; color: var(--muted); text-align: center; font-size: .78rem; line-height: 1.5; }
.profile-hero { padding: 68px 0 24px; }
.profile-hero h1 { max-width: 850px; }
.profile-grid { margin-top: 36px; }
.memory-list { align-items: stretch; }
.memory-item { min-width: 0; overflow: hidden; }
.memory-key, .memory-value, .memory-space { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
.memory-key { line-height: 1.45; }
.memory-value { font-size: clamp(1.04rem, 2.4vw, 1.34rem); line-height: 1.35; }
.memory-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.memory-space, .memory-domain, .memory-force { display: inline-flex; align-items: center; width: fit-content; margin: 0; border-radius: 999px; padding: 6px 9px; font-size: .7rem; line-height: 1; }
.memory-space { color: var(--violet-dark); background: rgba(109,74,255,.09); }
.memory-domain { color: #27685f; background: rgba(112,226,210,.18); }
.memory-force { color: var(--muted); background: var(--paper-deep); text-transform: capitalize; }
.memory-force-past { color: #754000; background: rgba(255,180,95,.28); }
.memory-force-environment { color: #20598f; background: rgba(98,168,255,.2); }
.memory-force-action { color: #8a302c; background: rgba(255,122,117,.2); }
.memory-force-serendipity { color: #53651b; background: rgba(217,255,103,.3); }
.memory-force-unclassified { color: #5f5b65; background: rgba(170,165,177,.2); }
.space-filters { max-width: 100%; overflow-x: auto; flex-wrap: nowrap; padding: 2px 2px 8px; scrollbar-width: thin; }
.space-filter { flex: 0 0 auto; white-space: nowrap; }
.profile-content { min-width: 0; }
.card { min-width: 0; }
.signed-out { border: 1px solid var(--line); border-radius: 28px; padding: 30px; background: var(--white); box-shadow: var(--shadow); }
.footer-brand { font-family: "Manrope",sans-serif; font-weight: 700; letter-spacing: -.035em; }
.footer-brand span { color: var(--violet); }
@media (max-width: 860px) {
  .spaces-grid { grid-template-columns: 1fr; }.space-card { min-height: 420px; }
  .spaces-story { grid-template-columns: 1fr; grid-template-areas: "projects" "transfer" "personal"; gap: 0; }.space-world { min-height: 350px; }.space-transfer { min-height: 150px; }.space-transfer > span { margin-bottom: 10px; }.space-transfer p { margin: 10px 0 0; }.transfer-line { width: 2px; height: 70px; background: repeating-linear-gradient(180deg,rgba(22,21,27,.2) 0 5px,transparent 5px 11px); }.transfer-line::before,.transfer-line::after { left: 50%; transform: translate(-50%,-50%); }.transfer-line::before { top: 0; background: var(--violet); }.transfer-line::after { top: 100%; background: var(--lime); }.transfer-line i { top: 0; right: auto; left: 50%; transform: translate(-50%,-50%); animation-name: project-to-personal-mobile; }.transfer-line i + i { width: 5px; height: 5px; }
  .conversation-flow { grid-template-columns: minmax(0,1fr) 130px minmax(0,1fr); }.conversation-window header { grid-template-columns: 10px auto; }.conversation-window header small { display: none; }.conversation-body { min-height: 285px; padding: 18px; }.memory-bridge { grid-template-columns: 1fr 82px 1fr; }.vidhata-gateway { width: 82px; height: 82px; }.vidhata-gateway img { width: 29px; height: 29px; }.vidhata-gateway small { display: none; }
  .savings-visual { grid-template-columns: 1fr; }.saving-versus { min-height: 105px; }.saving-versus i { width: 2px; height: 48px; background: linear-gradient(180deg,var(--violet),var(--lime)); }
  .self-map, .ai-map { min-height: 360px; }
}
@keyframes project-to-personal-mobile { from { top: 0; opacity: 0; } 12%,88% { opacity: .9; } to { top: 100%; opacity: 0; } }
@media (max-width: 700px) {
  html, body { min-width: 0; overscroll-behavior-x: none; }
  body { touch-action: pan-y; }
  main, section, .shell { max-width: 100%; }
  .shell { width: min(100% - 24px, 1180px); }.brand { gap: 8px; }.brand-mark { width: 30px; height: 30px; flex-basis: 30px; border-radius: 6px; }.brand-name { font-size: 22px; }.site-footer { align-items: flex-start; flex-direction: column; }.footer-meta { align-items: flex-start; flex-direction: column; }
  .hero h1, .profile-hero h1 { overflow-wrap: anywhere; }.memory-demo { min-height: 500px; padding: 16px; }
  .memory-orbit { min-height: 450px; margin: 0; transform: none; }.orbit-ring.two { width: min(440px,92%); height: auto; aspect-ratio: 1; }
  .orbit-ring.one { width: min(305px,64%); height: auto; aspect-ratio: 1; }.core { width: 154px; height: 154px; font-size: 1rem; }
  .node { width: min(176px,43%); max-width: none; border-radius: 18px; padding: 14px 15px; font-size: .78rem; line-height: 1.35; }.node strong { margin-bottom: 5px; font-size: .7rem; }
  .node.personal { top: 30px; left: 2%; }.node.vidhata { top: 30px; right: 2%; }.node.risk { right: 2%; bottom: 30px; }.node.recall { left: 2%; bottom: 30px; }
  .spaces-section, .forces-section, .ai-section, .savings-section { padding: 72px 0; }.spaces-section, .savings-section { padding-top: 0; }.savings-section > .shell { padding-top: 72px; }
  .self-system, .forces-section .self-system { border-radius: 24px; padding: 28px 10px 20px; }.self-map { display: none; }.mobile-self-map { display: block; position: relative; width: 100%; max-width: 470px; height: 484px; margin: 0 auto; }
  .mobile-connections { position: absolute; z-index: 0; inset: 0 auto auto 0; width: 100%; height: 484px; overflow: hidden; pointer-events: none; }
  .mobile-flow-lines path { stroke: rgba(22,21,27,.16); stroke-width: 2; stroke-dasharray: 4 7; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
  .mobile-particles circle { opacity: .78; filter: drop-shadow(0 2px 4px rgba(22,21,27,.16)); }
  .mobile-memory-row { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3.8%; padding: 0 6.4%; }
  .mobile-diagram-node { position: relative; z-index: 1; display: grid; grid-template-columns: 9px minmax(0,1fr); align-content: start; align-items: center; column-gap: 11px; min-height: 116px; border: 1px solid rgba(22,21,27,.14); border-radius: 20px; padding: 21px 14px 14px; background: var(--white); }.mobile-diagram-node strong { grid-column: 2; font-family: "Manrope",sans-serif; font-size: .9rem; letter-spacing: -.025em; }.mobile-diagram-node small { grid-column: 1 / -1; margin-top: 13px; color: var(--muted); font-size: .7rem; line-height: 1.35; }
  .mobile-force-stack,.mobile-ai-node { box-shadow: 4px -4px 0 rgba(255,255,255,.72), 8px -8px 0 rgba(255,255,255,.42); }
  .mobile-force-dot { display: block; width: 9px; height: 9px; border-radius: 50%; }.mobile-force-stack.past .mobile-force-dot { background: var(--past); }.mobile-force-stack.environment .mobile-force-dot { background: var(--environment); }.mobile-force-stack.action .mobile-force-dot { background: var(--action); }.mobile-force-stack.serendipity .mobile-force-dot { background: var(--lime); box-shadow: 0 0 0 1px rgba(22,21,27,.12); }
  .mobile-self-core { position: relative; z-index: 1; isolation: isolate; display: grid; place-content: center; width: 154px; height: 154px; margin: 49px auto; border-radius: 50%; background: var(--ink); color: var(--white); text-align: center; box-shadow: 0 15px 30px rgba(22,21,27,.18), 0 0 0 12px rgba(109,74,255,.08); }
  .mobile-self-core strong { font-family: "Manrope",sans-serif; font-size: 1rem; line-height: 1.25; letter-spacing: -.035em; }.mobile-self-core small { margin-top: 10px; color: rgba(255,255,255,.56); font-size: .58rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
  .self-system figcaption, .forces-section .self-system figcaption { margin-top: 4px; padding: 0 8px; }
  .exchange-key { margin-top: -18px; }.exchange-key > span { flex: 1 1 150px; }
  .conversation-example { padding: 18px 14px 20px; }.example-switch { width: 100%; }.example-tab { flex: 1; padding-inline: 10px; }.conversation-flow { grid-template-columns: 1fr; }.conversation-body { min-height: 235px; }.memory-bridge { grid-template: 50px 86px 50px / 1fr; justify-items: center; }.bridge-track { width: 2px; height: 100%; background: repeating-linear-gradient(180deg,rgba(22,21,27,.2) 0 5px,transparent 5px 11px); }.bridge-track i { top: 0; left: 50%; transform: translate(-50%,-50%); }.story-ready .story-particle,.story-ready .story-particle.is-visible { transform: translate(-50%,-50%); }.story-ready .remember-track .story-particle.is-visible { animation-name: bridge-remember-mobile; }.story-ready .recall-track .story-particle.is-visible { animation-name: bridge-recall-mobile; }.vidhata-gateway { width: 86px; height: 86px; }.more-ai { margin-top: 20px; }
  .ai-system { border-radius: 24px; padding: 28px 10px 20px; }.ai-map { display: none; }.mobile-ai-map { display: block; position: relative; width: 100%; max-width: 470px; height: 484px; margin: 0 auto; }
  .mobile-ai-connections { position: absolute; z-index: 0; inset: 0 auto auto 0; width: 100%; height: 484px; overflow: hidden; pointer-events: none; }
  .mobile-ai-lines path { stroke: rgba(22,21,27,.16); stroke-width: 2; stroke-dasharray: 4 7; stroke-linejoin: round; vector-effect: non-scaling-stroke; }.mobile-ai-particles circle { opacity: .78; filter: drop-shadow(0 2px 4px rgba(22,21,27,.17)); }
  .mobile-ai-row { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3.8%; padding: 0 6.4%; }
  .mobile-ai-node span { display: block; width: 9px; height: 9px; border-radius: 50%; background: var(--violet); }
  .mobile-ai-hub { position: relative; z-index: 1; isolation: isolate; display: grid; place-items: center; align-content: center; width: 154px; height: 154px; margin: 49px auto; border-radius: 50%; background: var(--ink); color: var(--white); text-align: center; box-shadow: 0 15px 30px rgba(22,21,27,.18), 0 0 0 12px rgba(109,74,255,.08); }.mobile-ai-hub img { width: 44px; height: 44px; margin-bottom: 5px; }.mobile-ai-hub strong { font-family: "Manrope",sans-serif; font-size: 1.02rem; letter-spacing: -.035em; }.mobile-ai-hub small { margin-top: 3px; color: rgba(255,255,255,.58); font-size: .58rem; font-weight: 600; letter-spacing: .08em; }
  .mobile-self-core::after,.mobile-ai-hub::after { position: absolute; z-index: -1; inset: -12px; border: 2px solid rgba(109,74,255,.27); border-radius: 50%; content: ""; animation: mobile-core-pulse 5.5s ease-out infinite; }
  .ai-system figcaption { margin-top: 14px; padding: 0 8px; }
  .project-row { align-items: flex-start; }.project-row span:last-child { max-width: 56%; }
  .spaces-section .section-heading { margin-top: 64px; }.space-card { min-height: auto; padding: 24px; }.space-card-top { margin-bottom: 30px; }
  .space-world { min-height: 320px; padding: 24px; }.space-world h3 { margin-top: 42px; }.project-stack { margin-top: 36px; }.project-stack div { width: 88%; }.project-stack div:nth-child(2) { left: 6%; }.project-stack div:nth-child(3) { left: 12%; }
  .saving-card { padding: 24px; }.saving-card ul { grid-template-columns: 1fr; }.saving-metrics { grid-template-columns: auto 1fr; }
  .profile-hero { padding-top: 48px; }.space-filters { overflow-x: visible; flex-wrap: wrap; padding-inline: 0; }.memory-item { padding: 17px; }.memory-value { font-size: 1.02rem; letter-spacing: -.015em; }
  .site-header .button { min-height: 40px; padding: 0 15px; }.site-header .nav { gap: 6px; }
}
.vidhata-gateway small { width: 76px; margin-inline: auto; overflow-wrap: anywhere; }
@keyframes bridge-remember-mobile { from { top: 0; opacity: 0; } 12%,88% { opacity: 1; } to { top: calc(100% - 8px); opacity: 0; } }
@keyframes bridge-recall-mobile { from { top: 0; opacity: 0; } 12%,88% { opacity: 1; } to { top: calc(100% - 8px); opacity: 0; } }
@keyframes mobile-core-pulse { 0% { opacity: .65; transform: scale(.82); } 75%,100% { opacity: 0; transform: scale(1.16); } }
@media (prefers-reduced-motion: reduce) { .evolving-core .core-pulse,.ai-relay .relay-pulse,.mobile-self-core::after,.mobile-ai-hub::after { animation: none; opacity: .25; }.flow-particle, .exchange-particle, .mobile-particles, .mobile-ai-particles,.transfer-line i,.bridge-track i { display: none; }.story-ready .story-beat { visibility: visible; opacity: 1; transform: none; transition: none; } }

/* Dark theme: preserve the visual hierarchy instead of simply reversing tokens. */
html[data-theme="dark"] body {
  background: radial-gradient(circle at 78% 10%, rgba(109,74,255,.12), transparent 32rem), var(--paper);
}
html[data-theme="dark"] .memory-demo {
  background: linear-gradient(145deg, #1b1921, #15141a);
  box-shadow: 0 30px 90px rgba(0,0,0,.28);
}
html[data-theme="dark"] .memory-demo::before { opacity: .72; }
html[data-theme="dark"] .thought { color: var(--ink); background: #211f27; box-shadow: 0 14px 34px rgba(0,0,0,.24); }
html[data-theme="dark"] .signal { color: #fffdf7; }
html[data-theme="dark"] .context,
html[data-theme="dark"] .node.recall { color: #171713; }
html[data-theme="dark"] .orbit-ring.two { border-color: rgba(245,242,234,.1); }

html[data-theme="dark"] .space-world,
html[data-theme="dark"] .space-card,
html[data-theme="dark"] .project-stack div,
html[data-theme="dark"] .project-row { background: #1a181f; }
html[data-theme="dark"] .projects-world { background: linear-gradient(145deg,#1d1b23,#141319); }
html[data-theme="dark"] .personal-world,
html[data-theme="dark"] .space-card.personal-card { background: #6546e8; }
html[data-theme="dark"] .root-symbol { color: #6546e8; background: #fffdf7; }
html[data-theme="dark"] .transfer-line,
html[data-theme="dark"] .bridge-track { background: repeating-linear-gradient(90deg,rgba(245,242,234,.22) 0 5px,transparent 5px 11px); }

html[data-theme="dark"] .self-system {
  background: radial-gradient(circle at 50% 48%, rgba(109,74,255,.08), transparent 26rem), #15141a;
  box-shadow: 0 30px 90px rgba(0,0,0,.25);
}
html[data-theme="dark"] .flow-lines path,
html[data-theme="dark"] .ai-lines path { stroke: rgba(245,242,234,.2); }
html[data-theme="dark"] .diagram-node rect { fill: #1d1b23; stroke: rgba(245,242,234,.2); }
html[data-theme="dark"] .diagram-node .stack-back { fill: #292731; stroke: rgba(245,242,234,.14); }
html[data-theme="dark"] .diagram-node .stack-far { opacity: .62; }
html[data-theme="dark"] .diagram-node .stack-near { opacity: .82; }
html[data-theme="dark"] .evolving-core > circle:first-child { fill: #09090b; }
html[data-theme="dark"] .evolving-core text { fill: #fffdf7; }

html[data-theme="dark"] .conversation-example {
  background: radial-gradient(circle at 50% 50%, rgba(109,74,255,.09), transparent 30rem), #15141a;
  box-shadow: 0 30px 90px rgba(0,0,0,.25);
}
html[data-theme="dark"] .example-switch,
html[data-theme="dark"] .space-perspective,
html[data-theme="dark"] .conversation-window,
html[data-theme="dark"] .exchange-key > span { background: #1d1b23; }
html[data-theme="dark"] .conversation-window { border-color: rgba(245,242,234,.14); box-shadow: 0 18px 46px rgba(0,0,0,.2); }
html[data-theme="dark"] .command-bubble { border-color: rgba(132,108,255,.35); background: rgba(132,108,255,.11); }
html[data-theme="dark"] .answer-bubble,
html[data-theme="dark"] .tool-confirmation,
html[data-theme="dark"] .recalled-context span { background: #121117; }
html[data-theme="dark"] .more-ai strong { background: #1d1b23; }

html[data-theme="dark"] .saving-card { background: #1b1921; box-shadow: 0 28px 80px rgba(0,0,0,.24); }
html[data-theme="dark"] .focused-context { color: #fffdf7; background: linear-gradient(145deg,#121016,#0b0a0e); }
html[data-theme="dark"] .setup-lines i { background: #393641; }
html[data-theme="dark"] .focused-memory { background: rgba(255,255,255,.07); }

html[data-theme="dark"] .card,
html[data-theme="dark"] .memory-item,
html[data-theme="dark"] .menu { background: #1a181f; }
html[data-theme="dark"] .memory-domain { color: #9cefe3; background: rgba(112,226,210,.13); }
html[data-theme="dark"] .memory-force-environment { color: #a9d0ff; background: rgba(98,168,255,.16); }
html[data-theme="dark"] .memory-force-past { color: #ffd09a; background: rgba(255,180,95,.16); }
html[data-theme="dark"] .memory-force-action { color: #ffb1ad; background: rgba(255,122,117,.16); }
html[data-theme="dark"] .memory-force-serendipity { color: #e5ff97; background: rgba(217,255,103,.13); }
html[data-theme="dark"] .memory-force-unclassified { color: #d0ccd5; background: rgba(170,165,177,.14); }
html[data-theme="dark"] .note { color: #171713; background: var(--lime); }

@media (max-width: 700px) {
  html[data-theme="dark"] .mobile-flow-lines path,
  html[data-theme="dark"] .mobile-ai-lines path { stroke: rgba(245,242,234,.2); }
  html[data-theme="dark"] .mobile-diagram-node { border-color: rgba(245,242,234,.18); background: #1d1b23; }
  html[data-theme="dark"] .mobile-force-stack,
  html[data-theme="dark"] .mobile-ai-node { box-shadow: 4px -4px 0 #282630, 8px -8px 0 #211f28; }
  html[data-theme="dark"] .bridge-track { background: repeating-linear-gradient(180deg,rgba(245,242,234,.22) 0 5px,transparent 5px 11px); }
}