:root{
  --nb-ink:#111827;
  --nb-muted:#6b7280;
  --nb-line:rgba(17,24,39,.12);
  --nb-soft:#f6f7fb;
  --nb-card:#ffffff;
  --nb-blue:#1677ff;
  --nb-danger:#ef4444;
  --nb-shadow:0 22px 70px rgba(15,23,42,.16);
}
.nb-root{position:relative;z-index:8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--nb-ink)}
.nb-root svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nb-root .nb-fab svg{width:26px;height:26px}
.nb-floating-root{position:static!important;z-index:9998}
.nb-fab{position:fixed;right:90px;bottom:24px;width:56px;height:56px;border:0;border-radius:999px;background:#111827;color:#fff;display:grid;place-items:center;box-shadow:0 16px 44px rgba(17,24,39,.28);cursor:pointer;z-index:9999;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.nb-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 22px 58px rgba(17,24,39,.34);background:#0b1220}
.nb-panel{position:fixed;right:22px;bottom:94px;width:min(720px,calc(100vw - 32px));height:min(760px,calc(100vh - 124px));min-width:380px;min-height:440px;display:none;flex-direction:column;background:rgba(255,255,255,.96);border:1px solid var(--nb-line);border-radius:28px;box-shadow:var(--nb-shadow);backdrop-filter:blur(18px);z-index:10000;resize:both;overflow:hidden}
.nb-panel.open{display:flex;animation:nbIn .18s ease-out}
.nb-panel.dragging{user-select:none}
.nb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--nb-line);background:linear-gradient(180deg,#fff,#fbfcff);cursor:move}
.nb-brand{display:flex;align-items:center;gap:10px}.nb-brand strong{display:block;font-size:16px;letter-spacing:-.02em}.nb-brand small{display:block;color:var(--nb-muted);font-size:12px;margin-top:1px}.nb-grip{color:#9ca3af;display:grid;place-items:center}.nb-head-actions{display:flex;gap:8px}
.nb-icon,.nb-soft,.nb-primary,.nb-danger,.nb-chip-play,.nb-add-line{border:1px solid var(--nb-line);border-radius:14px;background:#fff;color:var(--nb-ink);min-height:38px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease;font:inherit}
.nb-icon{width:38px;padding:0}.nb-icon:hover,.nb-soft:hover,.nb-add-line:hover{background:#f3f4f6;transform:translateY(-1px)}.nb-primary{background:#111827;border-color:#111827;color:#fff}.nb-primary:hover{background:#000;transform:translateY(-1px)}.nb-danger{background:#fff;color:var(--nb-danger);border-color:rgba(239,68,68,.25)}.nb-danger:hover{background:#fff1f2}
.nb-body{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:16px}
.nb-generator{border:1px solid var(--nb-line);background:linear-gradient(180deg,#fff,#fafbff);border-radius:24px;padding:14px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.nb-field{display:grid;gap:6px;margin-bottom:10px}.nb-field label{font-size:13px;font-weight:800;color:#374151}
.nb-field input,.nb-field textarea,.nb-active input,.nb-car input,.nb-item input{width:100%;box-sizing:border-box;border:1px solid var(--nb-line);border-radius:16px;background:#fff;padding:11px 12px;font:inherit;color:var(--nb-ink);outline:none;transition:border .15s ease,box-shadow .15s ease}
.nb-field input:focus,.nb-field textarea:focus,.nb-active input:focus,.nb-item input:focus{border-color:rgba(22,119,255,.5);box-shadow:0 0 0 4px rgba(22,119,255,.10)}
.nb-field textarea{height:150px;resize:vertical}.nb-gen-actions{display:flex;gap:9px;flex-wrap:wrap}.nb-hint{margin:9px 0 0;font-size:12px;color:var(--nb-muted)}
.nb-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.nb-section-head h3{margin:0;font-size:17px;letter-spacing:-.025em}.nb-notes-list{display:grid;gap:8px}
.nb-note-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--nb-line);border-radius:18px;background:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.nb-note-chip:hover{background:#f9fafb;transform:translateX(2px)}.nb-note-chip.active{border-color:rgba(22,119,255,.45);background:#eef6ff}.nb-note-chip strong{display:block;font-size:14px}.nb-note-chip small{display:block;color:var(--nb-muted);font-size:12px;margin-top:3px}.nb-chip-play{width:36px;height:36px;min-height:36px;border-radius:12px;padding:0}
.nb-empty,.nb-student-info{color:var(--nb-muted);font-size:14px;padding:10px;border:1px dashed var(--nb-line);border-radius:16px;background:#fff}.nb-active{border:1px solid var(--nb-line);border-radius:24px;background:#fff;padding:14px;box-shadow:0 14px 40px rgba(15,23,42,.07);display:grid;gap:12px}.nb-active-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.nb-active-top small{display:block;color:var(--nb-muted);font-size:12px;margin:0 0 6px 2px}.nb-active-top>div:first-child{flex:1}.nb-active .nb-edit-title{font-size:18px;font-weight:800;letter-spacing:-.03em}.nb-active-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.nb-car{display:flex;gap:8px;align-items:center;background:#f8fafc;border:1px solid var(--nb-line);border-radius:18px;padding:8px}.nb-car input{font-size:12px;color:#4b5563;border-radius:12px}.nb-car a{color:#111827;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.nb-items{display:grid;gap:8px}.nb-item{display:grid;grid-template-columns:32px minmax(120px,1fr) 16px minmax(120px,1fr) 38px 38px;align-items:center;gap:8px;border:1px solid var(--nb-line);border-radius:18px;padding:8px;background:#fff}.nb-num{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:12px;font-weight:900}.nb-dash{text-align:center;color:#9ca3af;font-weight:900}.nb-item input{border-radius:13px;padding:9px 10px}.nb-add-line{width:100%;border-style:dashed;background:#fbfcff}.busy{opacity:.72;pointer-events:none}
.nb-inline-root{width:100%;z-index:1}.nb-inline-shell{width:100%;box-sizing:border-box;background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px solid var(--nb-line);border-radius:28px;padding:18px;min-height:70vh}.nb-inline-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.82);border:1px solid var(--nb-line);border-radius:24px;padding:18px;margin-bottom:16px;box-shadow:0 12px 38px rgba(15,23,42,.07)}.nb-inline-hero h2{margin:0;font-size:28px;letter-spacing:-.05em}.nb-inline-hero p{margin:4px 0 0;color:var(--nb-muted)}.nb-inline-body{display:grid;gap:16px}.nb-inline-root .nb-generator,.nb-inline-root .nb-active{box-shadow:0 12px 38px rgba(15,23,42,.07)}
@keyframes nbIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
/* Compatibility selectors in case old markup remains cached briefly */
.fiszki-root{position:relative}.fiszki-fab{position:fixed;right:90px!important;bottom:24px!important;width:56px;height:56px;border-radius:999px}.help-button,.faq-button,.help-fab,.support-button,.chat-help-button,button[aria-label="Help"],button[aria-label="help"],button[title="Help"],button[title="help"]{right:22px;bottom:24px}
@media (max-width:820px){.nb-fab{right:84px;bottom:76px;width:54px;height:54px}.nb-panel{left:10px!important;right:10px!important;top:auto!important;bottom:86px!important;width:auto!important;height:72vh!important;min-width:0;min-height:360px;border-radius:24px}.nb-body{padding:12px}.nb-active-top{display:grid}.nb-active-actions{justify-content:stretch}.nb-active-actions button{flex:1}.nb-car{display:grid}.nb-item{grid-template-columns:28px 1fr 34px;grid-template-areas:'num en play' '. pl del';gap:7px}.nb-num{grid-area:num}.nb-en{grid-area:en}.nb-pl{grid-area:pl}.nb-play-one{grid-area:play}.nb-del-one{grid-area:del}.nb-dash{display:none}.nb-gen-actions{display:grid}.nb-gen-actions button{width:100%}.fiszki-fab{right:84px!important;bottom:76px!important}.nb-inline-shell{padding:12px;border-radius:22px}.nb-inline-hero{display:grid;padding:14px}.nb-inline-hero h2{font-size:24px}}
@media (max-width:420px){.nb-fab{right:78px}.nb-panel{height:76vh!important}.nb-head{padding:12px}.nb-brand small{display:none}}

/* === NoteBoard inline/popup player upgrade === */
.nb-playerbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px;
  border:1px solid rgba(17,24,39,.10);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.94));
  box-shadow:0 12px 34px rgba(15,23,42,.07);
}
.nb-mode-tabs{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.nb-mode-btn{
  border:1px solid rgba(17,24,39,.10);
  border-radius:999px;
  background:#fff;
  color:#374151;
  font:inherit;
  font-weight:850;
  font-size:13px;
  padding:9px 12px;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.nb-mode-btn:hover{transform:translateY(-1px);background:#f8fafc}
.nb-mode-btn.active{background:#111827;color:#fff;border-color:#111827;box-shadow:0 10px 24px rgba(17,24,39,.18)}
.nb-player-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nb-player-actions button[disabled]{opacity:.45;cursor:not-allowed;transform:none!important}
.nb-playable-items{counter-reset:nbItem;}
.nb-playable-item{
  cursor:pointer;
  position:relative;
  overflow:hidden;
  animation:nbCardIn .34s ease both;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.nb-playable-item:nth-child(1){animation-delay:.02s}.nb-playable-item:nth-child(2){animation-delay:.04s}.nb-playable-item:nth-child(3){animation-delay:.06s}.nb-playable-item:nth-child(4){animation-delay:.08s}.nb-playable-item:nth-child(5){animation-delay:.10s}.nb-playable-item:nth-child(6){animation-delay:.12s}.nb-playable-item:nth-child(7){animation-delay:.14s}.nb-playable-item:nth-child(8){animation-delay:.16s}.nb-playable-item:nth-child(9){animation-delay:.18s}.nb-playable-item:nth-child(10){animation-delay:.20s}.nb-playable-item:nth-child(n+11){animation-delay:.22s}
.nb-playable-item:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08);border-color:rgba(22,119,255,.22);background:#fbfdff}
.nb-playable-item.is-playing{
  transform:translateY(-3px) scale(1.006);
  border-color:rgba(22,119,255,.42);
  background:linear-gradient(180deg,#f7fbff,#eef6ff);
  box-shadow:0 16px 38px rgba(22,119,255,.14);
}
.nb-playable-item.is-paused{border-color:rgba(245,158,11,.45);background:#fffaf0}
.nb-playable-item.is-playing::before{
  content:"";
  position:absolute;
  left:0;top:10px;bottom:10px;width:4px;
  border-radius:0 999px 999px 0;
  background:#1677ff;
  opacity:.75;
}
.nb-playable-item .nb-en,.nb-playable-item .nb-pl{
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease;
}
.nb-playable-item.is-playing .nb-en,.nb-playable-item.is-playing .nb-pl{background:rgba(255,255,255,.86);border-color:rgba(22,119,255,.20)}
.nb-inline-root .nb-playerbar{position:sticky;top:8px;z-index:5;margin-bottom:2px;backdrop-filter:blur(12px)}
.nb-inline-root .nb-item{padding:10px}
.nb-inline-root .nb-en,.nb-inline-root .nb-pl{font-size:16px;line-height:1.35}
@keyframes nbCardIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media (max-width:820px){
  .nb-playerbar{display:grid;gap:10px}
  .nb-player-actions{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}
  .nb-mode-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}
  .nb-mode-btn{padding:10px 8px;font-size:12px}
  .nb-player-actions button{width:100%;padding-left:8px;padding-right:8px}
}


/* === Strong active-card highlight / elevation upgrade === */
.nb-playable-item{
  isolation:isolate;
  will-change:transform,box-shadow;
  transform-origin:center;
}
.nb-playable-item::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  z-index:0;
  background:
    radial-gradient(circle at 18% 18%,rgba(22,119,255,.18),transparent 34%),
    linear-gradient(135deg,rgba(22,119,255,.10),rgba(255,255,255,0) 58%);
  transition:opacity .22s ease;
}
.nb-playable-item > *{position:relative;z-index:1}
.nb-playable-item.is-playing{
  transform:translateY(-8px) scale(1.018) !important;
  border-color:rgba(22,119,255,.72) !important;
  background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%) !important;
  box-shadow:
    0 24px 58px rgba(22,119,255,.24),
    0 10px 22px rgba(15,23,42,.12),
    0 0 0 4px rgba(22,119,255,.10) !important;
  animation:nbActiveLift .36s cubic-bezier(.2,.85,.25,1), nbActiveGlow 1.55s ease-in-out infinite;
}
.nb-playable-item.is-playing::after{opacity:1}
.nb-playable-item.is-playing::before{
  width:6px !important;
  top:8px !important;
  bottom:8px !important;
  background:linear-gradient(180deg,#1677ff,#60a5fa) !important;
  opacity:1 !important;
  box-shadow:0 0 18px rgba(22,119,255,.45);
}
.nb-playable-item.is-playing .nb-num{
  background:#111827;
  color:#fff;
  transform:scale(1.08);
  box-shadow:0 8px 18px rgba(17,24,39,.22);
}
.nb-playable-item.is-playing .nb-en,
.nb-playable-item.is-playing .nb-pl{
  background:#fff !important;
  border-color:rgba(22,119,255,.35) !important;
  box-shadow:inset 0 0 0 1px rgba(22,119,255,.06);
}
.nb-playable-item.is-playing .nb-play-one{
  background:#111827;
  color:#fff;
  border-color:#111827;
  box-shadow:0 10px 22px rgba(17,24,39,.20);
}
.nb-playable-item.is-paused{
  transform:translateY(-4px) scale(1.01) !important;
  box-shadow:0 18px 42px rgba(245,158,11,.16) !important;
}
@keyframes nbActiveLift{
  0%{transform:translateY(0) scale(1)}
  62%{transform:translateY(-10px) scale(1.022)}
  100%{transform:translateY(-8px) scale(1.018)}
}
@keyframes nbActiveGlow{
  0%,100%{box-shadow:0 24px 58px rgba(22,119,255,.22),0 10px 22px rgba(15,23,42,.12),0 0 0 4px rgba(22,119,255,.09)}
  50%{box-shadow:0 28px 68px rgba(22,119,255,.30),0 12px 26px rgba(15,23,42,.14),0 0 0 7px rgba(22,119,255,.13)}
}
@media (max-width:820px){
  .nb-playable-item.is-playing{
    transform:translateY(-6px) scale(1.012) !important;
    box-shadow:0 18px 44px rgba(22,119,255,.25),0 8px 18px rgba(15,23,42,.12),0 0 0 4px rgba(22,119,255,.10) !important;
  }
  .nb-playable-item.is-playing .nb-en,
  .nb-playable-item.is-playing .nb-pl{
    font-size:17px;
    font-weight:760;
  }
  .nb-playable-item.is-playing .nb-play-one{transform:scale(1.04)}
}
@media (prefers-reduced-motion:reduce){
  .nb-playable-item,
  .nb-playable-item.is-playing{
    animation:none !important;
    transition:none !important;
  }
}

/* === Strong Play-all active-card animation fix === */
.nb-playable-item.is-playing{
  z-index:3;
  transform:translateY(-8px) scale(1.018)!important;
  border-color:rgba(22,119,255,.72)!important;
  background:linear-gradient(135deg,#ffffff 0%,#eef6ff 52%,#e6f2ff 100%)!important;
  box-shadow:0 24px 58px rgba(22,119,255,.22),0 8px 18px rgba(15,23,42,.10)!important;
  animation:nbActivePulse 1.15s ease-in-out infinite;
}
.nb-playable-item.is-playing .nb-num{
  background:#1677ff!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(22,119,255,.28);
}
.nb-playable-item.is-playing .nb-play-one{
  background:#111827!important;
  color:#fff!important;
  border-color:#111827!important;
}
.nb-playable-item.is-playing::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:20px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(22,119,255,.18),rgba(22,119,255,0),rgba(22,119,255,.14));
  opacity:.9;
}
@keyframes nbActivePulse{
  0%,100%{box-shadow:0 24px 58px rgba(22,119,255,.20),0 8px 18px rgba(15,23,42,.10)}
  50%{box-shadow:0 30px 72px rgba(22,119,255,.30),0 10px 24px rgba(15,23,42,.13)}
}
@media (max-width:820px){
  .nb-playable-item.is-playing{
    transform:translateY(-5px) scale(1.012)!important;
    box-shadow:0 18px 42px rgba(22,119,255,.24),0 6px 16px rgba(15,23,42,.12)!important;
  }
}

/* === Course QR access for mobile Fiszki === */
.nb-inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nb-course-qr{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(17,24,39,.10);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);padding:13px;box-shadow:0 12px 34px rgba(15,23,42,.07)}
.nb-course-qr strong{display:block;font-size:15px;letter-spacing:-.02em}.nb-course-qr small{display:block;margin-top:3px;color:var(--nb-muted);font-size:12px;line-height:1.35}.nb-course-qr-empty{border-style:dashed;background:#fff;color:var(--nb-muted)}
.nb-qr-modal{position:fixed;inset:0;display:none;z-index:20000}.nb-qr-modal.open{display:block}.nb-qr-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(10px)}.nb-qr-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 28px));background:rgba(255,255,255,.98);border:1px solid rgba(17,24,39,.12);border-radius:30px;box-shadow:0 30px 90px rgba(15,23,42,.30);padding:18px;animation:nbQrIn .18s ease-out}.nb-qr-close{position:absolute;right:14px;top:14px}.nb-qr-head{padding-right:48px}.nb-qr-head strong{display:block;font-size:21px;letter-spacing:-.045em}.nb-qr-head small{display:block;margin-top:6px;color:var(--nb-muted);line-height:1.4}.nb-qr-img-wrap{display:grid;place-items:center;margin:16px auto 12px;padding:14px;border-radius:24px;background:#f8fafc;border:1px solid rgba(17,24,39,.08)}.nb-qr-img{width:min(280px,72vw);height:auto;display:block}.nb-qr-link{width:100%;box-sizing:border-box;border:1px solid rgba(17,24,39,.10);border-radius:16px;padding:11px 12px;color:#475467;background:#fff;font:inherit;font-size:12px}.nb-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.nb-qr-actions a{text-decoration:none;text-align:center}
@keyframes nbQrIn{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (max-width:820px){.nb-inline-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.nb-course-qr{display:grid}.nb-course-qr .nb-primary{width:100%;justify-content:center}.nb-qr-box{border-radius:24px;padding:14px}.nb-qr-actions{grid-template-columns:1fr}.nb-car{grid-template-columns:1fr}.nb-car .nb-soft,.nb-car a{width:100%;justify-content:center;text-align:center}}

/* === Production / Edit mode for main NoteBoard Fiszki view === */
.nb-active.is-production{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,251,255,.98));
}
.nb-view-title{
  margin:2px 0 0;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.045em;
  color:#111827;
}
.nb-active.is-production .nb-items{
  gap:10px;
  perspective:900px;
}
.nb-view-row{
  grid-template-columns:34px minmax(0,1fr) 44px !important;
  min-height:74px;
  padding:12px 12px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 24px rgba(15,23,42,.055);
  cursor:pointer;
}
.nb-view-row .nb-card-text{
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}
.nb-view-row .nb-en-text{
  display:inline;
  font-size:20px;
  line-height:1.22;
  font-weight:950;
  letter-spacing:-.025em;
  color:#111827;
}
.nb-view-row .nb-pl-text{
  display:inline;
  font-size:18px;
  line-height:1.24;
  font-weight:750;
  color:#667085;
}
.nb-view-row .nb-pl-text::before{
  content:"— ";
  color:#98a2b3;
  font-weight:900;
}
.nb-view-row:hover{
  transform:translateY(-3px) scale(1.006);
  box-shadow:0 18px 44px rgba(15,23,42,.10);
  border-color:rgba(22,119,255,.24);
  background:linear-gradient(180deg,#fff,#f8fbff);
}
.nb-view-row:active{
  transform:translateY(-1px) scale(.998);
}
.nb-edit-row{
  background:#fff;
  border-style:solid;
  box-shadow:0 8px 24px rgba(15,23,42,.055);
}
.nb-active.is-editing{
  border-color:rgba(22,119,255,.20);
  background:linear-gradient(180deg,#ffffff,#f7fbff);
}
.nb-active.is-editing .nb-active-top{
  padding:10px;
  border:1px dashed rgba(22,119,255,.28);
  border-radius:20px;
  background:rgba(239,248,255,.70);
}
.nb-active.is-production .nb-edit-row input{pointer-events:none;}
.nb-active.is-production .nb-add-line,
.nb-active.is-production .nb-delete-note,
.nb-active.is-production .nb-save-note{display:none!important;}
.nb-edit-list{
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.nb-active.is-editing .nb-playable-item{
  cursor:default;
}
.nb-active.is-editing .nb-playable-item:hover{
  transform:translateY(-1px);
}
.nb-playable-item.is-playing .nb-card-text{
  transform:translateX(2px);
}
.nb-playable-item.is-playing .nb-en-text{
  color:#0f172a;
}
.nb-playable-item.is-playing .nb-pl-text{
  color:#334155;
}
.nb-playable-item.is-playing::after{
  z-index:0;
}
.nb-playable-item > *{position:relative;z-index:1}
@media (max-width:820px){
  .nb-view-row{
    grid-template-columns:30px minmax(0,1fr) 40px !important;
    grid-template-areas:none !important;
    min-height:72px;
  }
  .nb-view-row .nb-num,.nb-view-row .nb-play-one{grid-area:auto!important}
  .nb-view-row .nb-card-text{gap:7px}
  .nb-view-row .nb-en-text{font-size:18px}
  .nb-view-row .nb-pl-text{font-size:16px}
  .nb-active-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .nb-active-actions button{width:100%;justify-content:center}
}