:root{color-scheme:dark;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b1220;color:#e8eefc;}
.app{max-width:1100px;margin:28px auto;padding:0 16px;}
.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
h1{font-size:44px;margin:0;letter-spacing:.2px}
.badge{border:1px solid rgba(255,255,255,.14);padding:6px 10px;border-radius:999px;font-size:12px;opacity:.9}
.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px}
h2{margin:0 0 10px 0;font-size:22px}
p{margin:0 0 12px 0;opacity:.92;line-height:1.5}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}
button{background:#101a2e;border:1px solid rgba(255,255,255,.12);color:#e8eefc;padding:10px 12px;border-radius:10px;cursor:pointer}
button:hover{border-color:rgba(255,255,255,.26)}
.log{background:#070b14;border:1px dashed rgba(255,255,255,.18);border-radius:12px;padding:12px;min-height:180px;max-height:420px;overflow:auto;white-space:pre-wrap}
.footer{margin-top:14px;opacity:.75}
code{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);padding:2px 6px;border-radius:8px}