:root{--bg:#0f1420;--card:#1a2233;--txt:#eef2ff;--mut:#9aa7c7;--acc:#2ea6ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.5 system-ui}
.wrap{max-width:720px;margin:0 auto;padding:20px}
.card{background:var(--card);border-radius:14px;padding:18px;margin:14px 0}
.btn{display:inline-block;background:var(--acc);color:#fff;border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn.sec{background:#2a3652}.mut{color:var(--mut)}.inp{width:100%;padding:12px;border-radius:10px;border:1px solid #33415e;background:#0f1830;color:#fff;margin:6px 0;font:inherit}
.row{display:flex;gap:10px;flex-wrap:wrap}code.cfg{display:block;background:#0b1222;padding:12px;border-radius:10px;word-break:break-all;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
nav{display:flex;gap:10px;padding:14px 20px;max-width:720px;margin:0 auto}nav a{color:var(--mut);text-decoration:none}nav a:hover{color:#fff}
.eink,.eink:link,.eink:visited,.eink:hover,.eink:active{color:#2e7d32}