@font-face{
  font-family:'Assistant';
  src:url('../fonts/assistant-hebrew.woff2') format('woff2');
  font-weight:200 800;font-style:normal;font-display:swap;
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face{
  font-family:'Assistant';
  src:url('../fonts/assistant-latin.woff2') format('woff2');
  font-weight:200 800;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Keter YG';
  src:url('../fonts/KeterYG-Medium.ttf') format('truetype');
  font-weight:500;font-style:normal;font-display:swap;
}
/* פלטת לִשְׁקֹד (ערכת הווניל) */
:root{
  --well:#f6eed6;    /* רקע שקוע חם */
  --bg:#f2e7cc;          /* parchment cream */
  --card:#fdf9ee;        /* ivory card */
  --ink:#2c2415;         /* warm dark brown */
  --muted:#8a7a54;       /* muted bronze */
  --navy:#2c2415;        /* ערכים חזקים — חום כהה (במקום כחול) */
  --navy2:#473c27;
  --gold:#9a7520;        /* deep antique gold */
  --gold-soft:#9a752026; /* זהב שקוף לרקעים */
  --line:#6b531c2e;      /* warm gold hairline */
  --accent:#9a7520;      /* הדגשות — זהב עתיק */
  --ok:#16a06b;
  --on-accent:#fdf9ee;
  --shadow:0 8px 32px #00000014;
  --radius:18px;
  --font-tanakh:'Keter YG', serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Assistant","Segoe UI","Arial Hebrew",sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.5;
  -webkit-text-size-adjust:100%;
}
main{max-width:820px;margin:0 auto;padding:0 14px 60px}

/* כותרת — בהירה בסגנון לִשְׁקֹד */
.topbar{
  background:transparent;
  color:var(--ink); text-align:center; padding:22px 14px 14px;
  border-bottom:1px solid var(--line);
}
.topbar h1{margin:0;font-size:1.9rem;font-weight:800;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.3em;color:var(--gold)}
.crown{
  display:inline-grid;place-items:center;width:1.5em;height:1.5em;font-size:.72em;
  background:var(--gold);color:var(--on-accent);border-radius:50%;font-weight:800;
  box-shadow:0 0 0 3px #9a752033;
}
.tagline{margin:.4em 0 0;font-size:.82rem;color:var(--muted);font-weight:400}

/* קלט ראשי */
.input-card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:16px;margin:18px 0 14px;
}
#mainInput{
  width:100%;font-size:1.5rem;text-align:center;border:none;outline:none;
  background:transparent;color:var(--navy);font-weight:700;padding:6px 0;
  border-bottom:2px solid var(--gold-soft);font-family:inherit;
}
#mainInput:focus{border-color:var(--gold)}
.headline{text-align:center;margin-top:12px;min-height:2.2em}
.headline .big{font-size:2.4rem;font-weight:800;color:var(--accent);line-height:1}
.headline .big-label{display:block;font-size:.75rem;color:var(--muted);margin-top:2px}
.headline .sub{font-size:.85rem;color:var(--muted);margin-top:6px}

/* טאבים */
.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{
  flex:0 0 auto;background:var(--card);border:1px solid var(--line);color:var(--muted);
  padding:9px 15px;border-radius:999px;font-size:.9rem;font-family:inherit;cursor:pointer;
  white-space:nowrap;transition:.15s;
}
.tabs button.active{background:var(--gold);color:var(--on-accent);border-color:var(--gold);font-weight:700}

/* רשת ערכים */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.val-card{
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 12px 10px;
  cursor:pointer;transition:.15s;position:relative;box-shadow:var(--shadow);
}
.val-card:hover{border-color:var(--gold);transform:translateY(-1px)}
.val-card .name{font-size:.82rem;color:var(--muted);font-weight:700}
.val-card .value{font-size:1.7rem;font-weight:800;color:var(--navy);margin-top:2px;overflow-wrap:anywhere}
.val-card .value.long{font-size:1.05rem;line-height:1.3;direction:ltr;text-align:right}
.val-card .desc{font-size:.7rem;color:var(--muted);margin-top:3px;line-height:1.35}
.val-card.primary{background:linear-gradient(160deg,var(--card),#f8efd8);border-color:var(--gold)}
.val-card.primary .value{color:var(--accent)}

/* פס תכונות המספר */
.num-props{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:10px 14px;box-shadow:var(--shadow);font-size:.88rem;
}
.np-title{color:var(--muted);font-weight:700}
.np-item{background:var(--well);border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--ink)}
.np-item b{color:var(--navy)}
.np-label{color:var(--muted);margin-inline-end:6px;font-size:.8em}
.np-prime{background:var(--gold-soft);color:var(--gold);font-weight:700}
.np-fig{background:#e8efe6;color:var(--ok);font-weight:700}
.np-more{
  margin-inline-start:auto;border:none;background:none;color:var(--gold);
  font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;padding:4px;
}
.np-more:hover{color:var(--accent)}

/* רשימת הערכים של הרב */
.rav-list{
  margin-top:12px;background:linear-gradient(160deg,var(--card),#f8efd8);
  border:1px solid var(--gold);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow);
}
.rav-list h4{margin:0 0 10px;color:var(--navy);font-size:1rem}
.rav-entry{
  font-size:.95rem;line-height:1.75;color:var(--ink);padding:7px 0;
  border-top:1px dashed var(--line);
}
.rav-entry:first-of-type{border-top:none}
.rav-entry b{color:var(--accent);font-weight:800}
.rav-src{margin-top:8px;font-size:.72rem;color:var(--muted);text-align:left}
.rav-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
.rav-nav-label{font-size:.72rem;color:var(--muted)}
.rav-go{border:1px solid var(--line);background:var(--well);color:var(--navy);font-family:inherit;font-weight:700;font-size:.9rem;padding:5px 14px;border-radius:999px;cursor:pointer;direction:ltr}
.rav-go:hover{border-color:var(--gold);color:var(--accent)}

/* פירוט */
.breakdown{
  margin-top:14px;background:var(--card);border:1px solid var(--gold);border-radius:12px;
  padding:14px;box-shadow:var(--shadow);
}
.breakdown h4{margin:0 0 8px;color:var(--navy)}
.letters-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.letter-chip{
  display:grid;place-items:center;min-width:2.4em;padding:6px 8px;background:var(--well);
  border:1px solid var(--line);border-radius:8px;
}
.letter-chip .l{font-size:1.3rem;font-weight:800;color:var(--navy)}
.letter-chip .v{font-size:.8rem;color:var(--accent);font-weight:700}
.breakdown .search-link{margin-top:8px}

/* בלוקי פעולות */
.op-block{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow)}
.op-block h3{margin:0 0 4px;color:var(--navy);font-size:1.05rem}
.op-block h3 small,.op-block small{display:block;font-weight:400;color:var(--muted);font-size:.78rem;margin-top:2px}
.two-inputs{display:flex;align-items:center;gap:10px;margin:10px 0}
.two-inputs input{flex:1;font-size:1.2rem;text-align:center;padding:8px;border:1px solid var(--line);border-radius:8px;font-family:inherit;background:var(--well);color:var(--navy);font-weight:700}
.times{font-size:1.3rem;color:var(--gold);font-weight:800}
.op-result{font-size:.95rem;margin-top:8px}
.op-result .r-big{font-size:1.6rem;font-weight:800;color:var(--accent)}
.op-result table{width:100%;border-collapse:collapse;margin-top:8px;font-size:.9rem}
.op-result td,.op-result th{border:1px solid var(--line);padding:5px 8px;text-align:center}
.op-result th{background:var(--well);color:var(--navy)}
.hl{color:var(--accent);font-weight:800}
.eq-note{background:var(--well);border-right:3px solid var(--gold);padding:6px 10px;border-radius:6px;margin-top:6px;font-size:.85rem}

/* מספרים צורניים */
.fig-of{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow)}
.chips{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;align-items:flex-start}
.fig-draw{background:var(--well);border:1px solid var(--line);border-radius:10px;padding:10px 14px;text-align:center}
.fig-draw svg{max-width:100%;height:auto}
.fig-cap{font-size:.9rem;color:var(--navy);margin-bottom:6px}
.fig-cap b{color:var(--accent)}
.chip{background:var(--gold-soft);color:var(--gold);padding:6px 12px;border-radius:999px;font-size:.9rem;font-weight:700}
.chip.none{background:#eee;color:var(--muted)}
.fig-gen{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}
.gen-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:8px 0}
select,input[type=number]{font-family:inherit;font-size:1rem;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--well);color:var(--navy)}
.dots{margin-top:12px;font-family:monospace;line-height:1.15;color:var(--navy);font-size:14px;overflow-x:auto}
.dots .r{white-space:pre}
.series-list{font-family:monospace;color:var(--navy);margin-top:6px;word-spacing:.3em;direction:ltr;text-align:right}
.series-list b{color:var(--accent)}

/* חיפוש */
.search-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:var(--shadow)}
.search-controls label{font-size:.9rem;color:var(--muted)}
.scope-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.scope-toggle button{border:none;background:var(--card);padding:7px 16px;font-family:inherit;cursor:pointer;color:var(--muted)}
.scope-toggle button.active{background:var(--gold);color:var(--on-accent);font-weight:700}
.search-status{margin:12px 2px;color:var(--muted);font-size:.9rem}
.search-results{display:flex;flex-direction:column;gap:8px}
.res-word{display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 12px;margin:3px;font-size:1.15rem;font-weight:700;color:var(--navy);cursor:pointer}
.res-word:hover{border-color:var(--gold)}
.res-verse{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:var(--shadow)}
.res-verse .ref{font-size:.78rem;color:var(--gold);font-weight:700}
.res-verse .txt{font-size:1.18rem;margin-top:3px;color:var(--ink);font-family:var(--font-tanakh)}
#wordResults{display:flex;flex-wrap:wrap}
.res-word small{color:var(--muted);font-weight:400;font-size:.72em}
.res-word.open{background:var(--gold);color:var(--on-accent);border-color:var(--gold)}
.context-panel{background:var(--well);border:1px solid var(--gold);border-radius:12px;padding:12px;margin:10px 0;box-shadow:var(--shadow)}
.ctx-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;color:var(--navy)}
.ctx-head .chip{cursor:pointer;border:none;font-family:inherit;font-size:.85rem}
.context-panel .res-verse{margin-bottom:8px}
.context-panel .txt,.res-verse .txt{line-height:1.9}
mark{background:var(--gold-soft);color:var(--ink);font-weight:800;border-radius:4px;padding:0 2px}
.mini-find{border:none;cursor:pointer;font-family:inherit;font-size:.78rem;margin-inline-start:8px;vertical-align:middle}

footer{text-align:center;color:var(--muted);font-size:.78rem;padding:18px 14px 40px}
footer i{color:var(--navy)}

@media(max-width:520px){
  .topbar h1{font-size:1.55rem}
  #mainInput{font-size:1.25rem}
  .grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
}