/* Corectura pe lucrare (annot.js): cutia paginii și bulele de voce. */
.nma-box { position: relative; }
.nma-rec, .nma-play { position: absolute; z-index: 5; display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 999px; padding: 6px 8px 6px 12px; box-shadow: 0 6px 20px rgba(0,0,0,.25); font-size: 13px; }
.nma-rec { border: 1.5px solid #E11D2E; }
.nma-play { border: 1.5px solid #0B7A50; }
.nma-recdot { width: 12px; height: 12px; border-radius: 50%; background: #E11D2E; animation: nmapulse 1s infinite; }
.nma-rectxt { font-weight: 700; color: #E11D2E; }
.nma-playtxt { font-weight: 700; color: #0B7A50; white-space: nowrap; }
.nma-stop, .nma-pstop { border: none; color: #fff; border-radius: 999px; padding: 6px 12px; font-weight: 700; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.nma-stop { background: #E11D2E; }
.nma-pstop { background: #0B7A50; }
.nma-sq { width: 9px; height: 9px; background: #fff; border-radius: 2px; display: inline-block; }
.nma-eq { display: inline-flex; align-items: flex-end; gap: 2px; height: 14px; }
.nma-eq i { width: 3px; background: #0B7A50; border-radius: 2px; animation: nmaeq .9s ease-in-out infinite; }
.nma-eq i:nth-child(1) { height: 6px; }
.nma-eq i:nth-child(2) { height: 12px; animation-delay: .18s; }
.nma-eq i:nth-child(3) { height: 8px; animation-delay: .36s; }
@keyframes nmapulse { 50% { opacity: .35; } }
@keyframes nmaeq { 50% { transform: scaleY(.45); } }

/* Lucrarea corectată, pe tot ecranul (vedere-lucrare.js) */
html.lv-open, html.lv-open body { overflow: hidden; }
.lv-sheet { position: fixed; inset: 0; z-index: 50; background: linear-gradient(165deg, var(--yg-ground-top, #10151A), var(--yg-ground-bottom, #10151A)); color: var(--yg-ink, var(--ink)); display: flex; flex-direction: column; }
.lv-bar { display: flex; align-items: center; gap: 12px; padding: max(10px, env(safe-area-inset-top)) 14px 10px; border-bottom: 1px solid var(--line, rgba(255,255,255,.12)); }
.lv-bar b { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lv-close { border: 0; background: var(--surface-2, rgba(255,255,255,.1)); color: inherit; font: inherit; font-weight: 600; padding: 8px 14px; border-radius: 999px; cursor: pointer; }
.lv-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 14px 12px max(30px, env(safe-area-inset-bottom)); max-width: 900px; width: 100%; margin: 0 auto; }
.lv-wait { text-align: center; padding: 40px 10px; color: var(--ink-2, #aaa); }
.lv-head { padding: 4px 4px 14px; }
.lv-grade { display: flex; align-items: baseline; gap: 10px; }
.lv-grade span { color: var(--ink-2, #aaa); font-size: 15px; }
.lv-grade b { font-size: 40px; font-weight: 800; letter-spacing: -.03em; color: var(--yg-gold, #E8B04A); }
.lv-grade.ok b { font-size: 24px; color: var(--green, #2FBF71); }
.lv-fb { font-size: 15.5px; line-height: 1.45; margin: 8px 0; }
.lv-hint { font-size: 13px; color: var(--ink-2, #aaa); margin: 6px 0; }
.lv-acts { display: flex; gap: 8px; margin-top: 8px; }
.lv-page { margin: 0 0 18px; }
.lv-pn { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--ink-2, #aaa); margin: 0 4px 6px; }
.lv-film { margin-left: auto; border: 0; background: var(--surface-2, rgba(255,255,255,.1)); color: inherit; font: inherit; font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; cursor: pointer; }

/* Ecranul de corectură al profesorului (corectura.js): pagina de lucrare de pe neomate.ro, aspectul "Hârtie Caldă".
   Regulile sunt cele de pe neomate (lucrare/index.html și styles.css), legate de .lw-ov ca să nu atingă aplicația. */
.lw-ov {
  --bg:#F5EFE3;--surface:#FFFDF8;--surface-2:#EFE7D6;--ink:#2C2A22;--ink-soft:#564e40;--muted:#6f6250;--border:#E2D7C1;
  --primary:#B4531E;--primary-ink:#fff;--shadow:0 2px 10px rgba(80,60,20,.08);--shadow-lg:0 4px 18px rgba(80,60,20,.14);--font-head:'Lora',Georgia,serif;
  position:fixed;inset:0;z-index:60;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);color:var(--ink);color-scheme:light;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;
}
.lw-ov button{font-family:inherit;font-size:13.3333px;line-height:normal;color:var(--ink)}
.lw-ov input{font-size:16px}
.lw-ov a{color:var(--primary)}
.lw-ov main{max-width:1280px;margin:0 auto;padding:max(26px,env(safe-area-inset-top)) 20px 60px}
.lw-ov .crumbs{font-size:.9em;color:var(--muted);margin-bottom:16px}
.lw-ov .crumbs a{color:var(--muted);text-decoration:none}
.lw-ov .crumbs a:hover{color:var(--primary)}
.lw-ov h1.pagetitle{font-family:var(--font-head);color:var(--primary);margin:.2em 0 .5em;font-size:1.5em;line-height:1.25}
.lw-ov .lw .stagewrap{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px}
.lw-ov .lw .msg{color:var(--muted);font-size:.9em}
/* paginile una sub alta, ca în Notability; locul fiecăreia e rezervat din start, cu proporțiile pozei */
.lw-ov #stage{display:flex;flex-direction:column;gap:14px}
.lw-ov .lw-pg{background:#fff;border-radius:8px;box-shadow:var(--shadow)}
.lw-ov .nma-cv{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

/* barele plutitoare: unelte în stânga, acțiuni în dreapta, mereu vizibile */
.lw-ov .lwrail{position:fixed;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:10px 7px;box-shadow:var(--shadow-lg);max-height:86vh;overflow:auto;width:66px}
.lw-ov #rail-left{left:12px}
.lw-ov #rail-right{right:12px}
.lw-ov .lwrail .rb{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;border:1.5px solid transparent;background:none;color:var(--ink);border-radius:11px;padding:7px 2px;cursor:pointer;line-height:1}
.lw-ov .lwrail .rb svg{width:20px;height:20px;display:block}
.lw-ov .lwrail .rb small{font-size:.6em;font-weight:700;color:var(--muted);letter-spacing:.02em}
.lw-ov .lwrail .rb:hover{background:var(--surface-2)}
.lw-ov .lwrail .rb.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}
.lw-ov .lwrail .rb.send{background:#0B7A50;color:#fff}
.lw-ov .lwrail .rb.send small{color:#fff}
.lw-ov .lwrail .rb.send:hover{background:#0a6a46}
.lw-ov .lwrail .rb.send.sent{background:var(--surface-2);color:var(--muted)}
.lw-ov .lwrail .rb.send.sent small{color:var(--muted)}
.lw-ov .lwrail .rb.on small{color:var(--primary)}
.lw-ov .lwrail .rb:disabled{opacity:.35;cursor:default}
.lw-ov .lwrail .sep{height:1px;background:var(--border);margin:3px 4px}
.lw-ov .lwrail .cols{display:flex;flex-direction:column;gap:8px;align-items:center;padding:4px 0}
.lw-ov .lwrail .sw{width:24px;height:24px;border-radius:50%;border:2.5px solid var(--border);cursor:pointer;padding:0;transition:transform .12s}
.lw-ov .lwrail .sw:hover{transform:scale(1.12)}
.lw-ov .lwrail .sw.on{border-color:var(--surface);box-shadow:0 0 0 2.5px var(--primary)}
/* paleta din care schimbi o culoare a coloanei */
.lw-ov .palpop{position:fixed;z-index:70;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:12px;display:none}
.lw-ov .palpop .palt{font-size:.72em;font-weight:800;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 9px}
.lw-ov .palpop .palg{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.lw-ov .palpop .pw{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--border);cursor:pointer;padding:0;transition:transform .12s}
.lw-ov .palpop .pw:hover{transform:scale(1.15)}
.lw-ov .palpop .pw.cur{border-color:var(--surface);box-shadow:0 0 0 2.5px var(--ink)}
.lw-ov .lwrail .thick{display:flex;flex-direction:column;gap:6px;align-items:center;padding:2px 0}
.lw-ov .lwrail .th{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.lw-ov .lwrail .th i{background:var(--ink);border-radius:99px;display:block}
.lw-ov .lwrail .th.t1 i{width:12px;height:2px}
.lw-ov .lwrail .th.t2 i{width:14px;height:4px}
.lw-ov .lwrail .th.t3 i{width:16px;height:7px}
.lw-ov .lwrail .th.on{border-color:var(--primary)}
.lw-ov .lwrail .pgno{text-align:center;font-weight:800;color:var(--ink);font-size:.85em;padding:2px 0}
/* busola punctajelor */
.lw-ov #pcompass{flex:none}
.lw-ov #pcompass .pz{cursor:pointer;transition:filter .12s}
.lw-ov #pcompass .pz:hover{filter:brightness(1.06)}
.lw-ov #pcompass .pz.on{stroke-width:4}
.lw-ov #pcompass .pt{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:15px;fill:#1749B3;text-anchor:middle;pointer-events:none}
.lw-ov .lwrail .pmode{border:none;background:none;color:var(--muted);font-weight:800;font-size:.62em;letter-spacing:.03em;cursor:pointer;padding:2px 0 4px;text-align:center;width:100%}
.lw-ov .lwrail .pmode:hover{color:var(--primary)}
.lw-ov .palpop .thg{display:flex;flex-direction:column;gap:7px;min-width:190px}
.lw-ov .palpop .tho{display:flex;align-items:center;gap:12px;border:1.5px solid var(--border);background:none;border-radius:11px;padding:10px 13px;cursor:pointer;color:var(--ink);font-weight:700;font-size:.92em}
.lw-ov .palpop .tho i{width:58px;background:var(--ink);border-radius:99px;display:block;flex:none}
.lw-ov .palpop .tho .tchk{width:17px;height:17px;margin-left:auto;color:var(--primary);opacity:0}
.lw-ov .palpop .tho:hover{border-color:var(--primary)}
.lw-ov .palpop .tho.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}
.lw-ov .palpop .tho.on .tchk{opacity:1}
.lw-ov .palpop .ptg{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.lw-ov .palpop .ptv{min-width:40px;height:40px;border-radius:11px;border:1.5px solid var(--border);background:var(--surface);font-weight:800;font-size:1.02em;cursor:pointer;padding:0 8px}
.lw-ov .palpop .ptv:hover{border-color:var(--primary)}
.lw-ov .palpop .ptv.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}
.lw-ov .palpop .ptbtns{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.lw-ov .palpop .ptcustom{display:flex;align-items:center;gap:7px}
.lw-ov .palpop .ptcustom .ptsign{font-weight:800;font-size:1.1em}
.lw-ov .palpop .ptcustom input{width:70px;padding:8px 10px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-weight:800;text-align:center}
.lw-ov .palpop .ptcustom .ptok{border:none;background:var(--primary);color:#fff;border-radius:10px;padding:9px 14px;font-weight:800;cursor:pointer;font-size:.92em}
.lw-ov .palpop .ptrow{display:flex;flex-direction:column;gap:8px;padding:10px 0}
.lw-ov .palpop .ptrow+.ptrow{border-top:1px solid var(--border)}
.lw-ov .palpop .ptexp b{display:block;font-size:.95em;color:var(--ink)}
.lw-ov .palpop .ptexp span{display:block;color:var(--muted);font-size:.82em;line-height:1.45;font-weight:600;max-width:290px}
.lw-ov .palpop .ptnote{margin:6px 0 0;color:var(--muted);font-size:.76em;font-weight:700;max-width:290px}
.lw-ov .lwrail .st{text-align:center;font-size:.62em;font-weight:700;color:var(--muted);min-height:12px;max-width:64px}
.lw-ov .lwrail .pts{text-align:center;font-size:.66em;font-weight:800;color:#0B7A50;max-width:64px}
/* meniul de ștampile, lângă bara din stânga */
.lw-ov .stpop{position:fixed;z-index:70;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:8px;display:none;flex-direction:column;gap:4px;max-height:70vh;overflow:auto}
.lw-ov .stpop button{border:none;background:none;text-align:left;padding:8px 12px;border-radius:9px;font-weight:700;font-size:.92em;cursor:pointer}
.lw-ov .stpop button:hover{background:var(--surface-2)}

/* pe ecrane largi, foaia stă între cele două bare */
@media(min-width:1151px){ .lw-ov main{padding-left:92px;padding-right:92px} }
/* pe ecrane înguste barele devin o bandă fixă jos, lată, fără derulare orizontală */
@media(max-width:1150px){
  .lw-ov .lwrail{top:auto;transform:none;max-height:none;overflow:visible;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;border-radius:0;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -6px 20px -12px rgba(0,0,0,.4);width:auto}
  .lw-ov #rail-left{left:0;right:0;bottom:var(--rail-r,64px);padding:6px 4px}
  .lw-ov #rail-right{left:0;right:0;bottom:0;padding:6px 4px max(6px,env(safe-area-inset-bottom))}
  .lw-ov .lwrail .rb{width:46px;padding:5px 2px}
  .lw-ov .lwrail .sep{display:none}
  .lw-ov .lwrail .cols{flex-direction:row;gap:10px;padding:0 6px}
  .lw-ov .lwrail .thick{flex-direction:row;gap:8px}
  .lw-ov .lwrail .pmode{width:auto;padding:0 6px}
  .lw-ov .lwrail .st,.lw-ov .lwrail .pts{max-width:none;padding:0 4px}
  .lw-ov #pcompass{margin:0 4px}
  .lw-ov main{padding-bottom:calc(var(--rails-h,140px) + 20px)}
  .lw-ov .stpop{left:10px!important;right:10px;bottom:calc(var(--rails-h,130px) + 4px);top:auto!important}
  .lw-ov .palpop{left:10px!important;right:10px;bottom:calc(var(--rails-h,130px) + 4px);top:auto!important}
  .lw-ov .palpop .palg{grid-template-columns:repeat(6,1fr)}
}

/* dialogurile (NMUI.modal de pe neomate) */
.lw-ov .nmui{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:18px}
.lw-ov .nmui-back{position:absolute;inset:0;background:rgba(20,26,40,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.lw-ov .nmui-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);width:min(440px,100%);max-height:88vh;overflow:auto;padding:20px 22px;animation:nmpop .18s ease}
.lw-ov .nmui-card.wide{width:min(720px,100%)}
.lw-ov .nmui-h{font-family:"Plus Jakarta Sans",system-ui,sans-serif;margin:0 0 4px;color:var(--primary);font-size:1.14em;padding-right:30px}
.lw-ov .nmui-sub{color:var(--muted);font-size:.9em;margin:0 0 10px}
.lw-ov .nmui-p{margin:8px 0;color:var(--ink);line-height:1.55}
.lw-ov .nmui-x{position:absolute;top:10px;right:12px;width:32px;height:32px;border:none;background:var(--surface-2);color:var(--muted);border-radius:9px;font-size:1.25em;line-height:1;cursor:pointer}
.lw-ov .nmui-x:hover{background:var(--border)}
.lw-ov .nmui-btns{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}
.lw-ov .nmui-b{border:1.5px solid var(--border);border-radius:10px;padding:10px 18px;font-weight:700;font-size:.95em;cursor:pointer;background:var(--surface-2);color:var(--ink)}
.lw-ov .nmui-b.prim{background:var(--primary);border-color:var(--primary);color:#fff}
.lw-ov .nmui-b:disabled{opacity:.5}
.lw-ov .nmui .nmui-body label{display:block;font-weight:600;color:var(--muted);font-size:.9em;margin:10px 0}
@media(max-width:520px){.lw-ov .nmui-btns{justify-content:stretch}.lw-ov .nmui-b{flex:1 1 auto}}
@keyframes nmpop{from{transform:translateY(6px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.lw-ov .mdw{display:flex;flex-direction:column;gap:12px}
.lw-ov .mdo{display:block;text-align:left;border:1.5px solid var(--border);background:var(--surface);color:var(--ink);border-radius:13px;padding:13px 15px;cursor:pointer}
.lw-ov .mdo:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}
.lw-ov .mdo b{display:block;font-size:1.05em;margin-bottom:4px;color:var(--primary)}
.lw-ov .mdo span{display:block;color:var(--muted);font-size:.9em;line-height:1.45}
/* fereastra de final */
.lw-ov .fchk{display:flex;gap:9px;align-items:flex-start;margin:4px 0 10px;color:var(--muted);font-size:.88em;line-height:1.45;cursor:pointer}
.lw-ov .fchk input{margin-top:3px;width:16px;height:16px;flex:none;accent-color:var(--primary)}
.lw-ov .fnl .fl{display:block;margin:0 0 14px;font-weight:700;color:var(--muted);font-size:.9em}
.lw-ov .fnl input:not([type=checkbox]){display:block;width:100%;max-width:340px;margin-top:5px;padding:9px 11px;border:1.5px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink)}
.lw-ov #fnl-msg{color:var(--muted);font-size:.9em}
/* grila simulării, în locul baremului liber */
.lw-ov .fnl-ex > span{display:block;margin-bottom:6px}
.lw-ov .fnl-why > span{display:block;margin-bottom:6px}
.lw-vers{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.lw-vers button{border:1.5px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:5px 12px;font:inherit;font-size:.88em;font-weight:700;cursor:pointer}
.lw-ov ~ .lv-sheet{z-index:200}
.lw-ov .fnl-why > span small{font-weight:500;margin-left:4px}
.lw-ov .fnl .fnl-why label{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;margin:0 0 6px;font-weight:600}
.lw-ov .fnl .fnl-why label b{color:#BE123C}
.lw-ov .fnl .fnl-why label small{font-weight:500}
.lw-ov .fnl .fnl-why input{grid-column:1 / -1;margin-top:3px}
.lw-ov .fnl-exs{display:grid;grid-template-columns:30px 1fr 44px;gap:6px;align-items:end;margin-bottom:6px}
.lw-ov .fnl-exs > b{font-size:14px;color:var(--ink);padding-bottom:9px}
.lw-ov .fnl-exg{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.lw-ov .fnl .fnl-exg label{display:grid;gap:1px;text-align:center;margin:0;font-weight:600}
.lw-ov .fnl-exg small{font-size:11px}
.lw-ov .fnl .fnl-exg input{max-width:none;margin:0;min-width:0;text-align:center;padding:7px 0}
.lw-ov .fnl-exsum{font-weight:800;font-size:14px;color:var(--ink);text-align:right;padding-bottom:9px}
.lw-ov .fnl-exsum.over{color:#BE123C}
.lw-ov .fnl-extot{margin:2px 0 0;min-height:17px;font-weight:700;color:var(--ink)}

/* Antetul corecturii: nota, notele vocale, Ce ai greșit (pentru elev și familie) */
.lv-score { display: flex; align-items: center; gap: 16px; padding: 16px; border-radius: 22px; background: var(--surface, rgba(255,255,255,.06)); border: 1px solid var(--line, rgba(255,255,255,.1)); }
.lv-g { font-size: 60px; font-weight: 700; letter-spacing: -.05em; line-height: .9; flex: none; background: linear-gradient(135deg, #e7a23c, #b8720c); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-theme="dark"] .lv-g { background-image: linear-gradient(135deg, #ffd27f, #f0a640); }
.lv-g.ok { font-size: 26px; letter-spacing: -.02em; background: none; color: var(--green, #2FBF71); }
.lv-score .lv-fb { margin: 0; font-weight: 600; }
.lv-sub { margin: 4px 0 0; font-size: 13px; color: var(--ink-2, #aaa); }
.lv-voice { display: flex; align-items: center; gap: 12px; width: 100%; margin-top: 10px; padding: 10px 14px 10px 10px; border: 0; border-radius: 16px; background: rgba(47, 111, 214, .12); color: inherit; font: inherit; text-align: left; cursor: pointer; }
.lv-play { width: 38px; height: 38px; border-radius: 50%; background: #2f6fd6; flex: none; position: relative; }
.lv-play::after { content: ''; position: absolute; left: 15px; top: 12px; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent #fff; }
.lv-voice.on .lv-play::after { left: 13px; top: 12px; width: 4px; height: 14px; border: 0; background: #fff; box-shadow: 8px 0 #fff; }
.lv-voice.wait .lv-play { opacity: .5; }
.lv-vt { font-weight: 700; font-size: 14.5px; display: grid; }
.lv-vt small, .lv-wt small { font-weight: 500; font-size: 12.5px; color: var(--ink-2, #aaa); }
.lv-bar2 { flex: 1; height: 6px; border-radius: 3px; background: rgba(47, 111, 214, .25); overflow: hidden; }
.lv-bar2 i { display: block; height: 100%; width: 0; background: #2f6fd6; }
.lv-sec { display: flex; justify-content: space-between; align-items: baseline; margin: 20px 2px 8px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-2, #aaa); }
.lv-sec small { text-transform: none; letter-spacing: 0; font-weight: 600; color: var(--ink-3, #888); }
.lv-wrong { border-radius: 20px; overflow: hidden; background: var(--surface, rgba(255,255,255,.06)); border: 1px solid var(--line, rgba(255,255,255,.1)); }
.lv-wrong button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.lv-wrong button + button { border-top: 1px solid var(--line, rgba(255,255,255,.1)); }
.lv-n { width: 26px; height: 26px; border-radius: 8px; background: rgba(225, 29, 72, .12); color: #e0364f; display: grid; place-items: center; font-weight: 700; font-size: 13px; flex: none; }
.lv-wt { flex: 1; display: grid; font-weight: 600; }
.lv-wt::first-letter { text-transform: uppercase; }
.lv-pts { font-size: 12.5px; font-weight: 700; color: #e0364f; background: rgba(225, 29, 72, .12); padding: 3px 9px; border-radius: 999px; }
.lv-ping { position: absolute; z-index: 6; width: 56px; height: 56px; margin: -28px 0 0 -28px; border-radius: 50%; border: 3px solid #e0364f; pointer-events: none; animation: lvping 1.1s ease-out 2; }
@keyframes lvping { from { transform: scale(.4); opacity: 1; } to { transform: scale(1.4); opacity: 0; } }
.lv-page { position: relative; }
