:root{--bg:radial-gradient(1200px 600px at 80% -10%, #0e2a47 0%, #0b1220 55%);--fg:#e2e8f0;--muted:#94a3b8;--card:#111c31;--border:#1e293b;--accent:#38bdf8;--accent2:#0284c7;--header:#111c31;--input:#0b1220}html.light{--bg:linear-gradient(180deg, #f0f7ff 0%, #fff 60%);--fg:#0f172a;--muted:#64748b;--card:#fff;--border:#e2e8f0;--accent:#0284c7;--accent2:#0369a1;--header:#fff;--input:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.7;transition:background .3s,color .3s}.ipbar{background:var(--card);color:var(--muted);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 1.5rem;font-size:.85rem;display:flex}.ipbar b{color:var(--accent)}.ipbar .btn,button.tool{background:var(--accent2);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.3rem .9rem;font-size:.8rem;font-weight:700;text-decoration:none}header{background:var(--header);border-bottom:1px solid var(--border);z-index:50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:flex;position:sticky;top:0}header a.logo{color:var(--accent);letter-spacing:-.5px;font-size:1.35rem;font-weight:800;text-decoration:none}nav{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:1.1rem;display:flex}nav a{color:var(--fg);opacity:.85;font-size:.95rem;text-decoration:none}nav a:hover{color:var(--accent)}.iconbtn{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;margin-left:.5rem;padding:.35rem .8rem}#burger{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:10px;padding:.4rem .7rem;display:none}main{max-width:880px;margin:2rem auto;padding:0 1.25rem}h1{color:var(--fg);letter-spacing:-.5px;margin-bottom:1rem;font-size:clamp(1.6rem,4vw,2.4rem)}h2{color:var(--accent);margin:1.8rem 0 .6rem;font-size:1.25rem}h3{color:var(--fg);margin:1rem 0 .3rem;font-size:1.05rem}p{color:var(--fg);opacity:.9;margin-bottom:1rem}ul,ol{opacity:.9;margin:0 0 1rem 1.4rem}li{margin-bottom:.3rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;margin:1.2rem 0;padding:1.4rem;box-shadow:0 6px 24px #00000014}input,select{border:1px solid var(--border);background:var(--input);color:var(--fg);border-radius:10px;padding:.65rem 1rem;font-size:1rem}button{background:var(--accent2);cursor:pointer;color:#fff;border:none;border-radius:10px;margin-left:.4rem;padding:.65rem 1rem;font-weight:700}button:hover{filter:brightness(1.1)}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid var(--border);word-break:break-word;padding:.5rem .6rem}td:first-child{color:var(--muted);width:40%}pre{background:var(--input);border:1px solid var(--border);white-space:pre-wrap;color:var(--fg);border-radius:10px;padding:1rem;font-size:.85rem;overflow-x:auto}a{color:var(--accent)}code{background:var(--input);border-radius:6px;padding:.1rem .4rem}footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin-top:3rem;padding:2rem 1.5rem;font-size:.9rem}footer a{color:var(--accent);font-weight:600;text-decoration:none}footer .links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:.6rem;display:flex}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tab{background:var(--card);color:var(--fg);cursor:pointer;border:1px solid var(--border);border-radius:999px;margin-left:0;padding:.5rem 1.1rem;font-weight:700}.tab.active{background:var(--accent2);color:#fff;border-color:var(--accent2)}.panel{display:none}.panel.active{display:block}img{border-radius:12px;max-width:100%}@media (width<=700px){#burger{display:block}nav{background:var(--card);z-index:60;border:1px solid var(--border);border-radius:0 18px 18px 0;flex-direction:column;align-items:stretch;gap:.2rem;width:280px;max-height:calc(100vh - 24px);padding:1.2rem;transition:left .25s;position:fixed;top:12px;left:-100%;overflow-y:auto;box-shadow:0 18px 50px #00000073}nav a{border-bottom:1px solid var(--border);border-radius:10px;padding:.75rem .9rem;font-weight:600;display:block}nav a:last-child{border-bottom:none}nav.open{left:0}#closeNav,#navBrand{display:block!important}main{margin:1.2rem auto;padding:0 1rem}.card{border-radius:12px;padding:1rem}table{white-space:nowrap;display:block;overflow-x:auto}.ipbar{padding:.45rem 1rem;font-size:.8rem}h1{font-size:1.5rem}pre{font-size:.8rem}button{width:100%;margin-top:.5rem;margin-left:0}input,select{width:100%;margin-bottom:.4rem}}