/* /report/: Report a mistake / Suggest an agent (REPORT-NOTES.md). Scoped to #rp. Palette: --bg #0b0b0d, --fg #f3efe8, ember --acc. No blue, no glow. */
#rp{flex:1}
#rp button,#rp input,#rp select,#rp textarea{font:inherit;color:inherit}
#rp .rpw{max-width:560px;margin:0 auto;padding:28px 0 56px}
#rp .rp-h1{margin:0 0 6px;font:700 clamp(30px,8vw,44px)/1.04 var(--sans);letter-spacing:-.03em}
#rp .sub{margin:0 0 22px;color:var(--mut);font-size:15.5px;max-width:42ch}
#rp .seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line2);border-radius:12px;margin:0 0 18px}
#rp .seg label{position:relative;display:block;cursor:pointer}
#rp .seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
#rp .seg span{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:9px;font-size:14px;color:var(--mut);text-align:center;padding:0 6px}
#rp .seg input:checked+span{background:var(--fg);color:var(--bg);font-weight:600}
#rp .seg input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
#rp .f{display:block;margin:0 0 16px}
#rp .f>span,#rp .rcs legend{display:block;font-size:13px;font-weight:600;margin:0 0 6px;color:var(--fg)}
#rp .opt{font-weight:400;color:var(--dim)}
#rp .f input,#rp .f select,#rp .f textarea{display:block;width:100%;box-sizing:border-box;min-height:46px;border-radius:10px;border:1px solid var(--line2);background:var(--bg);padding:11px 12px;font-size:16px;color:var(--fg)}
#rp .f textarea{resize:vertical;min-height:88px;line-height:1.45}
#rp .f select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#8c8c8c 50%),linear-gradient(135deg,#8c8c8c 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
#rp .f input::placeholder,#rp .f textarea::placeholder{color:#6f6f6f}
#rp .f input:focus,#rp .f select:focus,#rp .f textarea:focus{border-color:var(--fg);outline:none}
#rp .f input:focus-visible,#rp .f select:focus-visible,#rp .f textarea:focus-visible,#rp .go:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
#rp .rcs{border:0;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px}
#rp .rcs legend{width:100%;padding:0}
#rp .rc{position:relative;cursor:pointer}
#rp .rc input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
#rp .rc span{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);font-size:14px;color:var(--mut)}
#rp .rc input:checked+span{border-color:var(--acc);color:var(--fg);background:rgba(var(--acc-rgb),.12)}
#rp .rc input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
#rp .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#rp .err{min-height:0;margin:0 0 10px;color:var(--acc);font-size:14px}
#rp .err:empty{display:none}
#rp .go{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:0;border-radius:12px;background:var(--acc);color:#0b0b0d;font-weight:700;font-size:16px;cursor:pointer}
#rp .go[disabled]{opacity:.6;cursor:default}
#rp .fine{margin:12px 0 0;font-size:12.5px;color:var(--dim)}
#rp .fine a{color:var(--fg)}
#rp .done{padding:18px;border:1px solid var(--line2);border-radius:var(--r)}
#rp .done:focus{outline:none}
#rp .ok{margin:0;font-size:17px;font-weight:600}
#rp .done .fine b{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.04em}
@media (min-width:640px){#rp .rpw{padding-top:56px}}
