/* טוקנים: "יומן שדה" — מקור: החלטות.md */
@font-face{font-family:Assistant;font-weight:400;src:url(/fonts/assistant-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Assistant;font-weight:400;src:url(/fonts/assistant-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Assistant;font-weight:600;src:url(/fonts/assistant-hebrew-600-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Assistant;font-weight:600;src:url(/fonts/assistant-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Assistant;font-weight:700;src:url(/fonts/assistant-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Assistant;font-weight:700;src:url(/fonts/assistant-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Karantina;font-weight:700;src:url(/fonts/karantina-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Karantina;font-weight:700;src:url(/fonts/karantina-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Source Serif 4";font-weight:400;src:url(/fonts/source-serif-4-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-weight:600;src:url(/fonts/source-serif-4-latin-600-normal.woff2) format("woff2")}

:root{--bg:#1b1e16;--sf:#252a1e;--ink:#ebe5cf;--mu:#9da38a;--ac:#d9b45a;--ln:#3a4130;--rec:#d9785a;--ok:#9bbf7a}
[data-mode=light]{--bg:#ece6d2;--sf:#e2dbc3;--ink:#22261b;--mu:#6c6f5c;--ac:#8a6412;--ln:#c9c1a5;--rec:#a8452a;--ok:#4d7a2a}
*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
html{background:var(--bg)}
body{min-height:100dvh;color:var(--ink);font-family:Assistant,system-ui,sans-serif;font-size:18px;line-height:1.5;
  background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' fill='none' stroke='%23888' stroke-opacity='.12'%3E%3Cpath d='M-20 60c60-30 120 20 180-5s110-40 180 0M-20 110c70-25 110 25 190 0s100-30 170 5M-20 170c50-20 130 30 200 0s90-25 160 10M-20 230c80-30 120 20 190-5s100-20 170 15M-20 290c60-20 120 25 200-5s90-15 160 10'/%3E%3C/svg%3E");
  padding-bottom:calc(84px + env(safe-area-inset-bottom))}
button,input{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer}
:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.top,main{max-width:640px;margin:0 auto;padding:0 18px}
.top{padding-top:22px}
.top small{color:var(--mu)}
h1{font-family:Karantina,Assistant,sans-serif;font-weight:700;font-size:2.8rem;line-height:.95}
h2{font-size:1.15rem;margin:22px 0 8px}
main{padding-top:12px;outline:0}
.en{direction:ltr;text-align:left;font-family:"Source Serif 4",Georgia,serif}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:8px;padding:14px 16px;margin-top:12px}
.card p+p{margin-top:6px}
.muted{color:var(--mu)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.btn{min-height:48px;padding:0 18px;border-radius:6px;background:var(--bg);border:1px solid var(--ln);font-weight:600}
.btn.pri{background:var(--ac);color:var(--bg);border-color:var(--ac)}
.btn[aria-pressed=true]{background:var(--ac);color:var(--bg)}
input.code{min-height:48px;padding:0 12px;border-radius:6px;border:1px solid var(--ln);background:var(--bg);width:min(100%,220px);direction:ltr;text-align:left}
.ok{color:var(--ok)}.bad{color:var(--rec)}
.nav{position:fixed;inset:auto 0 0 0;display:flex;justify-content:center;background:var(--sf);border-top:1px solid var(--ln);padding:0 4px env(safe-area-inset-bottom)}
.nav a{flex:1;max-width:128px;min-height:56px;display:grid;place-items:center;color:var(--mu);text-decoration:none;font-weight:600;font-size:.95rem;text-align:center;border-top:3px solid transparent}
.nav a[aria-current=page]{color:var(--ac);border-top-color:var(--ac)}
.toast{position:fixed;inset:auto 16px calc(76px + env(safe-area-inset-bottom)) 16px;margin:auto;max-width:420px;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:6px;font-weight:600;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}
.toast.show{opacity:1}
@media (prefers-reduced-motion:reduce){.toast{transition:none}}

/* מפה */
.topic{margin-top:18px}.th{display:flex;justify-content:space-between;align-items:baseline}.th h2{margin:0}
.bar-prog{height:4px;background:var(--ln);border-radius:2px;overflow:hidden;margin-top:6px}.bar-prog i{display:block;height:100%;background:var(--ac)}
.hint{font-size:.95rem;margin:6px 0}
.lesson{display:flex;gap:12px;align-items:center;min-height:64px;padding:10px 12px;margin-top:8px;border:1px solid var(--ln);border-radius:8px;background:var(--sf);color:inherit;text-decoration:none}
.lesson .tick{width:30px;height:30px;border-radius:50%;border:2px solid var(--ln);display:grid;place-items:center;flex-shrink:0;font-weight:700}
.lesson.done .tick{background:var(--ok);border-color:var(--ok);color:var(--bg)}
.lt{display:flex;flex-direction:column;flex:1}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* נגן */
body.has-bar{padding-bottom:calc(220px + env(safe-area-inset-bottom))}
.steps{display:flex;gap:6px;margin-bottom:6px}
.step{flex:1;min-height:56px;border-radius:8px;border:1px solid var(--ln);background:var(--sf);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8rem;line-height:1.1;padding:4px 2px}
.step .sn{font-weight:700;font-size:1.05rem}
.step.seen .sn{color:var(--ok)}
.step.on{border-color:var(--ac);box-shadow:inset 0 -3px 0 var(--ac)}
.para{margin-top:20px}
.sentence{padding:2px 0;cursor:pointer}
.en{direction:ltr;text-align:left;font-family:"Source Serif 4",Georgia,serif;font-size:1.45rem;line-height:1.7}
.en.big{font-size:1.6rem;margin-top:12px}
.w{border-radius:3px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.w.on{background:var(--ac);color:var(--bg);box-shadow:0 0 0 3px var(--ac)}
.he-line{color:var(--mu);border-right:3px solid var(--ln);padding-right:12px;font-size:1.05rem;margin:2px 0 8px}
.he-big{font-size:1.5rem;font-weight:600;margin-top:6px}
.card.sent{display:block;width:100%;text-align:inherit}
.card.sent .en{font-size:1.3rem}
.blank{color:var(--mu);letter-spacing:1px}
.flash{text-align:center}.flash .en{text-align:center}
.btn.rec.on{background:var(--rec);color:#fff;border-color:var(--rec)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.tip{position:fixed;z-index:5;background:var(--ink);color:var(--bg);padding:8px 12px;border-radius:6px;font-weight:600;pointer-events:none;opacity:0;transition:opacity .15s;max-width:80vw;display:flex;gap:10px;align-items:center}
.tip.show{pointer-events:auto}
.tipsave{background:var(--ac);color:var(--bg);border-radius:4px;padding:6px 10px;min-height:36px;font-weight:700;flex-shrink:0}
.tip.show{opacity:1}
.pbar{position:fixed;inset:auto 0 calc(56px + env(safe-area-inset-bottom)) 0;background:var(--sf);border-top:1px solid var(--ln);padding:10px 18px}
.pbar-in{max-width:640px;margin:0 auto}
.prog{height:4px;background:var(--ln);border-radius:2px;overflow:hidden}.prog i{display:block;height:100%;width:0;background:var(--ac)}
.ctl{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}
.rates{display:flex;gap:6px}
.side{min-width:64px;height:48px;padding:0 10px;border-radius:6px;background:var(--bg);border:1px solid var(--ln);font-weight:600}
.side[aria-pressed=true]{background:var(--ac);color:var(--bg);border-color:var(--ac)}
.play{width:68px;height:68px;border-radius:50%;background:var(--ac);color:var(--bg);display:grid;place-items:center;flex-shrink:0}
.play svg{width:28px;height:28px}
@media (prefers-reduced-motion:reduce){.tip{transition:none}}
@media (min-width:900px){.top,main,.pbar-in{max-width:760px}.en{font-size:1.6rem}}

/* מה שלמדתי + ארכיון */
.item{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}
.item-main{flex:1;min-width:0}.item-en{font-size:1.25rem;line-height:1.5}
.item-act{display:flex;flex-direction:column;gap:6px}
.item-meta{font-size:.95rem}.item-meta a{color:var(--ac)}.due{color:var(--ac)}
.item-act .btn{min-height:44px;min-width:44px;padding:0 10px}
.stats p{font-size:1.05rem}
.recs{margin-top:8px;border-top:1px solid var(--ln)}
.recrow{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--ln);font-size:.95rem}
.recbtns{display:flex;gap:6px;flex-wrap:wrap}
.mini{min-height:44px;min-width:44px;padding:0 10px;border-radius:6px;background:var(--bg);border:1px solid var(--ln);font-size:.9rem}
.mini:disabled{opacity:.4}
.tag{background:var(--ln);border-radius:4px;padding:1px 6px;margin-inline-start:6px;font-size:.85rem}
.tag-a{background:var(--ok);color:var(--bg)}

/* הסיפור שלי */
.ta{width:100%;min-height:120px;padding:12px;border-radius:8px;border:1px solid var(--ln);background:var(--sf);color:var(--ink);font:inherit;line-height:1.6;resize:vertical}
textarea.en{min-height:0;font-size:1.25rem;direction:ltr;text-align:left}
.story-en{font-size:1.3rem}
.meter .bar-prog{height:8px;margin-top:8px}
.story-card .row{margin-top:8px}
@media (max-width:420px){.story-card .btn{padding:0 12px}}
a.btn{display:inline-grid;place-items:center;text-decoration:none;color:inherit}
a.btn.pri{color:var(--bg)}

/* מראיין */
.q-en{font-size:1.35rem;margin-top:12px}
.chip-btn{min-height:44px;padding:0 14px;border-radius:22px;border:1px solid var(--ln);background:var(--sf);font-size:.95rem;text-align:left}
.nav a{font-size:.85rem}
@media (max-width:420px){.nav a{font-size:.78rem;padding:0 2px}}

/* היום */
.today-text{font-size:1.25rem;font-weight:600;margin:4px 0 8px}
.btn.big{min-height:60px;font-size:1.2rem;padding:0 28px}
.pegs{display:flex;gap:8px;justify-content:space-between;margin:12px 0 8px}
.peg{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}
.peg-bar{width:100%;max-width:34px;height:46px;border-radius:5px;border:2px solid var(--ln);background:transparent}
.peg.on .peg-bar{background:var(--ac);border-color:var(--ac)}
.peg.now .peg-bar{border-color:var(--ink)}
.peg small{color:var(--mu)}
.graph{width:100%;max-width:460px;height:auto;margin:6px auto 0;display:block}
.gbar{fill:var(--ln)}.gbar.cur{fill:var(--ac)}
.gval{fill:var(--ink);font-size:11px}.glab{fill:var(--mu);font-size:10px}

select.code{width:auto;min-width:110px;min-height:48px}