@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c7104fc689f91cec-s.2oc8yur3f280s.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a26175ae00aab94b-s.3g419ihx2dxc-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ab71ef6cb3cac5a2-s.p.3moulrn_0vbty.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand Fallback;src:local(Arial);ascent-override:127.97%;descent-override:38.32%;line-gap-override:0.0%;size-adjust:81.43%}.EK4SjG_className{font-family:Patrick Hand,Patrick Hand Fallback;font-style:normal;font-weight:400}.EK4SjG_variable{--font-patrick-hand:"Patrick Hand", "Patrick Hand Fallback"}
@font-face{font-family:Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(../media/05204b92377ecee5-s.01zfytejcc7g-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(../media/972f0c4ef9dd6ef5-s.2ro0jw3l5-zyd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dancing Script;font-style:normal;font-weight:600;font-display:swap;src:url(../media/af2db5ff72e9076c-s.p.3q05dvskj5spf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Dancing Script Fallback;src:local(Arial);ascent-override:112.99%;descent-override:34.39%;line-gap-override:0.0%;size-adjust:81.43%}.yZ0pqW_className{font-family:Dancing Script,Dancing Script Fallback;font-style:normal;font-weight:600}.yZ0pqW_variable{--font-dancing-script:"Dancing Script", "Dancing Script Fallback"}
@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e27b85d01cb4b1af-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/10e5db483fb7b6ef-s.p.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/01a1b57b2e0cef27-s.1vcas2uk12q5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/648e19a466ec92f1-s.2demiz2t05dx4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/29e2a75af8e45044-s.p.2kjei9psvcorz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e27b85d01cb4b1af-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/10e5db483fb7b6ef-s.p.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/01a1b57b2e0cef27-s.1vcas2uk12q5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/648e19a466ec92f1-s.2demiz2t05dx4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/29e2a75af8e45044-s.p.2kjei9psvcorz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}._5nbm-a_className{font-family:Nunito,Nunito Fallback;font-style:normal}._5nbm-a_variable{--font-nunito:"Nunito", "Nunito Fallback"}
:root{--paper:#f4ede1;--rule:#ded2bf;--rule-phone:#e4d9c8;--ink:#3b2e25;--ink-soft:#6e5e50;--crossed:#a89a8a;--border:#cdbfaa;--card:#fbf7f0;--accent:#8a5e3c;--font-title:"Margin Hebrew", var(--font-dancing-script), "Dancing Script", cursive;--font-item:"Margin Hebrew", var(--font-patrick-hand), "Patrick Hand", cursive;--font-ui:var(--font-nunito), "Nunito", sans-serif;--size-title:76px;--size-item:38px;--size-qty:24px;--size-label:14px;--size-note:30px;--pad-board:56px 64px;--gap-columns:56px;--gap-groups:48px;--space-label:8px;--space:8px;--list-step-1:.895;--list-step-2:.79;--list-step-3:.684;--writing-space:.25;--size-onb-title:68px;--size-onb-help:20px;--size-onb-card:44px;--size-onb-small:36px;--size-onb-number:84px;--size-onb-sub:16px;--size-onb-tick:16px;--size-onb-cta:22px;--size-onb-logo:190px;--row-onb-cta:72px;--row-onb-tall:200px;--row-onb-row:104px;--pad-onb:48px 64px 64px;--draw-logo:2.6s;--size-voice-words:40px;--voice-line-height:140px;--voice-line-bottom:48px;--voice-words-bottom:204px;--voice-mask:#000;--timer-right:56px;--timer-bottom:56px;--timer-strip:340px;--timer-lift:0px;--size-timer:220px;--size-timer-time:64px;--size-timer-time-long:50px;--size-timer-name:34px;--size-timer-done-name:40px;--size-timer-done-ready:36px;--size-timer-small:120px;--size-timer-small-time:36px;--size-timer-small-time-long:28px;--size-timer-small-name:26px;--size-menu-page:40px;--row-menu-page:72px;--menu-width:380px;--menu-left:56px;--menu-top:140px;--shadow-menu:0 18px 40px -24px #3b2e2573;--size-page-hint:16px;--size-recipe-name:42px;--size-recipe-small:15px;--size-recipe-title:60px;--size-recipe-row:26px;--size-recipe-step:25px;--size-recipe-number:30px;--size-recipe-tag:12px;--size-recipe-create:20px;--row-recipe-create:72px;--row-recipe-card:168px;--row-recipe-ingredient:42px;--rule-recipe:#e9e0d2;--size-create-title:56px;--size-create-name:34px;--size-create-line:28px;--row-create-name:84px;--row-box-preview:42px;--row-box:76px;--size-box-text:36px;--size-box-number:34px;--size-box-title:64px;--pad-box:40px 56px 48px;--pad-box-bottom:48px;--ink-line:3px;--dim:#3b2e2561;--size-meal-title:64px;--size-meal-step:22px;--size-meal-tag:13px;--pad-meal:36px;--size-meal-row:30px;--row-meal:52px;--site-max:1080px;--site-gutter:20px;--site-gap:clamp(64px, 12vw, 128px);--size-site-h2:clamp(38px, 7vw, 54px);--size-site-lead:clamp(28px, 5.4vw, 38px);--size-site-hand:clamp(24px, 4.4vw, 30px);--size-site-body:18px;--size-site-small:15px;--size-site-label:12px;--row-site-input:52px;--radius-site:14px;--shadow-site:0 30px 60px -36px #3b2e2580;--focus-site:0 0 0 3px #8a5e3c59;--size-title-phone:42px;--size-item-phone:24px;--size-qty-phone:17px;--size-sync-phone:14px;--pad-phone:24px 20px 48px;--row-phone:48px;--fade-leave:.6s;--scan-paper:#fff;--scan-ink:#000;--pen-width-min:1.5;--pen-width-max:6}
@font-face{font-family:Margin Hebrew;src:url(/fonts/playpen-sans-hebrew-400-hebrew.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font-ui);margin:0;padding:0}body.board{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}.pen-canvas{touch-action:none;background:var(--paper);width:100%;height:100%;display:block;position:fixed;inset:0}.board-list{padding:var(--pad-board);pointer-events:none;position:fixed;inset:0;overflow:hidden}.board-top{margin-bottom:var(--gap-groups);justify-content:space-between;align-items:center;display:flex}.board-qr{border:1px solid var(--border);width:48px;height:48px;color:var(--ink-soft);border-radius:12px;justify-content:center;align-items:center;display:flex}.board-qr svg{fill:none;stroke:currentColor;stroke-width:1.6px}.board-buttons{gap:calc(var(--space) * 1.5);display:flex}.board-mic[data-listening]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.voice-line{inset-inline:0;bottom:calc(var(--voice-line-bottom) + var(--timer-lift));z-index:3;width:100%;height:var(--voice-line-height);pointer-events:none;-webkit-mask-image:linear-gradient(to right, transparent, var(--voice-mask) 15%, var(--voice-mask) 85%, transparent);mask-image:linear-gradient(to right, transparent, var(--voice-mask) 15%, var(--voice-mask) 85%, transparent);position:fixed}.voice-line[data-active]{background:var(--paper)}.voice-words{inset-inline:0;bottom:calc(var(--voice-words-bottom) + var(--timer-lift));z-index:4;box-sizing:border-box;width:fit-content;max-width:calc(100% - calc(var(--space) * 8));padding:var(--space) calc(var(--space) * 2);background:var(--paper);pointer-events:none;text-align:center;font-family:var(--font-item);font-size:var(--size-voice-words);color:var(--ink);transition:opacity var(--fade-leave) ease;border-radius:12px;margin:0 auto;line-height:1.2;position:fixed}.voice-words[data-leaving]{opacity:0}.voice-words[data-reading]{animation:1.6s ease-in-out .8s infinite voice-breathe}@keyframes voice-breathe{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.voice-words[data-reading]{animation:none}}.voice-note{inset-inline:0;bottom:calc(calc(var(--space) * 5) + var(--timer-lift));z-index:4;max-width:calc(100% - calc(var(--space) * 4));pointer-events:none;text-align:center;font-family:var(--font-item);font-size:var(--size-note);color:var(--ink-soft);margin:0 auto;position:fixed}.board-title{font-family:var(--font-title);font-size:var(--size-title);color:var(--ink);margin:0;font-weight:600;line-height:1.1}.board-label{font-family:var(--font-ui);font-size:var(--size-label);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);margin:0;font-weight:700}.board-hint{font-family:var(--font-item);font-size:var(--size-note);color:var(--ink-soft);margin:0}.board-list{--list-scale:1}.board-list[data-step="1"]{--list-scale:var(--list-step-1)}.board-list[data-step="2"]{--list-scale:var(--list-step-2)}.board-list[data-step="3"]{--list-scale:var(--list-step-3)}.board-groups{column-gap:var(--gap-columns);row-gap:calc(var(--gap-groups) * var(--list-scale));grid-template-columns:1fr 1fr;align-items:start;display:grid}.board-more{margin-top:calc(var(--space) * .5);padding:calc(var(--space) * .5) 0}.board-group-label{padding-bottom:calc(var(--space-label) * var(--list-scale));border-bottom:1px solid var(--rule);margin-bottom:calc(var(--space-label) * var(--list-scale))}.board-items{margin:0;padding:0;list-style:none}.board-item{font-family:var(--font-item);font-size:calc(var(--size-item) * var(--list-scale,1));color:var(--ink);overflow-wrap:anywhere;line-height:1.25}.board-qty{font-size:calc(var(--size-qty) * var(--list-scale,1));color:var(--ink-soft)}.board-item.crossed .board-item-text,.board-item.crossed .board-qty{color:var(--crossed);text-decoration:line-through}.board-item.leaving,.phone-item.leaving{animation:leave var(--fade-leave) ease forwards}@keyframes leave{0%{opacity:1}to{opacity:0}}.qr-overlay{z-index:10;justify-content:center;align-items:center;gap:calc(var(--space) * 3);background:var(--paper);pointer-events:auto;flex-direction:column;display:flex;position:fixed;inset:0}.qr-code svg{width:min(60vw,420px);height:auto;display:block}.qr-text{font-family:var(--font-item);font-size:var(--size-note);color:var(--ink);margin:0}.phone{padding:var(--pad-phone);max-width:560px;margin:0 auto}.phone-top{margin-bottom:calc(var(--space) * 3)}.phone-title{font-family:var(--font-title);font-size:var(--size-title-phone);color:var(--ink);margin:0;font-weight:600;line-height:1.15}.phone-sync{font-family:var(--font-ui);font-size:var(--size-sync-phone);color:var(--ink-soft);margin:4px 0 0}.phone-hint{font-family:var(--font-item);font-size:var(--size-item-phone);color:var(--ink-soft)}.phone-group{margin-top:calc(var(--space) * 3)}.phone-items{margin:0;padding:0;list-style:none}.phone-item{border-bottom:1px solid var(--rule-phone)}.phone-item button{width:100%;min-height:var(--row-phone);align-items:center;gap:calc(var(--space) * 1.5);color:inherit;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:6px 0;display:flex}.phone-box{border:2px solid var(--accent);width:24px;height:24px;font-family:var(--font-ui);font-size:var(--size-onb-tick);color:var(--paper);border-radius:6px;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.phone-item.ticked .phone-box{background:var(--accent)}.phone-text{font-family:var(--font-item);font-size:var(--size-item-phone);color:var(--ink);overflow-wrap:anywhere}.phone-qty{font-size:var(--size-qty-phone);color:var(--ink-soft)}.phone-item.ticked .phone-text,.phone-item.ticked .phone-qty{color:var(--crossed);text-decoration:line-through}.phone-settings{margin-top:calc(var(--space) * 5);border-top:1px solid var(--rule-phone)}.phone-settings-toggle{width:100%;min-height:var(--row-phone);color:var(--ink-soft);font-family:var(--font-ui);font-size:var(--size-sync-phone);cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.phone-settings-body h3{margin:calc(var(--space) * 3) 0 var(--space)}.phone-chips{gap:var(--space);flex-wrap:wrap;display:flex}.phone-chip{min-height:var(--row-phone);min-width:var(--row-phone);padding:0 calc(var(--space) * 2);border:1.5px solid var(--rule);background:var(--card);color:var(--ink);font-family:var(--font-item);font-size:var(--size-qty-phone);cursor:pointer;border-radius:14px}.phone-chip[aria-pressed=true]{border:3px solid var(--ink)}.onb{box-sizing:border-box;max-width:800px;min-height:100dvh;padding:var(--pad-onb);gap:calc(var(--space) * 5);color:var(--ink);font-family:var(--font-item);flex-direction:column;margin:0 auto;display:flex}.onb-grow{flex-grow:1}.onb-top{justify-content:space-between;align-items:center;display:flex}.onb-back{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.onb-back svg{fill:none;width:20px;height:20px;stroke:var(--ink-soft);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.onb-top-spacer{width:48px}.onb-skip{min-height:48px;color:var(--ink-soft);font-family:var(--font-ui);font-size:var(--size-qty-phone);cursor:pointer;background:0 0;border:0;padding:0 4px}.onb-dots{gap:10px;display:flex}.onb-dot{background:var(--rule);border-radius:4px;width:8px;height:8px}.onb-dot.done{background:var(--ink)}.onb-dot.current{background:var(--ink);width:28px}.onb-heading{gap:calc(var(--space) * 1.5);margin-top:calc(var(--space) * 3);flex-direction:column;display:flex}.onb-heading h1{font-family:var(--font-title);font-size:var(--size-onb-title);margin:0;font-weight:600;line-height:1.1}.onb-heading p{font-family:var(--font-ui);font-size:var(--size-onb-help);color:var(--ink-soft);margin:0}.onb-grid{gap:calc(var(--space) * 2.5);display:grid}.onb-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.onb-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.onb-grid-fill>:last-child:nth-child(odd){grid-column:1/-1}.onb-card{border:1.5px solid var(--rule);background:var(--card);color:var(--ink);font-family:var(--font-item);cursor:pointer;border-radius:24px;position:relative}.onb-card[aria-pressed=true]{border:3px solid var(--ink)}.onb-card-tall{min-height:var(--row-onb-tall);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.onb-card-row{min-height:var(--row-onb-row);justify-content:space-between;align-items:center;gap:calc(var(--space) * 1.5);padding:0 calc(var(--space) * 3);text-align:start;display:flex}.onb-card-label{font-size:var(--size-onb-card)}.onb-card-label-small{font-size:var(--size-onb-small)}.onb-card-number{font-family:var(--font-title);font-size:var(--size-onb-number);font-weight:600;line-height:1}.onb-card-sub{font-family:var(--font-ui);font-size:var(--size-onb-sub);color:var(--ink-soft)}.onb-check{top:14px;background:var(--ink);border-radius:15px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;inset-inline-end:14px}.onb-check-mark{fill:none;width:15px;height:15px;stroke:var(--paper);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.onb-box{box-sizing:border-box;border:1.5px solid var(--border);border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.onb-box.on{border-color:var(--ink);background:var(--ink)}.onb-cta{min-height:var(--row-onb-cta);background:var(--ink);color:var(--paper);font-family:var(--font-ui);font-size:var(--size-onb-cta);cursor:pointer;border:0;border-radius:20px;font-weight:700}.onb-cta:disabled{background:var(--crossed);cursor:default}.onb-cta-short{width:360px}.onb-actions{gap:calc(var(--space) * 1.5);flex-direction:column;display:flex}.onb-text-button{min-height:48px;color:var(--ink-soft);font-family:var(--font-ui);font-size:var(--size-qty-phone);cursor:pointer;background:0 0;border:0;align-self:center}.onb-note{text-align:center;font-size:var(--size-note);color:var(--ink-soft);margin:0}.onb-qr{border:1.5px solid var(--rule);background:var(--card);border-radius:28px;justify-content:center;align-self:center;align-items:center;width:380px;height:380px;display:flex}.onb-qr .qr-code svg{width:300px}.onb-welcome{justify-content:center;align-items:center;gap:calc(var(--space) * 3)}.onb-logo{width:min(100%,640px);height:auto}.onb-logo text{font-family:var(--font-title);font-size:var(--size-onb-logo);fill:#0000;stroke:var(--ink);stroke-width:2.2px;stroke-dasharray:1400;stroke-dashoffset:1400px;animation:logo-draw var(--draw-logo) ease-in-out forwards, logo-fill .7s ease 2.3s forwards;font-weight:600}@keyframes logo-draw{to{stroke-dashoffset:0}}@keyframes logo-fill{to{fill:var(--ink);stroke-width:0}}.onb-later{align-items:center;gap:calc(var(--space) * 9);opacity:0;flex-direction:column;animation:.8s 2.9s forwards onb-fade-up;display:flex}@keyframes onb-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.onb-tagline{font-size:var(--size-onb-small);color:var(--ink-soft);margin:0}@media (prefers-reduced-motion:reduce){.onb-logo text{fill:var(--ink);stroke-width:0;stroke-dashoffset:0;animation:none}.onb-later{opacity:1;animation:none}}.onb-try{gap:calc(var(--space) * 3);height:100dvh}.onb-try .onb-heading{margin-top:0}.onb-steps{gap:calc(var(--space) * 1.5);font-family:var(--font-ui);font-size:var(--size-onb-help);flex-direction:column;display:flex}.onb-step{align-items:center;gap:calc(var(--space) * 1.5);color:var(--ink-soft);display:flex}.onb-step.current{color:var(--ink);font-weight:700}.onb-step.done span:last-child{text-decoration:line-through}.onb-step-mark{box-sizing:border-box;border:2.5px solid var(--rule);width:34px;height:34px;font-size:var(--size-onb-sub);border-radius:17px;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.onb-step.current .onb-step-mark{border-color:var(--ink)}.onb-step.done .onb-step-mark{border-color:var(--ink);background:var(--ink)}.onb-practice{border:2px dashed var(--border);background:var(--card);border-radius:28px;flex:1 1 0;min-height:0;position:relative;overflow:hidden}.pen-canvas-boxed{background:var(--card);position:absolute}.onb-practice-list{padding:calc(var(--space) * 5) calc(var(--space) * 6);pointer-events:none;position:absolute;inset:0}.onb-practice-list .board-group-label{width:300px}.onb-practice-item{align-items:center;gap:calc(var(--space) * 2);margin-top:calc(var(--space) * 1.5);font-family:var(--font-item);font-size:var(--size-onb-card);display:flex}.onb-practice-item.crossed>span:first-child{color:var(--crossed);text-decoration:line-through}.onb-practice-tag{border:1px solid var(--border);font-family:var(--font-ui);font-size:var(--size-onb-sub);color:var(--ink-soft);border-radius:999px;padding:4px 12px}body.onb-body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.meal-dim{z-index:5;background:var(--dim);position:fixed;inset:0}.meal{inset:4% calc(var(--space) * 7);box-sizing:border-box;--meal-bottom:var(--timer-lift);gap:calc(var(--space) * 1.75);padding:calc(var(--space) * 3.5) var(--pad-meal) calc(calc(var(--space) * 3.5) + var(--meal-bottom));border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:28px;flex-direction:column;display:flex;position:absolute}.meal-top{justify-content:space-between;align-items:center;display:flex}.meal-close{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.meal-close svg{fill:none;width:20px;height:20px;stroke:var(--ink-soft);stroke-width:1.8px;stroke-linecap:round}.meal-add{min-height:52px;padding:0 calc(var(--space) * 3);background:var(--ink);color:var(--paper);font-family:var(--font-ui);font-size:var(--size-qty-phone);cursor:pointer;border:0;border-radius:14px;font-weight:700}.meal-add:disabled{background:var(--crossed);cursor:default}.meal h2{font-family:var(--font-title);font-size:var(--size-meal-title);margin:0;font-weight:600;line-height:1.1}.meal-name-line{align-items:center;gap:calc(var(--space) * 1.75);flex-wrap:wrap;display:flex}.meal-servings{align-items:center;gap:calc(var(--space) * 1.5);font-family:var(--font-ui);font-size:var(--size-onb-sub);color:var(--ink-soft);flex-wrap:wrap;display:flex}.meal-step{border:1.5px solid var(--border);width:44px;height:44px;color:var(--ink);font-family:var(--font-ui);font-size:var(--size-meal-step);cursor:pointer;background:0 0;border-radius:22px}.meal-for{text-align:center;min-width:110px;color:var(--ink);font-weight:700}.meal-rows{min-height:0;margin-inline:calc(var(--pad-meal) * -1);border-top:1px solid var(--rule);flex:1 1 0;position:relative;overflow:hidden}.meal-rows-list{padding:0 var(--pad-meal);pointer-events:none;margin:0;list-style:none;position:absolute;inset:0}.meal-row{align-items:center;gap:calc(var(--space) * 1.75);box-sizing:border-box;height:var(--meal-row-height,var(--row-meal));border-bottom:1px solid var(--rule-phone);padding:0 4px;display:flex}.meal-row-text{font-family:var(--font-item);font-size:var(--meal-row-font,var(--size-meal-row));line-height:1.2}.meal-row-amount{font-family:var(--font-ui);font-size:var(--size-onb-sub);color:var(--ink-soft)}.meal-row.dim .meal-row-text,.meal-row.dim .meal-row-amount{color:var(--crossed)}.meal-row.crossed .meal-row-text{text-decoration:line-through;text-decoration-thickness:2px}.meal-grow{flex-grow:1}.meal-tag{border:1px solid var(--border);font-family:var(--font-ui);font-size:var(--size-meal-tag);letter-spacing:.06em;color:var(--ink-soft);border-radius:999px;padding:4px 10px;font-weight:700}.meal-one-item{min-height:44px;color:var(--ink-soft);font-family:var(--font-ui);font-size:var(--size-onb-sub);cursor:pointer;background:0 0;border:0;align-self:center;text-decoration:underline}.meal-note{text-align:center;font-family:var(--font-item);font-size:var(--size-qty);color:var(--ink-soft);margin:0}.board-new{background:var(--accent);vertical-align:middle;border-radius:4px;width:8px;height:8px;margin-inline-end:10px;display:inline-block}.added-note{inset-inline:0;bottom:calc(calc(var(--space) * 7) + var(--timer-lift));z-index:6;align-items:center;gap:calc(var(--space) * 2.5);width:fit-content;max-width:calc(100% - 32px);padding:calc(var(--space) * .75) calc(var(--space) * 2) calc(var(--space) * .75) calc(var(--space) * 3);background:var(--ink);color:var(--paper);font-family:var(--font-ui);font-size:var(--size-qty-phone);pointer-events:none;border-radius:16px;margin:0 auto;display:flex;position:fixed}.added-note button:disabled{opacity:.5}.added-note button{pointer-events:auto;min-height:44px;padding:0 var(--space);color:var(--paper);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.page-layer{transition:opacity var(--fade-leave) ease, visibility var(--fade-leave);opacity:0;visibility:hidden}.page-layer[data-active]{opacity:1;visibility:visible}.page-layer[data-active][data-dimmed]{opacity:.35}@media (prefers-reduced-motion:reduce){.page-layer{transition:none}}.page-hint{font-family:var(--font-ui);font-size:var(--size-page-hint);color:var(--ink-soft);margin:0}.onb-try-hint{margin:calc(var(--space) * 2) 0 0;text-align:center;font-family:var(--font-ui);font-size:var(--size-page-hint);color:var(--ink-soft)}.page-menu-back{z-index:7;position:fixed;inset:0}.page-menu{inset-inline-start:var(--menu-left);top:var(--menu-top);z-index:8;width:var(--menu-width);max-width:calc(100% - calc(var(--space) * 4));box-sizing:border-box;gap:calc(var(--space) * .5);padding:calc(var(--space) * 1.5);background:var(--card);border:1px solid var(--rule);box-shadow:var(--shadow-menu);border-radius:28px;flex-direction:column;display:flex;position:fixed}.page-menu button{align-items:center;gap:calc(var(--space) * 2);height:var(--row-menu-page);padding:0 calc(var(--space) * 2.5);color:var(--ink);font-family:var(--font-title);font-size:var(--size-menu-page);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:18px;font-weight:600;display:flex}.page-menu button[aria-current]{background:var(--paper)}.page-menu button span{flex-grow:1}.page-menu-check{background:var(--ink);width:30px;height:30px;color:var(--paper);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.page-menu-check svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.phone-reload{margin-top:calc(var(--space) * 2)}.recipes-page{box-sizing:border-box;flex-direction:column;display:flex}.recipes-page .board-top{margin-bottom:calc(var(--space) * 4)}.recipes-create{height:var(--row-recipe-create);justify-content:center;align-items:center;gap:calc(var(--space) * 1.5);margin-bottom:calc(var(--space) * 3);border:2px dashed var(--border);font-family:var(--font-ui);font-size:var(--size-recipe-create);color:var(--ink);border-radius:20px;flex:none;font-weight:700;display:flex}.recipes-create svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.recipes-scroll{box-sizing:border-box;min-height:0;padding-bottom:var(--timer-lift);flex:1;overflow:hidden}.recipes-grid{gap:calc(var(--space) * 2.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recipe-card{min-height:var(--row-recipe-card);box-sizing:border-box;gap:var(--space);padding:calc(var(--space) * 2.75) calc(var(--space) * 3);border:1.5px solid var(--rule);border-radius:24px;flex-direction:column;display:flex}.recipe-card-top{justify-content:space-between;align-items:flex-start;gap:calc(var(--space) * 1.25);display:flex}.recipe-card h2{min-width:0;font-family:var(--font-title);font-size:var(--size-recipe-name);overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.05}.recipe-card p{font-family:var(--font-ui);font-size:var(--size-recipe-small);color:var(--ink-soft);margin:0;line-height:1.45}.recipe-card-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recipe-tag-ours,.recipe-tag{padding:calc(var(--space) * .5) calc(var(--space) * 1.25);font-family:var(--font-ui);font-size:var(--size-recipe-tag);letter-spacing:.06em;white-space:nowrap;border-radius:999px;flex:none;font-weight:700}.recipe-tag-ours{background:var(--ink);color:var(--paper)}.recipe-tag{border:1px solid var(--border);color:var(--ink-soft)}.recipe{inset:calc(var(--space) * 6) calc(var(--space) * 5);--meal-bottom:0px}.recipe-create{--meal-bottom:var(--timer-lift)}.recipe-sheet>.meal-note{top:calc(-1 * var(--timer-lift))}.recipe-top{align-items:center;gap:calc(var(--space) * 1.5);display:flex}.recipe-button{min-height:52px;padding:0 calc(var(--space) * 2.75);border:1.5px solid var(--border);color:var(--ink);font-family:var(--font-ui);font-size:var(--size-qty-phone);cursor:pointer;background:0 0;border-radius:14px;font-weight:700}.recipe-head{justify-content:space-between;align-items:flex-end;gap:calc(var(--space) * 1.5);flex-wrap:wrap;display:flex}.recipe-name{flex-direction:column;gap:2px;min-width:0;display:flex}.recipe-name-line{align-items:center;gap:calc(var(--space) * 1.75);display:flex}.recipe .recipe-name-line h2{font-size:var(--size-recipe-title);overflow-wrap:anywhere;line-height:1.05}.recipe-help{font-family:var(--font-ui);font-size:var(--size-recipe-small);color:var(--ink-soft)}.recipe-servings{align-items:center;gap:calc(var(--space) * 1.25);font-family:var(--font-ui);display:flex}.recipe-body-wrap{flex:1;min-height:0;position:relative}.recipe-body{box-sizing:border-box;padding-bottom:var(--timer-lift);gap:calc(var(--space) * 1.5);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.recipe-body button{pointer-events:auto}.recipe-body>[data-part]{flex:none}.recipe-section{padding-bottom:calc(var(--space) * .75);border-bottom:1px solid var(--rule);flex:none;justify-content:space-between;align-items:baseline;display:flex}.recipe-add-missing{min-height:44px;color:var(--ink);font-family:var(--font-ui);font-size:var(--size-qty-phone);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.recipe-ingredients{column-gap:calc(var(--space) * 3.5);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.recipe-ingredient{min-height:var(--row-recipe-ingredient);align-items:center;gap:calc(var(--space) * 1.25);border-bottom:1px solid var(--rule-recipe);display:flex}.recipe-ingredient-name{font-family:var(--font-item);font-size:var(--size-recipe-row);line-height:1.2}.recipe-ingredient.dim .recipe-ingredient-name{color:var(--crossed)}.recipe-amount{font-family:var(--font-ui);font-size:var(--size-recipe-small);color:var(--ink-soft);flex:none}.recipe-steps{gap:calc(var(--space) * 1.25);font-family:var(--font-item);font-size:var(--size-recipe-step);flex-direction:column;flex:none;margin:0;padding:0;line-height:1.3;list-style:none;display:flex}.recipe-steps li{align-items:baseline;gap:calc(var(--space) * 1.75);display:flex}.recipe-step-number{min-width:22px;font-family:var(--font-title);font-size:var(--size-recipe-number);flex:none;font-weight:600}.recipe-ingredient.crossed .recipe-ingredient-name,.recipe-steps li.crossed span{color:var(--crossed);text-decoration:line-through}.recipe-mic{cursor:pointer;background:0 0;padding:0}.recipe-mic svg{fill:none;stroke:currentColor;stroke-width:1.6px}.recipe-delete{min-height:44px;padding:0 calc(var(--space) * 2);color:var(--ink-soft);font-family:var(--font-ui);font-size:var(--size-recipe-small);cursor:pointer;background:0 0;border:0;flex:none;align-self:center;text-decoration:underline}.recipe-create h2{font-size:var(--size-create-title)}.recipe-create>.recipe-help{margin:calc(var(--space) * -1) 0 0;font-size:var(--size-qty-phone)}.recipe-part{gap:var(--space);flex-direction:column;flex:1 1 0;min-height:0;display:flex}.recipe-part[data-part=name]{flex:none}.recipe-part-top{justify-content:space-between;align-items:center;display:flex}.recipe-part-box{min-height:var(--row-create-name);border:2px dashed var(--border);border-radius:20px;flex:1;position:relative;overflow:hidden}.recipe-create>:not(canvas){pointer-events:none;position:relative}.recipe-create .pen-canvas-boxed{border-radius:28px}.recipe-create button{pointer-events:auto}.recipe-sheet>:not(canvas){pointer-events:none;position:relative}.recipe-sheet .pen-canvas-boxed{border-radius:28px}.recipe-sheet button{pointer-events:auto}.recipe-sheet.editing [data-part],.recipe-sheet.editing h2[data-write]{border:2px dashed var(--border);padding:calc(var(--space) * 1.25) calc(var(--space) * 1.75);border-radius:20px}.recipe-part-tip{letter-spacing:0;text-transform:none;color:var(--crossed);font-weight:400}.recipe-part-lines{box-sizing:border-box;padding:calc(var(--space) * 1.75) calc(var(--space) * 2.75);pointer-events:none;font-family:var(--font-item);font-size:var(--size-create-line);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.recipe-part-lines p{height:var(--row-box-preview);line-height:var(--row-box-preview);white-space:nowrap;text-overflow:ellipsis;flex:none;margin:0;overflow:hidden}.recipe-part-more{font-family:var(--font-ui);font-size:var(--size-recipe-small);color:var(--ink-soft)}.recipe-part[data-part=name] .recipe-part-lines{font-size:var(--size-create-name)}.recipe-part-live{color:var(--ink-soft)}.recipe-step-time{color:inherit;font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--ink-soft);text-decoration-color:var(--ink-soft);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0}.recipe-note{padding:calc(var(--space) * 1.75) calc(var(--space) * 2.25);border:2px dashed var(--border);font-family:var(--font-ui);font-size:var(--size-qty-phone);color:var(--ink-soft);white-space:pre-wrap;border-radius:18px;flex:none;margin-top:auto}.timer-clocks{right:var(--timer-right);bottom:var(--timer-bottom);z-index:6;align-items:flex-end;gap:calc(var(--space) * 3);pointer-events:none;display:flex;position:fixed}.timer-clock{align-items:center;gap:var(--space);flex-direction:column;display:flex}.timer-ring{width:var(--size-timer);height:var(--size-timer);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.timer-ring.small{width:var(--size-timer-small);height:var(--size-timer-small)}.timer-ring.small .timer-time{font-size:var(--size-timer-small-time)}.timer-time[data-long]{font-size:var(--size-timer-time-long)}.timer-ring.small .timer-time[data-long]{font-size:var(--size-timer-small-time-long)}.timer-ring.small+.timer-name{max-width:var(--size-timer-small);font-size:var(--size-timer-small-name)}.timer-done.small{width:var(--size-timer-small);height:var(--size-timer-small)}.timer-done.small .timer-done-name,.timer-done.small .timer-done-ready{font-size:var(--size-timer-small-name)}.timer-clock.crossed{opacity:.35}.timer-clock.crossed .timer-name{text-decoration:line-through}.timer-ring svg{width:100%;height:100%;position:absolute;inset:0}.timer-track{fill:var(--card);stroke:var(--rule);stroke-width:3px}.timer-ink{fill:none;stroke:var(--ink);stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}@media (prefers-reduced-motion:reduce){.timer-ink{transition:none}}.timer-time{font-family:var(--font-title);font-size:var(--size-timer-time);font-variant-numeric:tabular-nums;color:var(--ink);justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}.timer-name{max-width:var(--size-timer);text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-item);font-size:var(--size-timer-name);color:var(--ink);line-height:1.2;overflow:hidden}.timer-clocks[data-over-popup] button{pointer-events:auto}.timer-done{width:var(--size-timer);height:var(--size-timer);justify-content:center;align-items:center;gap:calc(var(--space) * .5);padding:var(--space);background:var(--ink);color:var(--paper);cursor:pointer;border:0;border-radius:50%;flex-direction:column;animation:1.6s ease-in-out infinite timer-pulse;display:flex}@keyframes timer-pulse{50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.timer-done{animation:none}}.timer-done-name{font-family:var(--font-item);font-size:var(--size-timer-done-name);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.1;display:-webkit-box;overflow:hidden}.timer-done-ready{font-family:var(--font-title);font-size:var(--size-timer-done-ready);font-weight:600;line-height:1}.timer-done-actions{align-items:center;gap:var(--space);font-family:var(--font-ui);font-size:var(--size-qty-phone);color:var(--ink-soft);display:flex}.timer-done-actions button{min-height:48px;padding:0 var(--space);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.timer-card-back{z-index:7;position:fixed;inset:0}.timer-card{right:var(--timer-right);bottom:calc(var(--timer-bottom) + var(--size-timer) + var(--size-timer-name) + calc(var(--space) * 3));z-index:8;gap:var(--space);padding:calc(var(--space) * 1.5);background:var(--card);border:1px solid var(--rule);box-shadow:var(--shadow-menu);border-radius:20px;display:flex;position:fixed}.timer-card button{min-height:52px;padding:0 calc(var(--space) * 2.25);border:1.5px solid var(--border);color:var(--ink);font-family:var(--font-ui);font-size:var(--size-qty-phone);cursor:pointer;background:0 0;border-radius:14px;font-weight:700}.timer-card .timer-card-stop{border-color:var(--ink);background:var(--ink);color:var(--paper)}.phone-timers{margin-bottom:calc(var(--space) * 3);flex-direction:column;display:flex}.phone-timer{min-height:var(--row-phone);align-items:center;gap:calc(var(--space) * 1.5);border-bottom:1px solid var(--rule-phone);display:flex}.phone-timer-name{font-family:var(--font-item);font-size:var(--size-item-phone);flex-grow:1}.phone-timer-time{font-family:var(--font-title);font-size:var(--size-item-phone);font-weight:600}.phone-timer-time.ready{color:var(--ink)}.phone-timer button{min-height:44px;padding:0 calc(var(--space) * 2);border:1.5px solid var(--border);color:var(--ink);font-family:var(--font-ui);font-size:var(--size-sync-phone);cursor:pointer;background:0 0;border-radius:12px;font-weight:700}.recipe-box{box-sizing:border-box;gap:calc(var(--space) * 2);padding:var(--pad-box);padding-bottom:calc(var(--pad-box-bottom) + var(--timer-lift));background:var(--card);color:var(--ink);flex-direction:column;display:flex;position:fixed;inset:0}.recipe-box>:not(canvas){pointer-events:none;position:relative}.recipe-box button{pointer-events:auto}.recipe-box[data-busy] canvas{pointer-events:none}.recipe-box-top{align-items:center;gap:calc(var(--space) * 1.5);display:flex}.recipe-box-name{font-family:var(--font-ui);font-size:var(--size-qty-phone);color:var(--ink-soft)}.recipe-box h2{margin:var(--space) 0 calc(var(--space) * .5);font-family:var(--font-title);font-size:var(--size-box-title);font-weight:600;line-height:1.05}.recipe-box-rows{flex:1;min-height:0;overflow:hidden}.recipe-box-rows ol{margin:0;padding:0;list-style:none}.recipe-box-rows li{min-height:var(--row-box);box-sizing:border-box;align-items:flex-end;gap:calc(var(--space) * 1.75);padding-bottom:calc(var(--space) * 1.25);border-bottom:1px solid var(--rule);display:flex}.recipe-box-rows .recipe-step-number{width:var(--size-box-number);font-size:var(--size-box-number);line-height:1.1}.recipe-box-text{font-family:var(--font-item);font-size:var(--size-box-text);line-height:1.1}.recipe-box-rows li.crossed .recipe-box-text{color:var(--crossed);text-decoration:line-through;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-decoration-thickness:var(--ink-line)}.recipe-box-hint{text-align:center;font-family:var(--font-ui);font-size:var(--size-qty-phone);color:var(--ink-soft);margin:0}