:root { --bg:#0f0f0f; --fg:#f5f5f5; --muted:#a0a0a0; --accent:#3b82f6; --border:#2a2a2a; --card:#1a1a1a; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}
.container{max-width:480px;margin:1.5rem auto;padding:1rem}
.container.wide{max-width:720px}
h1,h2{margin-top:0}
.subtitle,.small{color:var(--muted);font-size:.9rem}
input,button{width:100%;padding:.75rem;margin:.35rem 0;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--fg);font-size:1rem}
button{background:var(--accent);border:none;cursor:pointer;font-weight:500}
button:hover{opacity:.92}
label{display:block;margin-top:.75rem;font-size:.9rem}
.extension{font-family:ui-monospace,monospace;font-size:1.5rem;letter-spacing:.12em;background:var(--card);padding:.9rem;border-radius:8px;text-align:center;border:1px solid var(--border)}
#messages,#chatList{height:50vh;overflow-y:auto;border:1px solid var(--border);padding:.75rem;margin:1rem 0;border-radius:8px;background:#111}
#status{margin-top:1rem;font-size:.85rem;color:var(--muted)}
hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}
[hidden]{display:none!important}

textarea{width:100%;min-height:5rem;padding:.75rem;margin:.35rem 0;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--fg);font-size:.85rem;font-family:ui-monospace,monospace}