.live-dot:before{background:var(--gold-bright);box-shadow:0 0 12px #f0d8ade0}.reactive-diagram{background:linear-gradient(#c9a56b07 1px,#0000 1px),linear-gradient(90deg,#c9a56b07 1px,#0000 1px),radial-gradient(circle at 50% 20%,#f0d8ad0e,#0000 32rem),#090807}.diagram-cursor-glow{background:radial-gradient(360px circle at var(--diagram-x) var(--diagram-y), #f0d8ad1f, #c9a56b0e 38%, transparent 68%)}.workflow-node:before{background:linear-gradient(90deg, transparent, var(--gold-bright), transparent)}.workflow-node:hover{border-color:#f0d8ad70;box-shadow:0 22px 60px #0000005c,0 0 28px #c9a56b1f}.connection-layer:hover,.memory-node:hover{border-color:#f0d8ad70}.workflow-node-top,.connection-layer-heading,.system-bridge,.connection-note svg,.memory-node-icon,.memory-lifetime,.diagram-status .live-dot{color:var(--gold-bright)}.flow-connector{color:#f0d8adb8}.flow-connector>span,.bridge-line,.memory-connector:before{background:#c9a56b38}.flow-connector>span:after,.bridge-line:after,.memory-connector span:after{background:linear-gradient(90deg, transparent, var(--gold-bright), #e9c58c, transparent);filter:drop-shadow(0 0 6px #f0d8add1)}.memory-node{background:linear-gradient(145deg,#c9a56b0e,#080705eb)}.memory-node-icon{border-color:#f0d8ad57;box-shadow:0 0 22px #c9a56b1f}@media (prefers-reduced-motion:reduce){.flow-connector>span:after,.bridge-line:after,.memory-connector span:after{background:var(--gold-bright);opacity:.45}}.system-flow-diagram{min-height:560px;padding:clamp(1rem,2.4vw,2rem)}.system-flow-grid{grid-template-rows:auto 42px auto 52px auto;gap:0;min-height:480px;display:grid;transform:translateZ(24px)}.intelligence-core,.system-tools-panel,.system-flow-lane{background:linear-gradient(145deg,#c9a56b12,#080705eb);border:1px solid #f0d8ad2e;box-shadow:0 22px 52px #0000004d,inset 0 0 32px #c9a56b09}.intelligence-core,.system-tools-panel{text-align:center;justify-self:center;width:min(520px,100%);padding:1.15rem 1.25rem}.system-flow-label,.system-flow-heading{color:var(--gold-bright);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.56rem;display:inline-flex}.intelligence-core h4{letter-spacing:-.03em;margin:.95rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,2.4vw,2rem);font-weight:400;line-height:1.05}.intelligence-core ul,.system-tools-panel ul,.system-flow-lane ul{margin:1rem 0 0;padding:0;list-style:none}.intelligence-core li,.system-tools-panel li,.system-flow-lane li{color:#eee7dc94;font-size:.68rem;line-height:1.55}.core-connector{background:#c9a56b38;justify-self:center;width:1px;position:relative;overflow:hidden}.core-connector:before,.core-connector:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.core-connector:before{background:linear-gradient(180deg, transparent, var(--gold-bright), transparent);filter:drop-shadow(0 0 6px #f0d8adcc);width:1px;height:100%;animation:2.5s linear infinite vertical-neon-flow;top:0}.core-connector:after{border-right:1px solid var(--gold-bright);border-bottom:1px solid var(--gold-bright);width:7px;height:7px;bottom:-1px;transform:translate(-50%)rotate(45deg)}.system-flow-lanes{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch;display:grid}.system-flow-lane{min-height:215px;padding:1.15rem;transition:border-color .45s,transform .6s cubic-bezier(.22,1,.36,1),box-shadow .45s}.system-flow-lane:hover,.intelligence-core:hover,.system-tools-panel:hover{border-color:#f0d8ad75;box-shadow:0 22px 60px #0000005c,0 0 30px #c9a56b21}.system-flow-lane:hover{transform:translateZ(20px)translateY(-3px)}.system-flow-heading{justify-content:space-between;width:100%}.system-flow-lane li+li,.system-tools-panel li+li,.intelligence-core li+li{margin-top:.35rem}.system-flow-lane li:first-child,.system-flow-lane li:nth-child(2){color:var(--gold-bright);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.system-flow-link{color:#f0d8adb8;align-items:center;display:flex;position:relative}.system-flow-link span{background:#c9a56b38;height:1px;position:absolute;top:50%;left:0;right:2px;overflow:hidden}.system-flow-link span:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-bright), #e9c58c, transparent);filter:drop-shadow(0 0 6px #f0d8add1);width:42%;height:100%;animation:2.4s linear infinite neon-flow;position:absolute}.system-flow-link svg{position:absolute;right:-4px}.system-response-loop{justify-self:center;width:min(64%,680px);position:relative}.system-response-loop span{color:#eee7dc6b;letter-spacing:.15em;text-transform:uppercase;font-size:.5rem;position:absolute;top:11px;left:50%;transform:translate(-50%)}.system-response-loop div{background:#c9a56b38;height:1px;position:absolute;bottom:11px;left:0;right:0;overflow:hidden}.system-response-loop div:before,.system-response-loop div:after{content:"";border-left:1px solid var(--gold-bright);border-bottom:1px solid var(--gold-bright);width:9px;height:9px;position:absolute;top:-4px}.system-response-loop div:before{left:0;transform:rotate(45deg)}.system-response-loop div:after{right:0;transform:rotate(-135deg)}.system-response-loop div:before,.system-response-loop div:after,.core-connector:after{filter:drop-shadow(0 0 6px #f0d8adc7)}.system-tools-panel ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.system-tools-panel li{color:#eee7dcb8;background:#c9a56b0b;border:1px solid #f0d8ad24;min-height:38px;padding:.65rem .55rem}@keyframes vertical-neon-flow{0%{transform:translate(-50%)translateY(-120%)}to{transform:translate(-50%)translateY(220%)}}@media (max-width:980px){.system-flow-diagram{min-height:auto}.system-flow-grid{grid-template-rows:auto 34px auto 38px auto;min-height:auto}.system-flow-lanes{grid-template-columns:1fr;gap:0}.system-flow-lane{min-height:auto}.system-flow-link{justify-self:center;width:70px;height:46px;transform:rotate(90deg)}.system-response-loop{width:1px;min-height:38px}.system-response-loop span{display:none}.system-response-loop div{width:1px;height:auto;inset:0 auto 0 0}.system-response-loop div:before,.system-response-loop div:after{display:none}.system-tools-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.system-flow-grid{grid-template-rows:auto 30px auto 30px auto}.intelligence-core,.system-tools-panel,.system-flow-lane{padding:1rem}.system-tools-panel ul{grid-template-columns:1fr}}.stage-corner-top{align-items:center}.stage-style-button{min-height:30px;color:var(--gold-bright);font:inherit;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;background:#c9a56b0e;border:1px solid #f0d8ad33;align-items:center;gap:.45rem;padding:0 .7rem;font-size:.55rem;transition:border-color .4s,box-shadow .4s,background .4s,transform .4s cubic-bezier(.22,1,.36,1);display:inline-flex}.stage-style-button strong{color:#eee7dc94;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.48rem;font-weight:500}.stage-style-button:hover,.stage-style-button.is-cycling{background:#c9a56b1b;border-color:#f0d8ad7a;transform:translateY(-1px);box-shadow:0 0 24px #c9a56b29}.stage-style-button.is-cycling svg{animation:1.8s ease-in-out infinite style-icon-pulse}.chitz{z-index:4;grid-template-rows:auto minmax(0,1fr) auto;gap:.85rem;display:grid;position:absolute;inset:4.1rem 1.3rem 3.7rem}.chitz-identity{align-items:baseline;gap:.7rem;display:flex}.chitz-name{color:var(--gold-bright);letter-spacing:.06em;text-shadow:0 0 18px #f0d8ad59;will-change:text-shadow;font-size:.86rem;animation:1.5s ease-in-out infinite chitz-neon}@keyframes chitz-neon{0%,to{color:var(--gold-bright);text-shadow:0 0 18px #f0d8ad59}50%{color:#fff6e2;text-shadow:0 0 6px #fff6e2f2,0 0 18px #f0d8add9,0 0 34px #c9a56b99,0 0 62px #c9a56b52}}@media (prefers-reduced-motion:reduce){.chitz-name{animation:none}}.chitz-tagline{color:#eee7dc6b;letter-spacing:.16em;text-transform:uppercase;flex:1;font-size:.58rem}.chitz-reset{color:#f0d8adb8;cursor:pointer;background:#0c0b0980;border:1px solid #c9a56b42;border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;transition:border-color .32s,color .32s;display:grid}.chitz-reset:hover{color:var(--gold-bright);border-color:#f0d8ad9e}.chitz-scroll{scrollbar-width:thin;scrollbar-color:#c9a56b57 transparent;flex-direction:column;gap:.7rem;min-height:0;padding-right:.4rem;display:flex;overflow-y:auto}.chitz-row{flex-direction:column;gap:.42rem;display:flex}.chitz-deeper{color:#f0d8addb;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#c9a56b12;border:1px solid #c9a56b57;border-radius:999px;align-self:flex-start;align-items:center;gap:.34rem;padding:.3rem .66rem;font-family:inherit;font-size:.6rem;transition:border-color .3s,background .3s,color .3s;display:inline-flex}.chitz-deeper:hover{color:var(--gold-bright);background:#c9a56b24;border-color:#f0d8adb3}.chitz-turn{white-space:pre-wrap;max-width:86%;padding:.62rem .85rem;font-size:.86rem;line-height:1.62}.chitz-turn-assistant{color:#f0d8ade6;background:linear-gradient(90deg,#c9a56b17,#0000 78%);border-left:1px solid #c9a56b6b;align-self:flex-start}.chitz-turn-visitor{color:#eee7dcd1;text-align:right;background:linear-gradient(270deg,#eee7dc12,#0000 78%);border-right:1px solid #eee7dc3d;align-self:flex-end}.chitz-turn.is-failed{color:#eee7dc99;font-style:italic}.chitz-thinking{gap:.32rem;padding:.3rem 0;display:inline-flex}.chitz-thinking i{background:var(--gold-bright);border-radius:50%;width:5px;height:5px;animation:1.25s ease-in-out infinite chitz-pulse}.chitz-thinking i:nth-child(2){animation-delay:.16s}.chitz-thinking i:nth-child(3){animation-delay:.32s}@keyframes chitz-pulse{0%,to{opacity:.22;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.chitz-composer{border-top:1px solid #c9a56b33;align-items:center;gap:.6rem;padding-top:.7rem;display:flex}.chitz-composer input{min-width:0;color:var(--paper);letter-spacing:.01em;caret-color:var(--gold-bright);background:0 0;border:0;outline:0;flex:1;padding:.42rem 0;font-family:inherit;font-size:.88rem}.chitz-composer input::placeholder{color:#eee7dc57}.chitz-composer button{width:2rem;height:2rem;color:var(--gold-bright);cursor:pointer;background:#0c0b0999;border:1px solid #c9a56b4d;border-radius:50%;place-items:center;transition:border-color .32s,box-shadow .32s,opacity .32s;display:grid}.chitz-composer button:hover:not(:disabled){border-color:#f0d8adb3;box-shadow:0 0 20px #c9a56b4d}.chitz-composer button:disabled{opacity:.34;cursor:default}@media (max-width:900px){.chitz{inset:3.6rem 1rem 3.2rem}.chitz-turn{max-width:94%;font-size:.8rem}.chitz-tagline{display:none}}.hero-stage:before,.hero-stage:after{opacity:.14}@keyframes style-icon-pulse{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(8deg)scale(1.12)}}@media (max-width:560px){.stage-corner-top{gap:.65rem}.stage-style-button{min-height:28px;padding:0 .55rem}.stage-style-button strong{display:none}}@media (prefers-reduced-motion:reduce){.stage-style-button.is-cycling svg{animation:none}}
.comet-trail{z-index:80;pointer-events:none;mix-blend-mode:screen;position:fixed;inset:0}.comet-trail span{opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#fff7daf2 0 18%,#f0d8adb8 30%,#c9a56b38 58%,#0000 74%);border-radius:999px;width:9px;height:9px;position:absolute;top:0;left:0;box-shadow:0 0 12px #f0d8adcc,0 0 28px #c9a56b61}.comet-trail span:first-child{width:13px;height:13px;box-shadow:0 0 16px #fff7dae6,0 0 42px #c9a56b80}.project-loading-overlay,.architecture-loading-layer{pointer-events:none;place-items:center;display:grid}.project-loading-overlay{z-index:70;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle,#c9a56b1f,#050403ad 32%,#050403d1);position:fixed;inset:0}@media (pointer:coarse){.project-loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.architecture-tabs{position:relative}.architecture-loading-layer{z-index:8;opacity:0;min-height:18rem;transition:opacity .22s,transform .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:calc(52px + 1.1rem) 0 0;transform:scale(.98)}.architecture-loading-layer.is-visible{opacity:1;transform:scale(1)}.architecture-loading-layer:before{content:"";background:linear-gradient(#c9a56b07 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#c9a56b07 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle,#f0d8ad21,#0c0b09d6 38%,#0c0b09e8);border:1px solid #f0d8ad14;position:absolute;inset:0;box-shadow:inset 0 0 70px #0009}.quantum-loader{z-index:2;color:var(--gold-bright);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 18px #f0d8ad57;justify-items:center;gap:1rem;font-size:.58rem;display:grid;position:relative}.quantum-atom{filter:drop-shadow(0 0 24px #c9a56b47);place-items:center;width:112px;height:112px;display:grid;position:relative}.quantum-nucleus{background:var(--gold-bright);border-radius:999px;width:14px;height:14px;animation:1.6s ease-in-out infinite quantum-nucleus-pulse;box-shadow:0 0 16px #fff7dae6,0 0 42px #c9a56bb8}.quantum-orbit{border:1px solid #f0d8ad54;border-radius:999px;animation:1.7s linear infinite quantum-spin;position:absolute;inset:18px;box-shadow:inset 0 0 18px #c9a56b1a}.quantum-orbit i{background:var(--gold-bright);border-radius:999px;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #fff7dae6,0 0 22px #c9a56b94}.quantum-orbit-1{transform:rotateX(68deg)rotate(0)}.quantum-orbit-2{animation-duration:2.15s;animation-direction:reverse;inset:24px;transform:rotateY(68deg)rotate(55deg)}.quantum-orbit-3{animation-duration:2.65s;inset:28px;transform:rotateX(58deg)rotateY(54deg)rotate(112deg)}.project-open:active,.architecture-tab:active,.stage-style-button:active{box-shadow:0 0 30px #f0d8ad2e}@keyframes quantum-spin{to{rotate:360deg}}@keyframes quantum-nucleus-pulse{0%,to{opacity:.72;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}@media (max-width:620px){.architecture-loading-layer{inset:calc(48px + 1.1rem) 0 0}.quantum-atom{width:88px;height:88px}}@media (prefers-reduced-motion:reduce){.comet-trail,.project-loading-overlay,.architecture-loading-layer{display:none}.quantum-nucleus,.quantum-orbit{animation:none}}
