:root{--bg:#f5f1e6;--surface:#fff;--surface-2:#f8f5ec;--text:#111;--muted:#4b4b4b;--border:#d8d3c4;--primary:#5fb57a;--primary-text:#111;--accent:#5fb57a;--accent-soft:#dff0e4;--ok:#276b3e;--ok-bg:#e3f3e8;--bad:#b3261e;--bad-bg:#fcecea;--focus:#1f6feb;--radius:16px;--radius-sm:10px;--shadow:none;--ease:cubic-bezier(.2, .8, .2, 1);--ink:#111;--btn-hover-bg:#111;--btn-hover-text:#fff;--topbar-line:#111;--nav-current-bg:#111;--nav-current-text:#fff;--wheel-line:#111;--wheel-rim:#111;--mascot-beanie:#1d1d1f;--mascot-shirt:#18181a;--mascot-tag:#b98158;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Hebrew,Arial Hebrew,sans-serif;font-size:106.25%;line-height:1.6}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1411;--surface:#171f1a;--surface-2:#1d2822;--text:#edf3ef;--muted:#a9b9ae;--border:#2c3a31;--primary:#5fb57a;--primary-text:#0b1510;--accent:#5fb57a;--accent-soft:#1f3a2a;--ok:#7fd69b;--ok-bg:#16301f;--bad:#ff9d92;--bad-bg:#3a1d1b;--focus:#8ab4ff;--ink:#0b1510;--btn-hover-bg:#86d19f;--btn-hover-text:#0b1510;--topbar-line:#2c3a31;--nav-current-bg:#5fb57a;--nav-current-text:#0b1510;--wheel-line:#0b1510;--wheel-rim:#edf3ef;--mascot-beanie:#5fb57a;--mascot-shirt:#2d4a38;--mascot-tag:#f4cf5d}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5rem;line-height:1.25}h1{font-size:clamp(1.65rem,6.5vw,2.25rem)}h2{font-size:clamp(1.3rem,5vw,1.6rem)}h3{font-size:1rem}p{margin:0 0 .85rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.focus-heading:focus,[tabindex="-1"]:focus{outline:none}.focus-heading{scroll-margin-block-start:5rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}.skip-link{background:var(--surface);color:var(--text);z-index:20;border-radius:8px;padding:.5rem .75rem;position:absolute;inset-block-start:-3rem;inset-inline-start:.5rem}.skip-link:focus{inset-block-start:.5rem}.math,.equation{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.math,.equation__term{white-space:nowrap}.equation{background:var(--surface-2);border:1px solid var(--border);text-align:left;border-radius:8px;inline-size:fit-content;max-inline-size:100%;margin:.5rem auto .5rem 0;padding:.3rem .75rem;font-weight:600;line-height:1.5;display:block}[dir=rtl] .equation{margin:.5rem 0 .5rem auto}.address{white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);color:var(--text);direction:ltr;unicode-bidi:isolate;border-radius:6px;padding:.05rem .3rem;font-family:ui-monospace,Cascadia Mono,Consolas,Liberation Mono,monospace;font-size:.88em}.address--block{white-space:normal;overflow-wrap:anywhere;text-align:left;inline-size:fit-content;max-inline-size:100%;margin:.35rem auto .35rem 0;padding:.25rem .5rem;display:block}[dir=rtl] .address--block{margin:.35rem 0 .35rem auto}.address__part{white-space:nowrap}.typed{white-space:nowrap;background:var(--surface);border:1px solid color-mix(in srgb, var(--text) 30%, var(--border));-webkit-box-decoration-break:clone;box-decoration-break:clone;unicode-bidi:isolate;border-radius:6px;padding:.05rem .4rem;font-style:normal}.typed--block{white-space:normal;inline-size:fit-content;max-inline-size:100%;margin:.4rem auto .4rem 0;padding:.35rem .65rem;line-height:1.5;display:block}[dir=rtl] .typed--block{margin:.4rem 0 .4rem auto}.block-line{align-items:last baseline;margin-block:.4rem;display:flex}.block-line>.typed--block,.block-line>.address--block,.block-line>.equation{min-inline-size:0;margin:0}.block-line__punct{flex:none;padding-inline-start:.15em}.address__mark{background:var(--accent-soft);color:inherit;border-block-end:2px solid var(--accent);padding:0 .05rem;font-weight:700}.recall__study{margin-block-end:1rem}.recall__label{color:var(--muted);margin-block-end:.25rem;font-size:.9rem}.recall__study .equation{letter-spacing:.08em;padding:.4rem 1rem;font-size:1.6rem}.recall__actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-block-end:1rem;display:flex}.icon{vertical-align:-.2em;flex:none;block-size:1.15em;inline-size:1.15em;display:inline-block}:root,[dir=ltr]{--dir:1}[dir=rtl]{--dir:-1}.icon--directional{transform:scaleX(var(--dir))}.app{flex-direction:column;min-block-size:100vh;display:flex}.topbar{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1.5px solid var(--topbar-line);z-index:10;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex;position:sticky;inset-block-start:0}.topbar__end{align-items:center;gap:.25rem;display:flex}.brand{white-space:nowrap;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.brand__mark{background:conic-gradient(#5fb57a 0 25%, #f4cf5d 0 50%, #ef8f74 0 75%, #8ebbe8 0);border-radius:50%;flex:none;block-size:1.1rem;inline-size:1.1rem}.nav{gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.nav__btn{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;min-block-size:44px;padding:.45rem .75rem;font-size:.95rem;display:inline-flex}.nav__btn:hover{background:var(--surface-2)}.nav__btn[aria-current=page]{background:var(--nav-current-bg);color:var(--nav-current-text)}.badge{background:var(--border);min-inline-size:1.4rem;color:var(--text);text-align:center;border-radius:999px;padding:0 .35rem;font-size:.78rem}.icon-btn{block-size:44px;inline-size:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover,.icon-btn[aria-expanded=true]{background:var(--surface-2)}.main{flex:1;inline-size:100%;max-inline-size:40rem;margin:0 auto;padding:1.25rem 1rem 2.5rem}.footer{text-align:center;padding:1rem}.footer__link{font:inherit;min-block-size:44px;color:var(--text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:.25rem;text-decoration:underline}.plans{margin-block-start:1.25rem}.plans__title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:center;margin:0 0 .6rem;font-size:.85rem;font-weight:700}[lang=he] .plans__title{letter-spacing:0}.plans__grid{gap:.75rem;display:grid}@media (width>=560px){.plans__grid{grid-template-columns:1fr 1fr;align-items:start}}.plan{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:1rem 1.1rem}.plan--plus{border-style:dashed;border-color:color-mix(in srgb, var(--accent) 60%, var(--border))}.plan__head{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .25rem;display:flex}.plan__name{font-size:1.05rem;font-weight:700}.plan__price{margin:0 0 .5rem;font-weight:600}.plan--free .plan__price .math{font-size:1.2rem;font-weight:700}.plan__features{margin:0 0 .6rem;padding:0;list-style:none}.plan__features li{align-items:baseline;gap:.45rem;display:flex}.plan__features li+li{margin-block-start:.3rem}.plan__features .icon{flex:none;block-size:1rem;inline-size:1rem;position:relative;inset-block-start:.15rem}.plan--free .plan__features .icon{color:var(--ok)}.plan--plus .plan__features .icon{color:var(--muted)}.plus__name:focus{outline:none}.plus__name:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}.plus__planned{margin:.6rem 0 .25rem;font-weight:600}.plus-teaser{text-align:center;margin:.4rem 0 0;font-size:.92rem}.plus-teaser .btn--link{min-block-size:44px;font-weight:600;text-decoration:none}.plus-teaser__text{text-underline-offset:3px;text-decoration:underline}.plus-teaser .tag{white-space:nowrap;margin-inline-end:.2rem}.plus__thanks{margin:0;font-weight:600}.plus__form{margin:.75rem 0 0}.plus__form a{color:var(--text);text-underline-offset:3px;font-weight:600}.tag--soft{background:var(--accent-soft);color:var(--text)}.privacy h2{font-size:1.1rem}.privacy .card p:last-child{margin-block-end:0}.error-screen{text-align:center;margin-block-start:2rem}.lead{color:var(--muted);font-size:1.08rem}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-block-end:.35rem;font-size:.78rem;font-weight:700}[lang=he] .eyebrow{letter-spacing:0}.lang-switch{border:1px solid var(--border);background:var(--surface);min-block-size:44px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.9rem;font-weight:600;display:inline-flex}.lang-switch:hover{background:var(--surface-2)}.lang-switch .icon{block-size:18px;inline-size:18px}.theme-toggle{border:1px solid var(--border);background:var(--surface);block-size:44px;inline-size:44px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:1rem 0;padding:1.1rem 1.2rem}.card--danger{border-color:color-mix(in srgb, var(--bad) 45%, var(--border))}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.875rem;display:flex}.meta__time{align-items:center;gap:.3rem;display:inline-flex}.tag{background:var(--accent);color:#1d2333;border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:700}.tag--review{background:var(--border);color:var(--text)}.tag--ok{background:var(--ok-bg);color:var(--ok)}.btn{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%;font:inherit;cursor:pointer;min-block-size:46px;transition:transform .12s var(--ease), background-color .12s, box-shadow .12s;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1.3rem;font-weight:650;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--primary-text);border-color:var(--ink);box-shadow:calc(3px * var(--dir)) 3px 0 var(--ink)}.btn--primary:hover:not(:disabled){background:var(--btn-hover-bg);color:var(--btn-hover-text)}.btn--primary:active:not(:disabled){box-shadow:calc(1px * var(--dir)) 1px 0 var(--ink)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--text)}.btn--ghost{color:var(--text);background:0 0}.btn--ghost:hover{background:var(--surface-2)}.btn--danger{background:var(--bad);color:#fff}[data-theme=dark] .btn--danger{color:#1d2333}.btn--large{padding:.75rem 1.9rem;font-size:1.1rem}.btn--small{min-block-size:40px;padding:.35rem .9rem;font-size:.9rem}.btn--quiet{color:var(--text);text-underline-offset:3px;background:0 0;border-color:#0000;padding-inline:.6rem;text-decoration:underline}.btn--quiet:hover{background:var(--surface-2)}.btn--flow{--flow-ease:cubic-bezier(.23, 1, .32, 1);isolation:isolate;transition:transform .16s var(--ease), box-shadow .3s var(--flow-ease), border-radius .4s var(--flow-ease);padding-inline:1.4rem 2.7rem;position:relative;overflow:hidden}.btn--flow.btn--large{padding-inline:1.8rem 3.1rem}.flow__label{transition:transform .55s var(--flow-ease);display:inline-block}.flow__arrow{align-items:center;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .25s;display:flex;position:absolute;inset-block:0}.flow__arrow--out{inset-inline-end:1.1rem}.flow__arrow--in{opacity:0;transform:translateX(calc(-2.6rem * var(--dir)));inset-inline-start:.85rem}@media (hover:hover){.btn--flow:hover:not(:disabled) .flow__arrow--out{opacity:0;transform:translateX(calc(2.6rem * var(--dir)))}.btn--flow:hover:not(:disabled) .flow__arrow--in{opacity:1;transform:none}.btn--flow:hover:not(:disabled) .flow__label{transform:translateX(calc(1rem * var(--dir)))}.btn--flow:hover:not(:disabled){border-radius:16px}}.btn--flow:focus-visible .flow__arrow--out{opacity:0;transform:translateX(calc(2.6rem * var(--dir)))}.btn--flow:focus-visible .flow__arrow--in{opacity:1;transform:none}.btn--flow:focus-visible .flow__label{transform:translateX(calc(1rem * var(--dir)))}.btn--flow:active:not(:disabled){transform:scale(.96)}.btn--nudge .icon{transition:transform .22s var(--ease)}@media (hover:hover){.btn--nudge:hover:not(:disabled) .icon--forward{transform:translateX(calc(3px * var(--dir))) scaleX(var(--dir))}.btn--nudge:hover:not(:disabled) .icon--back{transform:translateX(calc(-3px * var(--dir))) scaleX(var(--dir))}.btn--nudge:hover:not(:disabled) .icon--check{transform:scale(1.18)}}.btn--nudge:focus-visible .icon--forward{transform:translateX(calc(3px * var(--dir))) scaleX(var(--dir))}.btn--nudge:focus-visible .icon--back{transform:translateX(calc(-3px * var(--dir))) scaleX(var(--dir))}.btn--nudge:focus-visible .icon--check{transform:scale(1.18)}.btn--ghost.btn--nudge{padding-inline:.75rem 1rem}.btn--link{color:var(--text);text-underline-offset:3px;background:0 0;border:0;min-block-size:44px;padding:.4rem 0;font-weight:600;text-decoration:underline}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.main:has(.home){max-inline-size:76rem}.home{isolation:isolate;grid-template-areas:"head""play";gap:1.25rem 3rem;padding-block:.25rem 0;display:grid;position:relative}.room{z-index:-1;block-size:calc(100% + 1.25rem);inline-size:calc(100% + 2rem);color:var(--text);opacity:.1;pointer-events:none;position:absolute;inset:-1.25rem -1rem 0}.room line{vector-effect:non-scaling-stroke}.home__head{text-align:start;grid-area:head;min-inline-size:0}.home__top{text-transform:uppercase;letter-spacing:.03em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin:0 0 .7rem;font-size:.78rem;font-weight:800;display:flex}[lang=he] .home__top{letter-spacing:0}.home__badge{border:1.5px solid var(--text);border-radius:999px;align-items:center;gap:.6em;padding-block:.15em;padding-inline:.15em .85em;display:inline-flex}.home__badge b{background:var(--accent);color:#0b1510;border-radius:999px;padding:.25em .9em}.home__name{font-weight:900}.home h1{text-align:start;margin:0}.home__title{letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(1.65rem,8.6vw,5.4rem);font-weight:900;line-height:.95;display:block}[lang=he] .home__title{letter-spacing:0;line-height:1.05}.home__line{display:block}.home__line:last-child{background:linear-gradient(var(--accent), var(--accent)) no-repeat 0 100% / 100% .12em;inline-size:fit-content;max-inline-size:100%}.home__word{white-space:nowrap}@media (hover:hover) and (pointer:fine){.home__ch{transition:transform .35s cubic-bezier(.3,1.6,.5,1),color .2s;display:inline-block}.home__ch:hover{transform:translateY(-.08em) rotate(calc(-4deg * var(--dir)));color:var(--accent)}}.home__pillrow{align-items:center;gap:.9rem;display:flex}.flower{aspect-ratio:1;flex:none;inline-size:clamp(30px,9vw,56px);margin-block-start:.6rem;animation:14s linear infinite flower-turn}.flower svg{block-size:100%;inline-size:100%;transition:transform .5s cubic-bezier(.3,1.8,.5,1);display:block;overflow:visible}.flower path{fill:var(--surface);stroke:var(--text);stroke-width:2.6px;stroke-linejoin:round}.flower circle{fill:none;stroke:var(--text);stroke-width:2px}@media (hover:hover) and (pointer:fine){.flower:hover svg{transform:scale(1.18)rotate(40deg)}.home__pill-a,.home__pill-b{transition:transform .4s cubic-bezier(.3,1.6,.5,1),background-color .25s,color .25s}.home__pill:hover .home__pill-a{transform:rotate(calc(-3deg * var(--dir))) translateX(calc(-.15em * var(--dir)))}.home__pill:hover .home__pill-b{background:var(--text);color:var(--bg)}}@keyframes flower-turn{to{transform:rotate(360deg)}}.home__pill{min-inline-size:0;margin:.6rem 0 0;font-weight:800;display:inline-flex}.home__pill-a{z-index:1;background:var(--surface);color:var(--text);border:2px solid var(--text);border-radius:999px;padding:.5em 1.1em;position:relative}.home__pill-b{background:var(--accent);color:#0b1510;border:2px solid var(--text);border-start-start-radius:0;border-start-end-radius:999px;border-end-end-radius:999px;border-end-start-radius:0;margin-inline-start:-1.2em;padding-block:.5em;padding-inline:1.8em 1.3em}.home__play{grid-area:play;min-inline-size:0}.home .wheel{gap:.55rem;margin-block:.25rem 0}.home .wheel__stage{inline-size:min(74vw,320px,100svh - 25rem);min-inline-size:200px}.home__spinrow{justify-content:center;align-items:center;gap:.35rem;padding-block-end:3.9rem;display:flex}.home__mascot{flex:none;inline-size:clamp(76px,24vw,108px);margin-block:-.5rem -.25rem}.btn--spin{min-inline-size:10rem}@media (width>=900px){.home{grid-template:"head play"".play"1fr/minmax(0,1.1fr) minmax(0,1fr);align-items:start;padding-block:.5rem 0}.home__play{align-self:center}.home .wheel__stage{inline-size:min(36vw,420px);min-inline-size:0}.home__title{font-size:clamp(2.8rem,4.6vw,4.2rem)}.home__name{display:none}.home__spinrow{padding-block-end:0}.home__mascot{inline-size:190px;margin:0;position:absolute;inset-block-end:0;inset-inline-start:0}}@media (width<=899px) and (height<=720px){.home__title{font-size:1.6rem}.home__top{margin-block-end:.45rem}.home__pill{margin-block-start:.45rem}.home .wheel__stage{inline-size:min(74vw,320px,100svh - 27.5rem);min-inline-size:190px}}@media (width>=401px){.home__name{display:none}}@media (width<=899px) and (height<=600px){.main:has(.home){padding-block-start:.6rem}.home__title{font-size:1.45rem}#spin-help{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.home__spinrow{align-items:flex-start}}.mascot{position:relative}.mascot-char{aspect-ratio:600/720;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:40% 40% 8% 8%;inline-size:100%;margin:0;padding:0;display:block;position:relative}.mascot-char:focus-visible{outline:3px dashed var(--text);outline-offset:4px}.mascot-char svg{block-size:100%;inline-size:100%;display:block;overflow:visible}.mascot-tagwig{transform-box:fill-box;transform-origin:50% 0}.mascot-happy .mascot-tagwig{animation:.9s cubic-bezier(.3,1.6,.5,1) mascot-wiggle}.mascot-bubble{color:#111;border-radius:1.2em;text-align:start;inline-size:max-content;max-inline-size:min(11.5rem,62vw);box-shadow:3px 3px 0 var(--accent);transform-origin:100% 0;opacity:0;pointer-events:none;background:#fff;border:2px solid #111;border-end-start-radius:.2em;padding:.6em .9em;font-size:.82rem;font-weight:800;line-height:1.25;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .2s;position:absolute;inset-block-start:calc(100% - .4rem);inset-inline-end:0;transform:scale(0)rotate(-8deg)}.mascot-bubble[data-on=true]{opacity:1;transform:scale(1)rotate(-4deg)}[dir=rtl] .mascot-bubble{box-shadow:-3px 3px 0 var(--accent);transform-origin:0 0;transform:scale(0)rotate(8deg)}[dir=rtl] .mascot-bubble[data-on=true]{transform:scale(1)rotate(4deg)}@media (width>=900px){.mascot-bubble{transform-origin:0 100%;max-inline-size:82%;font-size:.88rem;inset-block-start:0;inset-inline:0 auto}}@keyframes mascot-wiggle{0%{transform:rotate(0)}25%{transform:rotate(-14deg)}55%{transform:rotate(9deg)}80%{transform:rotate(-4deg)}to{transform:rotate(0)}}.wheel{flex-direction:column;align-items:center;gap:.9rem;margin:1.25rem 0 .5rem;display:flex}.wheel__stage{aspect-ratio:1;inline-size:min(78vw,320px);position:relative}.wheel__clip{block-size:100%;inline-size:100%;box-shadow:calc(6px * var(--dir)) 6px 0 var(--accent);border-radius:50%;overflow:hidden}.wheel__disc{direction:ltr;block-size:100%;inline-size:100%;transition-property:transform;transition-timing-function:cubic-bezier(.15,.85,.2,1);display:block;position:relative}.wheel__pointer{inset-block-start:-14px;z-index:1;fill:var(--text);stroke:var(--surface);stroke-width:2px;position:absolute;left:50%;transform:translate(-50%)}.wheel__disc>svg{block-size:100%;inline-size:100%;display:block}.wheel__label-position{color:#1d2333;text-align:center;white-space:nowrap;width:39%;font-size:clamp(11.5px,3.6vw,13px);font-weight:700;line-height:1.2;position:absolute}.wheel__label-box{display:block;position:relative}.wheel__label{unicode-bidi:isolate}.wheel__measure{visibility:hidden;width:max-content;position:absolute;top:0;left:0}.wheel__seg path{stroke:var(--wheel-line);stroke-width:2px;transition:filter .3s}.wheel__seg.is-winner path{stroke:var(--surface);stroke-width:4px}.wheel__rim{fill:none;stroke:var(--wheel-rim);stroke-width:5px}.wheel__hub{fill:var(--surface);stroke:var(--text);stroke-width:3px}.result{text-align:start;animation:rise .26s var(--ease)}.result__title{font-size:1.2rem}.reveal{background:var(--surface);max-block-size:calc(100dvh - 2rem);inline-size:min(28rem,100vw - 2rem);color:var(--text);border:0;border-radius:22px;padding:0;box-shadow:0 24px 60px #0000004d}.reveal[open]{animation:reveal-in .32s var(--ease)}.reveal::backdrop{background:#12151d8c;animation:.24s ease-out fade-in}.reveal__body{text-align:center;border-block-start:6px solid var(--accent);padding:1.75rem 1.5rem 1.5rem;position:relative}.reveal__close{position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem}.reveal__title{margin-block-end:.75rem;font-size:clamp(1.4rem,6vw,1.75rem)}.reveal .meta{justify-content:center;margin-block-end:.9rem}.reveal__summary{color:var(--muted);font-size:1.05rem}.reveal__actions{flex-direction:column;align-items:stretch;gap:.5rem;margin-block-start:1.25rem;display:flex}.skill__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stepper{margin:.25rem 0 1.25rem}.stepper__list{grid-template-columns:repeat(4,1fr);gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.stepper__btn{inline-size:100%;font:inherit;color:var(--muted);text-align:start;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:.35rem;min-block-size:44px;padding:.25rem 0;font-size:.8rem;display:flex}button.stepper__btn{cursor:pointer}button.stepper__btn:hover .stepper__label{text-decoration:underline}.stepper__bar{background:var(--border);border-radius:999px;block-size:8px;margin-block-end:.45rem;position:relative;overflow:hidden}.stepper__fill{border-radius:inherit;background:var(--accent);transition:inline-size .45s var(--ease);position:absolute;inset-block:0;inset-inline-start:0}.stepper__bar:after{content:"";background:linear-gradient(to right, transparent calc(25% - 1px), var(--bg) calc(25% - 1px) calc(25% + 1px), transparent calc(25% + 1px) calc(50% - 1px), var(--bg) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px) calc(75% - 1px), var(--bg) calc(75% - 1px) calc(75% + 1px), transparent calc(75% + 1px));position:absolute;inset:0}.stepper__btn{flex-direction:row;align-items:center}.stepper__mark{border:1.5px solid var(--border);border-radius:50%;flex:none;place-items:center;block-size:1rem;inline-size:1rem;display:inline-grid}.stepper__mark .icon{block-size:.7rem;inline-size:.7rem}.stepper__item--done .stepper__mark{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.stepper__item--current .stepper__mark{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}.stepper__item--current .stepper__btn{color:var(--text);font-weight:700}.stage{animation:rise .26s var(--ease)}.stage__actions{margin-block-start:1.5rem}.stage__actions--inline{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-start:.5rem;display:flex}.stage__nav{flex-wrap:wrap-reverse;justify-content:space-between;align-items:center;gap:.75rem;margin-block-start:1.5rem;display:flex}.stage__nav>.btn--primary{margin-inline-start:auto}.stage--intro .lead{font-size:1.15rem}.why{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);margin-block-start:1.5rem;padding:1.1rem 1.2rem}.why__title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.85rem}[lang=he] .why__title{letter-spacing:0}.why p{margin:0;font-size:1.05rem}.lesson-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:rise .24s var(--ease);padding:1.4rem 1.3rem}.lesson-card__body{max-inline-size:36rem;font-size:1.08rem;line-height:1.7}.keypoint{background:var(--accent-soft);border-inline-start:4px solid var(--accent);border-radius:var(--radius-sm);margin-block-start:1.1rem;padding:.85rem 1rem}.keypoint__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem;font-weight:700;display:block}[lang=he] .keypoint__label{letter-spacing:0}.keypoint__text{margin:.2rem 0 0;font-size:1.05rem;font-weight:700}.stage--example h2{font-size:clamp(1.15rem,4.6vw,1.35rem);line-height:1.4}.products{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:1rem 0;display:grid}.product{border-radius:var(--radius-sm);background:var(--surface);border:2px solid var(--border);flex-direction:column;gap:.15rem;padding:.9rem 1rem;transition:border-color .25s;display:flex;position:relative}.product__label{font-weight:700}.product__detail{color:var(--muted)}.product--best{border-color:var(--ok)}.badge-best{color:var(--ok);background:var(--ok-bg);animation:pop .2s var(--ease);border-radius:999px;align-self:flex-start;margin-block-start:.35rem;padding:.1rem .55rem;font-size:.75rem;font-weight:700}.steps{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.steps__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);animation:rise .24s var(--ease);align-items:flex-start;gap:.75rem;padding:.8rem 1rem;display:flex}.steps__num{background:var(--primary);block-size:1.7rem;inline-size:1.7rem;color:var(--primary-text);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:inline-grid}.conclusion{animation:rise .28s var(--ease);margin-block-start:1rem}.bars{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1rem;padding:1rem 1.1rem}.bars__caption{color:var(--muted);margin-block-end:.6rem;font-size:.85rem}.bars__row{grid-template-columns:minmax(6rem,auto) 1fr auto;align-items:center;gap:.65rem;padding:.3rem 0;display:grid}.bars__label{font-size:.92rem;font-weight:600}.bars__track{background:var(--surface-2);border-radius:999px;block-size:.7rem;overflow:hidden}.bars__fill{background:color-mix(in srgb, var(--muted) 55%, transparent);block-size:100%;animation:grow .6s var(--ease);transform-origin:0;border-radius:999px;display:block}[dir=rtl] .bars__fill{transform-origin:100%}.bars__row--best .bars__fill{background:var(--ok)}.bars__value{white-space:nowrap;font-size:.9rem}.bars__row--best .bars__value{color:var(--ok);font-weight:700}.callout{border-radius:var(--radius);padding:1.1rem 1.2rem}.callout--conclusion{background:var(--ok-bg);border:1px solid color-mix(in srgb, var(--ok) 35%, transparent)}.callout__title{text-transform:uppercase;letter-spacing:.06em;color:var(--ok);font-size:.78rem}[lang=he] .callout__title{letter-spacing:0}.callout__lead{font-size:1.12rem;font-weight:700}.callout p:last-child{margin-block-end:0}.practice__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.practice__count{margin:0;font-size:.9rem;font-weight:700}.qdots{gap:.4rem;margin:.25rem 0 1rem;padding:0;list-style:none;display:flex}.qdots__dot{background:var(--border);border-radius:50%;block-size:.7rem;inline-size:.7rem;transition:background-color .2s,transform .2s}.qdots__dot.is-current{outline:2px solid var(--primary);outline-offset:2px}.qdots__dot.is-correct{background:var(--ok)}.question{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:rise .24s var(--ease);padding:1.2rem}.question--correct{border-color:color-mix(in srgb, var(--ok) 60%, var(--border))}.question--incorrect{border-color:color-mix(in srgb, var(--bad) 60%, var(--border))}.question fieldset{border:0;min-inline-size:0;margin:0;padding:0}.question legend{max-inline-size:100%;margin-block-end:.9rem;padding:0}.question legend h2{margin:0}.question__num{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-block-end:.3rem;font-size:.78rem;font-weight:700;display:block}[lang=he] .question__num{letter-spacing:0}.question__prompt{font-size:1.1rem;font-weight:650;line-height:1.5;display:block}.choices{grid-template-columns:minmax(0,1fr);gap:.55rem;margin-block-end:1rem;display:grid}.choices__note{color:var(--muted);margin:0;font-size:.9rem}.choice{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;align-items:center;gap:.7rem;min-block-size:48px;min-inline-size:0;padding:.7rem .85rem;transition:border-color .12s,background-color .12s;display:flex}.choice:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.choice>span{overflow-wrap:anywhere;flex:1;min-inline-size:0}.question__prompt,.feedback,.typed--block{overflow-wrap:anywhere}.choice input{block-size:1.15rem;inline-size:1.15rem;accent-color:var(--primary);flex:none;margin:0}.choice:has(input:checked){border-color:var(--primary);background:var(--surface)}.choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}fieldset:disabled .choice{cursor:default}.numeric{margin-block-end:1rem}.numeric__label{color:var(--muted);margin-block-end:.35rem;font-size:.9rem;display:block}.numeric__row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.numeric input{max-inline-size:100%;font:inherit;font-variant-numeric:tabular-nums;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-block-size:48px;inline-size:8.5rem;color:var(--text);text-align:left;padding:.4rem .7rem;font-size:1.2rem}.numeric input:focus{border-color:var(--primary)}.numeric__unit{color:var(--muted)}.feedback:empty{display:none}.feedback__text{border-radius:var(--radius-sm);animation:rise .2s var(--ease);margin:1rem 0 0;padding:.75rem .9rem}.feedback__text--ok{background:var(--ok-bg);color:var(--text)}.feedback__text--ok strong{color:var(--ok)}.feedback__text--bad{background:var(--bad-bg);color:var(--text)}.feedback__text--bad strong{color:var(--bad)}.complete{text-align:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:1.25rem 1.1rem 1.4rem}.complete__badge{background:var(--ok-bg);block-size:2.6rem;inline-size:2.6rem;color:var(--ok);animation:pop .42s var(--ease);border-radius:50%;flex:none;place-items:center;font-size:1.4rem;display:inline-grid}.complete__head{justify-content:center;align-items:center;gap:.6rem;display:flex}.complete__head h2{margin:0}.complete__note{margin-block:0;font-size:.95rem}.complete__skill{color:var(--muted);font-weight:600}.complete__takeaway{text-align:start;background:var(--accent-soft);border-radius:var(--radius-sm);margin:.8rem 0;padding:.75rem .95rem}.complete__takeaway h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.78rem}[lang=he] .complete__takeaway h3{letter-spacing:0}.complete__takeaway p{margin:0;font-size:1.05rem;font-weight:600}.complete__actions{flex-direction:column;align-items:center;gap:.6rem;margin-block-start:.85rem;display:flex}.completed__list{margin:0;padding:0;list-style:none}.completed__item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.completed__info{flex:14rem;min-inline-size:0}.completed__name{margin:.35rem 0 0;font-size:1.08rem}.empty{text-align:center;padding-block-start:2rem}.notice{background:var(--bad-bg);color:var(--bad);border-radius:10px;padding:.75rem 1rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes fade-in{0%{opacity:0}}@keyframes reveal-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes grow{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after,.reveal::backdrop{transition:none!important;animation:none!important}}@media (width<=374px){.topbar{gap:.2rem;padding:.45rem .6rem}.equation{padding:.25rem .5rem;font-size:.9em}.lesson-card,.question{padding-inline:.9rem}.feedback__text{padding-inline:.7rem}.steps__item{gap:.5rem;padding-inline:.7rem}.brand{gap:.3rem;font-size:.88rem}.nav__btn{padding:.4rem .5rem;font-size:.88rem}.icon-btn{inline-size:40px}.stepper__btn{font-size:.72rem}.bars__row{grid-template-columns:1fr auto}.bars__track{grid-area:2/1/auto/-1}}@media (width<=400px){.brand__name{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.brand__mark{block-size:1.4rem;inline-size:1.4rem}}@media (width>=768px){.main{padding-block-start:2rem}.topbar{padding:.6rem 1.5rem}.lesson-card{padding:1.8rem 1.9rem}}@media (width<=400px){.topbar{gap:.3rem;padding-inline:.6rem}.nav__btn{gap:.25rem;padding-inline:.45rem;font-size:.85rem}.lang-switch{padding-inline:.55rem;font-size:.85rem}.lang-switch .icon{display:none}.theme-toggle{block-size:40px;inline-size:40px}}
