/* ════════════════════════════════════════════════════════════════════
   live-picker.css — Ζωντανή Μάχη · «Διάλεξε ύλη» reimagined
   lp-* classes only. Tokens come from css/tokens.css (--card/--line/--fg/
   --muted/--sink/--disp/--sans/--serif …); the live accent is --ca on .lp
   (.has-accent derives --ca-mid/--ca-ink/--ca-tint). Per-subject accent
   is --sa, set inline per box/row. Selected states use the platform's
   fixed green (#2e9e4f), same as the syn-* mix chips.
   ════════════════════════════════════════════════════════════════════ */
.lp{display:flex;flex-direction:column;gap:14px;font-family:var(--sans);color:var(--fg)}
.lp *{box-sizing:border-box}
.lp button{font:inherit;color:inherit;cursor:pointer}
.lp-view{display:flex;flex-direction:column;gap:14px}
/* crumbs */
.lp-crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.lp-crumb{background:none;border:0;padding:4px 2px;color:var(--muted);font:inherit;letter-spacing:inherit;text-transform:inherit}
.lp-crumb:hover{color:var(--fg)}
.lp-crumb[disabled]{cursor:default}
.lp-crumb.on{color:var(--fg)}
.lp-crumb__sep{opacity:.5}
/* ── subject boxes ── */
.lp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.lp-box{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:7px;min-height:198px;padding:18px 18px 16px;text-align:left;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--sa);border-radius:20px;transition:transform .16s,box-shadow .16s,border-color .16s}
.lp-box:hover{transform:translateY(-3px);box-shadow:0 16px 34px var(--shadow);border-color:var(--line-bold);border-top-color:var(--sa)}
.lp-box:focus-visible{outline:2px solid var(--sa);outline-offset:2px}
.lp-box__illu{position:absolute;right:-12px;bottom:-16px;width:150px;height:150px;background-color:var(--sa);opacity:.15;-webkit-mask:var(--illu) center/contain no-repeat;mask:var(--illu) center/contain no-repeat;transition:opacity .16s,transform .22s;pointer-events:none}
.lp-box:hover .lp-box__illu{opacity:.26;transform:rotate(-4deg) scale(1.05)}
.lp-box__top{position:absolute;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.lp-box__n{font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.lp-box__sel{font-weight:700;font-size:11px;color:#fff;background:#2e9e4f;border-radius:999px;padding:3px 9px;white-space:nowrap}
.lp-box__t{position:relative;font-family:var(--serif);font-weight:700;font-size:30px;line-height:1;color:var(--fg)}
.lp-box__subs{position:relative;display:flex;flex-wrap:wrap;gap:3px 10px;font-size:12.5px;color:var(--muted);line-height:1.35}
.lp-box__subs b{font-weight:700;color:var(--fg-70)}
.lp-box__go{position:relative;margin-top:2px;font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:.04em;color:var(--fg-70);transition:color .16s,transform .16s}
.lp-box:hover .lp-box__go{color:var(--fg);transform:translateX(3px)}
.lp-box--custom{border-style:dashed;border-top-style:solid;background:color-mix(in srgb,var(--ca) 4%,var(--card))}
/* ── subject / custom head ── */
.lp-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lp-head__illu{width:44px;height:44px;flex:none;background-color:var(--sa);-webkit-mask:var(--illu) center/contain no-repeat;mask:var(--illu) center/contain no-repeat}
.lp-head__b{display:flex;flex-direction:column;gap:3px;min-width:0}
.lp-head__t{font-family:var(--serif);font-weight:700;font-size:28px;line-height:1;margin:0;color:var(--fg)}
.lp-head__m{font-size:12.5px;color:var(--muted);line-height:1.35;text-wrap:pretty}
.lp-head__sp{flex:1}
.lp-back{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12.5px;color:var(--fg-70);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;transition:.14s}
.lp-back:hover{border-color:var(--line-bold);color:var(--fg)}
.lp-prof{display:inline-flex;align-items:center;gap:9px;max-width:100%;background:var(--sink);border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 5px}
.lp-prof__av{flex:none;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:var(--ca);color:#fff;font-family:var(--disp);font-weight:600;font-size:12px;letter-spacing:.04em}
.lp-prof__b{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.lp-prof__b b{font-size:12.5px;font-weight:700;color:var(--fg)}
.lp-prof__b small{font-size:10.5px;color:var(--muted)}
.lp-tabs{display:flex;gap:7px;flex-wrap:wrap}
.lp-tab{display:inline-flex;gap:7px;align-items:center;font-weight:600;font-size:12.5px;color:var(--fg-70);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;transition:.14s}
.lp-tab:hover{border-color:var(--line-bold);color:var(--fg)}
.lp-tab.on{color:var(--card);background:var(--fg);border-color:var(--fg)}
.lp-tab__n{font-family:var(--disp);font-weight:500;font-size:11px;opacity:.7}
/* ── source rows ── */
.lp-list{display:flex;flex-direction:column;gap:8px}
.lp-cat{font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:.04em;color:var(--muted);margin:10px 2px 0}
.lp-cat:first-child{margin-top:0}
.lp-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 14px;transition:border-color .14s,background .14s}
.lp-row:hover{border-color:var(--line-bold)}
.lp-row.on{border-color:color-mix(in srgb,#2e9e4f 55%,transparent);background:color-mix(in srgb,#2e9e4f 6%,var(--card))}
.lp-row.locked{opacity:.55}
.lp-row__ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:11px;background:color-mix(in srgb,var(--sa) 11%,var(--card));font-size:19px;line-height:1}
.lp-row__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lp-row__t{font-family:var(--serif);font-weight:700;font-size:16.5px;line-height:1.15;color:var(--fg)}
.lp-row__m{font-size:11.5px;color:var(--muted);line-height:1.35}
.lp-row__acts{display:flex;align-items:center;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.lp-mix{font-weight:700;font-size:11px;letter-spacing:.05em;color:var(--ca-ink);background:var(--sink);border:1px dashed var(--ca-mid);border-radius:999px;padding:7px 12px;transition:.14s;white-space:nowrap}
.lp-mix:hover{background:var(--ca-tint);border-style:solid}
.lp-mix.on{color:#fff;background:#2e9e4f;border:1px solid #2e9e4f}
.lp-fold{display:inline-flex;gap:6px;align-items:center;font-weight:700;font-size:10.5px;letter-spacing:.05em;color:var(--fg-70);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 10px;transition:.14s}
.lp-fold:hover{border-color:var(--line-bold);color:var(--fg)}
.lp-fold__chev{font-size:9px;line-height:1;transition:transform .18s}
.lp-fold.folded .lp-fold__chev{transform:rotate(-90deg)}
.lp-flag{font-weight:700;font-size:11px;letter-spacing:.02em;cursor:pointer;color:var(--muted);background:var(--sink);border:1px solid var(--line);border-radius:999px;padding:5px 9px}
.lp-del{font-weight:600;font-size:11px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:6px 10px;transition:.14s}
.lp-del:hover{color:#c0392b;border-color:#c0392b}
/* ── level panel (child of a selected leveled row) ── */
.lp-lv{display:flex;flex-direction:column;gap:5px;margin:-2px 0 4px 52px;padding:12px 14px 14px;background:color-mix(in srgb,#2e9e4f 4%,var(--card));border:1px solid color-mix(in srgb,#2e9e4f 32%,transparent);border-radius:14px}
.lp-lv__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.lp-lv__t{display:inline-flex;gap:8px;align-items:center;font-weight:800;font-size:10px;letter-spacing:.04em;color:var(--fg-70)}
.lp-lv__c{font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:0;color:var(--muted);background:var(--sink);border:1px solid var(--line);padding:1px 8px;border-radius:999px}
.lp-lv__c.on{color:#fff;background:#2e9e4f;border-color:#2e9e4f}
.lp-lv__sp{flex:1}
.lp-pill{font-weight:700;font-size:10px;letter-spacing:.05em;color:var(--fg-70);background:var(--card);border:1px solid var(--line);padding:5px 10px;border-radius:999px;transition:.12s;white-space:nowrap}
.lp-pill:hover{border-color:var(--line-bold);color:var(--fg)}
.lp-pill.on{color:#fff;background:#2e9e4f;border-color:#2e9e4f}
.lp-pill--lg{font-size:11px;padding:8px 13px}
.lp-grp{display:flex;align-items:center;gap:8px;margin:8px 2px 2px}
.lp-grp__fold{flex:none;width:18px;height:18px;display:grid;place-items:center;font-size:9px;line-height:1;color:var(--muted);background:var(--sink);border:1px solid var(--line);border-radius:6px;transition:.16s}
.lp-grp.folded .lp-grp__fold{transform:rotate(-90deg)}
.lp-grp__t{flex:1;font-weight:700;font-size:10px;letter-spacing:.1em;color:var(--muted)}
/* ενότητα μέσα σε ομάδα (π.χ. λύω: Οριστική ▸ Ενεργητική Φωνή): υπότιτλος με
   δικό του «Όλα / Κανένα», γραμμές με εσοχή και λεπτή γραμμή στα αριστερά */
.lp-sec{display:flex;flex-direction:column;gap:5px;margin:2px 0 4px 26px;padding-left:10px;border-left:2px solid var(--line)}
.lp-sec__hd{display:flex;align-items:center;gap:8px;min-height:26px;margin-top:2px}
.lp-sec__t{flex:1;min-width:0;display:inline-flex;align-items:baseline;gap:7px;font-weight:600;font-size:11.5px;color:var(--fg-70)}
/* πακέτο με ενότητες: οι τίτλοι των ομάδων δεν μένουν μικρότεροι από τους υποτίτλους */
.lp-grp--secs .lp-grp__t{font-size:12px;letter-spacing:.06em;color:var(--fg)}
.lp-sec__n{font-family:var(--disp);font-weight:500;font-size:11px;color:var(--muted)}
.lp-lvrow{display:flex;align-items:center;gap:11px;width:100%;text-align:left;font-size:13px;color:var(--fg);background:var(--card);border:1.5px solid var(--line);border-left:4px solid var(--lc,var(--line));padding:8px 12px;border-radius:10px;transition:.12s}
.lp-lvrow:hover{border-color:var(--line-bold);border-left-color:var(--lc,var(--line-bold));background:var(--sink)}
.lp-lvrow.on{background:color-mix(in srgb,#2e9e4f 10%,var(--card));border-color:#2e9e4f;border-left-color:var(--lc,#2e9e4f)}
.lp-lvrow__box{flex:none;width:20px;height:20px;display:grid;place-items:center;border:2px solid var(--line-bold);border-radius:6px;background:var(--card);color:#fff;font-size:12px;font-weight:800;line-height:1;transition:.12s}
.lp-lvrow.on .lp-lvrow__box{background:#2e9e4f;border-color:#2e9e4f}
.lp-lvrow__n{flex:none;font-family:var(--disp);font-weight:500;font-size:12px;color:var(--muted);min-width:22px}
.lp-lvrow.on .lp-lvrow__n{color:var(--fg)}
.lp-lvrow__t{flex:1;min-width:0;line-height:1.3}
.lp-lvrow__t b{font-weight:600;color:var(--fg-70)}
.lp-lvrow.on .lp-lvrow__t{font-weight:600}
.lp-lvrow__q{flex:none;font-family:var(--disp);font-size:11px;color:var(--muted)}
/* ── sticky mix bar ── */
.lp-bar{position:sticky;bottom:max(10px,env(safe-area-inset-bottom,0px));z-index:4;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px;padding:12px 14px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(8px);border:1px solid var(--line-bold);border-radius:16px;box-shadow:0 10px 30px var(--shadow)}
.lp-bar__lbl{flex:none;font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.lp-bar__chips{flex:1;min-width:200px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:2px 0}
.lp-bar__empty{flex:1;min-width:200px;font-size:12.5px;color:var(--muted);font-style:italic}
.lp-chip{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--fg);background:var(--sink);border:1px solid var(--line);border-radius:999px;padding:4px 5px 4px 10px;max-width:280px}
.lp-chip__dot{flex:none;width:8px;height:8px;border-radius:999px;background:var(--sa)}
.lp-chip__t{background:none;border:0;padding:0;font:inherit;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.lp-chip__t:hover{text-decoration:underline}
.lp-chip__m{flex:none;font-family:var(--disp);font-weight:500;font-size:10.5px;color:var(--muted)}
.lp-chip__x{flex:none;width:20px;height:20px;border-radius:999px;border:0;background:transparent;color:var(--muted);font-size:11px;line-height:1;display:grid;place-items:center}
.lp-chip__x:hover{background:var(--line);color:var(--fg)}
.lp-bar__more{flex:none;font-weight:700;font-size:12px;color:var(--ca-ink);background:var(--card);border:1px dashed var(--ca-mid);border-radius:999px;padding:8px 13px;white-space:nowrap;transition:.14s}
@media (max-width:980px){.lp-bar__chips{min-width:140px}.lp-bar__more{font-size:11.5px;padding:7px 11px}}
.lp-bar__more:hover{border-style:solid;background:var(--ca-tint);color:var(--fg)}
.lp-bar__n{flex:none;font-family:var(--disp);font-weight:500;font-size:14px;color:var(--fg)}
.lp-bar__n small{font-size:11px;letter-spacing:.08em;color:var(--muted)}
/* Η προειδοποίηση της επιλογής (cfg.selectionWarn — π.χ. «Λίγοι τύποι (2) —
   το Invaders θέλει τουλάχιστον 6»): ΔΙΚΗ ΤΗΣ γραμμή στο κάτω μέρος της
   μπάρας, ώστε κουμπιά και τσιπ να μένουν όπου ήταν. Κρυμμένη (hidden) όταν
   δεν λέει τίποτα. */
.lp-bar__warn{flex:1 1 100%;margin:0;font-size:12.5px;line-height:1.4;color:var(--fg);background:color-mix(in srgb,var(--terra,#2E7BB5) 11%,transparent);border:1px solid color-mix(in srgb,var(--terra,#2E7BB5) 38%,transparent);border-radius:10px;padding:6px 10px}
.lp-bar__warn[hidden]{display:none}
/* «Ερωτήσεις: 5 · 10 · 15 · 20 · Όλες» — μόνο στον Πίνακα, στα παιχνίδια με
   σταθερούς γύρους (js/live-picker.js countEl, js/screens.js symSoloCount) */
.lp-count{flex:none;display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line-bold);border-radius:11px;background:var(--card)}
.lp-count__l{font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:.04em;color:var(--muted);padding:0 4px 0 6px}
.lp-count__b{min-width:34px;font-family:var(--disp);font-weight:600;font-size:12.5px;color:var(--fg);background:transparent;border:0;border-radius:8px;padding:6px 8px;cursor:pointer;transition:.14s}
.lp-count__b:hover{background:var(--ca-tint)}
.lp-count__b.on{background:var(--ca);color:#fff}
.lp-count__b:focus-visible{outline:2px solid var(--ca);outline-offset:1px}
/* «Μοίρασε QR»: έντονο και στο χρώμα του site, όπως το «← Επιλογή Επιπέδου»
   (css/overlay-chrome.css .overlay-back) — να ξεχωρίζει από το «Ξεκίνα». */
.lp-share{flex:none;font-family:var(--sym-font-sans,var(--disp));font-weight:800;font-size:13.5px;letter-spacing:.02em;color:var(--sym-terra-dk,#205C8C);background:color-mix(in srgb,var(--sym-terra,#2E7BB5) 14%,var(--card));border:1.5px solid color-mix(in srgb,var(--sym-terra,#2E7BB5) 55%,transparent);padding:10px 16px;border-radius:999px;transition:.14s;white-space:nowrap}
@media (hover:hover){.lp-share:hover{background:var(--sym-terra-dk,#205C8C);border-color:transparent;color:#fff}}
.lp-share:focus-visible{outline:2px solid var(--sym-terra,#2E7BB5);outline-offset:2px}
/* Χωρίς text-transform: η ετικέτα είναι ελληνική («Ξεκίνα →») και τα
   κεφαλαία του CSS της έτρωγαν τον τόνο. Κανόνας του repo. */
.lp-start{flex:none;font-family:var(--disp);font-weight:600;font-size:14px;letter-spacing:.02em;color:#fff;background:var(--ca);border:1px solid var(--ca);padding:11px 20px;border-radius:11px;box-shadow:0 8px 20px var(--ca-mid);transition:.14s}
.lp-start:hover{transform:translateY(-1px)}
.lp-start[disabled]{background:var(--sink);color:var(--muted);border-color:var(--line-bold);box-shadow:none;cursor:not-allowed;transform:none}
/* ── custom quiz (Ανάθεση format) ── */
.lp-form{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.lp-field{display:flex;flex-direction:column;gap:6px}
.lp-field>label{font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.lp-input{font-family:var(--sans);font-size:14px;color:var(--fg);background:var(--sink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;min-width:0}
.lp-input::placeholder{color:var(--muted)}
.lp-input:focus{outline:none;border-color:var(--ca-mid);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ca) 26%,transparent)}
.lp-qhead,.lp-qrow{display:grid;grid-template-columns:26px minmax(0,1.4fr) minmax(0,1fr) 28px;gap:8px;align-items:center}
.lp-qhead{font-family:var(--disp);font-weight:500;font-size:10px;letter-spacing:.04em;color:var(--muted);padding:0 2px}
.lp-qrows{display:flex;flex-direction:column;gap:6px}
.lp-qrow__n{font-family:var(--disp);font-size:12px;color:var(--muted);text-align:center}
.lp-x{width:28px;height:28px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;line-height:1;display:grid;place-items:center;transition:.14s}
.lp-x:hover{border-color:var(--line-bold);color:var(--fg)}
.lp-pill--add{align-self:flex-start;margin-top:4px}
.lp-note{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--fg-70);background:var(--sink);border:1px solid var(--line);border-radius:12px;padding:10px 12px;line-height:1.45;text-wrap:pretty}
.lp-form__acts{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.lp-form__status{flex:1;font-size:12px;color:var(--muted)}
.lp-btn{font-weight:700;font-size:13px;color:#fff;background:var(--ca);border:1px solid var(--ca);border-radius:10px;padding:10px 16px;transition:.14s;white-space:nowrap}
.lp-btn:hover{filter:brightness(1.05)}
.lp-btn[disabled]{background:var(--sink);color:var(--muted);border-color:var(--line-bold);cursor:not-allowed;filter:none}
.lp-btn--ghost{color:var(--fg);background:var(--card);border-color:var(--line-bold)}
.lp-btn--ghost:hover{border-color:var(--fg-70)}
.lp-drop{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:26px 18px;border:2px dashed var(--line-bold);border-radius:14px;background:var(--sink);cursor:pointer;transition:.14s}
.lp-drop:hover,.lp-drop.over,.lp-drop:focus-visible{border-color:var(--ca);background:var(--ca-tint);outline:none}
.lp-drop__t{font-family:var(--serif);font-weight:700;font-size:17px;color:var(--fg)}
.lp-drop__m{font-size:12px;color:var(--muted)}
.lp-or{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-size:10px;letter-spacing:.04em;color:var(--muted)}
.lp-or::before,.lp-or::after{content:"";flex:1;height:1px;background:var(--line)}
.lp-paste{resize:vertical;min-height:84px;font-size:13px;line-height:1.45}
.lp-fmt{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.lp-fmt__card{background:var(--sink);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.lp-fmt__t{font-family:var(--disp);font-weight:500;font-size:10.5px;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}
.lp-fmt pre{margin:0;font:12px/1.55 ui-monospace,Menlo,Consolas,monospace;color:var(--fg);white-space:pre-wrap;word-break:break-word}
.lp-link{align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--ca-ink);text-decoration:none;border-bottom:1px dashed var(--ca-mid)}
.lp-link:hover{color:var(--fg);border-bottom-style:solid}
.lp-pv__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lp-ok{font-weight:700;font-size:12.5px;color:#1f8a4c}
.lp-err{font-weight:600;font-size:12.5px;color:#c0392b}
.lp-preview{display:flex;flex-direction:column;gap:5px}
.lp-preview__row{display:grid;grid-template-columns:26px minmax(0,1.4fr) minmax(0,1fr);gap:8px;font-size:12.5px;padding:7px 9px;background:var(--sink);border-radius:8px;align-items:center}
.lp-preview__row span:first-child{font-family:var(--disp);color:var(--muted);text-align:center}
.lp-preview__row b{font-weight:600;color:#1f8a4c}
.lp-preview__more{font-size:11.5px;color:var(--muted);padding:2px 9px}
.lp-empty{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13.5px;color:var(--muted);padding:26px 18px;text-align:center;border:1px dashed var(--line);border-radius:14px}
.lp-empty p{margin:0}
.lp-empty__acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
/* toast (appended to body) */
.lp-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);z-index:60;max-width:min(520px,90vw);font:600 13px/1.35 var(--sans,'Alegreya Sans',sans-serif);color:#fff;background:#1E1810;padding:10px 16px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.2s;text-align:center}
.lp-toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:640px){
  .lp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lp-box{min-height:150px;padding:14px 14px 12px}
  .lp-box__t{font-size:22px}
  .lp-box__illu{width:110px;height:110px}
  .lp-head__t{font-size:24px}
  .lp-lv{margin-left:0}
  .lp-sec{margin-left:8px}
  .lp-row{flex-wrap:wrap}
  .lp-row__acts{width:100%;justify-content:flex-start}
  .lp-qhead{display:none}
  .lp-qrow{grid-template-columns:26px minmax(0,1fr) 28px}
  .lp-qrow .lp-input:nth-child(3){grid-column:2}
  .lp-bar__lbl{display:none}
  .lp-bar__chips,.lp-bar__empty{flex-basis:100%}
  .lp-bar__more{flex:1;text-align:center}
  .lp-count{flex:1 1 100%;justify-content:space-between}
  .lp-count__b{flex:1}
  .lp-prof{width:100%}
}
/* ── Η μπάρα «Ξεκίνα» μένει ΠΑΝΤΑ ορατή ─────────────────────────────────
   Είναι sticky μέσα στο .lp, και ένα sticky δεν ανεβαίνει ποτέ πάνω από
   την αρχή του περιέκτη του. Σε κινητό οριζόντια (844×390) η επικεφαλίδα
   της σελίδας τρώει ~300px, το .lp αρχίζει εκεί, και η μπάρα των ~120px
   (δύο-τρεις σειρές) δεν χωρούσε στο υπόλοιπο: το «Ξεκίνα» έβγαινε κομμένο
   κάτω από την οθόνη πριν κυλήσει κανείς. Σε χαμηλό παράθυρο γίνεται ΜΙΑ
   σειρά: τα τσιπ κυλούν πλάγια, το «Επίλεξε και από άλλο μάθημα →» φεύγει
   (το ίδιο κάνουν τα ψίχουλα και το «← Μαθήματα» στην κορυφή), η ετικέτα
   και το «N πηγές» επίσης. */
/* Tab / scrollIntoView ΟΧΙ πίσω από την κολλητή μπάρα (WCAG 2.4.11): οι
   κάρτες χρόνων βάζουν ως 48 μικρά κουμπιά ακριβώς πάνω της. Το ύψος της
   μπάρας (70 · 118 · 164px σε 1300 · 768 · 390) το γράφει το
   js/live-picker.js στο --lp-bar-h· το scroll-margin στα κουμπιά ΔΕΝ πιάνει
   στο Tab του Chromium. Στο χαμηλό παράθυρο ισχύει ο κανόνας από κάτω. */
html:has(.lp-bar){scroll-padding-bottom:calc(var(--lp-bar-h,0px) + 16px)}
@media (max-height:500px){
  .lp-bar{flex-wrap:nowrap;gap:8px;padding:7px 8px 7px 12px}
  .lp-bar__lbl,.lp-bar__more,.lp-bar__n{display:none}
  .lp-bar__chips,.lp-bar__empty{flex:1 1 auto;min-width:0;flex-basis:auto}
  .lp-bar__empty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* μία σειρά: η προειδοποίηση γίνεται κομμάτι της, κομμένη με «…» (title = όλη) */
  .lp-bar__warn{flex:0 1 auto;flex-basis:auto;min-width:0;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 8px}
  .lp-share{padding:8px 12px}
  .lp-start{padding:9px 16px}
  .lp-count{flex:none}
  .lp-count__l{display:none}
  .lp-count__b{min-width:28px;padding:5px 6px}
  /* …και ούτε αυτό αρκεί κάτω από ~365px ύψος: το .lp αρχίζει στα ~305px
     (κολλημένο nav 88 + επικεφαλίδα), άρα ένα sticky δεν μπορεί να σταθεί
     ψηλότερα. ΜΕΤΡΗΜΕΝΟ 568×320: «Ξεκίνα» στα 318–357 με innerHeight 320·
     740×360: 326–365. Στη γραμμή διευθύνσεων του κινητού χάνονται κι άλλα.
     Εδώ η μπάρα καρφώνεται στο κάτω άκρο της ΟΘΟΝΗΣ (fixed), στη στήλη της
     σελίδας (--pad, όπως το .sc-page), και το .lp κρατά ίσο κενό από κάτω
     ώστε η τελευταία του γραμμή να κυλά πάνω από αυτήν. Το ίδιο για το
     υποσέλιδο της σελίδας, που αλλιώς θα κρυβόταν στο τέλος της κύλισης. */
  .lp > .lp-bar{position:fixed;margin:0;bottom:max(8px,env(safe-area-inset-bottom,0px));
    left:max(var(--pad,16px),env(safe-area-inset-left,0px));right:max(var(--pad,16px),env(safe-area-inset-right,0px))}
  .lp:has(> .lp-bar){padding-bottom:72px}
  .sc-page:has(.lp > .lp-bar) ~ .syn-foot{margin-bottom:72px}
  /* και το Tab να μη φέρνει στοιχείο ΠΙΣΩ από τη μπάρα (WCAG 2.4.11) */
  html:has(.sc-page .lp > .lp-bar){scroll-padding-bottom:80px}
}
/* Στο στενό κινητό η κενή μπάρα λέει μια ολόκληρη πρόταση οδηγιών· σε
   320px γινόταν τέσσερις γραμμές. Δύο αρκούν — τα τσιπ ήδη κυλούν πλάγια,
   άρα η μπάρα δεν ξεπερνά ποτέ ~1/5 της οθόνης. */
@media (max-width:600px){
  .lp-bar__empty{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
/* Η fixed μπάρα cookies (css/student.css, z 7500) κάθεται πάνω από κάθε
   sticky της σελίδας· όσο φαίνεται, η μπάρα ανεβαίνει από πάνω της — ίδιες
   τιμές με το .ls-goslot (css/level-select.css). */
body.ck-bar-open .lp-bar{bottom:calc(104px + env(safe-area-inset-bottom,0px))}
@media (max-width:600px){body.ck-bar-open .lp-bar{bottom:calc(196px + env(safe-area-inset-bottom,0px))}}

/* Χωρίς text-transform σε όλο το αρχείο: οι ετικέτες είναι ελληνικές (κανόνας του ιδιοκτήτη). */
/* Κλείδωμα ανά επίπεδο και πρόοδος (js/live-picker.js · lvLocked / levelDone).
   Χωρίς text-transform: ελληνικό κείμενο. */
.lp-lvrow.locked{opacity:.6;cursor:pointer;border-left-color:var(--line)}
.lp-lvrow.locked .lp-lvrow__box{border-color:transparent;background:none;font-size:13px}
.lp-lvrow.done:not(.on){border-left-color:#2e9e4f}
.lp-lvrow__done{flex:none;font-family:var(--disp);font-size:11px;color:#2e9e4f;font-weight:600}
.lp-lvrow__lock{font-size:12px;opacity:.7;padding:0 6px}

/* ΜΗΚΟΣ ΑΠΑΝΤΗΣΕΩΝ (js/live-picker.js · cfg.levelFit, js/sym-qlen.js): ό,τι
   δεν παίζεται στη μηχανή ΔΕΝ ζωγραφίζεται· μένει «μέτρηση…» όσο μετριέται
   ένα επίπεδο, και ΜΙΑ ήρεμη υποσημείωση όταν κάτι κρύφτηκε. Πλήρες χρώμα
   κειμένου (--muted, ≥ 4.5:1) — μικρό, όχι αχνό. Χωρίς text-transform. */
.lp-lvrow__fit{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:1px}
.lp-fitnote{margin:10px 2px 2px;padding:2px 0 2px 10px;border-left:2px solid var(--line);color:color-mix(in srgb,var(--muted) 50%,var(--fg));font-size:12.5px;line-height:1.45;font-style:italic}

/* κουτιά ύλης (js/picker-layout.js) */
.pl-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* «Ρήματα» στο πάνελ επιπέδων (js/live-picker.js verbsBlock) */
.lp-verbs{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:6px}
.lp-verbs__hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lp-verbs__t{font-weight:800;font-size:12px;color:var(--fg)}
.lp-verbs__n{font-size:11px;color:var(--fg-70)}
.lp-verbs__g{margin-top:2px;font-size:11px;font-weight:700;color:var(--fg-70)}
.lp-verbs__grid{display:flex;flex-wrap:wrap;gap:6px}
.lp-vpill{font-family:var(--serif);font-size:14px;line-height:1.2;color:var(--fg);background:var(--card);border:1px solid var(--line);padding:6px 11px;border-radius:999px;cursor:pointer;min-height:32px;transition:.12s}
.lp-vpill:hover{border-color:var(--line-bold)}
.lp-vpill.on{color:#fff;background:#2e9e4f;border-color:#2e9e4f}
.lp-vletters{display:flex;flex-wrap:wrap;gap:6px}
.lp-vletter{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:44px;min-height:44px;padding:4px 6px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;transition:.12s}
.lp-vletter:hover{border-color:var(--line-bold)}
.lp-vletter__l{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1}
.lp-vletter__n{font-size:10px;color:var(--fg-70);line-height:1}
.lp-vletter.has-sel{border-color:#2e9e4f;box-shadow:inset 0 -3px 0 #2e9e4f}
.lp-vletter.is-open{background:var(--terra,#2E7BB5);border-color:var(--terra,#2E7BB5);color:#fff}
.lp-vletter.is-open .lp-vletter__n{color:rgba(255,255,255,.85)}
.lp-vletter__bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.lp-vletter__t{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--fg)}
.lp-vtabs{display:flex;gap:6px;flex-wrap:wrap}
.lp-vcats{gap:6px}
.lp-vcat{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:5px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;transition:.12s;text-align:left}
.lp-vcat:hover{border-color:var(--line-bold)}
.lp-vcat__l{font-family:var(--serif);font-size:14px;font-weight:600;line-height:1.15}
.lp-vcat__n{font-size:10px;color:var(--fg-70);line-height:1;white-space:nowrap}
.lp-vcat.has-sel{border-color:#2e9e4f;box-shadow:inset 0 -3px 0 #2e9e4f}
.lp-vcat.is-open{background:var(--terra,#2E7BB5);border-color:var(--terra,#2E7BB5);color:#fff}
.lp-vcat.is-open .lp-vcat__n{color:rgba(255,255,255,.85)}
.lp-verbs__sel{margin:2px 0 0;font-size:12px;color:var(--fg-70);font-family:var(--serif)}
.lp-verbs__note{margin:0;font-size:11px;font-style:italic;color:var(--terra,#2E7BB5)}
.lp-verbs__note[hidden]{display:none}
.lp-verbs__hint{margin:0;font-size:11px;font-style:italic;color:var(--fg-70)}
/* «Λάθη επιλογών» (js/live-picker.js distrBlock): η ίδια σειρά με τα «Συνηθισμένα / Πιο σπάνια» */
.lp-vdistr{align-items:center;margin-top:10px}
.lp-vdistr__t{font-size:.82rem;font-weight:700;opacity:.85;margin-right:2px}

/* ══ «Δικό μου κουίζ» — φόρμα, λίστα, ανέβασμα (js/live-picker.js customView) ══
   Ρόλοι 60-30-10: --bg/--card οι επιφάνειες, --sink/--line τα πεδία και τα
   όρια, --acc-fill/--on-acc ΜΟΝΟ το κύριο κουμπί. Σωστό / λάθος: πράσινο και
   κόκκινο αναμεμειγμένα με το --fg, ώστε να περνούν 4,5:1 σε ανοιχτό ΚΑΙ σε
   σκούρο θέμα. Χωρίς text-transform (ελληνικά). */
.lp .lp-qzv{--qz-ok:color-mix(in srgb,#1f7a45 78%,var(--fg));--qz-bad:color-mix(in srgb,#b3261e 60%,var(--fg));--qz-r:16px}
.lp .lp-qz-head{display:flex;align-items:flex-start;gap:14px 18px;flex-wrap:wrap;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--qz-r)}
.lp .lp-qz-head .lp-back{flex:none;margin-top:2px}
.lp .lp-qz-head__b{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:6px}
.lp .lp-qz-head__m{margin:0;font-size:13.5px;line-height:1.45;color:var(--muted);max-width:70ch;text-wrap:pretty}
.lp .lp-qz-head .lp-prof{flex:0 1 auto;align-self:center}
.lp .lp-qz-tabs{display:flex;gap:4px;padding:4px;background:var(--sink);border:1px solid var(--line);border-radius:999px;align-self:flex-start;max-width:100%;overflow-x:auto}
.lp .lp-qz-tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:700;font-size:13px;color:var(--fg-70);background:transparent;border:0;border-radius:999px;padding:8px 14px;min-height:38px;transition:.14s}
.lp .lp-qz-tab:hover{color:var(--fg)}
.lp .lp-qz-tab.on{background:var(--card);color:var(--fg);box-shadow:0 1px 0 var(--line-bold),0 2px 8px color-mix(in srgb,var(--shadow) 40%,transparent)}
.lp .lp-qz-tab:focus-visible{outline:2px solid var(--terra);outline-offset:1px}
.lp .lp-qz-tab__n{font-family:var(--disp);font-weight:600;font-size:11px;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--sink);color:var(--fg-70);text-align:center}
.lp .lp-qz-tab.on .lp-qz-tab__n{background:var(--sink)}
/* κουμπιά: κύριο · δευτερεύον · απλό */
.lp .lp-qz-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:10px 18px;border-radius:12px;font-weight:700;font-size:14px;line-height:1.1;white-space:nowrap;border:1px solid transparent;transition:.14s}
.lp .lp-qz-btn--pri{background:var(--acc-fill);color:var(--on-acc);border-color:var(--acc-fill)}
.lp .lp-qz-btn--pri:hover{filter:brightness(1.06)}

.lp .lp-qz-btn--sec{background:var(--card);color:var(--fg);border-color:var(--line-bold)}
.lp .lp-qz-btn--sec:hover{border-color:var(--fg-70)}
.lp .lp-qz-btn--ghost{background:transparent;color:var(--fg-70);min-height:38px;padding:8px 12px}
.lp .lp-qz-btn--ghost:hover{color:var(--fg);background:var(--sink)}
.lp .lp-qz-btn--danger:hover{color:var(--qz-bad)}
.lp .lp-qz-btn:focus-visible,.lp .lp-qz-link:focus-visible,.lp .lp-qz-type__b:focus-visible,.lp .lp-qz-tf__b:focus-visible,.lp .lp-qz-add__b:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.lp .lp-qz-mix{background:var(--card);color:var(--fg);border-color:var(--line-bold)}
.lp .lp-qz-mix.on{background:#2e9e4f;border-color:#2e9e4f;color:#fff}
.lp .lp-qz-acts{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.lp .lp-qz-link{align-self:flex-start;background:none;border:0;padding:4px 0;font-weight:700;font-size:13px;color:var(--terra);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.lp .lp-qz-link:hover{text-decoration-style:solid}
/* διάταξη: ερωτήσεις αριστερά, προεπισκόπηση δεξιά (κολλητή κάτω από την μπάρα του κελύφους) */
.lp .lp-qz{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-areas:"main aside" "foot aside";gap:16px 18px;align-items:start}
.lp .lp-qz__main{grid-area:main;display:flex;flex-direction:column;gap:12px;min-width:0}
.lp .lp-qz__aside{grid-area:aside;position:sticky;top:96px;display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--qz-r);padding:14px 16px}
.lp .lp-qz__foot{grid-area:foot;display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--qz-r);padding:12px 16px}
.lp .lp-qz__foot .lp-qz-acts{margin-left:auto}
.lp .lp-qz-card{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--qz-r);padding:16px 18px;min-width:0}
.lp .lp-qz-card__hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lp .lp-qz-card__t{margin:0;font-family:var(--serif);font-weight:700;font-size:19px;line-height:1.15;color:var(--fg)}
.lp .lp-qz__f{display:flex;flex-direction:column;gap:5px;min-width:0}
.lp .lp-qz__lbl{font-weight:700;font-size:13px;color:var(--fg)}
.lp .lp-qz__in{font-size:15px;background:var(--bg);border-color:var(--line-bold);min-height:42px}
.lp textarea.lp-qz__in{resize:vertical;min-height:58px;line-height:1.4;font-family:var(--sans)}
.lp .lp-qz__in[aria-invalid="true"]{border-color:var(--qz-bad);box-shadow:inset 0 0 0 1px var(--qz-bad)}
.lp .lp-qz__f--ok .lp-qz__in{border-left:4px solid var(--qz-ok)}
.lp .lp-qz__err{margin:0;font-size:12.5px;font-weight:600;color:var(--qz-bad)}
.lp .lp-qz__err::before{content:"⚠ "}
.lp .lp-qz__err[hidden]{display:none}
.lp .lp-qz__hint{margin:0;font-size:12.5px;color:var(--muted);line-height:1.4}
.lp .lp-qz__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.lp .lp-qz-q{gap:12px}
.lp .lp-qz-q:focus-within{border-color:var(--line-bold);box-shadow:0 6px 20px color-mix(in srgb,var(--shadow) 35%,transparent)}
.lp .lp-qz-q__hd{display:flex;align-items:center;gap:10px}
.lp .lp-qz-q__n{flex:none;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:13px;background:var(--sink);color:var(--fg)}
.lp .lp-qz-q__hd .lp-x{margin-left:auto;flex:none;width:34px;height:34px}
.lp .lp-qz-q__b{display:flex;flex-direction:column;gap:12px}
.lp .lp-qz-type{display:flex;gap:3px;flex-wrap:wrap;padding:3px;background:var(--sink);border-radius:10px;min-width:0}
.lp .lp-qz-type__b{border:0;background:transparent;color:var(--fg-70);font-weight:700;font-size:12.5px;padding:6px 10px;border-radius:8px;min-height:32px;white-space:nowrap}
.lp .lp-qz-type__b:hover{color:var(--fg)}
.lp .lp-qz-type__b.on{background:var(--card);color:var(--fg);box-shadow:0 1px 0 var(--line-bold)}
.lp .lp-qz-tf{display:flex;gap:8px;flex-wrap:wrap}
.lp .lp-qz-tf__b{min-height:42px;padding:8px 18px;border-radius:12px;border:1px solid var(--line-bold);background:var(--bg);color:var(--fg);font-weight:700;font-size:14px}
.lp .lp-qz-tf__b.on{border-color:var(--qz-ok);box-shadow:inset 0 0 0 1px var(--qz-ok);color:var(--qz-ok)}
.lp .lp-qz-wrong{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px dashed var(--line-bold);border-radius:12px;background:var(--sink)}
.lp .lp-qz-wrong__hd{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap}
.lp .lp-qz-wrong__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lp .lp-qz-pairs{display:flex;flex-direction:column;gap:8px}
.lp .lp-qz-pairs__hd,.lp .lp-qz-pair{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 34px;gap:8px;align-items:center}
.lp .lp-qz-pair{grid-template-areas:"l ar r x" "e e e e"}
.lp .lp-qz-pair__l{grid-area:l}.lp-qz-pair__r{grid-area:r}.lp-qz-pair__ar{grid-area:ar}.lp-qz-pair .lp-qz-pair__x{grid-area:x}
.lp .lp-qz-pairs__hd{font-weight:700;font-size:12.5px;color:var(--fg-70)}
.lp .lp-qz-pair__ar{text-align:center;color:var(--muted)}
.lp .lp-qz-pair__err{grid-area:e}
.lp .lp-qz-pair .lp-x{width:34px;height:34px}
.lp .lp-qz-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border:1px dashed var(--line-bold);border-radius:var(--qz-r);background:color-mix(in srgb,var(--card) 60%,transparent)}
.lp .lp-qz-add__l{font-weight:700;font-size:13px;color:var(--fg-70);margin-right:2px}
.lp .lp-qz-add__b{min-height:38px;padding:7px 13px;border-radius:999px;border:1px solid var(--line-bold);background:var(--card);color:var(--fg);font-weight:700;font-size:13px;white-space:nowrap}
.lp .lp-qz-add__b:hover{border-color:var(--fg-70)}
/* προεπισκόπηση */
.lp .lp-qz-pv__hd{display:flex;align-items:center;gap:8px}
.lp .lp-qz-pv__t{font-weight:800;font-size:14px;color:var(--fg)}
.lp .lp-qz-pv__n{font-size:12.5px;color:var(--muted)}
.lp .lp-qz-pv__nav{margin-left:auto;display:flex;gap:4px}
.lp .lp-qz-pv__nav .lp-x{width:32px;height:32px;font-size:16px}
.lp .lp-qz-pv__nav .lp-x[disabled]{opacity:.4;cursor:default}
.lp .lp-qz-pv{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:var(--sec);border:1px solid var(--line)}
.lp .lp-qz-pv__q{margin:0;font-family:var(--serif);font-weight:700;font-size:17px;line-height:1.3;color:var(--fg);text-wrap:pretty;overflow-wrap:anywhere}
.lp .lp-qz-pv__q.is-empty{color:var(--muted);font-weight:400;font-style:italic}
.lp .lp-qz-pv__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lp .lp-qz-pv__o{display:flex;flex-direction:column;gap:3px;min-height:56px;justify-content:center;padding:8px 10px;border-radius:10px;background:var(--card);border:1px solid var(--line-bold);min-width:0}
.lp .lp-qz-pv__ot{font-weight:700;font-size:14px;color:var(--fg);overflow-wrap:anywhere}
.lp .lp-qz-pv__tag{font-size:11.5px;font-weight:700;color:var(--muted)}
.lp .lp-qz-pv__o--ok{border-color:var(--qz-ok);box-shadow:inset 0 0 0 1px var(--qz-ok)}
.lp .lp-qz-pv__o--ok .lp-qz-pv__tag{color:var(--qz-ok)}
.lp .lp-qz-pv__o--own .lp-qz-pv__tag{color:var(--fg-70)}
.lp .lp-qz-pv__o--auto{border-style:dashed}
.lp .lp-qz-pv__o--none{border-style:dashed;background:transparent}
.lp .lp-qz-pv__o--none .lp-qz-pv__ot{color:var(--muted)}
.lp .lp-qz-pv__note{font-size:12px}
.lp .lp-qz-status{margin:0;flex:1 1 260px;font-size:14px;font-weight:600;color:var(--fg-70);line-height:1.4}
.lp .lp-qz-status.is-ok{color:var(--qz-ok)}
.lp .lp-qz-status.is-bad{color:var(--qz-bad)}
/* «Τα κουίζ μου» */
.lp .lp-qz-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 20px;background:var(--card);border:1px dashed var(--line-bold);border-radius:var(--qz-r)}
.lp .lp-qz-empty__ic{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:var(--sink);font-size:20px;color:var(--fg-70)}
.lp .lp-qz-empty__t{margin:0;font-family:var(--serif);font-weight:700;font-size:18px;color:var(--fg)}
.lp .lp-qz-empty__m{margin:0 0 6px;font-size:13.5px;color:var(--muted);max-width:52ch}
.lp .lp-qzl{display:flex;flex-direction:column;gap:10px}
.lp .lp-qzl__row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--qz-r)}
.lp .lp-qzl__row.on{border-color:#2e9e4f;box-shadow:inset 3px 0 0 #2e9e4f}
.lp .lp-qzl__ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--sink);color:var(--fg-70);font-size:16px}
.lp .lp-qzl__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lp .lp-qzl__t{font-family:var(--serif);font-weight:700;font-size:17px;color:var(--fg);overflow-wrap:anywhere}
.lp .lp-qzl__m{font-size:13px;color:var(--muted);line-height:1.35}
.lp .lp-qzl__acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
/* ανέβασμα */
.lp .lp-qz-up{display:flex;flex-direction:column;gap:14px}
.lp .lp-qz-up .lp-drop{min-height:140px;justify-content:center}
.lp .lp-drop__ic{font-size:22px;color:var(--fg-70)}
.lp .lp-qz-up .lp-paste{font-size:14px;background:var(--bg);border-color:var(--line-bold)}
.lp .lp-qz-up .lp-or{font-size:12px}
.lp .lp-qz-up .lp-fmt__t{font-size:12px;color:var(--fg-70)}
.lp .lp-qz-rules{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--fg-70);line-height:1.45}
.lp .lp-qz-res .lp-ok{color:var(--qz-ok);font-size:14px}
.lp .lp-qz-res .lp-err{color:var(--qz-bad);font-size:14px}
.lp .lp-qz-tbl{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.lp .lp-qz-tbl__r{display:grid;grid-template-columns:30px minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1.2fr);gap:10px;padding:9px 12px;font-size:13.5px;align-items:baseline;border-top:1px solid var(--line-soft)}
.lp .lp-qz-tbl__r:first-child{border-top:0}
.lp .lp-qz-tbl__r--hd{background:var(--sink);font-weight:700;font-size:12.5px;color:var(--fg-70)}
.lp .lp-qz-tbl__n{color:var(--muted);font-family:var(--disp)}
.lp .lp-qz-tbl__ok{font-weight:700;color:var(--qz-ok)}
.lp .lp-qz-tbl__w{color:var(--fg-70)}
.lp .lp-qz-tbl__w i{color:var(--muted)}
.lp .lp-qz-chip{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;background:var(--sink);font-size:11px;font-weight:700;color:var(--fg-70)}
@media (max-width:900px){
  .lp .lp-qz{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "aside" "foot"}
  .lp .lp-qz__aside{position:static}
}
@media (max-width:640px){
  .lp .lp-qz-head{padding:14px}
  .lp .lp-qz-head .lp-prof{width:100%}
  .lp .lp-qz-tabs{align-self:stretch;flex-wrap:wrap;border-radius:16px;overflow:visible}
  .lp .lp-qz-tab{flex:1 1 auto;justify-content:center;padding:8px 10px}
  .lp .lp-qz-card{padding:14px}
  .lp .lp-qz-wrong__in{grid-template-columns:minmax(0,1fr)}
  .lp .lp-qz-q__hd{flex-wrap:wrap}
  .lp .lp-qz-type{order:3;flex-basis:100%;display:grid;grid-template-columns:1fr 1fr}
  .lp .lp-qz-pairs__hd{display:none}
  .lp .lp-qz-pair{grid-template-columns:minmax(0,1fr) 34px;grid-template-areas:"l x" "r ." "e e";gap:6px;padding:0 0 10px;border-bottom:1px dashed var(--line)}
  .lp .lp-qz-pair__ar{display:none}
  .lp .lp-qz-pair__r .lp-qz__in{border-left:4px solid var(--qz-ok)}
  .lp .lp-qz__foot{flex-direction:column;align-items:stretch}
  .lp .lp-qz__foot .lp-qz-acts{margin-left:0}
  .lp .lp-qz-acts .lp-qz-btn{flex:1 1 auto}
  .lp .lp-qzl__row{flex-wrap:wrap}
  .lp .lp-qzl__acts{width:100%;justify-content:stretch}
  .lp .lp-qzl__acts .lp-qz-btn{flex:1 1 auto}
  .lp .lp-qz-tbl__r{grid-template-columns:24px minmax(0,1fr);row-gap:2px}
  .lp .lp-qz-tbl__r--hd{display:none}
  .lp .lp-qz-tbl__ok,.lp .lp-qz-tbl__w{grid-column:2}
}