/* same dark theme as before */
:root { --bg:#0f0f1a; --panel:#1a1a2e; --accent:#e94560; --text:#eee; --muted:#aaa; --border:#2a2a40; }
body { margin:0; font-family:system-ui,sans-serif; background:var(--bg); color:var(--text); }
.container { max-width:900px; margin:0 auto; padding:1.5rem; }
header { text-align:center; margin-bottom:1.5rem; }
header h1 { margin:0; background:linear-gradient(90deg,#e94560,#0f3460); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.panel { background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:1.2rem; margin-bottom:1rem; }
label { display:block; margin:0.6rem 0 0.3rem; font-size:0.85rem; color:var(--muted); }
input, textarea { width:100%; padding:0.6rem; background:#12121f; border:1px solid var(--border); border-radius:6px; color:var(--text); font-family:inherit; }
textarea { min-height:180px; }
.row { display:flex; gap:0.5rem; }
.row input { flex:1; }
.btn { padding:0.6rem 1.2rem; border:none; border-radius:6px; cursor:pointer; font-weight:600; background:#2a2a40; color:var(--text); margin:0.4rem 0.4rem 0 0; }
.btn.primary { background:var(--accent); color:white; }
.hit { padding:0.5rem; border-bottom:1px solid var(--border); cursor:pointer; }
.hit:hover { background:#12121f; }
#status { margin-top:0.8rem; color:var(--muted); }