:root{--bg:#0d0f12;--panel:#15181d;--panel2:#1b1f26;--border:#262b33;--text:#e6e9ee;
  --muted:#8b93a1;--accent:#4da3ff;--accent2:#ffb347;--user-bubble:#243043;--bot-bubble:#171b21;}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column;}
.topnav{display:flex;align-items:center;gap:20px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;}
.topnav .brand{font-weight:700;font-size:16px;color:var(--text);text-decoration:none;}
.topnav .navlinks{display:flex;gap:6px;margin-left:auto;}
.topnav .navlinks a{color:var(--muted);text-decoration:none;padding:6px 14px;border-radius:8px;font-size:14px;}
.topnav .navlinks a:hover{color:var(--text);background:var(--panel2);}
.container{max-width:1000px;margin:0 auto;padding:28px 16px;width:100%;}
h1{font-size:24px;margin-bottom:6px;}
.subtitle{color:var(--muted);font-size:14px;margin-bottom:24px;}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.tile{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;text-decoration:none;color:var(--text);transition:.15s;display:block;}
.tile:hover{border-color:var(--accent);transform:translateY(-2px);}
.tile .ic{font-size:26px;}
.tile .tt{font-weight:600;margin:8px 0 4px;}
.tile .dd{color:var(--muted);font-size:13px;line-height:1.4;}
.backlink{color:var(--accent);text-decoration:none;font-size:14px;display:inline-block;margin-bottom:16px;}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:14px;}
th{background:var(--panel2);color:var(--muted);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.3px;}
tr:last-child td{border-bottom:none;}
tr:hover td{background:rgba(77,163,255,.04);}
.demo-banner{background:rgba(255,179,71,.12);border:1px solid var(--accent2);color:var(--accent2);border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:16px;}
.footer{color:var(--muted);font-size:12px;text-align:center;padding:20px;}