*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0d1117;--bg-surface: #161b22;--bg-card: #1c2333;--bg-hover: #21262d;--border: #30363d;--accent: #2f80ed;--accent-glow: rgba(47,128,237,.18);--accent2: #56ccf2;--text-primary: #e6edf3;--text-secondary:#8b949e;--text-muted: #484f58;--green: #3fb950;--yellow: #d29922;--red: #f85149;--sidebar-w: 280px;--header-h: 64px}[data-theme=light]{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-card: #f1f5f9;--bg-hover: #e2e8f0;--border: #cbd5e1;--accent: #1d6feb;--accent-glow: rgba(29,111,235,.1);--accent2: #0ea5e9;--text-primary: #0f172a;--text-secondary:#475569;--text-muted: #94a3b8;--green: #16a34a;--yellow: #d97706;--red: #dc2626}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;font-size:15px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}p{margin-bottom:12px;color:var(--text-secondary);line-height:1.7}p:last-child{margin-bottom:0}ul,ol{padding-left:20px;margin:10px 0}li{color:var(--text-secondary);margin-bottom:6px;font-size:14px;line-height:1.6}strong{color:var(--text-primary);font-weight:600}code{font-size:12px;background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-family:SFMono-Regular,Consolas,monospace;color:var(--accent2)}table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}th{background:var(--bg-hover);color:var(--text-secondary);font-weight:600;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-primary)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}@media (max-width: 900px){.sidebar{display:none!important}.main{margin-left:0!important;padding:32px 20px!important;max-width:100%!important}.footer{margin-left:0!important}.screenshot-grid,.card-grid{grid-template-columns:1fr!important}.hero{padding:36px 24px!important}.hero h1{font-size:26px!important}}