*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}html[data-theme=terminal] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4108 2px,#00ff4108 4px);pointer-events:none;z-index:9999}html[data-theme=terminal] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:9998}.page-shell{position:relative;min-height:100vh;width:100%;overflow:hidden}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:.5;pointer-events:none}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.2;pointer-events:none;background-image:linear-gradient(to right,var(--accent-2) 1px,transparent 1px),linear-gradient(to bottom,var(--accent-2) 1px,transparent 1px);background-size:40px 40px}.content-layer{position:relative;z-index:2}.corner-accents{position:relative}html[data-theme=cyberpunk] .corner-accents>.corner,html[data-theme=deep-space] .corner-accents>.corner{display:block}.corner-accents>.corner{display:none;position:absolute;width:16px;height:16px}.corner-accents>.corner.tl{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.corner-accents>.corner.tr{top:-1px;right:-1px;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.corner-accents>.corner.bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--accent-2);border-left:2px solid var(--accent-2)}.corner-accents>.corner.br{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent-2);border-right:2px solid var(--accent-2)}.cyber-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:4px;padding:14px;cursor:pointer;position:relative;overflow:hidden;transition:all .2s;width:100%}.cyber-btn:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.cyber-btn:active{transform:scale(.98)}.cyber-btn.loading{border-color:var(--accent-2);color:var(--accent-2);cursor:wait}.cyber-input{width:100%;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;padding:12px;outline:none;letter-spacing:1px;transition:all .2s}.cyber-input:focus{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--bg-input))}.cyber-input::placeholder{color:var(--text-faint)}.glitch-title{position:relative;display:inline-block;color:var(--text-primary)}html[data-theme=cyberpunk] .glitch-title:before,html[data-theme=cyberpunk] .glitch-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}html[data-theme=cyberpunk] .glitch-title:before{color:var(--accent);animation:glitch-1 2.5s infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}html[data-theme=cyberpunk] .glitch-title:after{color:var(--accent-2);animation:glitch-2 3s infinite linear alternate-reverse;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,2px)}80%{transform:translate(2px,-1px)}}@keyframes glitch-2{0%,to{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-1px,2px)}75%{transform:translate(-2px,-2px)}}html[data-theme=terminal] .glitch-title:after{content:"_";display:inline-block;margin-left:4px;animation:blink 1s infinite step-end;color:var(--accent)}@keyframes blink{50%{opacity:0}}.cyber-node{background:var(--bg-panel);border:1px solid var(--border);padding:18px;cursor:pointer;position:relative;transition:all .2s;text-align:left;overflow:hidden;display:block;color:inherit}.cyber-node:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(to right,transparent,var(--accent),transparent);transition:left .5s}.cyber-node:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-2px)}.cyber-node:hover:before{left:100%}.node-id{font-size:9px;color:var(--accent-2);letter-spacing:2px;margin-bottom:8px}.node-name{font-size:16px;color:var(--text-primary);font-weight:700;margin-bottom:6px;letter-spacing:1px}.node-desc{font-size:11px;color:var(--text-secondary);line-height:1.5}.node-arrow{position:absolute;bottom:12px;right:14px;color:var(--accent);font-size:14px}.cyber-node[data-status=offline]{opacity:.5;cursor:not-allowed;pointer-events:none}