/* Nhại giọng – tienganhkientri.com */
.ng{max-width:1100px;margin:0 auto;padding:10px 0 60px;font-family:Inter,sans-serif;color:#16241C}
.ng *{box-sizing:border-box}
.ng button{font-family:Inter,sans-serif;cursor:pointer}
.ng-back{display:inline-block;font-size:14px;color:#51655A;text-decoration:none;margin-bottom:18px}.ng-back:hover{color:#2F6B45}
.ng-pill{display:table;font-family:Lexend,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;background:#DCEBE1;border:1px solid #B7E38C;border-radius:20px;padding:4px 14px}
.ng h1{font-family:Lexend,sans-serif;font-size:32px;font-weight:600;margin:12px 0 6px;line-height:1.25;color:#16241C}
.ng-sub{font-size:16px;color:#51655A;margin:0 0 6px}
.ng-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}
.ng-meta span{font-size:13px;color:#51655A;background:#fff;border:1px solid #CFE0D6;border-radius:20px;padding:4px 12px}
.ng-meta b{color:#2F6B45}

/* chế độ */
.ng-h3{font-family:Lexend,sans-serif;font-size:15px;font-weight:600;margin:0 0 10px;color:#2F6B45}
.ng-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.ng-mode{text-align:left;background:#fff;border:1px solid #CFE0D6;border-radius:8px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;color:#16241C;transition:border-color .15s,background .15s}
.ng-mode:hover{border-color:#9DCBA6}
.ng-mode.on{background:#EAF6E9;border-color:#2F6B45;box-shadow:inset 0 0 0 1px #2F6B45}
.ng-mode .k{flex:0 0 26px;height:26px;border-radius:50%;border:1px solid #9DCBA6;background:#fff;display:flex;align-items:center;justify-content:center;font-family:Lexend,sans-serif;font-size:13px;color:#2F6B45}
.ng-mode.on .k{background:#2F6B45;border-color:#2F6B45;color:#fff}
.ng-mode b{display:block;font-family:Lexend,sans-serif;font-size:15px;font-weight:600;line-height:1.3}
.ng-mode small{display:block;font-size:12.5px;color:#51655A;line-height:1.4;margin-top:2px}

/* ghi âm */
.ng-recbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:14px}
.ng-rec{display:inline-flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;user-select:none}
.ng-rec input{position:absolute;opacity:0;width:1px;height:1px}
.ng-rec .sw{width:40px;height:22px;border-radius:11px;background:#CFE0D6;position:relative;transition:background .15s}
.ng-rec .sw:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.ng-rec input:checked + .sw{background:#C0392B}
.ng-rec input:checked + .sw:after{left:21px}
.ng-rec input:focus-visible + .sw{outline:2px solid #2F6B45;outline-offset:2px}
.ng-rec.off{opacity:.45;cursor:not-allowed}
.ng-rechint{color:#51655A;font-size:13px}

/* khung trình chiếu */
.ng-player{background:#fff;border:1px solid #CFE0D6;border-radius:10px;overflow:hidden}
.ng-stage{position:relative;height:430px;overflow:hidden;background:linear-gradient(180deg,#F6FBF5 0%,#fff 50%,#F6FBF5 100%);
  -webkit-mask-image:linear-gradient(transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(transparent 0,#000 18%,#000 82%,transparent 100%)}
.ng-track{position:absolute;left:0;right:0;top:0;padding:0 8%;transition:transform .55s cubic-bezier(.3,.7,.3,1)}
.ng-l{padding:9px 16px;margin:2px 0;border-radius:8px;font-family:Lexend,sans-serif;font-size:19px;line-height:1.45;color:#8FA096;cursor:pointer;transition:color .3s,font-size .3s,background .3s;text-align:center}
.ng-l.gap{margin-top:16px}
.ng-l:hover{color:#51655A}
.ng-l.past{color:#A9B7AE}
.ng-l.on{font-size:26px;font-weight:600;color:#16241C;background:#EAF6E9;box-shadow:inset 3px 0 0 #9DCBA6}
.ng-l.tt small{display:block;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9DCBA6}
.ng-l.tt .en{font-style:italic}
.ng-l .vi{display:none;font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#51655A;margin-top:3px}
.show-vi .ng-l .vi{display:block}
.show-vi .ng-l:not(.on) .vi{font-size:13px;color:#A9B7AE}
.ng-l .en{transition:filter .3s}
.ng[data-text="blur"] .ng-l:not(.past) .en{filter:blur(6px)}
.ng[data-text="blur"] .ng-l.on:hover .en{filter:none}
.ng[data-text="hide"] .ng-l:not(.past) .en{color:transparent;background:repeating-linear-gradient(90deg,#DCEBE1 0 12px,transparent 12px 16px);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ng[data-text="hide"] .ng-l.on .en{background:repeating-linear-gradient(90deg,#B7D9BF 0 14px,transparent 14px 19px)}

.ng-hud{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#51655A;z-index:3;pointer-events:none}
.ng-hud span{background:rgba(255,255,255,.9);border:1px solid #CFE0D6;border-radius:20px;padding:3px 10px}
.ng-recdot{display:none;color:#C0392B !important;font-weight:600}
.ng.rec-on.playing .ng-recdot{display:inline-block}
.ng-recdot:before{content:"● ";animation:ngb 1s infinite}
@keyframes ngb{50%{opacity:.2}}
.ng-cd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Lexend,sans-serif;font-size:90px;font-weight:600;color:#2F6B45;background:rgba(255,255,255,.75);z-index:5}
.ng-cd[hidden]{display:none}
.ng-turn{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:none;flex-direction:column;align-items:center;gap:6px;z-index:4;background:#fff;border:1px solid #9DCBA6;border-radius:20px;padding:8px 18px;font-weight:600;font-size:14px;color:#2F6B45}
.ng-turn i{display:block;height:4px;width:100%;background:#9DCBA6;border-radius:2px;transition:width .1s linear}
.ng-turn em{display:block;width:160px;height:4px;background:#EAF6E9;border-radius:2px;overflow:hidden;font-style:normal}
.ng.turn .ng-turn{display:flex}
.ng-donebox{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:rgba(255,255,255,.88);z-index:5;text-align:center;padding:20px}
.ng.done .ng-donebox{display:flex}
.ng-donebox b{font-family:Lexend,sans-serif;font-size:24px;color:#16241C}
.ng-donebox span{font-size:14px;color:#51655A}
.ng-msg{margin:0;padding:10px 16px;background:#FFF6E5;border-top:1px solid #F1D9A6;font-size:14px;color:#7A5A12}
.ng-msg[hidden]{display:none}

/* thanh điều khiển */
.ng-ctrl{border-top:1px solid #CFE0D6;background:#FBFDFB;padding:12px 16px 14px}
.ng-prog{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#51655A;font-variant-numeric:tabular-nums;margin-bottom:10px}
.ng-seek{flex:1;-webkit-appearance:none;appearance:none;height:5px;border-radius:3px;background:linear-gradient(90deg,#9DCBA6 var(--p,0%),#DCEBE1 var(--p,0%));outline:none;margin:0}
.ng-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#2F6B45;border:2px solid #fff;box-shadow:0 0 0 1px #2F6B45}
.ng-seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#2F6B45;border:2px solid #fff}
.ng-row1{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ng-tr{display:flex;align-items:center;gap:6px}
.ng-ib{width:40px;height:40px;border-radius:50%;border:1px solid #CFE0D6;background:#fff;color:#2F6B45;display:flex;align-items:center;justify-content:center;padding:0}
.ng-ib:hover{border-color:#9DCBA6;background:#EAF6E9}
.ng-ib svg{width:18px;height:18px;fill:currentColor}
.ng-play{width:52px;height:52px;background:#2F6B45;border-color:#2F6B45;color:#fff}
.ng-play:hover{background:#265a39;border-color:#265a39}
.ng-play svg{width:22px;height:22px}
.ng-play .pa{display:none}.ng-play.on .pl{display:none}.ng-play.on .pa{display:block}
.ng-grp{display:flex;align-items:center;gap:6px;font-size:13px;color:#51655A}
.ng-seg{display:inline-flex;border:1px solid #CFE0D6;border-radius:20px;overflow:hidden;background:#fff}
.ng-seg button{border:0;background:transparent;padding:7px 13px;font-size:13px;font-weight:600;color:#51655A;line-height:1.1}
.ng-seg button+button{border-left:1px solid #CFE0D6}
.ng-seg button.on{background:#DCEBE1;color:#16241C}
.ng-seg button small{display:block;font-size:10.5px;font-weight:400;color:#7C8E83}
.ng-tg{border:1px solid #CFE0D6;background:#fff;border-radius:20px;padding:8px 13px;font-size:13px;font-weight:600;color:#51655A}
.ng-tg:hover{border-color:#9DCBA6}
.ng-tg.on{background:#DCEBE1;border-color:#9DCBA6;color:#16241C}
.ng-sp{flex:1}
.ng-stoprec{display:none;border:1px solid #E3B3AD;background:#fff;color:#C0392B;border-radius:20px;padding:8px 13px;font-size:13px;font-weight:600}
.ng.rec-on .ng-stoprec{display:inline-block}
.ng-keys{font-size:12px;color:#7C8E83;margin:10px 0 0}
.ng-keys kbd{font-family:Inter,sans-serif;font-size:11px;border:1px solid #CFE0D6;border-bottom-width:2px;border-radius:4px;padding:1px 5px;background:#fff;color:#51655A}

.ng-player:fullscreen{border-radius:0;display:flex;flex-direction:column;background:#fff}
.ng-player:fullscreen .ng-stage{flex:1;height:auto}
.ng-player:fullscreen .ng-l{font-size:24px}
.ng-player:fullscreen .ng-l.on{font-size:36px}

/* kết quả ghi âm */
.ng-result{margin-top:18px;background:#fff;border:1px solid #9DCBA6;border-radius:10px;padding:16px 18px}
.ng-result[hidden]{display:none}
.ng-rh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.ng-rh h3{font-family:Lexend,sans-serif;font-size:18px;font-weight:600;margin:0}
.ng-close{border:0;background:none;font-size:22px;color:#51655A;line-height:1;padding:4px 8px}
.ng-full{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ng-full[hidden]{display:none}
.ng-full audio{flex:1;min-width:220px;height:40px}
.ng-full a{font-size:13px;font-weight:600;color:#2F6B45}
.ng-rtip{font-size:13px;color:#51655A;margin:0 0 8px}
.ng-cmp{max-height:360px;overflow:auto;border-top:1px solid #EAF6E9}
.ng-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid #EAF6E9;font-size:14px}
.ng-row .n{flex:0 0 26px;height:26px;border-radius:50%;background:#EAF6E9;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#2F6B45}
.ng-row .tx{flex:1;line-height:1.4}
.ng-row button{flex:0 0 auto;border:1px solid #CFE0D6;background:#fff;border-radius:16px;padding:5px 11px;font-size:12.5px;font-weight:600;color:#2F6B45}
.ng-row button.me{color:#C0392B;border-color:#E3B3AD}
.ng-row button:hover{background:#EAF6E9}
.ng-none{font-size:14px;color:#51655A}

/* hướng dẫn + cụm từ */
.ng-two{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-top:22px}
.ng-box{background:#EAF6E9;border:1px solid #CFE0D6;border-radius:8px;padding:16px 18px}
.ng-box h2{font-family:Lexend,sans-serif;font-size:18px;font-weight:600;margin:0 0 10px;color:#16241C}
.ng-steps{margin:0;padding:0;list-style:none;counter-reset:s}
.ng-steps li{counter-increment:s;position:relative;padding:6px 0 6px 34px;font-size:14px;line-height:1.5}
.ng-steps li:before{content:counter(s);position:absolute;left:0;top:6px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #9DCBA6;display:flex;align-items:center;justify-content:center;font-family:Lexend,sans-serif;font-size:12px;color:#2F6B45}
.ng-steps b{color:#2F6B45}
.ng-phs{display:flex;flex-direction:column;gap:6px}
.ng-ph{display:flex;justify-content:space-between;gap:10px;align-items:baseline;text-align:left;background:#fff;border:1px solid #CFE0D6;border-radius:6px;padding:8px 12px;font-size:14px;color:#16241C}
.ng-ph:hover{border-color:#9DCBA6}
.ng-ph b{font-family:Lexend,sans-serif;font-weight:600}
.ng-ph span{color:#51655A;font-size:13px;text-align:right}
.ng-done-n{font-size:13px;color:#51655A;margin-top:14px}

@media(max-width:1024px){.ng-modes{grid-template-columns:repeat(2,1fr)}.ng-two{grid-template-columns:1fr}}
@media(max-width:640px){
  .ng{padding:4px 0 40px}.ng h1{font-size:24px}
  .ng-modes{gap:8px}.ng-mode{padding:10px;gap:8px}.ng-mode b{font-size:14px}.ng-mode small{font-size:12px}
  .ng-stage{height:60vh;min-height:330px;max-height:480px}
  .ng-track{padding:0 2%}
  .ng-l{font-size:16px;padding:7px 10px}.ng-l.on{font-size:20px}
  .ng-ctrl{padding:10px 10px 12px}
  .ng-row1{gap:10px}.ng-tr{width:100%;justify-content:center}.ng-sp{display:none}
  .ng-grp{width:100%;justify-content:space-between}
  .ng-keys{display:none}
  .ng-row{flex-wrap:wrap}.ng-row .tx{flex-basis:calc(100% - 40px)}.ng-row button{margin-left:auto}
}

/* danh sách bài + khoá đăng nhập */
.ngl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.ngl-card{display:flex;flex-direction:column;gap:6px;background:#EAF6E9;border:1px solid #CFE0D6;border-radius:8px;padding:16px;text-decoration:none;color:#16241C;transition:border-color .15s}
.ngl-card:hover{border-color:#9DCBA6}
.ngl-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ngl-top small{font-size:12px;font-weight:600;color:#51655A;letter-spacing:.03em;text-transform:uppercase}
.ngl-top em{font-style:normal;font-size:12px;font-weight:600;color:#51655A;background:#fff;border:1px solid #CFE0D6;border-radius:20px;padding:2px 10px}
.ngl-top em.free{color:#2F6B45;border-color:#B7E38C;background:#DCEBE1}
.ngl-card b{font-family:Lexend,sans-serif;font-size:17px;font-weight:600;line-height:1.35}
.ngl-card .vi{font-size:14px;color:#51655A;line-height:1.45}
.ngl-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ngl-meta span{font-size:12px;color:#51655A;background:#fff;border:1px solid #CFE0D6;border-radius:20px;padding:2px 9px}
.ngl-done{font-size:13px;font-weight:600;color:#2F6B45;min-height:1px}
.ngl-soon{margin-top:18px;font-size:14px;color:#51655A}
.ng-gate{position:relative;min-height:360px;margin-top:20px;border:1px solid #CFE0D6;border-radius:10px;overflow:hidden;background:#F6FBF5}
.ng-gate-bg{filter:blur(5px);opacity:.6;padding:60px 8%;pointer-events:none;user-select:none}
.ng-gatebox{position:absolute;left:50%;top:40px;transform:translateX(-50%);width:min(92%,430px);background:#fff;border:1px solid #9DCBA6;border-radius:10px;padding:22px;text-align:center}
.ng-gatebox b{display:block;font-family:Lexend,sans-serif;font-size:19px;margin:6px 0}
.ng-gatebox p{font-size:14px;color:#51655A;line-height:1.55;margin:0 0 14px}
.ng-gatebox a{display:inline-block;background:#CFE0D6;border:1px solid #9DCBA6;color:#16241C;font-weight:600;text-decoration:none;border-radius:6px;padding:10px 18px}
.ng-gatebox a:hover{background:#9DCBA6}
@media(max-width:1024px){.ngl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ngl-grid{grid-template-columns:1fr}}

/* ===== v2: chấm phát âm, ký hiệu đọc, khung 9:16, chuỗi ngày ===== */
.ng-streak{color:#2F6B45 !important;border-color:#B7E38C !important;background:#F3FAEC !important}
.ng-streak b{color:#16241C}
.ng-resume{border:1px solid #9DCBA6;background:#EAF6E9;color:#16241C;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}
.ng-resume:hover{background:#DCEBE1}
.ng-asr{margin-left:6px}
.ng-l .en .ok{color:#2F6B45;border-bottom:2px solid #9DCBA6}
.ng-l .en .no{color:#C0392B;border-bottom:2px dashed #E3B3AD}
.ng-l .en .sc{font-style:normal;font-family:Inter,sans-serif;font-size:12px;font-weight:700;vertical-align:middle;border-radius:20px;padding:2px 8px;margin-left:4px;white-space:nowrap}
.ng-l .en .sc.hi{background:#DCEBE1;color:#2F6B45}
.ng-l .en .sc.md{background:#FFF3D6;color:#8A6410}
.ng-l .en .sc.lo{background:#FBE3E0;color:#B03A2E}
.ng-l:not(.on) .en .ok,.ng-l:not(.on) .en .no{border-bottom-width:1px}
.ng-heard{margin:0;padding:9px 16px;background:#F6FBF5;border-top:1px solid #CFE0D6;font-size:14px;color:#16241C;line-height:1.5}
.ng-heard[hidden]{display:none}
.ng-listen{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:none;z-index:4;background:#fff;border:1px solid #9DCBA6;border-radius:20px;padding:8px 18px;font-weight:600;font-size:14px;color:#2F6B45;white-space:nowrap}
.ng.listening .ng-listen{display:block;animation:ngp 1.2s infinite}
.ng.listening.turn .ng-turn{display:none}
@keyframes ngp{50%{box-shadow:0 0 0 6px rgba(157,203,166,.35)}}
.ng.listening .ng-say{background:#FBE3E0;border-color:#E3B3AD;color:#B03A2E}
/* ký hiệu đọc */
.ng-l .st{font-weight:700;color:inherit;text-decoration:underline;text-decoration-color:#9DCBA6;text-decoration-thickness:3px;text-underline-offset:4px}
.ng-l:not(.on) .st{font-weight:600;text-decoration-thickness:2px}
.ng-l .lk,.ng-legend .lk{color:#2F6B45;font-weight:700;margin:0 -1px;position:relative;top:.35em}
.ng-l .in,.ng-legend .in{font-family:Inter,sans-serif;font-weight:700;font-size:.85em;margin-left:3px}
.ng-l .in.up,.ng-legend .in.up{color:#2F6B45}
.ng-l .in.dn,.ng-legend .in.dn{color:#8A6410}
.ng-legend{display:none;font-size:12.5px;color:#51655A;margin:10px 0 0}
.ng-legend .st{font-weight:700;text-decoration:underline;text-decoration-color:#9DCBA6;text-decoration-thickness:3px;text-underline-offset:3px;color:#16241C}
.ng.show-mk .ng-legend{display:block}
/* khung 9:16 */
.ng-916h,.ng-916x,.ng-wm{display:none}
html.ng-lock,html.ng-lock body{overflow:hidden !important}
.ng.f916 .ng-player{position:fixed;z-index:2147483000;top:0;bottom:0;left:50%;transform:translateX(-50%);height:100vh;height:100dvh;width:min(100vw,calc(100dvh * 9 / 16));border-radius:0;border:0;display:flex;flex-direction:column;background:#fff;box-shadow:0 0 0 100vmax rgba(22,36,28,.55)}
.ng.f916 .ng-916h{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 46px 8px;text-align:center;position:relative}
.ng.f916 .ng-916h b{font-family:Lexend,sans-serif;font-size:18px;font-weight:600;line-height:1.3;color:#16241C}
.ng.f916 .ng-916x{display:block;position:absolute;top:12px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid #CFE0D6;background:#fff;font-size:20px;line-height:1;color:#51655A;padding:0}
.ng.f916 .ng-stage{flex:1;height:auto;min-height:0;max-height:none}
.ng.f916 .ng-track{padding:0 5%}
.ng.f916 .ng-l{font-size:19px}
.ng.f916 .ng-l.on{font-size:25px}
.ng.f916 .ng-wm{display:block;text-align:center;font-family:Lexend,sans-serif;font-size:13px;font-weight:600;color:#9DCBA6;letter-spacing:.03em;padding:4px 0 8px}
.ng.f916 .ng-ctrl{padding:8px 10px 10px;transition:opacity .4s}
.ng.f916 .ng-row1{gap:8px;justify-content:center}
.ng.f916 .ng-tr{width:100%;justify-content:center}
.ng.f916 .ng-sp,.ng.f916 .ng-keys,.ng.f916 .ng-fs,.ng.f916 .ng-stoprec,.ng.f916 .ng-legend{display:none !important}
.ng.f916 .ng-grp{width:auto}
.ng.f916 .ng-916b{background:#DCEBE1;border-color:#9DCBA6;color:#16241C}
.ng.f916 .ng-player.idle .ng-ctrl,.ng.f916 .ng-player.idle .ng-916x{opacity:0}
.ng.f916 .ng-player.idle .ng-heard{display:none}
.ng.f916 .ng-hud{top:6px}
@media(max-width:640px){
  .ng.f916 .ng-player{width:100vw}
  .ng.f916 .ng-l{font-size:18px}.ng.f916 .ng-l.on{font-size:23px}
  .ng-say,.ng-mk,.ng-916b{flex:1 1 auto}
}

/* 9:16 gọn: nền mờ, ẩn nút phụ (bấm ⋯ để hiện) */
.ng.f916:before{content:"";position:fixed;inset:0;background:rgba(22,36,28,.62);z-index:2147482999}
.ng-more{display:none}
.ng.f916 .ng-more{display:inline-block}
.ng.f916 .ng-player:not(.more) .ng-text,.ng.f916 .ng-player:not(.more) .ng-loop,.ng.f916 .ng-player:not(.more) .ng-vi,.ng.f916 .ng-player:not(.more) .ng-say,.ng.f916 .ng-player:not(.more) .ng-mk,.ng.f916 .ng-player:not(.more) .ng-916b{display:none !important}
.ng.f916 .ng-player:not(.more) .ng-grp:has(.ng-text){display:none !important}
.ng.f916 .ng-row1{row-gap:8px}
.ng.f916 .ng-tr{width:auto}
.ng.f916 .ng-player.more .ng-tr{width:100%}
.ng.f916 .ng-play{width:46px;height:46px}
.ng.f916 .ng-916h{padding:16px 46px 4px}
.ng.f916 .ng-916h b{font-size:17px}
.ng.f916 .ng-prog{margin-bottom:6px}
.ng.f916 .ng-player{position:fixed}
.ng.f916 .ng-ctrl{position:absolute;left:0;right:0;bottom:30px;z-index:6;background:rgba(251,253,251,.97);border-top:1px solid #CFE0D6}
.ng.f916 .ng-heard{position:absolute;left:10px;right:10px;top:110px;z-index:6;border:1px solid #CFE0D6;border-radius:8px}
.ng.f916 .ng-wm{position:absolute;left:0;right:0;bottom:0}
.ng.f916 .ng-stage{margin-bottom:30px}
.ng.f916 .ng-player.idle .ng-ctrl{pointer-events:none}

/* Chặn màu nút của giao diện web (theme) khi rê chuột / bấm – 28/10 */
.ng .ng-tg,.ng .ng-tg:hover,.ng .ng-tg:focus,.ng .ng-tg:active{background:#fff;color:#51655A;border-color:#CFE0D6;box-shadow:none}
.ng .ng-tg:hover{border-color:#9DCBA6;background:#F6FBF5;color:#16241C}
.ng .ng-tg.on,.ng .ng-tg.on:hover,.ng .ng-tg.on:focus{background:#DCEBE1;border-color:#9DCBA6;color:#16241C}
.ng .ng-seg button,.ng .ng-seg button:hover,.ng .ng-seg button:focus{background:transparent;color:#51655A;box-shadow:none}
.ng .ng-seg button:hover{background:#F6FBF5;color:#16241C}
.ng .ng-seg button.on,.ng .ng-seg button.on:hover,.ng .ng-seg button.on:focus{background:#DCEBE1;color:#16241C}
.ng .ng-ib,.ng .ng-ib:focus{background:#fff;color:#2F6B45;border-color:#CFE0D6;box-shadow:none}
.ng .ng-ib:hover{background:#EAF6E9;color:#2F6B45;border-color:#9DCBA6}
.ng .ng-play,.ng .ng-play:focus{background:#2F6B45;border-color:#2F6B45;color:#fff}
.ng .ng-play:hover{background:#265a39;border-color:#265a39;color:#fff}
.ng .ng-mode,.ng .ng-mode:focus{background:#fff;color:#16241C;box-shadow:none}
.ng .ng-mode:hover{background:#F6FBF5;color:#16241C;border-color:#9DCBA6}
.ng .ng-mode.on,.ng .ng-mode.on:hover,.ng .ng-mode.on:focus{background:#EAF6E9;border-color:#2F6B45;box-shadow:inset 0 0 0 1px #2F6B45;color:#16241C}
.ng .ng-ph,.ng .ng-ph:focus{background:#fff;color:#16241C}
.ng .ng-ph:hover{background:#F6FBF5;color:#16241C;border-color:#9DCBA6}
.ng .ng-row button,.ng .ng-row button:focus{background:#fff;color:#2F6B45}
.ng .ng-row button.me,.ng .ng-row button.me:focus{color:#C0392B}
.ng .ng-row button:hover{background:#EAF6E9}
.ng .ng-stoprec,.ng .ng-stoprec:hover,.ng .ng-stoprec:focus{background:#fff;color:#C0392B}
.ng .ng-close,.ng .ng-close:hover,.ng .ng-close:focus{background:none;color:#51655A}
.ng button:focus{outline:none}
.ng button:focus-visible{outline:2px solid #9DCBA6;outline-offset:2px}
.ng .ng-resume,.ng .ng-resume:focus{background:#EAF6E9;color:#16241C;border-color:#9DCBA6}
.ng .ng-resume:hover{background:#DCEBE1;color:#16241C}
.ng .ng-916x,.ng .ng-916x:hover,.ng .ng-916x:focus{background:#fff;color:#51655A}
.ng.listening .ng-say,.ng.listening .ng-say:hover,.ng.listening .ng-say:focus{background:#FBE3E0;border-color:#E3B3AD;color:#B03A2E}
.ng.f916 .ng-916b,.ng.f916 .ng-916b:hover{background:#DCEBE1;border-color:#9DCBA6;color:#16241C}