.xr-workflow-body{min-height:660px;align-items:end;background:#01040a}
.xr-case-headset{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}
.xr-workflow-body::before{display:none}
.xr-workflow-content{width:calc(100% - 48px);margin:0 24px 24px;padding:22px 26px;pointer-events:none;background:linear-gradient(110deg,rgba(1,10,20,.88),rgba(2,18,31,.62));border:1px solid #59dcff55;box-shadow:0 0 26px #00d9ff12,inset 0 0 26px #00d9ff08;border-radius:4px}
.xr-workflow-state h3{font-size:1.65rem;color:#ddfaff;text-shadow:0 0 14px #00d9ff55}
.xr-workflow-state p{font-size:.94rem;line-height:1.65;margin-bottom:1rem;color:#bce3ee}
.xr-workflow-content .xr-data-rail{margin-bottom:1rem}
#xr-layer-detail{position:relative;isolation:isolate;overflow:hidden;padding:22px 24px;min-height:150px;border:1px solid rgba(94,230,255,.4);border-left:2px solid #8aefff;background:linear-gradient(125deg,rgba(0,217,255,.1),rgba(124,92,255,.07));color:#c7f7ff;text-shadow:0 0 5px #7beaff66,0 0 18px #00bfff66;box-shadow:inset 0 0 28px #00d9ff0d,0 0 20px #00d9ff12;transform:perspective(900px) rotateY(-3deg);transform-origin:left center;letter-spacing:.025em}
#xr-layer-detail::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(116,226,255,.05) 4px)}
#xr-layer-detail::after{content:"";position:absolute;inset:-100% 0 100%;pointer-events:none;background:linear-gradient(transparent,rgba(149,243,255,.13),transparent);animation:xrHoloScan 6s linear infinite}
#xr-layer-detail.holo-reveal{animation:xrHoloReveal .65s ease-out both}
@keyframes xrHoloScan{to{transform:translateY(200%)}}
@keyframes xrHoloReveal{from{opacity:.2;filter:blur(3px);transform:perspective(900px) rotateY(-6deg) translateY(7px)}to{opacity:1;filter:blur(0);transform:perspective(900px) rotateY(-3deg)}}
@media(prefers-reduced-motion:reduce){#xr-layer-detail::after,#xr-layer-detail.holo-reveal{animation:none} .xr-workflow-state.active{animation:none}}

/* Fixed front-facing headset with text contained in its faceplate. */
.xr-workflow-body{min-height:740px;align-items:center}
.xr-workflow-content{width:70%;margin:0;padding:12px 16px;background:none;border:0;box-shadow:none;border-radius:0;text-align:center;text-shadow:0 2px 5px #01040a,0 0 12px #01040a}
.xr-workflow-state h3{font-size:1.55rem;margin-bottom:12px}
.xr-workflow-state p{font-size:.9rem;line-height:1.6;margin-bottom:14px;color:#d0eaf1}
.xr-workflow-content .xr-data-rail{justify-content:center;gap:6px;margin-bottom:12px}
.xr-workflow-content .xr-data-chip{font-size:.68rem;padding:5px 8px;background:#03121c66}
.xr-workflow-content .xr-output-line{font-size:.75rem}
#xr-layer-detail{padding:12px 0;min-height:130px;border:0;background:none;box-shadow:none;transform:none;color:#a9d9e5;text-shadow:0 0 8px #64dfff35,0 0 22px #00bfff20;letter-spacing:.015em;overflow:visible}
#xr-layer-detail::before,#xr-layer-detail::after{display:none}
@keyframes xrHoloReveal{from{opacity:.35;filter:blur(2px)}to{opacity:1;filter:blur(0)}}

/* Light travels through the letterforms; no separate hologram panel. */
#xr-layer-detail{color:#bcecf4;background:none;border:0;box-shadow:none;isolation:isolate;position:relative;text-shadow:0 0 12px #58dfff28;}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 #xr-layer-detail{background-image:linear-gradient(112deg,#94c7d5 0%,#b9e7f0 28%,#8ad9e9 42%,#ebffff 48%,#a9b5f1 53%,#a1d5e1 62%,#b9e7f0 100%);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:xrSpectralFlow 9s ease-in-out infinite;}
 #xr-layer-detail.holo-reveal{animation:xrSpectralFlow 9s ease-in-out infinite,xrHoloReveal .8s ease-out both;}
}
#xr-layer-detail::before,#xr-layer-detail::after{content:attr(data-holo-text);display:block;position:absolute;inset:0;padding:inherit;border:0;pointer-events:none;background:none;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:normal;z-index:1;}
#xr-layer-detail::before{color:#82eaff;opacity:.16;text-shadow:0 0 7px #6aeaff;transform:translate(.7px,-.3px);mask-image:repeating-linear-gradient(to bottom,#000 0 1px,transparent 1px 5px);-webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 1px,transparent 1px 5px);animation:xrHoloInterference 7s ease-in-out infinite;}
#xr-layer-detail::after{color:#c4b8ff;opacity:.2;text-shadow:0 0 8px #8275ff;clip-path:inset(0 0 96% 0);animation:xrLetterScan 6s linear infinite;}
@keyframes xrSpectralFlow{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
@keyframes xrHoloInterference{0%,100%{opacity:.10;transform:translate(.5px,0)}50%{opacity:.24;transform:translate(-.6px,.4px)}}
@keyframes xrLetterScan{0%{clip-path:inset(0 0 96% 0);transform:translateX(-.6px)}100%{clip-path:inset(96% 0 0 0);transform:translateX(.6px)}}
@media(prefers-reduced-motion:reduce){#xr-layer-detail,#xr-layer-detail.holo-reveal,#xr-layer-detail::before,#xr-layer-detail::after{animation:none}#xr-layer-detail::after{display:none}}
@media(forced-colors:active){#xr-layer-detail{color:CanvasText;background:none}#xr-layer-detail::before,#xr-layer-detail::after{display:none}}

/* Spectral projection: animated letter light, diffraction, and reconstruction. */
#xr-layer-detail{line-height:1.85;text-shadow:0 0 6px #6aebff45,0 0 22px #00cfff25;filter:drop-shadow(0 5px 12px #505cff18)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
#xr-layer-detail{background-image:repeating-linear-gradient(0deg,transparent 0 2px,#06142155 2px 3px,transparent 3px 5px),linear-gradient(108deg,#77aebf 0%,#8cecff 18%,#e7ffff 23%,#83b9ef 28%,#bda4ff 44%,#75d6e9 60%,#f1ffff 65%,#97dce7 71%,#77aebf 100%);background-size:100% 5px,320% 100%;animation:xrProjectionFlow 7s linear infinite;}
#xr-layer-detail.holo-reveal{animation:xrProjectionFlow 7s linear infinite,xrProjectionAssemble 1.15s cubic-bezier(.16,1,.3,1) both;}
}
#xr-layer-detail::before{color:#56eaff;opacity:.32;text-shadow:-1px 0 #35dbff,0 0 9px #35dbff88;animation:xrDiffraction 5.8s linear infinite;}
#xr-layer-detail::after{color:#dac8ff;opacity:.65;text-shadow:1px 0 #b080ff,0 0 6px #e1cfff,0 0 17px #9470ff88;animation:xrProjectionSweep 4.8s linear infinite;}
@keyframes xrProjectionFlow{0%{background-position:0 0,100% 50%}100%{background-position:0 5px,-100% 50%}}
@keyframes xrDiffraction{0%,35%,43%,78%,100%{transform:translate(.6px,0);opacity:.2}37%{transform:translate(-1.6px,.3px);opacity:.45}40%{transform:translate(1.1px,0);opacity:.3}80%{transform:translate(-.8px,.5px);opacity:.38}}
@keyframes xrProjectionSweep{0%{clip-path:inset(0 0 98% 0);transform:translate(-1px,0);opacity:0}8%{opacity:.75}85%{opacity:.65}100%{clip-path:inset(98% 0 0 0);transform:translate(1px,0);opacity:0}}
@keyframes xrProjectionAssemble{0%{opacity:0;filter:blur(5px);clip-path:inset(0 0 100% 0);transform:translateY(5px)}22%{opacity:.8;filter:blur(1px);clip-path:inset(0 0 58% 0)}37%{opacity:.5}55%{opacity:1;clip-path:inset(0 0 0 0);filter:blur(.5px)}100%{opacity:1;filter:blur(0);clip-path:inset(-20px);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#xr-layer-detail,#xr-layer-detail.holo-reveal,#xr-layer-detail::before,#xr-layer-detail::after{animation:none;filter:none}#xr-layer-detail::after{display:none}}