/* assets/style.css */
:root{
  --bg:#2f2f2f;
  --panel:#333;
  --text:#cfcfcf;
  --border:#cfcfcf;
  --btn:#8b0000;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";}
a{color:#9ecbff}
.center{max-width:980px;margin:0 auto;padding:20px}
.panel{background:var(--panel);border:4px solid var(--border);padding:20px;border-radius:6px}
.h1{font-size:46px;text-align:center;color:#9d9d9d;letter-spacing:1px;margin:8px 0 16px}
.btn{background:var(--btn);color:#fff;border:none;border-radius:4px;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-block}
.btn:hover{filter:brightness(1.1)}
.inp{background:#2a2a2a;color:#fff;border:1px solid #666;border-radius:4px;padding:10px 12px}
.small{font-size:14px;opacity:.85}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.titlebar{font-size:20px;text-align:center;margin:6px 0 12px;color:#c9c9c9}
.box{border:2px solid #777;border-radius:4px;background:#2b2b2b}
.log{height:220px;overflow:auto;color:#cfcfcf;background:#444;border-radius:4px;border:2px solid #777;padding:8px}
.badge{display:inline-block;padding:2px 8px;border-radius:3px;background:#555;margin-left:6px}
.hr{height:1px;background:#777;opacity:.35;margin:8px 0}