@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
@layer reset,base,tokens,components,utilities;@layer tokens{:root{--bg-primary:#09090b;--bg-secondary:#131316;--bg-tertiary:#1c1c21;--bg-elevated:#232329;--border:#27272a;--border-hover:#3f3f46;--border-focus:#52525b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#09090b;--accent:#d4aa4f;--accent-hover:#c49b3f;--accent-subtle:#d4aa4f14;--accent-text:#d4aa4fe6;--success:#4ade80;--success-subtle:#4ade801a;--warning:#fbbf24;--warning-subtle:#fbbf241a;--error:#f87171;--error-subtle:#f871711a;--info:#60a5fa;--info-subtle:#60a5fa1a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #0006;--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.25s ease;--content-width:1600px;--content-narrow:720px;--nav-height:64px}}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-block-size:100dvh}img,picture,video,canvas,svg{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{text-wrap:balance;overflow-wrap:break-word}p{text-wrap:pretty;overflow-wrap:break-word}}@layer base{h1{font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-tight)}h4{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-tight)}h5{font-size:var(--text-lg);font-weight:600}code,pre{font-family:var(--font-mono)}::selection{color:var(--text-primary);background-color:#d4aa4f33}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@layer components{.btn{justify-content:center;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent);color:var(--text-inverse);padding-block:var(--space-3);padding-inline:var(--space-5)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);padding-block:var(--space-3);padding-inline:var(--space-5);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-hover)}.btn-ghost{color:var(--text-secondary);padding-block:var(--space-2);padding-inline:var(--space-3)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-tertiary)}.btn-sm{font-size:var(--text-xs);padding-block:var(--space-1);padding-inline:var(--space-3)}.btn-lg{font-size:var(--text-base);padding-block:var(--space-3);padding-inline:var(--space-6)}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-hover{transition:all var(--transition-base)}.card-hover:hover{border-color:var(--border-hover);background-color:var(--bg-tertiary)}.badge{align-items:center;gap:var(--space-1);padding-block:2px;padding-inline:var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;display:inline-flex}.badge-accent{background-color:var(--accent-subtle);color:var(--accent-text);border-color:#d4aa4f4d}.badge-success{background-color:var(--success-subtle);color:var(--success);border-color:#4ade804d}.badge-warning{background-color:var(--warning-subtle);color:var(--warning);border-color:#fbbf244d}.badge-error{background-color:var(--error-subtle);color:var(--error);border-color:#f871714d}.input{inline-size:100%;padding-block:var(--space-2);padding-inline:var(--space-3);font-size:var(--text-sm);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast);display:block}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-hover)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.divider{background-color:var(--border);border:none;block-size:1px}.section{padding-block:var(--space-20);padding-inline:var(--space-6)}.section-sm{padding-block:var(--space-12);padding-inline:var(--space-6)}.container{max-inline-size:var(--content-width);margin-inline:auto}.container-narrow{max-inline-size:var(--content-narrow);margin-inline:auto}.label{font-size:var(--text-sm);color:var(--text-secondary);margin-block-end:var(--space-2);font-weight:500;display:block}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-elevated) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer utilities{.text-center{text-align:center}.text-start{text-align:start}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-text)}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.w-full{inline-size:100%}}