.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}.stage-editor{z-index:4;place-items:center;display:grid;position:absolute;inset:4.1rem 1.3rem 3.7rem}.stage-editor textarea{resize:none;color:#f0d8adeb;letter-spacing:0;text-align:center;text-shadow:0 0 10px #f0d8ad2e,0 0 34px #c9a56b29;width:min(92%,760px);height:min(72%,330px);caret-color:var(--gold-bright);background:0 0;border:0;outline:0;padding:.5rem;font-size:clamp(2.15rem,6.2vw,6.45rem);font-weight:800;line-height:.86;animation:3.2s ease-in-out infinite stage-text-glow;overflow:hidden}.stage-editor textarea::placeholder{color:#f0d8ad6b}.stage-editor textarea:focus{text-shadow:0 0 12px #f0d8ad57,0 0 44px #c9a56b38}.hero-stage:before,.hero-stage:after{opacity:.14}@keyframes stage-text-glow{0%,to{opacity:.78;filter:drop-shadow(0 0 8px #c9a56b33)}50%{opacity:1;filter:drop-shadow(0 0 22px #f0d8ad57)}}@keyframes style-icon-pulse{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(8deg)scale(1.12)}}@media (max-width:900px){.stage-editor{inset:3.8rem 1rem 3.4rem}.stage-editor textarea{width:96%;font-size:clamp(2rem,10vw,4.8rem)}}@media (max-width:560px){.stage-corner-top{gap:.65rem}.stage-style-button{min-height:28px;padding:0 .55rem}.stage-style-button strong{display:none}.stage-editor{inset:3.7rem .65rem 3.2rem}.stage-editor textarea{height:70%;font-size:clamp(1.85rem,14vw,4.2rem)}}@media (prefers-reduced-motion:reduce){.stage-editor textarea,.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}.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}}