@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400&family=Outfit:wght@500;600;700&display=swap";
:root{--bg-base:#0b0d13;--bg-surface:#14171f;--bg-elevated:#1d202a;--bg-overlay:#0b0d13d9;--bg-glass:#1f222e99;--border-subtle:#272a35;--border-default:#363a45;--border-focus:#17cf91;--primary-50:#e8fcf6;--primary-100:#bcf5e2;--primary-200:#7de8c4;--primary-300:#3adfa8;--primary-400:#17cf91;--primary-500:#0fb37c;--primary-600:#089163;--primary-glow:#17cf9126;--secondary-400:#39f;--secondary-500:#0080ff;--secondary-glow:#3399ff1f;--accent-400:#f9a91f;--accent-500:#e9980c;--success:#25b15f;--warning:#f9a91f;--error:#e23636;--info:#39f;--text-primary:#f0f2f4;--text-secondary:#9da3af;--text-tertiary:#6a707c;--text-inverse:#0b0d13;--score-excellent:#25b15f;--score-good:#17cf91;--score-average:#f9a91f;--score-poor:#e64d1a;--score-bad:#e23636;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-display:"Outfit",var(--font-sans);--text-xs:clamp(.69rem,.66rem + .18vw,.75rem);--text-sm:clamp(.81rem,.77rem + .18vw,.875rem);--text-base:clamp(.94rem,.89rem + .24vw,1rem);--text-md:clamp(1.06rem,1rem + .3vw,1.125rem);--text-lg:clamp(1.25rem,1.15rem + .5vw,1.375rem);--text-xl:clamp(1.56rem,1.4rem + .8vw,1.75rem);--text-2xl:clamp(1.95rem,1.7rem + 1.25vw,2.25rem);--text-3xl:clamp(2.44rem,2.1rem + 1.7vw,3rem);--leading-tight:1.25;--leading-normal:1.5;--leading-loose:1.75;--weight-normal:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--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;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 20px var(--primary-glow);--sidebar-width:260px;--sidebar-collapsed:64px;--header-height:56px;--max-content-width:1400px;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s;--duration-slower:.5s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px}[data-theme=light]{--bg-base:#fafafa;--bg-surface:#f0f1f5;--bg-elevated:#fff;--bg-overlay:#ffffffd9;--bg-glass:#ffffffb3;--border-subtle:#e2e4e9;--border-default:#d3d7de;--text-primary:#171b26;--text-secondary:#5c6370;--text-tertiary:#9196a1;--text-inverse:#f0f2f4;--shadow-sm:0 1px 2px #0f16240f;--shadow-md:0 4px 8px #0f162414;--shadow-lg:0 12px 24px #0f16241f}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s;--duration-slower:0s}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:var(--primary-400);transition:color var(--duration-fast)var(--ease-out);text-decoration:none}a:hover{color:var(--primary-300)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-semi);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base);font-weight:var(--weight-medium)}p{color:var(--text-secondary);line-height:var(--leading-normal)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:var(--text-sm)}pre{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}code{background-color:var(--bg-surface);border-radius:var(--radius-sm);padding:.15em .4em}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--primary-400);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-default);border-radius:var(--radius-full);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-default)transparent}.skip-to-content{top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-2)var(--space-4);background-color:var(--primary-400);color:var(--text-inverse);font-weight:var(--weight-semi);border-radius:var(--radius-sm);transition:top var(--duration-fast)var(--ease-out);position:absolute}.skip-to-content:focus{top:var(--space-4)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-surface)25%,var(--bg-elevated)50%,var(--bg-surface)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s linear infinite shimmer}