body{font:16px/1.45 -apple-system,system-ui,sans-serif;margin:0;padding:16px;background:#f6f6f4;color:#1c1c1c}
main{max-width:640px;margin:0 auto}
h1{font-size:22px} .card{background:#fff;border-radius:12px;padding:14px;margin:12px 0;box-shadow:0 1px 3px #0001}
button{font:inherit;padding:12px 16px;border-radius:10px;border:0;margin:6px 6px 0 0;background:#1c1c1c;color:#fff}
button.secondary{background:#e6e6e2;color:#1c1c1c} button.danger{background:#b3261e}
.muted{color:#666;font-size:14px} .bad{color:#b3261e} .ok{color:#1b7f3b} pre{white-space:pre-wrap;word-break:break-word}
.code-input{font:inherit;padding:10px;width:100%;box-sizing:border-box}
.name-input{font:inherit;padding:8px}
@media (prefers-color-scheme:dark){body{background:#151515;color:#eee}.card{background:#222}
button.secondary{background:#333;color:#eee}.muted{color:#aaa}}