:root{--primary: #f05032;--dark: #24292e;--bg: #1a1a1a;--text: #e0e0e0;--white: #2d2d2d;--border: #444;--accent: #ff7b5e}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.6;margin:0;color:var(--text);background:var(--bg);transition:background .3s,color .3s}.container{max-width:1000px;margin:0 auto;padding:0 20px}header{background:#000;color:var(--accent);padding:1.5rem 0;border-bottom:2px solid var(--primary)}header h1{margin:0;font-size:1.5rem;letter-spacing:-.5px}#search-bar{width:100%;padding:.8rem;margin-top:1rem;border-radius:4px;border:1px solid var(--border);background:#333;color:#fff}#search-bar::placeholder{color:#888}main{display:grid;grid-template-columns:250px 1fr;gap:2rem;margin-top:2rem}#sidebar{background:var(--white);border:1px solid var(--border);border-radius:4px;height:calc(100vh - 180px);overflow-y:auto}#command-list{list-style:none;padding:0;margin:0}#command-list li{padding:.75rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;color:#ccc}#command-list li:hover{background:#444;color:var(--accent)}article{background:var(--white);padding:2rem;border:1px solid var(--border);border-radius:4px}code{background:#111;padding:.2rem .4rem;border-radius:3px;font-family:Fira Code,monospace;color:#ffab91}pre{background:#000;color:#0f0;padding:1rem;border-radius:4px;overflow-x:auto;border:1px solid #333}footer{margin-top:2rem;text-align:center;color:#888;font-size:.8rem;padding-bottom:2rem}@media(max-width:768px){main{grid-template-columns:1fr}#sidebar{height:auto;max-height:300px}}