@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Fira+Code:wght@400;500&display=swap");:root{--hacker-green:#00ff00;--hacker-green-dim:#00aa00;--hacker-green-glow:rgba(0,255,0,0.5);--hacker-cyan:#00ffff;--hacker-cyan-dim:#00aaaa;--hacker-amber:#ffaa00;--hacker-red:#ff3333;--bg-dark:#0a0a0a;--bg-panel:rgba(0,0,0,0.85);--bg-panel-border:rgba(0,255,0,0.3);--text-primary:#00ff00;--text-secondary:#00aa00;--text-dim:#006600;--font-mono:"Noto Sans KR","Share Tech Mono","Fira Code","Courier New",monospace;--blink-speed:1s;--scan-speed:3s;--glitch-speed:0.1s}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-mono);overflow:hidden}.glow{text-shadow:0 0 5px var(--hacker-green),0 0 10px var(--hacker-green),0 0 20px var(--hacker-green-dim)}.glow-cyan{text-shadow:0 0 5px var(--hacker-cyan),0 0 10px var(--hacker-cyan),0 0 20px var(--hacker-cyan-dim)}.blink{animation:blink var(--blink-speed) infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch{animation:glitch var(--glitch-speed) infinite}.panel{background:var(--bg-panel);border:1px solid var(--bg-panel-border);border-radius:4px;padding:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.panel-header{letter-spacing:2px;color:var(--hacker-cyan);border-bottom:1px solid var(--bg-panel-border);padding-bottom:8px;margin-bottom:12px}.btn-hacker,.panel-header{font-size:12px;text-transform:uppercase}.btn-hacker{background:transparent;border:1px solid var(--hacker-green);color:var(--hacker-green);padding:8px 16px;font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;transition:all .3s ease}.btn-hacker:hover{background:var(--hacker-green);color:var(--bg-dark);box-shadow:0 0 10px var(--hacker-green-glow)}.btn-hacker:active{transform:scale(.98)}.btn-hacker.danger{border-color:var(--hacker-red);color:var(--hacker-red)}.btn-hacker.danger:hover{background:var(--hacker-red);color:var(--bg-dark)}.input-hacker{background:rgba(0,255,0,.05);border:1px solid var(--hacker-green-dim);color:var(--hacker-green);padding:8px 12px;font-family:var(--font-mono);font-size:14px;outline:none;transition:all .3s ease}.input-hacker:focus{border-color:var(--hacker-green);box-shadow:0 0 10px var(--hacker-green-glow)}.input-hacker::placeholder{color:var(--text-dim)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--hacker-green-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--hacker-green)}@keyframes dataStream{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1}to{opacity:0;transform:translateY(10px)}}#root{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-container,.ui-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.ui-overlay{pointer-events:none;z-index:100}.ui-overlay>*{pointer-events:auto}.header-bar{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(180deg,rgba(0,0,0,.9),transparent);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:200}.system-title{font-size:14px;letter-spacing:3px;color:var(--hacker-cyan)}.system-time{font-size:12px;color:var(--hacker-green)}.status-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--hacker-green);animation:pulse 2s infinite}.status-dot.warning{background:var(--hacker-amber)}.status-dot.error{background:var(--hacker-red)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.loading-screen{background:var(--bg-dark)}.loading-text{font-size:14px;letter-spacing:4px}.loading-bar{background:var(--text-dim)}.loading-bar-fill{background:var(--hacker-green)}.corner-decoration{position:absolute;width:50px;height:50px;border-color:var(--hacker-green-dim);border-style:solid;border-width:0;opacity:.5}.corner-decoration.top-left{top:10px;left:10px;border-top-width:2px;border-left-width:2px}.corner-decoration.top-right{top:10px;right:10px;border-top-width:2px;border-right-width:2px}.corner-decoration.bottom-left{bottom:10px;left:10px;border-bottom-width:2px;border-left-width:2px}.corner-decoration.bottom-right{bottom:10px;right:10px;border-bottom-width:2px;border-right-width:2px}.grid-bg{background-image:linear-gradient(rgba(0,255,0,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,0,.03) 1px,transparent 0);background-size:50px 50px;pointer-events:none;z-index:1}.grid-bg,.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%}.loading-screen{background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;font-family:Courier New,monospace}.loading-screen.hidden{display:none}.loading-logo{font-size:24px;color:#00ff00;letter-spacing:4px;margin-bottom:30px;text-shadow:0 0 20px rgba(0,255,0,.5)}.loading-text{font-size:12px;color:#00ff00;letter-spacing:2px;animation:blink .5s infinite}.loading-bar{width:200px;height:2px;background:#003300;margin-top:20px;overflow:hidden}.loading-bar-fill{height:100%;background:#00ff00;animation:loading 2s ease-in-out infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes loading{0%{width:0;margin-left:0}50%{width:100%;margin-left:0}to{width:0;margin-left:100%}}