:root{--bg:#f4eee2;--fg:#1c1430;--muted:#6b6080;--accent:#5b2fc8;--line:#d6c9ae}
@media (prefers-color-scheme:dark){:root{--bg:#100c1b;--fg:#f2edf9;--muted:#a69fbd;--accent:#c9a8ff;--line:#2c2643}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:680px;margin:0 auto;padding:40px 16px 64px}
.k{margin:0;font:700 12px/1 ui-monospace,monospace;letter-spacing:.18em;color:var(--accent)}
h1{margin:8px 0 4px;font-size:34px;line-height:1.1}
h2{margin:32px 0 8px;font-size:19px;padding-top:16px;border-top:2px solid var(--line)}
.d{color:var(--muted);margin-top:0}
a{color:var(--accent)}
li{margin:6px 0}
.hero{display:block;width:100%;height:auto;margin:0 0 24px;box-shadow:0 0 0 2px var(--line)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.btn{display:inline-block;padding:12px 18px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 4px 0 rgba(0,0,0,.35)}
.btn.ghost{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}
.wl{display:flex;gap:8px;flex-wrap:wrap}
.wl input{flex:1;min-width:200px;padding:11px 12px;font:inherit;border:0;box-shadow:inset 0 0 0 2px var(--line);background:transparent;color:var(--fg)}
.wl button{padding:11px 16px;font:inherit;font-weight:700;border:0;background:var(--accent);color:#fff;cursor:pointer}