:root{--bg: #EEF5FF;--panel: #FFFFFF;--panel-hover: #F4F9FF;--blue: #1A6BCC;--blue-dim: #4A90D9;--blue-dark: #0D4A96;--blue-muted: #A8C4E8;--border: rgba(26,107,204,.2);--border-bright:rgba(26,107,204,.6);--text: #0D1F3C;--muted: #5A7FAA;--error: #D63031;--success: #0984E3;--font-mono: "JetBrains Mono", monospace;--font-ui: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--blue-muted);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--blue-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:var(--blue);color:#fff;border:none;border-radius:6px;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;outline:none;width:100%}.btn:hover:not(:disabled){background:var(--blue-dim);box-shadow:0 2px 8px #1a6bcc4d}.btn:active:not(:disabled){background:var(--blue-dark)}.btn:focus-visible{box-shadow:0 0 0 3px #1a6bcc59}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-ghost{background:transparent;color:var(--blue);border:1px solid var(--border-bright)}.btn.btn-ghost:hover:not(:disabled){background:#1a6bcc0f;box-shadow:none}.btn.btn-danger{background:transparent;color:var(--error);border:1px solid rgba(214,48,49,.4)}.btn.btn-danger:hover:not(:disabled){background:#d630310f;border-color:var(--error)}.btn.btn-sm{padding:6px 14px;font-size:12px;border-radius:5px}.cyber-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:transparent;color:var(--blue);border:1px solid var(--border-bright);border-radius:6px;font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;outline:none;white-space:nowrap}.cyber-btn:hover:not(:disabled){background:#1a6bcc0f;border-color:var(--blue);box-shadow:0 1px 4px #1a6bcc33}.cyber-btn:active:not(:disabled){background:#1a6bcc1a}.cyber-btn:focus-visible{box-shadow:0 0 0 3px #1a6bcc40}.cyber-btn:disabled{opacity:.4;cursor:not-allowed}.cyber-btn.btn-sm{padding:5px 12px;font-size:11px}.cyber-btn.btn-danger{color:var(--error);border-color:#d6303166}.cyber-btn.btn-danger:hover:not(:disabled){background:#d630310f;border-color:var(--error);box-shadow:none}.cyber-input{display:block;width:100%;padding:9px 12px;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-mono);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s;caret-color:var(--blue)}.cyber-input::placeholder{color:var(--muted);opacity:.8}.cyber-input:focus{border-color:var(--blue-dim);box-shadow:0 0 0 3px #1a6bcc26}.cyber-error{font-family:var(--font-ui);font-size:12px;color:var(--error);padding:6px 0}.screen{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg);overflow:hidden}.cyber-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--blue-muted);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes waveBar{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}