:root{--scene-x: 0px;--scene-y: 0px;--scene-light-x: 48%;color-scheme:dark;background:#080b10;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#080b10}body{min-height:180vh;overflow-x:hidden}main{position:fixed;inset:0;overflow:hidden}canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 49% 47%,transparent 0 30%,rgba(8,11,16,.12) 67%,rgba(8,11,16,.54) 100%)}.intro{position:absolute;left:50%;bottom:clamp(1.1rem,3.5vh,2.5rem);width:min(28rem,calc(100vw - 3rem));color:#edf7f8;text-align:center;text-shadow:0 2px 28px #080b10;transform:translate3d(calc(-50% + var(--scene-x)),var(--scene-y),0);will-change:transform}.intro:before{content:"";position:absolute;z-index:-1;inset:-4rem -5rem;pointer-events:none;background:radial-gradient(ellipse at var(--scene-light-x) 55%,rgba(100,185,192,.2),transparent 64%);filter:blur(12px)}.intro:after{content:"";position:absolute;left:50%;top:-.85rem;width:clamp(4rem,8vw,7rem);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(122,213,220,.86),transparent);box-shadow:0 0 14px #7ad5dc4d}h1{margin:0 0 .45rem;font-size:clamp(1.85rem,3.2vw,3rem);font-weight:400;line-height:1;letter-spacing:0;transform:translateZ(0)}p{margin:0 auto;max-width:24rem;color:#aebdc0;font-size:clamp(.88rem,1.1vw,1rem);line-height:1.4}.status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#b8c6ca;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;transition:opacity .5s ease}.status.is-hidden{opacity:0;pointer-events:none}.status.is-error{color:#d5b6ad}.timeline-debug{position:absolute;z-index:5;right:1rem;bottom:1rem;width:min(26rem,calc(100vw - 2rem));padding:.85rem 1rem;border:1px solid rgba(137,197,204,.28);background:#080b10e0;color:#d8e7e9;font-size:.78rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timeline-debug div{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.timeline-debug span{color:#8ea6aa;font-variant-numeric:tabular-nums}.timeline-debug .timeline-counts{display:block;margin:-.2rem 0 .55rem;color:#8ea6aa;font-variant-numeric:tabular-nums}.timeline-debug input{width:calc(100% - 4.5rem);vertical-align:middle;accent-color:#7ad5dc}.timeline-debug button{float:right;width:3.8rem;min-height:1.8rem;border:1px solid rgba(122,213,220,.35);background:#7ad5dc14;color:#d8e7e9;cursor:pointer}.is-debug .intro{display:none}@media(max-width:680px){.intro{bottom:1.5rem;width:calc(100vw - 2rem)}h1{font-size:clamp(1.8rem,9vw,2.5rem)}p{max-width:18rem;font-size:.88rem}.veil{background:radial-gradient(ellipse at 50% 43%,transparent 0 24%,rgba(8,11,16,.2) 70%,rgba(8,11,16,.62) 100%)}}@media(prefers-reduced-motion:reduce){.intro{transform:none}.status{transition:none}}