:root{--bg-primary: oklch(.205 0 0);--bg-lighter: oklch(.237 0 0);--bg-secondary: oklch(.269 0 0);--bg-banner: #4f46e5;--text-primary: oklch(.985 0 0);--text-secondary: oklch(.87 0 0);--text-muted: oklch(.708 0 0);--border-color: oklch(.371 0 0);--border-hover: #6366f1;--link-color: #818cf8;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}a{text-decoration:none;color:inherit}.layout{display:flex;flex-direction:column;min-height:calc(100vh - 40px)}@media(min-width:768px){.layout{flex-direction:row}}.sidebar{display:none;width:240px;flex-shrink:0;border-right:1px solid var(--border-color);padding:16px 0}@media(min-width:768px){.sidebar{display:block}}.sidebar-link{display:flex;align-items:center;gap:12px;padding:8px 24px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:background-color .2s}.sidebar-link:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.sidebar-link .icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.page-content{padding:32px 24px;max-width:1200px;width:100%;margin:0 auto;flex:1}.page-content p,.page-content li{color:var(--text-secondary);line-height:1.6}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{color:var(--text-primary)}.page-header{display:flex;align-items:center;justify-content:flex-start;gap:64px;margin-bottom:32px}.page-header-title{display:flex;align-items:center;gap:12px}.download-btn{background-color:color-mix(in srgb,var(--link-color) 50%,var(--text-primary));color:var(--bg-primary);padding:8px 16px;border-radius:6px;font-weight:600;font-size:14px;transition:opacity .2s}.download-btn:hover{opacity:.8}.markdown-card{background-color:var(--bg-lighter);border:1px solid var(--border-color);border-radius:12px;padding:32px}.markdown-card a{color:var(--link-color);text-decoration:underline;text-underline-offset:4px;transition:color .2s}.markdown-card a:hover{color:var(--text-primary)}.markdown-card img{max-width:100%;height:auto;border-radius:8px}.page-header .page-title{margin-bottom:0}.page-icon{width:64px;height:64px;border-radius:6px;aspect-ratio:1 / 1;object-fit:contain}.page-title{font-size:36px;font-weight:700;margin:0 0 16px}.page-description{font-size:18px;color:var(--text-secondary);margin:0 0 32px}.search-container{position:relative;display:flex;align-items:center;margin-bottom:32px}.search-icon{position:absolute;left:12px;color:var(--text-muted)}.search-container input{width:100%;padding:12px 12px 12px 40px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.search-container input:focus{border-color:var(--border-hover);box-shadow:0 0 0 2px #6366f133}.search-container kbd{position:absolute;right:12px;font-family:monospace;font-size:12px;color:var(--text-muted);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{display:flex;align-items:center;padding:12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--border-hover)}.card-icon-container{flex-shrink:0;margin-right:16px}.card-icon{width:64px;height:64px;background-color:var(--border-color);border-radius:8px;aspect-ratio:1 / 1;object-fit:contain}.card-content{flex:1;min-width:0}.card-title{font-size:16px;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{font-size:13px;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.footer{border-top:1px solid var(--border-color);padding:16px 24px;margin-top:16px}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between}}.footer-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600}.footer-links{display:flex;gap:64px}.footer-links h4{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 16px}.footer-links a{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);margin-bottom:12px}.github-icon{height:50px;width:auto}.footer-links a:hover{color:var(--text-primary)}