/* Our own dialog. No browser alert, confirm or prompt anywhere in QUERY.
 *
 * This was inline in chat.html and nowhere else, so the Cast page deleted a
 * character behind a native confirm() - the grey OS box nobody chose the look
 * of. One implementation now, loaded by layout.html and by chat.html, which
 * does not extend it.
 *
 * --main and --fg exist in chat.html but not in layout.html, so both are
 * written with a fallback rather than assuming one page's palette.
 */
.ask-back{
  position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:80;
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.ask-box{
  width:min(430px,94vw);
  background:var(--main,var(--bg));border:1px solid var(--line);
  border-radius:13px;padding:20px 22px;box-shadow:0 22px 55px rgba(0,0,0,.55);
}
.ask-box h4{font-size:15px;font-weight:600;margin:0 0 8px}
.ask-box p{color:var(--dim);font-size:13.5px;line-height:1.6;margin:0;
  white-space:pre-wrap}
.ask-row{display:flex;gap:9px;justify-content:flex-end;margin-top:18px}
.ask-row button{
  padding:8px 16px;border-radius:8px;font-size:13px;font:inherit;
  border:1px solid var(--line);color:var(--ink,var(--fg));
  background:transparent;cursor:pointer;
}
.ask-row button:hover{background:var(--panel)}
.ask-row button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ask-row button.go{background:var(--accent);color:#07100d;font-weight:700;
                   border-color:var(--accent)}
.ask-row button.danger{background:var(--bad);color:#fff;border-color:var(--bad)}