/* "Report a bug" button + modal (Designer, 13 Oct 2026). Live look: .btn from theme.css, gold .go, --w-* tokens. Loads after theme.css. */
.top2 .w-bug { display: inline-flex; align-items: center; gap: 7px; }
.top2 .w-bug svg { flex: none; }
@media (max-width: 800px) {
  .top2 .w-bug { width: 40px; min-width: 40px; height: 40px; padding: 0 !important; justify-content: center; flex: none; }
  html:not(.signedin) .top2 .w-bug { display: none; } /* signed-out phones have no room next to Sign up; reports come from signed-in users */
  .top2 { min-width: 0; } .top2 > * { min-width: 0; } .top2 #gsbar { flex: 1 1 0; min-width: 0; overflow: hidden; } /* the search box gives way; the bar never widens the page */
  .top2 .w-bug span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* icon-only, label stays for screen readers */
}
.w-bugm { position: fixed; inset: 0; z-index: 120; display: flex; align-items: flex-start; justify-content: center; padding: 10vh 16px 16px; background: rgba(11, 16, 25, .45); }
.w-bugm[hidden] { display: none; }
body.w-bugopen { overflow: hidden; }
.w-bugbox { position: relative; width: 100%; max-width: 460px; background: var(--w-surface, #fff); color: var(--w-text, #0b1019); border: 1px solid var(--w-line, #dfe6ee); border-radius: 14px; padding: 22px 24px 20px; box-shadow: 0 18px 44px rgba(11, 16, 25, .22); font: 400 14px/1.5 "Instrument Sans", "InstrumentSans", system-ui, sans-serif; }
.w-bugbox h3 { margin: 0 0 4px; font-size: 19px; font-weight: 700; letter-spacing: -.01em; }
.w-bughint { margin: 0 0 14px; color: var(--w-muted, #5f6b7c); font-size: 13.5px; }
.w-bugbox label { display: block; margin: 10px 0 5px; font-size: 12.5px; font-weight: 600; } .w-bugbox label small { font-weight: 400; color: var(--w-muted, #5f6b7c); }
.w-bugbox textarea, .w-bugbox input { display: block; width: 100%; box-sizing: border-box; border: 1px solid var(--w-line2, #cfd8e3); border-radius: 8px; padding: 9px 11px; font: 400 15px/1.4 "Instrument Sans", "InstrumentSans", system-ui, sans-serif; color: var(--w-text, #0b1019); background: var(--w-input, #fff); }
.w-bugbox textarea { resize: vertical; min-height: 96px; }
.w-bugbox textarea:focus, .w-bugbox input:focus { outline: 0; border-color: var(--w-text, #0b1019); }
.w-bugbox textarea[aria-invalid="true"] { border-color: var(--w-bad-text, #a3261b); }
.w-bugerr { margin: 10px 0 0; font-size: 13px; color: var(--w-bad-text, #a3261b); } .w-bugerr[hidden] { display: none; }
.w-bugbtns { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; } .w-bugbtns .btn { min-height: 40px; }
.w-bugx { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; background: none; font-size: 24px; line-height: 1; color: var(--w-muted, #5f6b7c); cursor: pointer; border-radius: 8px; } .w-bugx:hover { background: var(--w-surface2, #f1f4f8); color: var(--w-text, #0b1019); }
.w-bugok { text-align: center; padding: 8px 0 2px; } .w-bugok[hidden] { display: none; }
.w-bugok svg { color: var(--w-ok-text, #187a50); } .w-bugok h3 { margin: 8px 0 4px; } .w-bugok p { margin: 0 0 14px; color: var(--w-muted, #5f6b7c); }
@media (max-width: 800px) { .w-bugm { padding: 0; align-items: flex-end; } .w-bugbox { max-width: none; border-radius: 14px 14px 0 0; padding: 20px 16px calc(16px + env(safe-area-inset-bottom)); } .w-bugbox textarea, .w-bugbox input { font-size: 16px; } .w-bugbtns .btn { min-height: 44px; flex: 1 1 0; } }
:root[data-theme="dark"] .w-bugm { background: rgba(0, 0, 0, .6); }

.w-bughp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }