:root{--glass-01: color-mix(in oklch, var(--color-foreground) 3%, transparent);--glass-02: color-mix(in oklch, var(--color-foreground) 6%, transparent);--glass-03: color-mix(in oklch, var(--color-foreground) 10%, transparent);--glass-hairline: color-mix(in oklch, var(--color-foreground) 14%, transparent);--glass-hairline-strong: color-mix(in oklch, var(--color-foreground) 22%, transparent);--elev-1: 0 1px 0 0 var(--glass-hairline) inset;--elev-2: 0 1px 0 0 var(--glass-hairline-strong) inset, 0 8px 24px -12px rgb(0 0 0 / .7);--elev-3: 0 1px 0 0 var(--glass-hairline-strong) inset, 0 24px 56px -20px rgb(0 0 0 / .85);--font-data: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .24s}.gd3-panel{background:var(--glass-warm-01);border:1px solid var(--glass-hairline);border-radius:var(--radius, .5rem);box-shadow:var(--elev-1);backdrop-filter:blur(12px) saturate(1.2);transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.gd3-panel--raised{background:var(--glass-warm-02);box-shadow:var(--elev-2)}.gd3-panel--overlay{background:var(--glass-03);box-shadow:var(--elev-3)}.gd3-panel--interactive:hover{background:var(--glass-02);border-color:var(--glass-hairline-strong);transform:translateY(-2px)}.gd3-stat{display:flex;flex-direction:column;gap:.25rem}.gd3-stat__value{font-family:var(--font-data);font-size:clamp(1.75rem,1.2rem + 2.2vw,3rem);font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-foreground)}.gd3-stat__label{font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground)}.gd3-stat--accent .gd3-stat__value{color:var(--color-primary)}.gd3-section{padding-block:clamp(3rem,2rem + 5vw,7rem)}.gd3-container{width:min(100% - 2rem,76rem);margin-inline:auto}.gd3-rule{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--glass-hairline),transparent)}.gd3-panel:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;transition:none}@media(prefers-reduced-motion:reduce){.gd3-panel,.gd3-panel--interactive:hover{transition:none;transform:none}}@supports not (backdrop-filter: blur(1px)){.gd3-panel{background:var(--color-card)}}.js-reveal [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease-out, cubic-bezier(.22,1,.36,1)),transform .6s var(--ease-out, cubic-bezier(.22,1,.36,1));will-change:opacity,transform}.js-reveal [data-reveal].is-in{opacity:1;transform:none}.lift{transition:transform .2s var(--ease-out, cubic-bezier(.22,1,.36,1)),border-color .2s ease,box-shadow .2s ease}.lift:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--color-primary) 55%,transparent);box-shadow:var(--elev-2, 0 8px 24px -12px rgb(0 0 0 / .5))}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){.js-reveal [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.lift{transition:none!important}.lift:hover{transform:none}}.gd3-blueprint{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,var(--glass-01) 1px,transparent 1px),linear-gradient(to bottom,var(--glass-01) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,black 10%,transparent 75%);mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,black 10%,transparent 75%)}.gd3-keylight{position:absolute;inset-inline:0;top:-18%;height:70%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 100% at 50% 0%,color-mix(in oklch,var(--color-primary) 13%,transparent),transparent 70%)}.gd3-hazard{height:3px;border:0;background:repeating-linear-gradient(-45deg,var(--color-primary) 0 8px,transparent 8px 16px);opacity:.55}.gd3-numeral{font-family:var(--font-data);font-size:clamp(2.5rem,1.8rem + 2.4vw,3.5rem);font-weight:600;line-height:.85;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:color-mix(in oklch,var(--color-foreground) 13%,transparent)}.gd3-datum{font-family:var(--font-data);font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--color-foreground)}.gd3-wash{background:linear-gradient(180deg,var(--glass-01),transparent 55%),transparent}.js-reveal [data-reveal][style*=--reveal-delay]{transition-delay:var(--reveal-delay)}@media(prefers-reduced-motion:reduce){.js-reveal [data-reveal][style*=--reveal-delay]{transition-delay:0s!important}}:root{--glass-warm-01: color-mix(in oklch, var(--color-primary) 4%, var(--glass-01));--glass-warm-02: color-mix(in oklch, var(--color-primary) 6%, var(--glass-02));--glass-hairline-warm: color-mix(in oklch, var(--color-primary) 18%, var(--glass-hairline))}.gd3-marble{position:relative;background-color:var(--glass-warm-01);background-image:linear-gradient(135deg,color-mix(in oklch,var(--color-foreground) 5%,transparent) 0%,transparent 38%,transparent 62%,color-mix(in oklch,var(--color-foreground) 3%,transparent) 100%),radial-gradient(ellipse 80% 42% at 18% 8%,color-mix(in oklch,var(--color-foreground) 6%,transparent),transparent 60%),radial-gradient(ellipse 55% 70% at 88% 72%,color-mix(in oklch,var(--color-primary) 5%,transparent),transparent 62%),radial-gradient(ellipse 120% 30% at 45% 105%,color-mix(in oklch,var(--color-foreground) 4%,transparent),transparent 70%);border:1px solid var(--glass-hairline);border-radius:var(--radius, .5rem);box-shadow:var(--elev-2)}.gd3-marble--deep{background-color:var(--glass-warm-02);border-color:var(--glass-hairline-warm);box-shadow:var(--elev-3)}.gd3-edge:before{content:"";position:absolute;inset-inline:12%;top:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--color-primary) 55%,transparent),transparent)}@media(prefers-reduced-transparency:reduce){.gd3-marble,.gd3-marble--deep{background-image:none;backdrop-filter:none}}@media(prefers-contrast:more){.gd3-marble,.gd3-marble--deep{background-image:none;border-color:var(--glass-hairline-strong)}.gd3-edge:before{display:none}}:root{--speak-user: oklch(88% .075 220);--speak-agent: oklch(89% .085 75);--speak-user-bg: color-mix(in oklch, var(--speak-user) 9%, transparent);--speak-agent-bg: color-mix(in oklch, var(--speak-agent) 8%, transparent);--speak-user-edge: color-mix(in oklch, var(--speak-user) 32%, transparent);--speak-agent-edge: color-mix(in oklch, var(--speak-agent) 30%, transparent)}.gd3-say-user{color:var(--speak-user)}.gd3-say-agent{color:var(--speak-agent)}.gd3-bubble-user{background:var(--speak-user-bg);border:1px solid var(--speak-user-edge)}.gd3-bubble-agent{background:var(--speak-agent-bg);border:1px solid var(--speak-agent-edge)}.gd3-who-user{color:color-mix(in oklch,var(--speak-user) 72%,transparent)}.gd3-who-agent{color:color-mix(in oklch,var(--speak-agent) 72%,transparent)}@media(prefers-contrast:more){:root{--speak-user: oklch(95% .06 220);--speak-agent: oklch(95% .07 75)}.gd3-bubble-user,.gd3-bubble-agent{background:transparent;border-width:2px}}:root{--agent-atlas: oklch(88% .115 75);--agent-cipher: oklch(87% .115 155);--agent-ledger: oklch(87% .105 250);--agent-axis: oklch(88% .105 195);--agent-nova: oklch(87% .115 330);--agent-spark: oklch(88% .12 35);--agent-default: var(--speak-agent)}[data-agent=atlas]{--agent-hue: var(--agent-atlas)}[data-agent=cipher]{--agent-hue: var(--agent-cipher)}[data-agent=ledger]{--agent-hue: var(--agent-ledger)}[data-agent=axis]{--agent-hue: var(--agent-axis)}[data-agent=nova]{--agent-hue: var(--agent-nova)}[data-agent=spark]{--agent-hue: var(--agent-spark)}.gd3-agent-name{color:var(--agent-hue, var(--agent-default))}.gd3-agent-dot{background:var(--agent-hue, var(--agent-default));box-shadow:0 0 0 3px color-mix(in oklch,var(--agent-hue, var(--agent-default)) 18%,transparent)}.gd3-agent-edge{border-color:color-mix(in oklch,var(--agent-hue, var(--agent-default)) 34%,transparent)}.gd3-agent-wash{background:color-mix(in oklch,var(--agent-hue, var(--agent-default)) 7%,transparent)}
