:root{--lime: #edff87;--lime-bright: #f4ffab;--lime-dim: #c9dc5f;--teal: #59b89a;--teal-bright: #6fcbac;--teal-dark: #3e9c80;--on-accent: #07090a;--danger: #f43f5e;--r-btn: .5rem;--r-icon: .6rem;--r-card: .75rem;--r-badge: .375rem;--font-head: "Archivo Black", system-ui, sans-serif;--font-body: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--ink: #07090a;--surface: #121613;--raised: #1a201b;--text: #e6ede4;--muted: #9aa79b;--border: rgba(237, 255, 135, .14);--accent-strong: var(--lime);--glow1: rgba(88, 184, 154, .18);--glow2: rgba(237, 255, 135, .1);--header-bg: rgba(7, 9, 10, .88);--input-bg: rgba(0, 0, 0, .4);--input-ring: rgba(255, 255, 255, .15);--tag-bg: #283027;--tag-text: #cdd6cb;--ghost-border: rgba(237, 255, 135, .4);--ghost-hover: rgba(237, 255, 135, .1);--scrollbar-thumb: rgba(230, 237, 228, .09);--scrollbar-thumb-hover: rgba(230, 237, 228, .18)}[data-theme=light]{--ink: #eef1e9;--surface: #ffffff;--raised: #e7ebe0;--text: #16201a;--muted: #5a675b;--border: rgba(23, 40, 30, .12);--accent-strong: #2c7a60;--glow1: rgba(89, 184, 154, .2);--glow2: rgba(201, 220, 95, .24);--header-bg: rgba(238, 241, 233, .9);--input-bg: rgba(23, 40, 30, .05);--input-ring: rgba(23, 40, 30, .2);--tag-bg: #e8ece1;--tag-text: #3c4a40;--ghost-border: rgba(44, 122, 96, .4);--ghost-hover: rgba(44, 122, 96, .1);--scrollbar-thumb: rgba(23, 40, 30, .18);--scrollbar-thumb-hover: rgba(23, 40, 30, .32)}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}body{margin:0;font-family:var(--font-body);color:var(--text);background-color:var(--ink);background-image:radial-gradient(55rem 55rem at 110% -10%,var(--glow1) 0%,transparent 55%),radial-gradient(45rem 45rem at -10% 0%,var(--glow2) 0%,transparent 50%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}.heading{font-family:var(--font-head);text-transform:uppercase;letter-spacing:-.02em;margin:0;line-height:1.05}.label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-strong)}.wordmark{font-family:var(--font-head);text-transform:uppercase;color:var(--lime);text-shadow:.05em .05em 0 var(--teal);line-height:.9;letter-spacing:-.02em}[data-theme=light] .wordmark{color:var(--teal-dark);text-shadow:.05em .05em 0 var(--lime-dim)}.btn{font-family:var(--font-body);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:13px;border:0;border-radius:var(--r-btn);padding:.6rem 1rem;cursor:pointer;transition:transform .08s,box-shadow .15s,background .15s;display:inline-flex;align-items:center;gap:.4rem}.btn:active{transform:scale(.94)}.btn:focus-visible{outline:0;box-shadow:0 0 0 2px var(--ink),0 0 0 4px #edff87b3}.btn-primary{background:var(--lime);color:var(--on-accent);box-shadow:0 2px 0 0 var(--teal-dark)}.btn-primary:hover{background:var(--lime-bright);transform:translateY(-2px);box-shadow:0 4px 0 0 var(--teal-dark),0 6px 18px #edff8759}.btn-teal{background:var(--teal);color:var(--on-accent);box-shadow:0 2px 0 0 var(--lime-dim)}.btn-teal:hover{background:var(--teal-bright);transform:translateY(-2px);box-shadow:0 4px 0 0 var(--lime-dim),0 6px 18px #59b89a59}.btn-ghost{background:transparent;color:var(--accent-strong);border:1px solid var(--ghost-border)}.btn-ghost:hover{background:var(--ghost-hover)}.btn-icon{border-radius:var(--r-icon);padding:.5rem;background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-icon:hover{color:var(--text);border-color:var(--ghost-border)}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--border);padding:1rem 1.25rem}.card-interactive{transition:transform .12s,box-shadow .15s;cursor:pointer}.card-interactive:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--ghost-border),0 10px 28px #00000059}.badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--r-badge);padding:.15rem .45rem}.badge-cat{background:var(--teal);color:var(--on-accent)}.badge-new{background:var(--lime);color:var(--on-accent)}.badge-neutral{background:var(--tag-bg);color:var(--tag-text)}.tag{display:inline-flex;align-items:center;gap:.3rem;background:var(--tag-bg);color:var(--tag-text);border-radius:999px;padding:.2rem .6rem;font-size:12px;box-shadow:inset 0 0 0 1px var(--border)}.input{width:100%;background:var(--input-bg);color:var(--text);border:0;box-shadow:inset 0 0 0 1px var(--input-ring);border-radius:var(--r-btn);padding:.55rem .7rem;font-family:var(--font-body);font-size:14px}.input:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--lime)}.stat{font-family:var(--font-head);font-size:28px;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}