.fcc-pron-card{grid-column:1/-1!important}
.fcc-pron-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.fcc-pron-head h3{margin:0;font-size:18px}.fcc-pron-head p{margin:4px 0 0;color:#777;font-size:10px;line-height:1.4;max-width:790px}
.fcc-pron-speaker{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.fcc-pron-speaker>span{font-size:10px;font-weight:900;color:#777}
.fcc-pron-speaker button,.fcc-pron-tabs button,.fcc-pron-slots button{border:1px solid #ddd6cc;background:#fff;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer;touch-action:manipulation}
.fcc-pron-speaker button.active,.fcc-pron-tabs button.active,.fcc-pron-slots button.active{background:#253047;color:#fff;border-color:#253047}
.fcc-pron-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 10px;padding-top:12px;border-top:1px solid #eee8df}
.fcc-pron-tabs,.fcc-pron-slots{display:flex;gap:6px;flex-wrap:wrap}.fcc-pron-help{font-size:9.5px;color:#6b7280;font-weight:750}
.fcc-pron-status{margin:8px 0 10px;padding:9px 11px;border-radius:12px;background:#f8f6f2;color:#6a645c;font-size:9.5px;font-weight:750}.fcc-pron-status.good{background:#eaf8f1;color:#2f6e55}.fcc-pron-status.bad{background:#fff0f0;color:#944545}
/* Chart-inspired visual reference supplied by the family: turquoise patterned field, white tiles, red grid, black traditional Hebrew glyphs. */
.fcc-pron-chart{padding:10px;border-radius:14px;background-color:#2fc6d4;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.72) 0 2px,transparent 2px 7px),repeating-linear-gradient(-45deg,rgba(255,255,255,.32) 0 2px,transparent 2px 7px);overflow:auto;max-height:530px;direction:rtl}
.fcc-pron-grid{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:0;direction:rtl;min-width:820px;background:#fff;border:2px solid #ef3d31}
.fcc-pron-chart.nekudos .fcc-pron-grid{grid-template-columns:repeat(6,minmax(120px,1fr));min-width:720px}
.fcc-pron-item{border:1.5px solid #ef3d31;background:#fff;padding:8px;min-width:0;display:flex;flex-direction:column;gap:7px;direction:ltr}
.fcc-pron-glyph{font-family:"Noto Serif Hebrew","David Libre","David","FrankRuehl","Times New Roman",serif;font-size:58px;font-weight:900;line-height:1;text-align:center;color:#050505;min-height:70px;display:grid;place-items:center;direction:rtl;unicode-bidi:isolate}
.fcc-pron-glyph.nekudah{font-size:62px;min-height:70px;overflow:hidden;position:relative}
.fcc-pron-nk{position:relative;display:block;width:82px;height:64px;margin:auto}
.fcc-pron-nk::before,.fcc-pron-nk::after{content:"";position:absolute;background:#050505}
/* Supplied chart geometry: top row RTL = Komatz, Patach, Tzayray, Segol, Sheva, Cholam. */
.fcc-pron-nk-patach::before{width:48px;height:6px;border-radius:4px;left:17px;top:31px}
.fcc-pron-nk-kamatz::before{width:48px;height:6px;border-radius:4px;left:17px;top:24px}
.fcc-pron-nk-kamatz::after{width:6px;height:24px;border-radius:4px;left:29px;top:24px}
.fcc-pron-nk-tzayray::before{width:10px;height:10px;border-radius:50%;left:22px;top:29px;box-shadow:28px 0 0 #050505}
.fcc-pron-nk-segol::before{width:10px;height:10px;border-radius:50%;left:21px;top:20px;box-shadow:30px 0 0 #050505,15px 25px 0 #050505}
.fcc-pron-nk-sheva::before{width:10px;height:10px;border-radius:50%;left:36px;top:13px;box-shadow:0 29px 0 #050505}
.fcc-pron-nk-chirik::before{width:11px;height:11px;border-radius:50%;left:36px;top:42px}
.fcc-pron-nk-kubutz::before{width:9px;height:9px;border-radius:50%;left:23px;top:12px;box-shadow:14px 15px 0 #050505,28px 30px 0 #050505}
/* Bottom row reference: Chataf Segol, Chataf Patach, Chataf Komatz, Shuruk, Kubutz, Chireek. */
.fcc-pron-nk-chataf_patach::before{width:9px;height:9px;border-radius:50%;left:10px;top:13px;box-shadow:0 28px 0 #050505}
.fcc-pron-nk-chataf_patach::after{width:39px;height:6px;border-radius:4px;left:36px;top:29px}
.fcc-pron-nk-chataf_segol::before{width:9px;height:9px;border-radius:50%;left:8px;top:13px;box-shadow:0 28px 0 #050505,35px 2px 0 #050505,57px 2px 0 #050505,46px 25px 0 #050505}
.fcc-pron-nk-chataf_kamatz::before{width:9px;height:9px;border-radius:50%;left:8px;top:13px;box-shadow:0 28px 0 #050505}
.fcc-pron-nk-chataf_kamatz::after{width:41px;height:29px;left:35px;top:17px;background:linear-gradient(#050505,#050505) 0 7px/41px 6px no-repeat,linear-gradient(#050505,#050505) 9px 7px/6px 22px no-repeat}
.fcc-pron-vowel-carrier{font-family:"Noto Serif Hebrew","David Libre","David","FrankRuehl","Times New Roman",serif;font-size:66px;font-weight:900;line-height:1;color:#050505;direction:rtl;display:inline-block}
.fcc-pron-cholam{transform:translateY(-1px)}
.fcc-pron-shuruk{transform:translateY(1px)}
.fcc-pron-label{text-align:center;font-size:10px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr}.fcc-pron-badges{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;direction:ltr}
.fcc-pron-badge{font-size:8px;font-weight:850;border-radius:999px;padding:3px 5px;background:#f2f1ef;color:#79736c}.fcc-pron-badge.yes{background:#e9f7ef;color:#2c6b52}
.fcc-pron-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;direction:ltr}.fcc-pron-actions button{border:1px solid #ddd6cc;background:#fff;border-radius:9px;min-height:42px;padding:6px 4px;font-size:9px;font-weight:900;cursor:pointer;touch-action:manipulation}.fcc-pron-actions button.primary{background:#087f5b;border-color:#087f5b;color:#fff}.fcc-pron-actions button.danger{color:#9b4545}.fcc-pron-actions button:disabled{opacity:.42;cursor:not-allowed}
.fcc-pron-file{display:none!important}
#fccPronunciationRecordModal{position:fixed;inset:0;z-index:2147483600;background:rgba(18,18,18,.72);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(8px)}
#fccPronunciationRecordModal.fcc-hs-hidden{display:none!important}.fcc-pron-modal{width:min(520px,100%);background:#fff;border-radius:24px;padding:20px;box-shadow:0 30px 100px rgba(0,0,0,.42)}
.fcc-pron-modal-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.fcc-pron-modal-top strong{font-size:16px}.fcc-pron-close{border:1px solid #ddd6cc;background:#fff;border-radius:999px;padding:8px 11px;font-weight:900;cursor:pointer}
.fcc-pron-modal-glyph{font-family:"Noto Serif Hebrew","David Libre","David","FrankRuehl","Times New Roman",serif;font-size:98px;font-weight:900;line-height:1;text-align:center;color:#050505;margin:20px auto 8px;direction:rtl;border:3px solid #ef3d31;background:#fff;width:150px;min-height:132px;display:grid;place-items:center}.fcc-pron-modal-glyph.nekudah{font-size:84px}.fcc-pron-modal-label{text-align:center;font-size:20px;font-weight:950}.fcc-pron-modal-sub{text-align:center;color:#777;font-size:11px;margin-top:4px;line-height:1.45}
.fcc-pron-record-state{margin:16px 0;padding:12px;border-radius:14px;background:#f8f6f2;text-align:center;font-size:11px;font-weight:850;color:#665f57}.fcc-pron-record-state.recording{background:#fff1f1;color:#9b3f3f;animation:fccPronPulse 1.1s infinite}.fcc-pron-record-state.saving{background:#eef5ff;color:#244d7a}.fcc-pron-record-state.error{background:#fff0f0;color:#a52727;border:1px solid #efb6b6}
@keyframes fccPronPulse{0%,100%{box-shadow:0 0 0 0 rgba(196,68,68,.08)}50%{box-shadow:0 0 0 7px rgba(196,68,68,.08)}}
.fcc-pron-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fcc-pron-modal-actions button{border:1px solid #ddd6cc;background:#fff;border-radius:13px;min-height:58px;padding:10px;font-size:11px;font-weight:950;cursor:pointer}.fcc-pron-modal-actions .record{background:#c54848;color:#fff;border-color:#c54848}.fcc-pron-modal-actions .save{background:#087f5b;color:#fff;border-color:#087f5b}.fcc-pron-modal-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.fcc-pron-chart{max-height:600px}.fcc-pron-grid{grid-template-columns:repeat(7,minmax(105px,1fr));min-width:760px}.fcc-pron-chart.nekudos .fcc-pron-grid{grid-template-columns:repeat(6,minmax(110px,1fr));min-width:660px}}
@media(max-width:700px){.fcc-pron-chart{overflow-x:auto;max-height:none}.fcc-pron-actions button{min-height:50px}.fcc-pron-modal-actions{grid-template-columns:1fr 1fr}}

/* v1.4.0by — rapid recording workflow + direct recorded indicator */
.fcc-pron-item{position:relative}
.fcc-pron-item.has-audio{box-shadow:inset 0 0 0 2px rgba(5,150,105,.12)}
.fcc-pron-recorded-indicator{
  position:absolute;top:6px;left:6px;z-index:2;
  display:inline-flex;align-items:center;gap:4px;
  background:#dcfce7;color:#166534;border:1px solid #86efac;
  border-radius:999px;padding:4px 7px;font-size:8px;font-weight:950;
  box-shadow:0 2px 5px rgba(22,101,52,.08)
}
.fcc-pron-bulk{
  min-height:42px;border:1px solid #0f766e;background:#ecfdf5;color:#065f46;
  border-radius:12px;padding:9px 13px;font-weight:950;cursor:pointer
}
.fcc-pron-bulk:hover{background:#d1fae5}

/* v1.4.0ch — rapid-fire parent recording batches */
.fcc-pron-quickbatch{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.fcc-pron-quickbatch>span{font-size:10px;font-weight:950;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}
.fcc-pron-quickbatch .fcc-pron-bulk{min-height:42px;padding:0 12px}

.fcc-pron-saved-confirm{margin:16px auto 8px;max-width:360px;padding:14px 18px;border-radius:14px;background:#e6f8ef;border:2px solid #169565;color:#087448;text-align:center;font-size:18px;font-weight:1000;letter-spacing:.04em}.fcc-pron-recorded-indicator{white-space:nowrap}

/* v1.4.0cm — exact saved-audio verification and on-card playback */
.fcc-pron-status.warn{background:#fff8df;color:#806016}
.fcc-pron-actions button.play-saved{background:#e9f8f1;border-color:#9bd7bd;color:#0b6b4a}
.fcc-pron-actions button.play-saved:hover{background:#d9f3e6}
.fcc-pron-recorded-indicator.family{background:#eef5ff;color:#355a88;border-color:#bfd3ef}

/* v1.4.0cp: nekudos use image assets cropped from the parent-supplied reference chart.
   This avoids RTL/composite-mark/font shaping differences across browsers. */
.fcc-pron-nekudah-art{display:block;max-width:76px;max-height:66px;width:auto;height:auto;object-fit:contain;margin:auto;user-select:none;-webkit-user-drag:none}
.fcc-pron-modal-glyph.nekudah .fcc-pron-nekudah-art{max-width:130px;max-height:118px}