:root{--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, 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;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 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;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .22s;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 900px;--bp-xl: 1024px;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 250;--z-modal: 300;--z-toast: 400;--color-bg: #f4f6f9;--color-bg-subtle: #eef1f6;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #d8dee9;--color-border-strong: #b8c2d0;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-inverse: #f8fafc;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-subtle: #dbeafe;--color-accent-muted: #93c5fd;--color-success: #059669;--color-success-subtle: #d1fae5;--color-warning: #d97706;--color-warning-subtle: #fef3c7;--color-danger: #dc2626;--color-danger-subtle: #fee2e2;--color-info: #0284c7;--color-info-subtle: #e0f2fe;--shadow-sm: 0 1px 2px rgb(15 23 42 / .04);--shadow-md: 0 4px 12px rgb(15 23 42 / .06);--shadow-lg: 0 12px 32px rgb(15 23 42 / .08);--shadow-focus: 0 0 0 3px rgb(37 99 235 / .25);--sidebar-width: 260px;--header-height: 56px;--content-max-width: 1280px}@media(prefers-color-scheme:dark){:root{--color-bg: #0b1120;--color-bg-subtle: #0f172a;--color-surface: #111827;--color-surface-raised: #1e293b;--color-border: #1e293b;--color-border-strong: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #0f172a;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-accent-subtle: rgb(37 99 235 / .15);--color-accent-muted: #1e40af;--color-success-subtle: rgb(5 150 105 / .15);--color-warning-subtle: rgb(217 119 6 / .15);--color-danger-subtle: rgb(220 38 38 / .15);--color-info-subtle: rgb(2 132 199 / .15);--shadow-sm: 0 1px 2px rgb(0 0 0 / .2);--shadow-md: 0 4px 12px rgb(0 0 0 / .3);--shadow-lg: 0 12px 32px rgb(0 0 0 / .4);--shadow-focus: 0 0 0 3px rgb(59 130 246 / .35)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg)}#app{min-height:100dvh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.02em}p{margin:0}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.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}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header__title{font-size:var(--text-2xl);font-weight:var(--weight-semibold)}.page-header__desc{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary);max-width:52ch}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.page-toolbar .toolbar-btn{flex-shrink:0}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.stack--lg{gap:var(--space-6)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}@media(max-width:640px){.page-header,.page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar>:not(.toolbar-btn){width:100%}.page-toolbar .toolbar-btn{width:100%}}.toolbar-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.toolbar-btn:hover{background:var(--color-bg-subtle)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--text-sm)}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){.fade-enter-active,.fade-leave-active{transition:none}}