@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg: #050510;--bg-mid: #0a0a1a;--panel: rgba(10, 10, 40, .75);--cyan: #00ffff;--cyan-dim: rgba(0, 255, 255, .15);--purple: #7b2fff;--purple-dim: rgba(123, 47, 255, .15);--green: #00ff88;--red: #ff3366;--text: #e0e0ff;--text-dim: #6060a0;--border: rgba(0, 255, 255, .25)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,Courier New,monospace;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#0ff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0ff6}.glass{background:var(--panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px}.glow-cyan{box-shadow:0 0 20px #00ffff4d,0 0 60px #00ffff1a}.glow-purple{box-shadow:0 0 20px #7b2fff4d,0 0 60px #7b2fff1a}.text-glow-cyan{text-shadow:0 0 10px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.4)}.text-gradient{background:linear-gradient(135deg,#0ff,#7b2fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}@keyframes scan{0%{transform:translateY(-100%);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(100%);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00ffff4d}50%{box-shadow:0 0 40px #00ffffb3,0 0 80px #00ffff4d}}@keyframes wave-in{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border:none;border-radius:12px;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1));transform:translate(-100%);transition:transform .4s}.btn:hover:before{transform:translate(0)}.btn-cyan{background:linear-gradient(135deg,#0ff3,#00ffff0d);border:1px solid var(--cyan);color:var(--cyan)}.btn-cyan:hover{background:#00ffff40;box-shadow:0 0 30px #0ff6}.btn-purple{background:linear-gradient(135deg,#7b2fff40,#7b2fff0d);border:1px solid var(--purple);color:#c084ff}.btn-purple:hover{background:#7b2fff59;box-shadow:0 0 30px #7b2fff66}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover:before{transform:translate(-100%)}.btn-green{background:linear-gradient(135deg,#0f83,#00ff880d);border:1px solid var(--green);color:var(--green)}.btn-green:hover{box-shadow:0 0 30px #0f86}.progress-track{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px #0ff9}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-dot.active{background:var(--green);animation:blink 1s infinite}.status-dot.scanning{background:var(--cyan);animation:blink .5s infinite}.status-dot.idle{background:var(--text-dim)}.status-dot.error{background:var(--red)}.status-dot.success{background:var(--green)}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.page-center{flex:1;display:flex;align-items:center;justify-content:center}.back-btn{position:absolute;top:20px;left:20px;z-index:20;background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:8px 16px;border-radius:8px;font-family:inherit;font-size:12px;cursor:pointer;transition:all .2s;letter-spacing:1px}.back-btn:hover{color:var(--cyan);border-color:var(--cyan)}.file-drop{border:2px dashed var(--border);border-radius:16px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;background:#00ffff05;-webkit-user-select:none;user-select:none}.file-drop:hover,.file-drop.drag-over{border-color:var(--cyan);background:#00ffff0f;box-shadow:0 0 30px #00ffff1a}.spectrum-wrap{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#000014cc}.text-center{text-align:center}.flex-col{display:flex;flex-direction:column}.gap-4{gap:16px}