:root{color-scheme:light dark;--fg:#1f1d1a;--bg:#f7f4ef;--mut:#77706a;--acc:#b4477d;--card:#fffdf9;--line:#e4ded5;--term:#1b1a1f;--tfg:#e9e6e1}
@media (prefers-color-scheme:dark){:root{--fg:#ece8e3;--bg:#141317;--mut:#9b958e;--card:#1c1b20;--line:#2c2a31}}
*{box-sizing:border-box}
body{margin:0 auto;max-width:46rem;padding:1.5rem 1rem 3rem;font:16px/1.6 ui-sans-serif,system-ui,sans-serif;color:var(--fg);background:var(--bg)}
a{color:var(--acc)}
.top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.brand{font:700 1.15rem ui-monospace,monospace;color:var(--fg);text-decoration:none}
.brand::before{content:"=^.^= ";color:var(--acc)}
nav a{margin-left:1rem;color:var(--mut);text-decoration:none}nav a:hover{color:var(--acc)}
h1{font-size:2rem;line-height:1.2;margin:3rem 0 .75rem}h1 em{color:var(--acc);font-style:normal}
h2{font-size:1.15rem;margin-top:2.5rem}
.cta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.btn{background:var(--acc);color:#fff;padding:.55rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:600}
.muted{color:var(--mut);font-size:.9rem}
code{font:.9em ui-monospace,monospace}
.term{margin:2rem 0;background:var(--term);color:var(--tfg);border-radius:.6rem;overflow:hidden;box-shadow:0 8px 30px #0003}
.bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .8rem;background:#2a2830;font:.8rem ui-monospace,monospace;color:#9d98a3}
.bar i{width:.7rem;height:.7rem;border-radius:50%;background:#ff5f57}.bar i:nth-child(2){background:#febc2e}.bar i:nth-child(3){background:#28c840}
.bar span{margin-left:.6rem}
.term pre{margin:0;padding:1rem 1.1rem;font:.85rem/1.45 ui-monospace,monospace;overflow-x:auto}
.term .c,.term .k{color:#e58bb8}
.code{background:var(--card);border:1px solid var(--line);border-radius:.5rem;padding:.9rem 1rem;font:.85rem/1.6 ui-monospace,monospace;overflow-x:auto}
table{border-collapse:collapse;width:100%}td{padding:.4rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{white-space:nowrap}
footer{margin-top:4rem;color:var(--mut);font-size:.85rem}
