:root{--bg: #ffffff;--bg-surface: #f9fafb;--bg-elevated: #ffffff;--text: #111827;--text-secondary: #6b7280;--border: #e5e7eb;--accent: #3b82f6;--accent-hover: #2563eb;--error: #ef4444;--warning: #f59e0b;--success: #10b981;--chart-grid: #e5e7eb}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--bg-surface: #1e293b;--bg-elevated: #334155;--text: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--accent: #60a5fa;--accent-hover: #3b82f6;--error: #f87171;--warning: #fbbf24;--success: #34d399;--chart-grid: #334155}}[data-theme=dark]{--bg: #0f172a;--bg-surface: #1e293b;--bg-elevated: #334155;--text: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--accent: #60a5fa;--accent-hover: #3b82f6;--error: #f87171;--warning: #fbbf24;--success: #34d399;--chart-grid: #334155}[data-theme=light]{--bg: #ffffff;--bg-surface: #f9fafb;--bg-elevated: #ffffff;--text: #111827;--text-secondary: #6b7280;--border: #e5e7eb;--accent: #3b82f6;--accent-hover: #2563eb;--error: #ef4444;--warning: #f59e0b;--success: #10b981;--chart-grid: #e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:1.5rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.nav{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.nav a{font-weight:500}.text-secondary{color:var(--text-secondary)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1rem}.tab{padding:.5rem 1rem;cursor:pointer;border:none;background:none;color:var(--text-secondary);font-size:.875rem;border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.skill-content h1,.skill-content h2,.skill-content h3{margin-top:1.5rem;margin-bottom:.5rem}.skill-content p{margin-bottom:.75rem}.skill-content code{background:var(--bg-elevated);padding:.125rem .375rem;border-radius:3px;font-size:.875em}.skill-content pre{background:var(--bg-elevated);padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1rem}.skill-content pre code{background:none;padding:0}.skill-content table{width:100%;border-collapse:collapse;margin-bottom:1rem}.skill-content th,.skill-content td{padding:.5rem;border:1px solid var(--border);text-align:left}.skill-content th{background:var(--bg-elevated);font-weight:600}.skill-content ul,.skill-content ol{padding-left:1.5rem;margin-bottom:.75rem}.skill-content blockquote{border-left:3px solid var(--accent);padding-left:1rem;color:var(--text-secondary);margin-bottom:.75rem}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);padding:.375rem .75rem;border-radius:6px;font-size:.875rem}button:hover{background:var(--bg-elevated)}