.hero-live-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-live-canvas{position:absolute;inset:0;animation:hero-scene-appear .5s ease-out both}.hero-live-canvas>.data-flow-canvas,.hero-live-canvas>.neural-face-canvas{position:absolute;inset:0;width:100%;z-index:0;pointer-events:none}.hero-live-canvas>.data-flow-canvas{height:100%}.hero-live-canvas>.neural-face-canvas{height:calc(100% - 50px)}.hero-live-canvas-paused{animation:none}.hero-auto-mode{position:absolute;top:83px;left:25px;z-index:2;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 25px);padding:7px 10px;border:1px solid #9acbea8a;border-radius:6px;background:linear-gradient(115deg,#f7fcffed,#e2f3ffcf);box-shadow:0 3px 12px #126a9c0b;color:#185b87;font-size:9px;font-weight:500;letter-spacing:.025em;line-height:1.5;pointer-events:none}.hero-auto-mode>span{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#187fb9}.hero-visual-hint{position:absolute;bottom:0;left:28px;right:0;z-index:2;margin:0;max-width:100%;color:#173f60;font-size:9px;font-weight:400;letter-spacing:0;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.hero-visual:has(.hero-live-scene) .trend-panel{bottom:20px}@keyframes hero-scene-appear{0%{opacity:0}to{opacity:1}}@media(max-width:1190px){.hero-auto-mode,.hero-visual-hint{font-size:8px}}@media(max-width:980px){.hero-auto-mode{left:5px;max-width:calc(100% - 5px);padding:6px 9px;font-size:8px}.hero-visual-hint{left:8px;font-size:8px}}@media(max-width:740px){.hero-visual:has(.hero-live-scene){min-height:600px;height:600px}.hero-visual:has(.hero-live-scene) .trend-panel{bottom:15px}.hero-auto-mode{top:62px;left:0;max-width:100%;font-size:8px}.hero-visual-hint{left:3px;right:3px;font-size:8px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.hero-live-canvas{animation:none}}