:root{
    --bg:#0a1014; --panel:rgba(255,255,255,.05); --line:rgba(255,255,255,.10);
    --fg:#e8f1f2; --muted:#8fa3ab; --cyan:#22d3ee; --mint:#5eead4; --err:#fb7185;
  }
  *{box-sizing:border-box}
  body{margin:0;background:radial-gradient(1000px 600px at 80% -10%,rgba(34,211,238,.15),transparent),var(--bg);color:var(--fg);font-family:"DM Sans",system-ui,sans-serif;min-height:100vh}
  h1,h2,h3,button{font-family:"Space Grotesk","DM Sans",sans-serif}
  .wrap{max-width:720px;margin:0 auto;padding:24px 16px 64px}
  .glass{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;backdrop-filter:blur(14px)}
  .grad{background:linear-gradient(90deg,var(--cyan),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}
  input,button{font-size:16px}
  input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--fg);outline:none}
  input:focus{border-color:var(--cyan)}
  button{cursor:pointer;border:none;border-radius:12px;padding:13px 16px;font-weight:700;background:linear-gradient(90deg,var(--cyan),var(--mint));color:#04222a}
  button.ghost{background:transparent;border:1px solid var(--line);color:var(--fg);font-weight:500}
  button[disabled]{opacity:.5;cursor:not-allowed}
  .row{display:flex;gap:10px;align-items:center}
  .tabs{display:flex;gap:8px;margin:16px 0}
  .tabs button{flex:1}
  .tabs .on{background:linear-gradient(90deg,var(--cyan),var(--mint));color:#04222a;font-weight:700;border:none}
  .muted{color:var(--muted);font-size:14px}
  .item{border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:10px}
  .dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}
  .bubble{max-width:78%;padding:9px 12px;border-radius:14px;margin:6px 0;white-space:pre-wrap;word-break:break-word}
  .mine{margin-left:auto;background:linear-gradient(90deg,var(--cyan),var(--mint));color:#04222a}
  .theirs{background:rgba(255,255,255,.07)}
  .err{color:var(--err);font-size:14px}
  .hide{display:none}
  #chatBox{height:300px;overflow:auto;display:flex;flex-direction:column;padding:6px}