@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#09090f;--bg-secondary:#10101a;--bg-card:#16162a;--bg-glass:rgba(255,255,255,0.04);--border:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.15);--text-primary:#eeeef4;--text-secondary:#8888aa;--text-muted:#44445a;--accent:#7c6bff;--accent-hover:#9d8fff;--accent-glow:rgba(124,107,255,0.25);--accent-subtle:rgba(124,107,255,0.10);--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--font-body:"Inter",system-ui,-apple-system,sans-serif;--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow:0 4px 20px rgba(0,0,0,0.5);--shadow-lg:0 8px 40px rgba(0,0,0,0.6);--shadow-accent:0 4px 32px rgba(124,107,255,0.3);--t-fast:150ms ease;--t-normal:250ms ease;--t-slow:400ms ease}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-card:#ffffff;--bg-glass:rgba(0,0,0,0.03);--border:rgba(0,0,0,0.1);--border-hover:rgba(0,0,0,0.15);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#6d28d9;--accent-hover:#5b21b6;--accent-glow:rgba(109,40,217,0.15);--accent-subtle:rgba(109,40,217,0.10);--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow:0 4px 15px rgba(0,0,0,0.05);--shadow-lg:0 10px 30px rgba(0,0,0,0.08);--shadow-accent:0 4px 20px rgba(109,40,217,0.2)}html{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.text-gradient{background:linear-gradient(135deg,#a78bfa,#7c6bff,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-card);padding:24px}.card,.card-glass{border:1px solid var(--border);border-radius:var(--radius-lg)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--t-normal);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 40px rgba(124,107,255,.4)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--border);background:var(--bg-glass)}.btn-danger{background:rgba(248,113,113,.15);color:var(--danger);border:1px solid rgba(248,113,113,.3)}.btn-success{background:rgba(74,222,128,.15);color:var(--success);border:1px solid rgba(74,222,128,.3)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--radius-lg)}.btn-sm{padding:6px 14px;font-size:12px;border-radius:var(--radius-sm)}.btn-icon{padding:8px;aspect-ratio:1}.input{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:border-color var(--t-fast);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.label{display:block;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.badge,.label{font-weight:600}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px}.badge-accent{background:var(--accent-subtle);color:var(--accent-hover)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-narrow{max-width:800px;margin:0 auto;padding:0 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.token-word{cursor:pointer;border-radius:3px;transition:background var(--t-fast),color var(--t-fast);padding:1px 2px;margin:0 -2px}.token-word:hover{background:var(--accent-subtle);color:var(--accent-hover)}.token-expr{cursor:pointer;background:rgba(251,191,36,.08);border-bottom:1px dashed rgba(251,191,36,.5);border-radius:2px;padding:1px 2px;margin:0 -2px;transition:background var(--t-fast)}.token-expr:hover{background:rgba(251,191,36,.18)}.token-known{color:var(--text-secondary)!important;background:transparent!important;border-bottom:none!important;text-decoration:none!important;opacity:.6;cursor:default!important}