@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@400;500;700&family=Noto+Serif+Hebrew:wght@400;600&family=Inter:wght@400;600&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f6f4ef;color:#2b2b2b}
.wrap{max-width:900px;margin:0 auto;padding:16px}h1{font-size:1.5rem;margin:.4em 0}h2{font-size:1.15rem}
.card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 4px #0001;margin:12px 0}
label{display:block;font-weight:600;margin:10px 0 4px}input,select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font:inherit}
button{font:inherit;padding:10px 16px;border-radius:10px;border:0;background:#2f5d8a;color:#fff;cursor:pointer;margin:4px 4px 4px 0}
button.sec{background:#e4e8ee;color:#223}button.red{background:#b33}button:disabled{opacity:.5}
.heb{font-family:'Frank Ruhl Libre','SBL Hebrew','Noto Serif Hebrew',serif;direction:rtl;text-align:right;line-height:2.1}
.pasuk{font-size:clamp(28px,7vw,46px)}.w{display:inline-block;padding:0 .18em;margin:2px 1px;border-radius:8px;transition:background .15s,transform .15s;cursor:pointer;border-bottom:4px solid transparent}
.w.on{background:#ffe066;transform:scale(1.08)}.w.done{color:#888}
.muted{color:#777;font-size:.9em}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;background:#eef;font-size:.8em;margin-left:6px}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}
.m-correct{border-bottom-color:#2a9d4a!important;background:#e3f6e8}.m-mispronounced{border-bottom-color:#d33!important;background:#fde2e2}
.m-skipped{border-bottom-color:#555!important;background:#ddd;text-decoration:line-through}.m-hesitated{border-bottom-color:#e08a00!important;background:#fff0d6}
.m-translation{border-bottom-color:#7b3fc4!important;background:#efe4fb}.m-trop{border-bottom-color:#1a8a9a!important;background:#dff4f6}
.big{font-size:1.2rem;padding:16px 24px}.rec{color:#c00;font-weight:600}
.m-nikud{border-bottom-color:#c2185b!important;background:#fce4ef}