/* LearnIndex — Report a bug */
.li-bug-btn{position:fixed;right:16px;bottom:16px;z-index:2147483500;display:inline-flex;align-items:center;gap:6px;min-height:37px;padding:0 14px 0 11px;border:0;border-radius:999px;background:#111;color:#fff;font:800 12px/1 var(--font-body,Nunito,system-ui,sans-serif);cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.3);transition:transform .15s,background .15s}
.li-bug-btn svg{width:16px;height:16px}
.li-bug-btn:hover{background:#333;transform:translateY(-2px)}
.li-bug-btn:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #111}
@media (max-width:600px){.li-bug-btn{right:12px;bottom:12px;width:38px;height:38px;min-height:38px;padding:0;justify-content:center}.li-bug-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
html.li-bug-open,html.li-bug-open body{overflow:hidden}
.li-bug-wrap{position:fixed;inset:0;z-index:2147483645;background:rgba(20,16,10,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.li-bug-wrap[hidden]{display:none}
.li-bug-dlg{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--card,#fff);color:var(--ink,#211E18);border-radius:22px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);font-family:var(--font-body,Nunito,system-ui,sans-serif)}
.li-bug-dlg h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:24px;padding-right:48px}
.li-bug-badge{width:38px;height:38px;border-radius:50%;background:#C62828;color:#fff;display:grid;place-items:center}
.li-bug-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong,#D3CFC0);background:var(--card,#fff);color:inherit;font:400 28px/1 sans-serif;cursor:pointer}
.li-bug-x:hover,.li-bug-x:focus-visible{background:#C62828;border-color:#C62828;color:#fff}
.li-bug-f{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;font-weight:700;font-size:14px}
.li-bug-f b{color:#C62828}
.li-bug-f input,.li-bug-f textarea{font:400 16px var(--font-body,Nunito,system-ui,sans-serif);color:inherit;background:var(--card,#fff);border:1.5px solid var(--line-strong,#D3CFC0);border-radius:12px;padding:10px 12px;min-height:44px;width:100%;box-sizing:border-box}
.li-bug-f input[readonly]{background:var(--paper,#F6F4EE);color:var(--ink-soft,#5C594E)}
.li-bug-f textarea{resize:vertical;min-height:120px}
.li-bug-f input:focus,.li-bug-f textarea:focus{outline:none;border-color:#C62828;box-shadow:0 0 0 3px rgba(198,40,40,.18)}
.li-bug-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.li-bug-row{grid-template-columns:1fr}.li-bug-dlg{padding:18px}}
.li-bug-note{margin:-6px 0 14px;font-size:13px;color:var(--ink-soft,#5C594E)}
.li-bug-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.li-bug-msg{min-height:1.2em;margin:0 0 8px;font-weight:700;color:#3C6E47}.li-bug-msg.is-bad{color:#C62828}
.li-bug-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.li-bug-cancel,.li-bug-send{min-height:46px;padding:0 20px;border-radius:999px;font:800 15px var(--font-body,Nunito,system-ui,sans-serif);cursor:pointer}
.li-bug-cancel{border:1px solid var(--line-strong,#D3CFC0);background:var(--card,#fff);color:inherit}
.li-bug-send{border:0;background:#C62828;color:#fff}.li-bug-send:hover{background:#A51E1E}.li-bug-send[disabled]{opacity:.6;cursor:wait}
.li-bug-done{text-align:center;padding:10px 0 4px}.li-bug-done[hidden]{display:none}
.li-bug-check{width:64px;height:64px;margin:0 auto 8px;border-radius:50%;background:#3C6E47;color:#fff;font-size:34px;display:grid;place-items:center}
.li-bug-done h3{margin:0 0 4px;font-size:22px}.li-bug-done p{margin:0 0 16px}
@media print{.li-bug-btn,.li-bug-wrap{display:none!important}}