:root{--bg:#fbf8f1;--ink:#1a1a1a;--muted:#6b6b6b;--accent:#6fae8a;--card:#fff;--border:#d8d8d8;--success:#6fae8a;--danger:#b83b3b;--shadow:none;--tile:#f0f0f0;--tile-border:#cfcfcf;--tile-correct:#6fae8a;--tile-warn:#b59f3b}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif}body.rtl{direction:rtl;font-family:David,Times New Roman,serif}.app{display:flex;flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:24px 16px 40px}.header{display:flex;justify-content:space-between;align-items: center;gap:12px}.header>:first-child{min-width:0}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:12px}h1{margin:6px 0 4px;font-size:28px;line-height:1.1}.subtitle{color:var(--muted);margin:0}.kicker,h1,.subtitle,.about-note,.about-list a,.full-quote,.status-line span{overflow-wrap:anywhere}.about-card{display:grid;gap:12px}.about-card p{margin:0;line-height:1.5}.about-heading{margin:4px 0 0;font-size:16px}.about-list{display:grid;gap:8px;margin:0;padding-inline-start:18px}.about-list a{color:inherit}.about-note{color:var(--muted);font-size:13px}.footer-note{text-align:center;margin-top:2px}.footer-link{color:var(--muted);text-decoration:none;font-size:12px}.footer-link:hover,.footer-link:focus{text-decoration:underline}.controls{display:flex;flex-shrink:0;gap:8px}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:16px}.meta{display:flex;color:var(--muted);justify-content:space-between;align-items: center;gap:8px;margin-bottom:8px;font-size:12px}.meta-left{display:flex;flex-wrap:wrap;gap:8px}.meta-actions{display:flex;flex-shrink:0;align-items: center;gap:8px}.meta-item{border:1px solid var(--border);background:#f7f7f7;border-radius:6px;padding:4px 8px}.meta-item:empty{display:none}.full-quote{position:relative;border-left:4px solid var(--accent);padding:8px 0 4px;padding-left:12px;font-size:19px;line-height:1.6}.rtl .full-quote{border-left:none;border-right:4px solid var(--accent);padding-left:0;padding-right:12px}.form{display:grid;gap:12px}.form-row{display:grid;align-items: end;gap:8px}.form-row.primary{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.form-row.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.form-row.secondary.no-portion{grid-template-columns:minmax(0,2fr)minmax(0,1fr)}.form-row.secondary.locked label{visibility:hidden}.form label{min-width:0}label{display:grid;color:var(--muted);gap:4px;font-size:12px}.field-label{display:inline-flex;align-items: center;gap:6px}.easy-correct{font-size:.95em;line-height:1}input,select{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;max-width:100%;min-height:40px;padding:10px 12px;font-size:15px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none}.select-shell{position:relative;border:1px solid var(--border);display:flex;background:#fff;border-radius:8px;align-items: center;width:100%;max-width:100%;min-height:40px}.select-field{color:var(--ink);background:0 0;border:0;border-radius:8px;width:100%;min-height:40px;padding:10px 34px 10px 12px;font-size:15px}.rtl .select-field{padding:10px 12px 10px 34px}.select-field:focus{outline:none;box-shadow:none}.select-icon{position:absolute;color:var(--muted);pointer-events:none;font-size:12px;line-height:1;top:50%;right:12px;transform:translateY(-50%)}.rtl .select-icon{left:12px;right:auto}.select-shell.disabled,.select-field:disabled{color:#8b8b8b;cursor:not-allowed;background-color:#f6f6f6}.select-shell.disabled .select-icon{color:#9f9f9f}input.correct,.select-shell.correct{border-color:var(--tile-correct);box-shadow:0 0 0 2px #6fae8a33}input.wrong,.select-shell.wrong{border-color:var(--danger);box-shadow:0 0 0 2px #b83b3b26}input:focus,.select-shell:focus-within{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #6fae8a40}.form-actions{display:flex;justify-content:flex-end}.form-actions .primary{width:100%;min-height:40px}@media (max-width:720px){.header{flex-wrap:wrap;align-items: flex-start}.controls{margin-inline-start:auto}.meta{flex-wrap:wrap;row-gap:6px}.form-row.primary,.form-row.secondary{grid-template-columns:1fr}}button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:8px 12px;font-size:13px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.ghost{color:var(--muted);background:#fff}button.chip{border:1px solid var(--border);background:#fff;border-radius:6px;padding:8px 10px;font-weight:600}button.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}button.small{padding:6px 10px;font-size:12px}.feedback{color:var(--muted);margin-top:10px;font-size:14px}.feedback:empty{display:none}.status-line{color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;margin-top:8px;font-size:12px}.reveal{overflow:hidden}.full-quote .veil{display:inline-block;opacity:.08;filter:blur(8px);will-change:opacity,filter;transition:opacity 2s cubic-bezier(.19,1,.22,1),filter 1.1s cubic-bezier(.16,1,.3,1)}.full-quote .highlight{background:#b3523b26;border-radius:6px;padding:0 4px}.verse-num{opacity:.7;vertical-align:super;letter-spacing:.04em;font-size:.75em;font-weight:700}.quote-revealed .full-quote .veil{opacity:1;filter:blur(0)}.ref-line{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;min-height:1.2em;margin-top:10px;transition:opacity .2s;font-size:13px;line-height:1.2}.revealed .ref-line{opacity:1;visibility:visible}.debug-page{max-width:1200px}.debug-suite{display:grid;gap:14px}.debug-suite-title{letter-spacing:.04em;color:var(--ink);margin:8px 0 0;font-size:18px}.debug-grid{display:grid;grid-template-columns:1fr;gap:16px}.debug-panel{display:grid;gap:8px}.debug-panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:14px}