@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#050508;--bg-elevated:#0a0a0f;--bg-surface:rgba(15,15,25,0.7);--bg-surface-hover:rgba(15,15,25,0.85);--bg-glass:rgba(255,255,255,0.03);--bg-glass-hover:rgba(255,255,255,0.06);--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.12);--text-primary:rgba(255,255,255,0.95);--text-secondary:rgba(255,255,255,0.6);--text-muted:rgba(255,255,255,0.35);--color-primary:#6366f1;--color-primary-glow:rgba(99,102,241,0.25);--color-success:#34d399;--color-success-glow:rgba(52,211,153,0.2);--color-danger:#ef4444;--color-danger-glow:rgba(239,68,68,0.2);--color-warning:#f59e0b;--color-warning-glow:rgba(245,158,11,0.2);--color-info:#0ea5e9;--color-info-glow:rgba(14,165,233,0.2);--color-accent:#00FF88;--color-accent-glow:rgba(0,255,136,0.2);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Fira Code","SF Mono","Cascadia Code",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--touch-min:48px;--glass-blur:blur(20px);--card-shadow:0 4px 24px rgba(0,0,0,0.4);--glow-shadow:0 0 30px rgba(99,102,241,0.25);color-scheme:dark}[data-theme=light]{--bg-base:#f5f5f7;--bg-elevated:#ffffff;--bg-surface:rgba(0,0,0,0.03);--bg-surface-hover:rgba(0,0,0,0.06);--bg-glass:rgba(0,0,0,0.02);--bg-glass-hover:rgba(0,0,0,0.05);--border-subtle:rgba(0,0,0,0.06);--border-default:rgba(0,0,0,0.1);--border-strong:rgba(0,0,0,0.15);--text-primary:rgba(0,0,0,0.9);--text-secondary:rgba(0,0,0,0.55);--text-muted:rgba(0,0,0,0.35);--card-shadow:0 2px 12px rgba(0,0,0,0.08);--glow-shadow:0 0 20px rgba(99,102,241,0.15);color-scheme:light}[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}[data-theme=light] .btn-success{color:#ffffff}body,html{height:100%;font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}.glass-card{background:var(--bg-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.label-caps{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-accent-glow)}50%{box-shadow:0 0 20px 4px var(--color-accent-glow)}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch-min);padding:12px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover{background:#5558e6}.btn-success{background:var(--color-success);color:#050508}.btn-success:hover{background:#2bc48a}.btn-danger{background:var(--color-danger);color:white}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .2s ease}.modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 24px 80px rgba(0,0,0,.6);animation:scale-in .25s ease;max-height:90vh;overflow-y:auto}