.data-scene{--scene-rx:0deg;--scene-ry:0deg;--scene-x:50%;--scene-y:50%;position:relative;width:100%;min-width:0;perspective:1200px}.data-scene-aura{position:absolute;inset:-15%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,color-mix(in oklch,var(--color-accent) 12%,transparent),transparent 65%);animation:data-aura 8s ease-in-out infinite}.data-console{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-accent) 18%,var(--color-border));border-radius:1.15rem;background:color-mix(in oklch,var(--color-background) 96%,var(--color-accent));box-shadow:0 30px 80px color-mix(in oklch,var(--color-foreground) 7%,transparent),inset 0 1px 0 color-mix(in oklch,var(--color-foreground) 4%,transparent);transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry));transition:transform .65s var(--ease-out-soft),box-shadow .5s;animation:data-console-enter 1.1s var(--ease-out-soft) both}.data-console:after{content:"";background:radial-gradient(260px circle at var(--scene-x) var(--scene-y),color-mix(in oklch,var(--color-accent) 9%,transparent),transparent)}.data-console-grid,.data-console:after{position:absolute;inset:0;z-index:-1;pointer-events:none}.data-console-grid{opacity:.35;background-image:radial-gradient(var(--color-border) .8px,transparent .8px);background-size:18px 18px;mask-image:linear-gradient(transparent,black 20%,black 80%,transparent)}.data-console-footer,.data-console-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1.1rem 1.4rem;font:.55rem var(--font-mono);letter-spacing:.08em;color:var(--color-muted-foreground)}.data-console-header{border-bottom:1px solid var(--color-border)}.data-console-label{display:flex;align-items:center;gap:.6rem;color:var(--color-foreground)}.data-console-label>i{width:5px;height:5px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 10px color-mix(in oklch,var(--color-accent) 40%,transparent)}.data-console-version{font-size:.5rem;opacity:.7}.data-console-body{padding:1.4rem 1.4rem .4rem}.data-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.data-source{display:flex;align-items:center;justify-content:center;position:relative;gap:.5rem;border:1px solid var(--color-border);border-radius:.5rem;padding:.85rem .3rem;background:var(--color-background);font:.6rem var(--font-mono);animation:data-source-pulse 8s ease-in-out var(--node-delay) infinite}.data-source>svg{width:18px;height:18px;color:var(--color-muted-foreground)}.data-source-dot{width:3px;height:3px;border-radius:50%;position:absolute;bottom:-2px;left:calc(50% - 1px);background:var(--color-accent)}.data-wires{display:block;width:100%;height:38px;overflow:visible}.data-wires path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.data-wire{stroke:var(--color-border)}.data-packet{stroke:var(--color-accent);stroke-width:2!important;stroke-linecap:round;stroke-dasharray:8 100;stroke-dashoffset:8;opacity:0;animation:data-packet-run 8s linear var(--packet-delay) infinite;filter:drop-shadow(0 0 3px color-mix(in oklch,var(--color-accent) 40%,transparent))}.data-engine{display:flex;align-items:center;gap:.85rem;padding:1rem;border:1px solid color-mix(in oklch,var(--color-accent) 30%,var(--color-border));background:var(--color-background);border-radius:.65rem;animation:data-engine-pulse 8s ease-in-out infinite}.data-engine-symbol{width:36px;height:36px;flex-shrink:0;color:var(--color-accent)}.data-engine-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}.data-engine-glyph{stroke-width:1.5}.data-destination strong,.data-engine strong{display:block;font-size:.78rem;font-weight:500}.data-destination>div>span,.data-engine>div>span{display:block;margin-top:.35rem;color:var(--color-muted-foreground);font:.55rem var(--font-mono)}.data-engine-bars{display:flex;align-items:center;gap:3px;height:20px;margin-left:auto}.data-engine-bars i{width:3px;height:12px;border-radius:2px;background:var(--color-accent);transform-origin:center;animation:data-processing 1.6s ease-in-out infinite}.data-engine-bars i:nth-child(2){animation-delay:-.4s}.data-engine-bars i:nth-child(3){animation-delay:-.8s}.data-engine-bars i:nth-child(4){animation-delay:-1.2s}.data-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.data-layer{--layer-color:var(--color-bronze);padding:.8rem .7rem;border:1px solid var(--color-border);background:var(--color-background);border-radius:.6rem;animation:data-layer-pulse 8s ease-in-out var(--layer-delay) infinite;transition:transform .4s var(--ease-out-soft),border-color .4s}.data-layer--silver{--layer-color:var(--color-silver)}.data-layer--gold{--layer-color:var(--color-gold)}.data-layer:hover{transform:translateY(-4px)}.data-layer-head{display:flex;justify-content:space-between;align-items:center;font:.5rem var(--font-mono);color:var(--color-muted-foreground)}.data-layer-code{font-size:.4rem;letter-spacing:.08em}.data-layer-stack{position:relative;height:40px;margin:.7rem auto .65rem;width:46px}.data-layer-stack i{position:absolute;left:3px;top:4px;width:40px;height:22px;border:1px solid var(--layer-color);border-radius:4px;background:color-mix(in oklch,var(--layer-color) 9%,var(--color-background));transform:rotate(-25deg) skewX(25deg);transition:transform .6s var(--ease-out-soft)}.data-layer-stack i:nth-child(2){top:11px}.data-layer-stack i:nth-child(3){top:18px}.data-layer:hover .data-layer-stack i:first-child{transform:rotate(-25deg) skewX(25deg) translateY(-4px)}.data-layer:hover .data-layer-stack i:nth-child(3){transform:rotate(-25deg) skewX(25deg) translateY(4px)}.data-layer>strong{display:block;font:1.35rem var(--font-serif);letter-spacing:-.02em}.data-layer>small{display:block;margin-top:.25rem;font-size:.52rem;color:var(--color-muted-foreground)}.data-layer-meter{height:2px;border-radius:10px;margin-top:.85rem;overflow:hidden;background:var(--color-muted)}.data-layer-meter>i{display:block;width:100%;height:100%;background:var(--layer-color);transform-origin:left;animation:data-layer-fill 8s ease-in-out var(--layer-delay) infinite}.data-destination{display:flex;align-items:center;gap:.65rem;padding:1rem;border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-background);animation:data-engine-pulse 8s ease-in-out 4s infinite}.data-destination-icon{font-size:1.65rem;color:var(--color-accent)}.data-chart{width:60px;height:30px;margin-left:auto;overflow:visible}.data-chart path{fill:none}.data-chart-grid{stroke:var(--color-border);stroke-width:.5}.data-chart-line{stroke:var(--color-accent);stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:100;animation:data-chart-draw 8s ease-in-out infinite}.data-console-footer{padding-block:1rem;font-size:.45rem;letter-spacing:.04em}.data-cycle{display:flex;align-items:center;gap:.5rem}.data-cycle>i{height:3px;width:3px;background:var(--color-accent);border-radius:50%}@keyframes data-console-enter{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes data-aura{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes data-source-pulse{0%,25%,to{border-color:var(--color-border)}16%,8%{border-color:var(--color-accent);box-shadow:0 0 16px color-mix(in oklch,var(--color-accent) 8%,transparent)}}@keyframes data-packet-run{0%{stroke-dashoffset:8;opacity:0}2%{opacity:1}22%{stroke-dashoffset:-100;opacity:1}24%,to{stroke-dashoffset:-100;opacity:0}}@keyframes data-engine-pulse{0%,14%,45%,to{box-shadow:none}22%,32%{box-shadow:0 0 24px color-mix(in oklch,var(--color-accent) 12%,transparent)}}@keyframes data-processing{0%,to{transform:scaleY(.4);opacity:.35}50%{transform:scaleY(1);opacity:1}}@keyframes data-layer-pulse{0%,30%,to{border-color:var(--color-border)}20%,8%{border-color:var(--layer-color);box-shadow:0 0 15px color-mix(in oklch,var(--layer-color) 10%,transparent)}}@keyframes data-layer-fill{0%{transform:scaleX(0)}22%,75%{transform:scaleX(1);opacity:1}90%,to{transform:scaleX(1);opacity:.2}}@keyframes data-chart-draw{0%,65%{stroke-dashoffset:100;opacity:.3}85%,to{stroke-dashoffset:0;opacity:1}}.data-scene[data-paused=true] *,.data-scene[data-paused=true] .data-scene-aura{animation-play-state:paused}@media (max-width:767px){.data-scene{max-width:460px;margin-inline:auto}.data-console-body,.data-console-footer,.data-console-header{padding-inline:1rem}.data-layer{padding-inline:.6rem}.data-engine{padding:.85rem;gap:.6rem}}@media (max-width:360px){.data-destination strong,.data-engine strong{font-size:.7rem}.data-engine>div>span{font-size:.48rem}.data-engine-bars{display:none}.data-source{gap:.3rem}.data-layer-code{display:none}.data-layer>small{font-size:.48rem}}@media (hover:none){.data-console,.data-layer:hover{transform:none}}@media (prefers-reduced-motion:reduce){.data-scene *,.data-scene-aura{animation:none!important;transition:none!important}.data-console{transform:none}.data-packet{opacity:0}.data-layer-meter>i{transform:none}.data-chart-line{stroke-dashoffset:0}.data-layer:hover,.data-layer:hover .data-layer-stack i{transform:none}}