.passage-plate{border:1px solid #85a9bc29;background:#050b10;overflow:hidden}
.passage-toolbar{display:flex;align-items:center;gap:25px;padding:22px 30px;border-bottom:1px solid #85a9bc20}
.passage-samples{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.passage-samples button{border:1px solid transparent;background:none;color:#7c97a8;font:12px Consolas,monospace;letter-spacing:.05em;padding:9px 15px;cursor:pointer}.passage-samples button[aria-pressed=true]{border-color:#a2c7dc66;color:#d6e8ef;background:#9ec5dd0b}.passage-samples button:hover{color:#e0ecf2}.passage-samples button:focus-visible{outline:2px solid #abcddd;outline-offset:3px}.passage-mode{font:10px Consolas,monospace;letter-spacing:.1em;color:#b08d98;border-left:1px solid #829eaf33;padding-left:25px}
.passage-art{height:clamp(340px,29vw,550px);position:relative;background:radial-gradient(ellipse at 50% 54%,#14252e66,transparent 55%);overflow:hidden}
#signal-fibers{width:100%;height:100%;display:block}
.passage-coordinate{position:absolute;top:30px;font:10px/1.8 Consolas,monospace;letter-spacing:.1em;color:#9ebaca;pointer-events:none}.passage-coordinate span{color:#526e81;font-size:9px}.top-left{left:30px}.top-right{right:30px;text-align:right}
.passage-focus{position:absolute;left:50%;top:15%;transform:translateX(-50%);text-align:center;pointer-events:none}.passage-focus>span{font:9px Consolas,monospace;letter-spacing:.2em;color:#96acb9}.passage-focus strong{display:block;font:400 clamp(24px,3vw,42px)/1.3 var(--sans);letter-spacing:-.03em;color:#d4e5ed;margin:10px 0}.passage-focus i{display:block;margin:auto;width:1px;height:40px;background:linear-gradient(#7596a68c,transparent)}
.passage-art-note{position:absolute;bottom:23px;left:30px;font:9px Consolas,monospace;letter-spacing:.08em;color:#5d7d90}
.passage-stages{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #85a9bc29}
.passage-stages article{padding:30px 35px 35px;border-right:1px solid #85a9bc29}.passage-stages article:last-child{border:0}.passage-stages article>span{font:10px Consolas,monospace;letter-spacing:.1em;color:#a0818f}.life-lab .passage-stages h3{font-size:25px;letter-spacing:-.035em;margin:18px 0 12px;color:#c1d5df}.passage-stages p{font-size:14px!important;color:#8ba4b4;line-height:1.8!important;margin:0;max-width:420px}.passage-footer{display:flex;justify-content:space-between;gap:20px;padding:19px 30px;border-top:1px solid #85a9bc29;font:11px/1.6 Consolas,monospace;color:#6c8c9f}.passage-footer a{color:#b5cad7;white-space:nowrap}
@media(min-width:1800px){.passage-stages article{padding:35px 42px 42px}.passage-stages p{font-size:17px!important}.life-lab .passage-stages h3{font-size:30px}}
@media(max-width:760px){.passage-toolbar{padding:18px;gap:16px;flex-wrap:wrap}.passage-toolbar>.atlas-label{font-size:9px}.passage-mode{font-size:9px;padding-left:0;border:0;margin-left:auto}.passage-samples{order:3;width:100%;margin-left:0}.passage-samples button{padding:8px 14px}.passage-art{height:340px}.passage-coordinate{top:19px;font-size:8px}.top-left{left:16px}.top-right{right:16px}.passage-coordinate span{font-size:7px}.passage-focus{top:24%}.passage-focus i{height:22px}.passage-art-note{left:16px;font-size:7px}.passage-stages{grid-template-columns:1fr}.passage-stages article{padding:25px 22px;border:0;border-bottom:1px solid #85a9bc29}.life-lab .passage-stages h3{font-size:24px;margin:12px 0 10px}.passage-footer{padding:18px 22px;flex-direction:column;font-size:10px}}
.ai-status-dot{display:inline-block;width:5px;height:5px;background:#b8d8e7;box-shadow:0 0 9px #9dcede;margin-right:8px;border-radius:50%}
.passage-art{height:clamp(420px,32vw,590px)}
.passage-focus{top:9%}.passage-focus>span{font-size:9px;white-space:nowrap}.passage-focus strong{font-size:clamp(23px,2.5vw,36px);margin:8px 0}.passage-focus i{height:24px}
.ai-inputs,.ai-output{position:absolute;top:37%;width:22%;max-width:280px;pointer-events:none}
.ai-inputs{left:3.5%}.ai-output{right:3.5%}
.ai-micro{font:9px Consolas,monospace;letter-spacing:.13em;color:#688a9e;display:block;margin-bottom:16px}
.ai-inputs>div{display:flex;align-items:center;gap:13px;height:39px;border-bottom:1px solid #8eb1c21c;background:linear-gradient(90deg,#08131ce8,#08131c88,transparent)}
.ai-inputs b,.ai-output b{font:9px Consolas,monospace;color:#647f90}.ai-inputs>div>span{font-size:13px;color:#acc6d5}.ai-vector{margin-left:auto;width:45px;height:12px;background:repeating-linear-gradient(90deg,#8cbdce88 0 2px,transparent 2px 4px);mask-image:linear-gradient(90deg,#000,transparent);animation:ai-vector 2.8s ease-in-out infinite alternate}.ai-inputs>div:nth-child(3) .ai-vector{animation-delay:-1.8s;width:32px}.ai-inputs>div:nth-child(4) .ai-vector{animation-delay:-.7s;width:38px}
.ai-inputs>small,.ai-output>small{display:block;margin-top:15px;font:8px/1.6 Consolas,monospace;letter-spacing:.07em;color:#5e7e90}
.ai-output ol{list-style:none;padding:0;margin:0}.ai-output li{display:flex;align-items:center;gap:12px;height:39px;border-bottom:1px solid #8eb1c21c;color:#71899a;transition:color .5s;background:linear-gradient(90deg,transparent,#08131cbb)}.ai-output li>span{font-size:13px}.ai-output li>b{margin-left:auto}.ai-output li>i{display:block;width:5px;height:5px;border:1px solid #5b7889;border-radius:50%}.ai-output li.active{color:#d2e6ef}.ai-output li.active>i{background:#c1dfe9;box-shadow:0 0 12px #b1d9ef;border-color:#c1dfe9}
.ai-core-caption{position:absolute;left:50%;top:79%;transform:translateX(-50%);text-align:center;white-space:nowrap;pointer-events:none}.ai-core-caption>span{font:9px Consolas,monospace;letter-spacing:.16em;color:#9fbfcd}.ai-core-caption b{display:inline-block;font:12px Consolas,monospace;color:#d9ecf5;border:1px solid #789fb666;margin-left:9px;padding:3px 6px}.ai-core-caption>small{display:block;font:8px Consolas,monospace;color:#5c7d90;letter-spacing:.18em;margin-top:10px}
.passage-stages article{position:relative;transition:background .6s}.passage-stages article:before{content:'';height:1px;position:absolute;top:-1px;left:0;width:0;background:#a8d3e7;box-shadow:0 0 10px #89c2df;transition:width .7s}
.passage-plate[data-ai-phase="0"] .passage-stages article:nth-child(1),.passage-plate[data-ai-phase="1"] .passage-stages article:nth-child(2),.passage-plate[data-ai-phase="2"] .passage-stages article:nth-child(3){background:#739daf09}
.passage-plate[data-ai-phase="0"] .passage-stages article:nth-child(1):before,.passage-plate[data-ai-phase="1"] .passage-stages article:nth-child(2):before,.passage-plate[data-ai-phase="2"] .passage-stages article:nth-child(3):before{width:100%}
.paused .ai-vector{animation-play-state:paused}
@keyframes ai-vector{from{opacity:.3;transform:scaleY(.5)}to{opacity:.9;transform:scaleY(1)}}
@media(min-width:1800px){.ai-inputs>div,.ai-output li{height:48px}.ai-inputs>div>span,.ai-output li>span{font-size:16px}.ai-micro{font-size:11px}.ai-inputs>small,.ai-output>small{font-size:10px}.ai-core-caption>span{font-size:11px}}
@media(max-width:760px){.passage-art{height:530px}.passage-focus{top:10%}.ai-inputs,.ai-output{top:auto;bottom:38px;width:43%;max-width:none}.ai-inputs{left:5%}.ai-output{right:5%}.ai-micro{font-size:8px;margin-bottom:7px}.ai-inputs>div,.ai-output li{height:29px;gap:7px}.ai-inputs>div>span,.ai-output li>span{font-size:10px}.ai-vector{display:none}.ai-inputs>small,.ai-output>small{font-size:6px;margin-top:8px}.ai-core-caption{top:63%}.ai-core-caption>span{font-size:7px}.ai-core-caption>small{display:none}.passage-art-note{font-size:6px;bottom:13px}.passage-focus strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.ai-vector{animation:none}.ai-output li,.passage-stages article,.passage-stages article:before{transition:none}}