:root{
  --gold:#EADBB7; --green:#3A6A57; --red:#B41E2E; --ink:#1A1A1A; --paper:#FAF8F3;
}
*{box-sizing:border-box}
body{font-family:system-ui, -apple-system, 'PingFang SC','Noto Sans SC',Segoe UI,Roboto,Arial;
     margin:0; background:var(--paper); color:var(--ink);}
.container{max-width:880px;margin:0 auto;padding:20px;}
.card{background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:20px;margin:16px 0;}
h1,h2{font-family:serif}
label{display:block;margin-top:10px;font-weight:600}
input,textarea,select{width:100%;padding:12px;border:1px solid #e6e6e6;border-radius:10px;margin-top:6px}
button{padding:12px 16px;border:none;border-radius:10px;background:var(--red);color:#fff;cursor:pointer}
button.secondary{background:#fff;color:var(--red);border:1px solid var(--red)}
.row{display:flex;gap:12px;flex-wrap:wrap}
.row > *{flex:1 1 260px}
pre.log{background:#0b0b0b;color:#d8f5e0;padding:12px;border-radius:12px;min-height:120px;overflow:auto}
.badge{display:inline-block;background:var(--gold);color:#442;padding:2px 8px;border-radius:999px;font-size:12px;margin-left:8px}
.help{color:#3A6A57;font-size:13px}
hr{border:none;height:1px;background:#eee;margin:16px 0}