:root{--bg: #faf6ef;--bg-2: #f2ebdd;--ink: #1f2a2a;--ink-soft: #5c6663;--teal: #0f3d3e;--teal-2: #17595a;--gold: #c8912f;--gold-soft: #e6cf9b;--green: #2f8f5b;--yellow: #d59a1f;--red: #c65a4e;--card: #ffffff;--line: #e7ded0;--shadow: 0 6px 22px rgba(31, 42, 42, .08);--radius: 18px;--font-ui: "Assistant", "Heebo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-he: "Frank Ruhl Libre", "Taamey Frank CLM", "David Libre", "Times New Roman", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow-x:hidden}body{background:radial-gradient(120% 60% at 50% 0%,var(--bg-2),var(--bg));color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}.app{max-width:460px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative}.app__main{flex:1;padding:18px 16px 96px}.screen{display:flex;flex-direction:column;gap:16px}.hero{padding:6px 2px 0}.hero__eyebrow{color:var(--gold);font-weight:700;letter-spacing:.04em;margin:0 0 4px;font-size:.9rem}.hero__title{margin:0;font-size:2rem;line-height:1.1;color:var(--teal);display:flex;flex-direction:column}.hero__book{font-size:.95rem;color:var(--ink-soft);font-weight:500;margin-top:4px}.screen__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.screen__title{margin:0;font-size:1.5rem;color:var(--teal)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card__title{margin:0 0 12px;font-size:1.05rem;color:var(--teal)}.card__lead{margin:0;font-weight:700}.hint{color:var(--ink-soft);font-size:.9rem;margin:6px 0 0}.hint--warn{color:var(--red)}.hint--pick{margin-top:10px}.card--progress{display:flex;align-items:center;gap:16px}.ring{--pct: 0;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--pct) * 1%),var(--bg-2) 0);display:grid;place-items:center;flex:0 0 auto}.ring span{width:64px;height:64px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-weight:800;color:var(--teal)}.btn{border:none;border-radius:14px;padding:12px 16px;font-weight:700;font-size:1rem;background:var(--bg-2);color:var(--teal);transition:transform .05s ease,background .2s}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(180deg,var(--teal-2),var(--teal));color:#fff;box-shadow:var(--shadow)}.btn--xl{padding:16px;font-size:1.1rem}.btn--ghost{background:transparent;border:1.5px solid var(--line)}.btn--sm{padding:8px 12px;font-size:.9rem}.track-toggle{display:flex;gap:8px;background:var(--bg-2);padding:6px;border-radius:14px}.track-toggle button{flex:1;border:none;background:transparent;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-soft);font-weight:700}.track-toggle button small{font-weight:500;font-size:.72rem;opacity:.8}.track-toggle button.is-active{background:var(--card);color:var(--teal);box-shadow:var(--shadow)}.track-toggle--compact button{flex-direction:row;padding:7px 12px}.verse{font-family:var(--font-he);font-size:2.05rem;line-height:2.2;text-align:center;direction:rtl;display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:center}.he{font-family:var(--font-he)}.verse__word{background:transparent;border:none;border-radius:10px;padding:2px 6px;font:inherit;color:var(--ink);transition:background .15s,color .15s;border-bottom:3px solid transparent}.verse__word.is-selected,.verse__word.is-highlight{background:var(--gold-soft)}.band-green{border-bottom-color:var(--green)}.band-yellow{border-bottom-color:var(--yellow)}.band-red{border-bottom-color:var(--red)}.band-unknown{border-bottom-color:#b9c0bd}.verse-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center}.audio-btn button{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font-weight:700;color:var(--teal)}.audio-btn--sm button{padding:6px 10px;font-size:.85rem}.audio-btn--playing button{background:var(--teal);color:#fff;border-color:var(--teal)}.audio-btn--missing button{color:var(--ink-soft);border-style:dashed}.card--record{display:grid;place-items:center}.record{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.record__btn{width:100%;border:none;border-radius:16px;padding:16px;font-size:1.1rem;font-weight:800;background:linear-gradient(180deg,var(--gold),#b17f26);color:#fff;box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;gap:10px}.record__btn.is-recording{background:linear-gradient(180deg,#d9534f,var(--red))}.record__dot{width:12px;height:12px;border-radius:50%;background:#fff;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.result__head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.score-badge{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:1.4rem;font-weight:800;color:#fff}.score-green{background:var(--green)}.score-yellow{background:var(--yellow)}.score-red{background:var(--red)}.result__unsure{font-size:1.05rem;margin:0;color:var(--ink)}.result__win{font-size:1.15rem;font-weight:800;color:var(--green);margin:0;text-align:center}.result__tip{font-size:1.05rem;font-weight:700;margin:0 0 4px;padding:8px 10px;border-radius:10px;background:var(--bg-2);border:none}.result__tip.band-red{color:var(--red)}.result__tip.band-yellow{color:var(--yellow)}.result__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.melody{display:block;background:var(--bg-2);border-radius:12px;margin:6px 0}.melody__mid{stroke:#cfc6b4;stroke-dasharray:4 5}.melody__ref{stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.melody__child{stroke:var(--gold);stroke-width:3;stroke-dasharray:2 6;stroke-linecap:round;stroke-linejoin:round}.melody__legend{display:flex;gap:14px;justify-content:center;font-size:.82rem;color:var(--ink-soft);margin:2px 0 0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:4px;vertical-align:middle}.dot--ref{background:var(--teal)}.dot--child{background:var(--gold)}.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:12px;margin:14px 0}.cats--stack{grid-template-columns:1fr}.cat{display:flex;flex-direction:column;align-items:center;gap:6px}.cat--row{flex-direction:row;align-items:center;gap:10px}.cat__bar{width:100%;height:8px;background:var(--bg-2);border-radius:999px;overflow:hidden;flex:1}.cat__bar .fill{display:block;height:100%;border-radius:999px}.fill--green{background:var(--green)}.fill--yellow{background:var(--yellow)}.fill--red{background:var(--red)}.cat__label{font-size:.82rem;color:var(--ink-soft);font-weight:700}.cat__num{font-size:.82rem;font-weight:700;min-width:38px;text-align:left}.wordfb{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.wordfb__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg-2);border-inline-start:4px solid transparent}.wordfb__row .he{font-size:1.3rem}.wordfb__tip{font-size:.85rem;color:var(--ink-soft);text-align:start}.trope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trope-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow)}.trope-card__glyph{font-size:2rem;color:var(--teal);line-height:1}.trope-card__name{font-weight:700;font-size:.95rem}.trope-card__gesture{font-size:.72rem;color:var(--ink-soft);background:var(--bg-2);border-radius:999px;padding:2px 8px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f2a2a66;display:flex;align-items:flex-end;justify-content:center;z-index:40}.sheet__body{background:var(--card);width:100%;max-width:460px;border-radius:22px 22px 0 0;padding:20px 18px 28px;position:relative;animation:rise .2s ease}@keyframes rise{0%{transform:translateY(30px);opacity:.6}}.sheet__close{position:absolute;top:14px;inset-inline-start:14px;border:none;background:var(--bg-2);width:34px;height:34px;border-radius:50%;font-size:1rem}.trope-detail{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.trope-detail__glyph{font-size:3.2rem;color:var(--teal)}.trope-detail__name{margin:0;color:var(--teal)}.trope-detail__role{margin:0;font-weight:700}.trope-detail__hint{margin:0;color:var(--gold);font-size:1.05rem}.trope-detail__audio{display:flex;gap:10px;margin-top:8px}.card--drill{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.drill__word{font-family:var(--font-he);font-size:3rem;color:var(--teal)}.drill__tropes,.drill__audio{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chip{background:var(--bg-2);border-radius:999px;padding:6px 12px;font-size:.82rem;color:var(--ink-soft);font-weight:700}.today-list,.pill-list{list-style:none;margin:0;padding:0}.today-list__item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:var(--bg-2);text-decoration:none;color:var(--ink);margin-bottom:8px}.today-list__item .he{font-size:1.4rem}.today-list__badge{font-weight:800;color:var(--gold)}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 12px;border-radius:999px;background:var(--bg-2);font-size:.9rem}.pill--good{background:#e6f2ea;color:var(--green);font-weight:700}.table{list-style:none;margin:0;padding:0}.table__row{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--line)}.table__row .he{font-size:1.3rem}.table__row:last-child{border-bottom:none}.tag{font-weight:800;border-radius:999px;padding:2px 10px;font-size:.85rem}.tag--green{background:#e6f2ea;color:var(--green)}.tag--yellow{background:#fbf1d9;color:var(--yellow)}.tag--red{background:#f8e6e3;color:var(--red)}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{background:var(--gold-soft);color:#6d4d11;border-radius:999px;padding:6px 12px;font-weight:700;font-size:.88rem}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:30}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--ink-soft);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:12px}.tab__icon{font-size:1.3rem}.tab.is-active{color:var(--teal);background:var(--bg-2)}