.mem-top{background:linear-gradient(135deg,#5E4481,#8E5CC9)}
.mem-top .lvb.cur{box-shadow:0 0 0 3px #5E4481,0 0 0 5px #fff}
.mem-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:20px;align-items:start}
.mem-hud{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-family:var(--head);font-weight:500}
.mem-hud b{color:var(--accent)}
.mem-hud #lv-title{color:var(--ink);font-weight:600;font-size:18px}
.cards{display:grid;gap:12px;margin-top:6px}
.card3d{perspective:900px;border:0;background:transparent;padding:0;cursor:pointer;min-height:var(--ch,130px);font:inherit}
.card3d .in{display:block;position:relative;width:100%;height:100%;min-height:var(--ch,130px);transition:transform .45s;transform-style:preserve-3d}
.card3d.up .in,.card3d.done .in{transform:rotateY(180deg)}
.card3d .face{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:8px;text-align:center;box-shadow:0 3px 10px rgba(38,26,58,.15)}
.card3d .back{background:linear-gradient(135deg,#5E4481,#8E5CC9);color:#fff;font-family:var(--head);font-size:34px;font-weight:700;border:3px solid #fff}
.card3d .back::after{content:"";position:absolute;inset:8px;border:2px dashed rgba(255,255,255,.35);border-radius:9px}
.card3d .front{background:#fff;transform:rotateY(180deg);border:3px solid #E6E1EE;color:var(--ink)}
.card3d.done .front{border-color:#7BD389;background:#F1FBF3}
.card3d.bad .front{border-color:#F28B82}
.card3d:focus-visible .in{outline:3px solid var(--yellow);outline-offset:3px;border-radius:14px}
.front .word{font-family:var(--head);font-weight:600;font-size:clamp(16px,2.2vw,22px);line-height:1.25}
.front .en{font-size:14px;color:var(--muted);font-family:var(--body)}
.front .def{font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.front .pix{display:grid;gap:0;border-radius:4px;overflow:hidden}
.front .pix i{display:block}
.notebook{position:sticky;top:120px;max-height:70vh;overflow:auto}
.notebook .w{border-bottom:1px solid var(--line);padding:6px 0}
.notebook .w b{font-family:var(--head);font-weight:600}
.notebook .w span{display:block;font-size:14px;color:var(--muted)}
@media (max-width:900px){.mem-grid{grid-template-columns:minmax(0,1fr)}.notebook{position:static}}