:root{--color-bg: #ffffff;--color-text: #1a1a1a;--color-primary: #0066cc;--color-secondary: #6b7280;--color-border: #e5e7eb;--color-surface: #f3f4f6;--color-surface-hover: #e5e7eb;--color-accent: #2563eb;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--sidebar-width: 260px}[data-theme=dark]{--color-bg: #111827;--color-text: #f3f4f6;--color-primary: #60a5fa;--color-secondary: #9ca3af;--color-border: #374151;--color-surface: #1f2937;--color-surface-hover: #374151;--color-accent: #3b82f6}[data-theme=sepia]{--color-bg: #f5f0e8;--color-text: #3d3225;--color-primary: #8b5e34;--color-secondary: #7c6f5e;--color-border: #d4c9b8;--color-surface: #ebe4d6;--color-surface-hover: #d4c9b8;--color-accent: #a0714f}[data-theme=high-contrast]{--color-bg: #000000;--color-text: #ffffff;--color-primary: #ffff00;--color-secondary: #cccccc;--color-border: #ffffff;--color-surface: #1a1a1a;--color-surface-hover: #333333;--color-accent: #ffff00}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{line-height:1.3;margin-bottom:.5em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:1rem}button{font-family:var(--font-body)}code{font-family:var(--font-mono)}.demo-area{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;margin:1rem 0;min-height:300px}.page-header{margin-bottom:2rem}.page-header h1{margin-bottom:.5rem}.page-header p{color:var(--color-secondary);font-size:1.1rem}.strengths-weaknesses{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.strengths,.weaknesses{padding:1rem;border-radius:8px;background:var(--color-surface)}.strengths h3{color:#22c55e}.weaknesses h3{color:#ef4444}.strengths ul,.weaknesses ul{list-style:none;padding:0}.strengths li:before{content:"+ ";color:#22c55e;font-weight:700}.weaknesses li:before{content:"- ";color:#ef4444;font-weight:700}.strengths li,.weaknesses li{padding:.25rem 0;font-size:.95rem}@media(max-width:768px){.strengths-weaknesses{grid-template-columns:1fr}}.app-layout.svelte-12qhfyh{display:flex;min-height:100vh}.sidebar.svelte-12qhfyh{width:var(--sidebar-width);border-right:1px solid var(--color-border);background:var(--color-surface);position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:100;display:flex;flex-direction:column}.sidebar-header.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.logo.svelte-12qhfyh{font-weight:700;font-size:1.1rem;color:var(--color-text)}.logo.svelte-12qhfyh:hover{text-decoration:none}.theme-btn.svelte-12qhfyh{background:none;border:1px solid var(--color-border);border-radius:6px;padding:.35rem;cursor:pointer;color:var(--color-text);display:flex;align-items:center}.theme-btn.svelte-12qhfyh:hover{background:var(--color-surface-hover)}.sidebar-nav.svelte-12qhfyh{padding:.5rem 0;flex:1}.nav-group.svelte-12qhfyh{padding:.5rem 0}.nav-group-title.svelte-12qhfyh{padding:.25rem 1.25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary)}.nav-item.svelte-12qhfyh{display:block;padding:.45rem 1.25rem;font-size:.9rem;color:var(--color-text);transition:background .1s}.nav-item.svelte-12qhfyh:hover{background:var(--color-surface-hover);text-decoration:none}.nav-item.active.svelte-12qhfyh{background:var(--color-surface-hover);color:var(--color-primary);font-weight:600}.main-content.svelte-12qhfyh{flex:1;margin-left:var(--sidebar-width);padding:2rem 3rem;max-width:960px}.mobile-toggle.svelte-12qhfyh{display:none;position:fixed;top:.75rem;left:.75rem;z-index:200;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.4rem;cursor:pointer;color:var(--color-text)}.sidebar-overlay.svelte-12qhfyh{display:none}@media(max-width:768px){.sidebar.svelte-12qhfyh{transform:translate(-100%);transition:transform .2s ease}.sidebar-open .sidebar.svelte-12qhfyh{transform:translate(0)}.mobile-toggle.svelte-12qhfyh{display:flex}.main-content.svelte-12qhfyh{margin-left:0;padding:3.5rem 1.25rem 2rem}.sidebar-overlay.svelte-12qhfyh{display:block;position:fixed;inset:0;background:#0006;z-index:50}}