:root{--bg:#fffdf9;--card:#fff;--ink:#1a1a1a;--mut:#4a4a4a;--or:#c2410c;--red:#9f1239;--ol:#4d5b1f;--line:#e7e1d8}
*{box-sizing:border-box}body{margin:0;font-family:Rubik,Heebo,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
header{background:var(--ink);color:#fff;padding:.6rem 1rem}header a{color:#fff;text-decoration:none;font-weight:700}
nav{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}nav a{background:#333;padding:.35rem .8rem;border-radius:99px;font-size:.95rem}nav a.on{background:var(--or)}
main{max-width:760px;margin:auto;padding:1rem}h1{font-size:2rem;line-height:1.2;margin:.6rem 0}h2{font-size:1.45rem;margin:1.6rem 0 .6rem}h3{font-size:1.1rem;margin:.8rem 0 .3rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1rem;margin:1rem 0;box-shadow:0 2px 8px #0000000a}
.lbl{display:flex;align-items:center;gap:.4rem;font-weight:700;margin:.9rem 0 .4rem}.lbl svg{width:22px;height:22px;stroke:var(--or)}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}
.opts button{font:inherit;font-size:1.05rem;padding:.8rem .5rem;border:2px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;color:var(--ink);min-height:52px}
.opts button[aria-pressed=true]{border-color:var(--or);background:#fff1e6;font-weight:700}
input[type=range]{width:100%;accent-color:var(--or);height:36px}
.big{font-size:3.4rem;font-weight:800;color:var(--red);line-height:1.1;font-variant-numeric:tabular-nums}.unit{font-size:1.2rem;color:var(--mut)}
.res{text-align:center;padding:.6rem 0}.stat{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.stat div{min-width:120px}
.btn{font:inherit;font-weight:700;font-size:1.25rem;border:0;border-radius:14px;padding:.9rem 1.4rem;cursor:pointer;color:#fff;background:var(--or);min-height:56px}
.btn.alt{background:var(--ol)}.btn.gh{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.timer{text-align:center}.tdisp{font-size:5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);line-height:1}.tdisp.done{color:var(--red)}
.tphase{font-size:1.2rem;font-weight:700;color:var(--ol);min-height:1.6em}.trow{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.7rem}
.tip{background:#eef3e2;border-right:5px solid var(--ol);padding:.7rem 1rem;border-radius:10px;margin-top:.8rem}
.warn{background:#fde8ec;border-right:5px solid var(--red);padding:.7rem 1rem;border-radius:10px;font-weight:600}
.conv{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:end}.conv input,.conv select{font:inherit;font-size:1.3rem;padding:.6rem;border:2px solid var(--line);border-radius:10px;width:100%}
.conv .out{grid-column:1/-1;font-size:2.2rem;font-weight:800;color:var(--red);text-align:center}
.aff{border:2px dashed var(--mut);border-radius:12px;padding:.8rem;color:var(--mut)}
details{border-bottom:1px solid var(--line);padding:.5rem 0}summary{font-weight:700;cursor:pointer}
footer{text-align:center;padding:2rem 1rem;color:var(--mut)}footer a{color:var(--or);font-weight:700}
.egg{display:block;margin:auto;width:150px;height:150px}
#res{display:none;margin-top:1rem;background:#eef3e2;border-radius:14px;padding:1rem}#res h3{font-size:1.5rem;color:var(--ol);margin:0}
#res .time{font-size:1.8rem;font-weight:800;color:var(--red)}.note{color:var(--mut)}.share{display:inline-block;background:#128c4a;color:#fff;padding:.7rem 1.2rem;border-radius:12px;font-weight:700;text-decoration:none}
.sw{display:inline-block;width:18px;height:18px;border-radius:50%;margin-inline-end:.4rem;vertical-align:middle}.q h2{font-size:1.15rem}
html[lang=he] .guide[data-l=en],html[lang=en] .guide[data-l=he]{display:none}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin:.6rem 0}.tools a{display:block;text-align:center;padding:.9rem .4rem;border:2px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}.tools a:hover{border-color:var(--or)}
input[type=range]{direction:ltr}