@charset "UTF-8";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-secondary: #10b981;--color-secondary-hover: #059669;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-text: #111827;--color-muted: #6b7280;--color-border: #e5e7eb;--color-hover: #f9fafb;--radius: .75rem;--radius-sm: .375rem;--radius-lg: 1rem;--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .12);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", monospace;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--transition: all .25s ease}:root[data-theme=light]{--color-bg: #f3f4f6;--color-surface: #ffffff;--color-text: #111827;--color-muted: #6b7280;--color-border: #e5e7eb;--color-hover: #f9fafb}:root[data-theme=dark]{--color-bg: #0f172a;--color-surface: #111827;--color-text: #e5e7eb;--color-muted: #9ca3af;--color-border: #1f2937;--color-hover: #0b1220}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: #0f172a;--color-surface: #111827;--color-text: #e5e7eb;--color-muted: #9ca3af;--color-border: #1f2937;--color-hover: #0b1220}body{background-color:var(--color-bg);color:var(--color-text)}}html,body{height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}app-root{display:flex;flex-direction:column;height:100dvh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--color-text);line-height:var(--line-height-tight);margin-bottom:var(--space-sm)}h1{font-size:var(--font-size-2xl);color:var(--color-primary)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);margin-bottom:var(--space-md)}nav{display:flex;align-items:center;gap:var(--space-sm)}.nav-link,nav a{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-decoration:none;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:var(--transition);display:inline-flex;align-items:center;gap:.4rem;line-height:1;font-family:inherit;appearance:none}.nav-link:hover,nav a:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-1px)}.nav-link.active,nav a.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow)}.nav-link:focus-visible,nav a:focus-visible{outline:2px dashed var(--color-primary);outline-offset:2px}.nav-action{cursor:pointer}.nav-action .material-symbols-outlined,.nav-link .material-symbols-outlined,nav a .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20;font-size:1rem}