.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:8px 16px;background:var(--primary);color:#fff;border-radius:0 0 8px 8px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}:root{--font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", Consolas, ui-monospace, monospace;--font-serif: "Newsreader", "Iowan Old Style", "Charter", Georgia, serif;--primary: #1F5C43;--primary-light: #EEF1EA;--primary-dark: #16432F;--success: #2F7D5B;--success-light: #E7F0E9;--warning: #C0892D;--warning-light: #F6EDDA;--danger: #A23B2D;--danger-light: #F3E1DD;--info: #2F6B57;--info-light: #E9F0EA;--gray-50: #FAF7EE;--gray-100: #F1ECE0;--gray-200: #E7E1D2;--gray-300: #D8D0BF;--gray-400: #9A8F6E;--gray-500: #8A877E;--gray-600: #6B6862;--gray-700: #4A4842;--gray-800: #2A2823;--gray-900: #1A1A17;--bg: #F6F4EE;--card-bg: #FFFDF8;--sidebar-width: 240px;--navbar-height: 60px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(40,36,28,.05);--shadow-md: 0 4px 6px -1px rgba(40,36,28,.07), 0 2px 4px -2px rgba(40,36,28,.05);--shadow-lg: 0 10px 15px -3px rgba(40,36,28,.08), 0 4px 6px -4px rgba(40,36,28,.04);--transition: .15s ease}[data-theme=dark]{--primary: #4CAF7D;--primary-light: #1E3A2F;--primary-dark: #6FD4A1;--success: #5CB67E;--success-light: #1E3A2F;--warning: #D4A03A;--warning-light: #3A2E1A;--danger: #D46A5E;--danger-light: #3A2220;--info: #5CB69A;--info-light: #1E3A2F;--gray-50: #1E1E1C;--gray-100: #2A2A27;--gray-200: #3A3A35;--gray-300: #4A4A44;--gray-400: #7A7A72;--gray-500: #9A9A92;--gray-600: #B0B0A8;--gray-700: #D0D0C8;--gray-800: #E8E8E0;--gray-900: #F5F5F0;--bg: #161614;--card-bg: #1E1E1C;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -2px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.3), 0 4px 6px -4px rgba(0,0,0,.2)}[data-theme=dark] pre,[data-theme=dark] code{color:#abb2bf}[data-theme=dark] pre{background:#1e2127!important}[data-theme=dark] .hljs{color:#abb2bf;background:#1e2127}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-quote{color:#7f848e;font-style:italic}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-type{color:#c678dd}[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-addition{color:#98c379}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-literal{color:#d19a66}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-section,[data-theme=dark] .hljs-function{color:#61afef}[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-tag{color:#e06c75}[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-attribute{color:#d19a66}[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-template-variable{color:#e06c75}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-class .hljs-title{color:#e5c07b}[data-theme=dark] .hljs-symbol,[data-theme=dark] .hljs-bullet{color:#56b6c2}[data-theme=dark] .hljs-meta{color:#61afef}[data-theme=dark] .hljs-deletion{color:#e06c75}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);font-size:14px;color:var(--gray-800);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em;color:var(--gray-900);line-height:1.25}h1{font-size:26px;letter-spacing:-.015em}h2{font-size:20px}h3{font-size:16px}code,pre,kbd,samp{font-family:var(--font-mono);font-feature-settings:"calt","liga";font-variant-ligatures:contextual}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:100px;font-size:12px;font-weight:500;line-height:20px}.badge.easy{background:var(--success-light);color:var(--success)}.badge.medium{background:var(--warning-light);color:var(--warning)}.badge.hard{background:var(--danger-light);color:var(--danger)}.badge.behavioral{background:var(--info-light);color:var(--info)}.badge.system-design{background:#f3ecd9;color:#9a6a1e}.progress-bar{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.progress-bar .fill{height:100%;border-radius:3px;transition:width .6s ease}.card{background:var(--card-bg);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;transition:box-shadow var(--transition),border-color var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:1px solid var(--gray-200);background:var(--card-bg);color:var(--gray-700);transition:all var(--transition)}.btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.btn-primary:hover{background:var(--primary-dark)}.btn.btn-sm{padding:5px 12px;font-size:13px}.section-title{font-size:16px;font-weight:600;color:var(--gray-800);margin-bottom:16px}@media (max-width: 768px){:root{--sidebar-width: 260px}.page-header h1{font-size:22px}.card{padding:16px}.btn{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.page-header h1{font-size:18px}.page-header .subtitle{font-size:12px}}