@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@300;400;500;600&display=swap";:root{--void: #000000;--dark: #0a0a0a;--panel: #111111;--elevated: #1a1a1a;--border: #2a2a2a;--border-light: #333333;--white: #ffffff;--gray-100: #f0f0f0;--gray-300: #a0a0a0;--gray-500: #666666;--gray-700: #444444;--gray-900: #222222;--accent: #ffffff;--danger: #ff4444;--font-mono: "Space Mono", "JetBrains Mono", monospace;--font-sans: "Inter", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--void);color:var(--white);font-family:var(--font-sans);overflow:hidden;cursor:crosshair}::selection{background:var(--white);color:var(--void)}@keyframes subtle-glitch{0%,95%,to{transform:translate(0);opacity:1}96%{transform:translate(-2px);opacity:.8}97%{transform:translate(2px)}98%{transform:translate(0);opacity:1}}@keyframes flicker-subtle{0%,97%,to{opacity:1}98%{opacity:.7}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100svh)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes loading{0%{width:0%}to{width:100%}}@keyframes broken-text{0%,90%,to{letter-spacing:normal;filter:none}92%{letter-spacing:.3em;filter:blur(.5px)}94%{letter-spacing:-.05em}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--border-light)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.retro-scroll{scrollbar-width:thin;scrollbar-color:var(--border-light) var(--dark)}.font-mono{font-family:var(--font-mono)}.text-glitch{animation:subtle-glitch 5s infinite}.text-broken{animation:broken-text 8s infinite}.text-flicker{animation:flicker-subtle 3s infinite}.text-xs{font-size:10px}.text-sm{font-size:12px}.text-md{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:24px}.uppercase{text-transform:uppercase;letter-spacing:.15em}.window{background:var(--dark);border:1px solid var(--border-light);box-shadow:0 20px 40px #00000080,inset 0 1px 0 var(--border)}.window-focused{border-color:var(--white);box-shadow:0 0 0 1px var(--white),0 20px 40px #00000080}.title-bar{background:var(--panel);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.win-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--gray-500);cursor:pointer;transition:all .1s;font-size:10px}.win-btn:hover{color:var(--white);border-color:var(--border-light)}.win-btn-close:hover{background:var(--danger);border-color:var(--danger)}.btn{background:transparent;border:1px solid var(--border-light);color:var(--gray-300);padding:8px 16px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .15s}.btn:hover{background:var(--white);color:var(--void);border-color:var(--white)}.btn-ghost{border-color:transparent}.btn-ghost:hover{background:var(--elevated);color:var(--white);border-color:var(--border-light)}.card{background:var(--panel);border:1px solid var(--border);padding:16px}.card-hover:hover{border-color:var(--white)}.panel{background:var(--dark);border:1px solid var(--border)}.meter{height:4px;background:var(--gray-900);border:1px solid var(--border);overflow:hidden}.meter-fill{height:100%;background:var(--white);transition:width .3s ease}.meter-danger .meter-fill{background:var(--danger)}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.scan-line{position:fixed;left:0;right:0;height:2px;background:#ffffff08;animation:scan 8s linear infinite;pointer-events:none;z-index:9998}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9997;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.4) 100%)}.icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border);transition:all .15s}.icon-container:hover{background:var(--white);color:var(--void);border-color:var(--white)}.float{animation:float-gentle 4s ease-in-out infinite}.tag{display:inline-block;padding:2px 8px;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border);background:var(--panel)}.tag-active{background:var(--white);color:var(--void);border-color:var(--white)}input,textarea{background:var(--void);border:1px solid var(--border);color:var(--white);padding:8px 12px;font-family:var(--font-mono);font-size:12px}input:focus,textarea:focus{outline:none;border-color:var(--white)}input::placeholder,textarea::placeholder{color:var(--gray-700)}.broken{animation:subtle-glitch 3s infinite}.elegant{font-weight:300;letter-spacing:.05em}.easter-egg{cursor:help}.easter-egg:active{animation:subtle-glitch .1s}@keyframes suede-flash{0%,92%,to{opacity:.4;transform:translate(0);filter:none}93%{opacity:1;transform:translate(-2px);filter:blur(.5px);color:#9d4edd}94%{opacity:.1;transform:translate(3px)}95%{opacity:1;transform:translate(-1px);color:#4f4}96%{opacity:.6;transform:translate(0);filter:none}97%{opacity:.2}}.suede-glitch{animation:suede-flash 4s infinite;text-shadow:0 0 2px rgba(255,255,255,.3),2px 0 0 rgba(157,78,221,.1),-2px 0 0 rgba(0,255,0,.1)}