.hologram-wrapper{width:100%;height:450px;display:flex;justify-content:center;align-items:center}.hologram-wrapper .scene-root{position:relative;width:320px;height:380px;transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform}:is(.hologram-wrapper .scene-root) .ambient-glow{position:absolute;inset:10%;background:linear-gradient(135deg,rgba(168,85,247,.4),rgba(59,130,246,.4));filter:blur(60px);border-radius:50%;transform:translateZ(-50px);z-index:0;transition:all .5s ease}.is-active:is(:is(.hologram-wrapper .scene-root) .ambient-glow){background:linear-gradient(135deg,rgba(168,85,247,.7),rgba(59,130,246,.7));transform:translateZ(-30px) scale(1.1)}:is(.hologram-wrapper .scene-root) .glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--border-radius);box-shadow:0 25px 50px -12px rgba(0,0,0,.3),inset 0 1px 0 var(--border-highlight);color:var(--text-clr);position:absolute}:is(.hologram-wrapper .scene-root) .main-display{width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;z-index:2;transform:translateZ(20px);overflow:hidden}:is(:is(.hologram-wrapper .scene-root) .main-display) .display-header{padding:.8rem 1rem;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border-glass);background:var(--bg-glass-dim)}:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-header) .window-dot{width:10px;height:10px;border-radius:50%}.dot-red:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-header) .window-dot){background:var(--red,#ef4444)}.dot-yellow:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-header) .window-dot){background:#eab308}.dot-green:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-header) .window-dot){background:#22c55e}:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-header) .file-name{margin-left:auto;font-size:var(--fz-xs);color:var(--light-text-clr);font-family:monospace}:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:center;position:relative}:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;height:100%}:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-idle) .pulse-ring{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.8) 0,rgba(59,130,246,.2) 100%);box-shadow:0 0 20px rgba(168,85,247,.5);animation:anim-pulse-ring 2s ease-in-out infinite alternate}:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-idle) .typewriter-text{font-size:var(--fz-sm);font-family:monospace;color:var(--text-clr);overflow:hidden;white-space:nowrap;border-right:2px solid var(--blue);width:0;animation:anim-typing 1.5s steps(30) forwards,anim-blink .75s infinite}:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-scanner{display:flex;flex-direction:column;align-items:center;gap:1rem}:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-scanner) .paper-mockup{width:80%;height:140px;background:var(--bg-glass-dim);border:1px solid var(--border-glass);border-radius:8px;padding:1rem;position:relative;overflow:hidden}:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-scanner) .paper-mockup) .laser-beam{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--blue);box-shadow:0 0 15px 5px rgba(112,129,253,.4);animation:anim-scan 2s linear infinite}:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-scanner) .paper-mockup) .text-line{height:8px;background:var(--fill-muted);border-radius:4px;margin-bottom:.75rem}.title:is(:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-scanner) .paper-mockup) .text-line){width:60%;height:12px;background:var(--fill-strong)}.short:is(:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-scanner) .paper-mockup) .text-line){width:40%}:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-scanner) .status-badge{background:rgba(34,197,94,.15);color:#22c55e;padding:.4rem .8rem;border-radius:20px;font-size:var(--fz-xs);font-weight:600;border:1px solid rgba(34,197,94,.3);opacity:0;animation:anim-pop-in .4s cubic-bezier(.175,.885,.32,1.275) 1.5s forwards}:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-logic{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem}:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-logic) .step-node{padding:.5rem 1rem;background:var(--bg-glass-dim);border-radius:6px;border-left:3px solid var(--light-text-clr);font-size:var(--fz-sm);color:var(--light-text-clr);width:-moz-fit-content;width:fit-content;transform:translateX(-10px);opacity:0;animation:anim-slide-in .3s forwards}.is-highlighted:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-logic) .step-node){border-left-color:var(--blue);color:var(--text-clr);background:rgba(112,129,253,.15);box-shadow:0 0 15px rgba(112,129,253,.2)}.delay-1:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-logic) .step-node){animation-delay:0s}.delay-2:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-logic) .step-node){animation-delay:.4s}.delay-3:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-logic) .step-node){animation-delay:.8s}:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-logic) .connection-wire{width:2px;height:15px;background:var(--light-text-clr);margin-left:1rem;opacity:0}.fade-1:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-logic) .connection-wire){animation:anim-fade-in .2s .2s forwards}.fade-2:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-logic) .connection-wire){animation:anim-fade-in .2s .6s forwards}:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor{font-family:monospace;font-size:var(--fz-xs);background:var(--bg-glass-dim);padding:1rem;border-radius:8px;border:1px solid var(--border-glass)}:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line{margin-bottom:.4rem;white-space:nowrap;overflow:hidden;width:0;animation:anim-type-line .5s forwards}.indent:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line){padding-left:1rem}.t-1:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line){animation-delay:.4s}.t-2:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line){animation-delay:.8s}.t-3:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line){animation-delay:1.2s}.t-4:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line){animation-delay:1.6s}.kw:is(:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line) .token){color:#c678dd}.str:is(:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line) .token){color:#98c379}.num:is(:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line) .token){color:#d19a66}.comment:is(:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line) .token){color:#71717a;font-style:italic}.func:is(:is(:is(:is(:is(:is(.hologram-wrapper .scene-root) .main-display) .display-content) .view-editor) .editor-line) .token){color:#61afef}:is(.hologram-wrapper .scene-root) .interactive-badge{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-weight:600;font-size:var(--fz-sm);letter-spacing:.02em;z-index:3;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:anim-float 4s ease-in-out infinite;background:var(--menu-bg);border:var(--menu-border);color:var(--text-clr);border-radius:var(--border-radius)}.is-active:is(:is(.hologram-wrapper .scene-root) .interactive-badge),:is(:is(.hologram-wrapper .scene-root) .interactive-badge):hover{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 10px 30px rgba(112,129,253,.3)}.pos-top-right:is(:is(.hologram-wrapper .scene-root) .interactive-badge){top:-30px;right:-60px;transform:translateZ(60px)}.pos-top-right.is-active:is(:is(.hologram-wrapper .scene-root) .interactive-badge){transform:translateZ(80px) scale(1.05)}.pos-bottom-right:is(:is(.hologram-wrapper .scene-root) .interactive-badge){bottom:50px;right:-100px;transform:translateZ(-30px);animation-delay:-1.5s}.pos-bottom-right.is-active:is(:is(.hologram-wrapper .scene-root) .interactive-badge){transform:translateZ(-10px) scale(1.05)}.pos-bottom-left:is(:is(.hologram-wrapper .scene-root) .interactive-badge){bottom:-30px;left:-40px;transform:translateZ(80px);animation-delay:-3s}.pos-bottom-left.is-active:is(:is(.hologram-wrapper .scene-root) .interactive-badge){transform:translateZ(100px) scale(1.05)}@keyframes anim-float{0%,to{margin-top:0}50%{margin-top:-10px}}@keyframes anim-pulse-ring{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.1);opacity:1}}@keyframes anim-typing{to{width:100%}}@keyframes anim-blink{50%{border-color:transparent}}@keyframes anim-scan{0%{top:0;opacity:0}10%,90%{opacity:1}to{top:100%;opacity:0}}@keyframes anim-pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes anim-slide-in{to{transform:translateX(0);opacity:1}}@keyframes anim-fade-in{to{opacity:1}}@keyframes anim-type-line{to{width:100%}}@media (max-width:599px){.hologram-wrapper{height:380px}.hologram-wrapper .scene-root{width:260px;height:320px}:is(.hologram-wrapper .scene-root) .ambient-glow{filter:blur(40px)}:is(.hologram-wrapper .scene-root) .main-display .display-content{padding:1.25rem}:is(:is(.hologram-wrapper .scene-root) .main-display .display-content) .view-scanner .paper-mockup{width:95%;height:120px}:is(:is(.hologram-wrapper .scene-root) .main-display .display-content) .view-editor{padding:.8rem}:is(.hologram-wrapper .scene-root) .interactive-badge{padding:.5rem .8rem;gap:.4rem}.pos-top-right:is(:is(.hologram-wrapper .scene-root) .interactive-badge){top:-15px;right:-10px}.pos-bottom-right:is(:is(.hologram-wrapper .scene-root) .interactive-badge){bottom:30px;right:-10px;transform:translateZ(30px)}.pos-bottom-right.is-active:is(:is(.hologram-wrapper .scene-root) .interactive-badge){transform:translateZ(40px) scale(1.05)}.pos-bottom-left:is(:is(.hologram-wrapper .scene-root) .interactive-badge){bottom:-15px;left:-10px}}