:root{--ink:#1f2430;--muted:#6b7280;--line:#d9dce3;--bg:#f7f7f4;--card:#fff;--accent:#2357c6;--bad:#b42318;--good:#067647;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:0 auto;padding:32px 20px 64px}h1{margin:0 0 4px;font-size:1.6rem}p.sub{color:var(--muted);margin:0 0 24px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:20px}label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}input,select,button{font:inherit}input[type=text],input[type=password],input[type=date],select{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:8px 10px}.he{direction:rtl;font-size:1.2rem}button,.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:8px 14px;font-size:.95rem;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{color:var(--accent);background:#fff}button:disabled{opacity:.5;cursor:default}.row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.row>.grow{flex:200px}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.err{color:var(--bad)}.ok{color:var(--good)}.muted{color:var(--muted)}table.words{border-collapse:collapse;width:100%}table.words td,table.words th{vertical-align:middle;padding:4px}table.words th{text-align:left;color:var(--muted);font-size:.8rem;font-weight:500}table.words td.num{width:28px;color:var(--muted);text-align:right}table.words td.play{white-space:nowrap;width:110px}
