@font-face{font-family:Figtree;src:url(/fonts/Figtree-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--door:#CFE1F3;--door-sheen:linear-gradient(90deg,rgba(255,255,255,.4),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 76%,rgba(255,255,255,.22));--door-ink:#1B2430;--door-ink-2:#1F3A5F;--paper:#FFFFFF;--ink:#1B2430;--ink-body:#2B3340;--ink-soft:#3E4654;--ink-2:#3E4E62;--ink-3:#5C6472;--ink-faint:#9AA3AF;--ink-solid:#1B2430;--on-ink-solid:#FFFFFF;--ink-bar:#1B2430;--rule:#E3EAF3;--rule-list:#E3EAF3;--rule-strong:#C9D2DE;--fill-quiet:#EEF2F7;--select-tint:#EEF4FC;--line-control:rgba(27,36,48,.18);--line-dashed:rgba(27,36,48,.25);--line-dashed-strong:rgba(27,36,48,.32);--slot-dash:rgba(27,36,48,.25);--knob:#FFFFFF;--knob-line:rgba(27,36,48,.12);--sticker-tile:#FFFFFF;--washi:rgba(255,255,255,.6);--toast-bg:rgba(30,34,42,.92);--toast-ink:#FFFFFF;--on-fill:#FFFFFF;--destructive:#C0292E;--planner-blue:#0C5AC8;--planner-blue-ledge:#0A3F8C;--planner-blue-hover:#0A4BA6;--planner-blue-ink:#0C5AC8;--planner-blue-tint:#EEF4FC;--planner-blue-outline:rgba(12,90,200,.5);--planner-blue-ring:rgba(12,90,200,.4);--list-purple:#7C3AED;--list-purple-ink:#6D28D9;--list-purple-tint:rgba(124,58,237,.12);--list-tick:#7C3AED;--list-aisle-1:#DDD6FE;--list-aisle-1-ink:#5B21B6;--list-aisle-2:#7C3AED;--list-aisle-2-ink:#FFFFFF;--list-aisle-3:#EBD9FC;--list-aisle-3-ink:#6B21A8;--list-aisle-4:#B4A6F6;--list-aisle-4-ink:#2E1065;--sticky-top:#FFF27E;--sticky-bottom:#FFE45A;--sticky-ink:#2A2410;--sticky-ink-body:#4A3D0E;--sticky-ink-2:#5B4B12;--sticky-rule:rgba(91,75,18,.35);--marker-blue:#1D4ED8;--marker-ink:#1E3A8A;--marker-rule:rgba(29,78,216,.25);--calendar-red:#D0353A;--calendar-red-ink:#D0353A;--calendar-cell:#F4F7FB;--plants-green:#1F8A4C;--plants-ring:#1F8A4C;--plants-sheet:linear-gradient(#EEF7EC,#E1F0DE);--plants-ink:#1F7A44;--plants-ink-2:#3E5A44;--plants-body:#24402B;--plants-tint:rgba(31,138,76,.12);--photo-green:linear-gradient(#E4F2DF,#CFE6C8);--margin-red:#F09497;--index-rule:#D3E3F5;--whiteboard:linear-gradient(135deg,#FFFFFF,#F2F6FA 60%,#FFFFFF);--receipt-paper:#FFFDF6;--receipt-ink:#262626;--freezer-panel:linear-gradient(#E4F3FA,#FFFFFF 72px);--freezer-cell:#F5FBFD;--key-face:linear-gradient(#FFFFFF,#E9EEF4);--key-ink:#1B2430;--key-on-face:linear-gradient(#FFD84D,#F2C230);--key-on-ink:#1B2430;--tape-fridge:#0C5AC8;--tape-pantry:#8A5A2B;--tape-freezer:#0E7490;--tape-list:#7C3AED;--tape-ink:#1B2430;--tape-plain:rgba(255,255,255,.72);--tape-plain-line:rgba(27,36,48,.16);--jar-face:#1B2A3A;--jar-shine:#FFFFFF;--jar-blush:#FF8FA3;--magnet-red:radial-gradient(circle at 35% 30%,#FF9A9A,#E5484D 55%,#B42A2F);--magnet-yellow:radial-gradient(circle at 35% 30%,#FFF1B8,#F2C230 55%,#B58F12);--magnet-blue:radial-gradient(circle at 35% 30%,#8FC2FF,#2F7DE1 55%,#1A55A6);--magnet-green:radial-gradient(circle at 35% 30%,#8DE0B0,#30A46C 55%,#1C7448);--status-good:#237A3B;--status-good-tint:rgba(35,122,59,.12);--status-heads-up:#9A4A08;--status-heads-up-tint:rgba(245,135,31,.18);--status-missing-ink:#8A4207;--status-soon:#C2410C;--status-now:#D93A3F;--status-soon-on-note:#9A3412;--status-now-on-note:#B42A2F;--status-good-on-note:#1F7036;--status-muted-on-note:#5C6472;--status-missing-dot:#D56C0A;--glass:rgba(255,255,255,.62);--glass-line:rgba(255,255,255,.85);--glass-selected:rgba(120,120,128,.14);--chrome-ink:#000000;--chrome-ink-2:rgba(60,60,67,.62);--chrome-accent:#0C5AC8;--shop-bg:#000000;--shop-row:#1C1C1E;--shop-row-done:#121214;--shop-track:#2C2C2E;--shop-accent:#A78BFA;--shop-accent-ink:#1B1030;--shop-aisle:#C4B5FD;--shop-dim:rgba(235,235,245,.62);--shop-ring:rgba(235,235,245,.34);--shop-line:rgba(84,84,88,.65);--surface-screen:var(--door);--surface-card:var(--paper);--surface-quiet:var(--fill-quiet);--text-primary:var(--ink);--text-body:var(--ink-body);--text-secondary:var(--ink-3);--text-on-door:var(--ink-2);--action:var(--planner-blue);--action-ledge:var(--planner-blue-ledge);--action-text:var(--on-fill);--action-ink:var(--planner-blue-ink);--action-tint:var(--planner-blue-tint);--action-outline:var(--planner-blue-outline);--action-ring:var(--planner-blue-ring);--on-list:var(--list-purple-ink);--on-list-tint:var(--list-purple-tint);--border-control:var(--rule-strong)}[data-theme=dark]{color-scheme:dark;--door:#0F1A27;--door-sheen:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0));--door-ink:#E8EDF3;--door-ink-2:#C9D8EA;--paper:#1D2733;--ink:#E8EDF3;--ink-body:#D3DAE3;--ink-soft:#C2CAD4;--ink-2:#B3C0CF;--ink-3:#94A0AF;--ink-faint:#6B7685;--ink-solid:#E8EDF3;--on-ink-solid:#111A25;--ink-bar:#0A1119;--rule:#2C3644;--rule-list:#2E3848;--rule-strong:#3D4959;--fill-quiet:#273241;--select-tint:#233349;--line-control:rgba(255,255,255,.2);--line-dashed:rgba(255,255,255,.26);--line-dashed-strong:rgba(255,255,255,.34);--slot-dash:#4A5668;--knob:#E6EBF1;--knob-line:rgba(0,0,0,.35);--sticker-tile:#2A3442;--washi:rgba(214,226,242,.26);--toast-bg:rgba(62,72,88,.96);--destructive:#FF8A8D;--on-fill:#FFFFFF;--planner-blue:#1A66D9;--planner-blue-ledge:#0B3C85;--planner-blue-hover:#B5D0FF;--planner-blue-ink:#8DB8FF;--planner-blue-tint:rgba(120,170,255,.14);--planner-blue-outline:rgba(141,184,255,.5);--planner-blue-ring:rgba(141,184,255,.45);--list-purple:#7340E0;--list-purple-ink:#C4A8FF;--list-purple-tint:rgba(168,130,255,.18);--list-tick:#B08CFF;--list-aisle-1:#3B2F7A;--list-aisle-1-ink:#E2DBFF;--list-aisle-2:#7340E0;--list-aisle-2-ink:#FFFFFF;--list-aisle-3:#4A2B70;--list-aisle-3-ink:#F0E0FF;--list-aisle-4:#2F3A8E;--list-aisle-4-ink:#D6D0FF;--sticky-top:#6B5816;--sticky-bottom:#5C4A10;--sticky-ink:#FFF4CC;--sticky-ink-body:#F3E6B5;--sticky-ink-2:#EAD9A0;--sticky-rule:rgba(255,236,170,.3);--marker-blue:#7FA8FF;--marker-ink:#A9C1F2;--marker-rule:rgba(127,168,255,.28);--calendar-red:#D0353A;--calendar-red-ink:#FF7A7E;--calendar-cell:#243041;--plants-ring:#5CC98A;--plants-sheet:linear-gradient(#18291F,#13231A);--plants-ink:#74D69B;--plants-ink-2:#A6C8B0;--plants-body:#CFE3D5;--plants-tint:rgba(116,214,155,.14);--photo-green:linear-gradient(#22362A,#1B2E22);--margin-red:#A9545A;--index-rule:#2A3A50;--whiteboard:linear-gradient(135deg,#222D3A,#1B2531 60%,#222D3A);--receipt-paper:#25282D;--receipt-ink:#D9D5CC;--freezer-panel:linear-gradient(#173141,#1D2733 72px);--freezer-cell:#1B2C38;--key-face:linear-gradient(#333E4D,#28323F);--key-ink:#E8EDF3;--tape-ink:#3A4657;--tape-list:#7C3AED;--tape-plain:rgba(255,255,255,.07);--tape-plain-line:rgba(255,255,255,.18);--jar-face:#1B2A3A;--jar-shine:#FFFFFF;--jar-blush:#FF8FA3;--status-good:#46B86C;--status-good-tint:rgba(70,184,108,.16);--status-heads-up:#F0A04B;--status-heads-up-tint:rgba(245,135,31,.2);--status-missing-ink:#F2A65A;--status-soon:#FF8A4C;--status-now:#FF6B6E;--status-soon-on-note:#FFC898;--status-now-on-note:#FFC2C2;--status-good-on-note:#9BE3B0;--status-muted-on-note:#E0D29C;--status-missing-dot:#F5871F;--glass:rgba(40,52,68,.62);--glass-line:rgba(255,255,255,.14);--glass-selected:rgba(255,255,255,.13);--chrome-ink:#FFFFFF;--chrome-ink-2:rgba(235,235,245,.6);--chrome-accent:#8DB8FF;--surface-screen:var(--door);--surface-card:var(--paper);--surface-quiet:var(--fill-quiet);--text-primary:var(--ink);--text-body:var(--ink-body);--text-secondary:var(--ink-3);--text-on-door:var(--ink-2);--action:var(--planner-blue);--action-ledge:var(--planner-blue-ledge);--action-text:var(--on-fill);--action-ink:var(--planner-blue-ink);--action-tint:var(--planner-blue-tint);--action-outline:var(--planner-blue-outline);--action-ring:var(--planner-blue-ring);--on-list:var(--list-purple-ink);--on-list-tint:var(--list-purple-tint);--border-control:var(--rule-strong)}:root{--font-sans:"Figtree",-apple-system,system-ui,sans-serif;--font-printed:"Space Mono",ui-monospace,Menlo,monospace;--font-body:var(--font-sans);--type-answer-size:44px;--type-answer-tracking:-1px;--type-answer-leading:1;--type-section-size:24px;--type-section-tracking:-.4px;--type-section-leading:1.15;--type-section-meta-size:13px;--type-card-size:24px;--type-card-tracking:-.3px;--type-card-leading:1.1;--type-row-size:18px;--type-row-leading:1.25;--type-body-size:15px;--type-body-leading:1.4;--type-ink-size:16px;--type-ink-leading:28px;--type-meta-size:13px;--type-meta-leading:1.35;--type-label-size:12px;--type-label-tracking:1px;--type-tape-size:13px;--type-tape-tracking:2.5px;--type-button-size:15px;--type-button-size-lg:17px;--type-footnote-size:12px;--type-footnote-leading:1.4;--type-printed-size:13px;--type-printed-leading:1.5;--text-min:12px}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--screen-edge:16px;--screen-top:108px;--screen-bottom:132px;--screen-bottom-floating:210px;--section-gap:48px;--title-gap:16px;--row-pad-y:10px;--row-pad-x:16px;--row-min:58px;--tap-min:44px;--magnet-size:30px;--sheet-inset:8px;--sheet-top:60px}:root{--radius-sticky:2px 2px 2px 18px / 2px 2px 2px 8px;--radius-tape:3px;--radius-index:4px;--radius-panel-sm:6px;--radius-panel:8px;--radius-key:10px;--radius-whiteboard:12px;--radius-sticker-sheet:16px;--radius-shop-row:18px;--radius-sheet:37px;--radius-sheet-foot:40px;--radius-pill:999px}:root{--shadow-paper:0 1px 1px rgba(20,40,70,.1),0 16px 20px -14px rgba(20,40,70,.55);--shadow-paper-sm:0 1px 1px rgba(20,40,70,.1),0 12px 14px -10px rgba(20,40,70,.5);--shadow-sticky:0 1px 1px rgba(60,50,0,.08),0 18px 18px -16px rgba(60,50,0,.55);--shadow-magnet:0 3px 4px rgba(20,30,50,.35),inset 0 -2px 3px rgba(0,0,0,.2);--shadow-tape:0 1px 2px rgba(0,0,0,.3);--shadow-tile:0 1px 1px rgba(20,40,70,.12),0 5px 8px -3px rgba(20,40,70,.35);--shadow-object:0 6px 10px rgba(20,40,70,.35);--shadow-key:0 4px 0 #9AA7B8,0 6px 8px rgba(20,40,70,.2);--shadow-key-on:inset 0 2px 3px rgba(0,0,0,.18),0 1px 0 #B58F12;--shadow-whiteboard:inset 0 0 0 6px #DCE2EA,inset 0 0 0 7px #B7C1CD,0 16px 18px -14px rgba(20,40,70,.55);--shadow-receipt:drop-shadow(0 10px 10px rgba(20,40,70,.25));--shadow-sheet:0 0 0 .5px rgba(20,40,70,.06),0 12px 40px rgba(20,40,70,.24);--shadow-toast:0 8px 24px rgba(0,0,0,.2);--shadow-glass:inset 0 0 0 .5px rgba(255,255,255,.85),0 4px 14px rgba(0,0,0,.08);--shadow-glass-bar:inset 0 0 0 .5px rgba(255,255,255,.85),0 6px 20px rgba(0,0,0,.1);--shadow-floating:0 3px 0 #0A3F8C,0 10px 24px rgba(12,90,200,.35);--ledge-action:0 3px 0 #0A3F8C;--filter-sticker:drop-shadow(1.5px 0 0 #FFFFFF) drop-shadow(-1.5px 0 0 #FFFFFF) drop-shadow(0 1.5px 0 #FFFFFF) drop-shadow(0 -1.5px 0 #FFFFFF) drop-shadow(0 2px 2px rgba(0,0,0,.25));--filter-jar:drop-shadow(0 8px 8px rgba(20,40,70,.22));--filter-jar-sm:drop-shadow(0 2px 2px rgba(20,40,70,.22));--filter-lift:drop-shadow(0 16px 14px rgba(20,40,70,.3));--filter-lift-none:drop-shadow(0 0 0 rgba(20,40,70,0));--blur-glass:blur(16px) saturate(180%);--blur-glass-bar:blur(20px) saturate(180%);--scrim:rgba(16,24,40,.38);--tilt-pinned-max:1.5deg;--tilt-panel-max:.5deg;--tilt-object-max:8deg}[data-theme=dark]{--shadow-paper:0 1px 1px rgba(0,0,0,.35),0 16px 20px -14px rgba(0,0,0,.8);--shadow-paper-sm:0 1px 1px rgba(0,0,0,.3),0 12px 14px -10px rgba(0,0,0,.75);--shadow-sticky:0 1px 1px rgba(0,0,0,.3),0 18px 18px -16px rgba(0,0,0,.8);--shadow-magnet:0 3px 4px rgba(0,0,0,.55),inset 0 -2px 3px rgba(0,0,0,.25);--shadow-tape:0 1px 2px rgba(0,0,0,.55);--shadow-tile:0 1px 1px rgba(0,0,0,.3),0 5px 8px -3px rgba(0,0,0,.6);--shadow-object:0 6px 10px rgba(0,0,0,.55);--shadow-key:0 4px 0 #121922,0 6px 8px rgba(0,0,0,.45);--shadow-key-on:inset 0 2px 3px rgba(0,0,0,.25),0 1px 0 #8A6C0C;--shadow-whiteboard:inset 0 0 0 6px #2E3846,inset 0 0 0 7px #485465,0 16px 18px -14px rgba(0,0,0,.8);--shadow-receipt:drop-shadow(0 10px 12px rgba(0,0,0,.6));--shadow-sheet:0 0 0 .5px rgba(255,255,255,.08),0 12px 40px rgba(0,0,0,.6);--shadow-toast:0 8px 24px rgba(0,0,0,.45);--shadow-glass:inset 0 0 0 .5px rgba(255,255,255,.14),0 4px 14px rgba(0,0,0,.35);--shadow-glass-bar:inset 0 0 0 .5px rgba(255,255,255,.14),0 6px 20px rgba(0,0,0,.4);--shadow-floating:0 3px 0 #0B3C85,0 10px 24px rgba(0,0,0,.5);--ledge-action:0 3px 0 #0B3C85;--filter-sticker:drop-shadow(1.5px 0 0 #DCE2EA) drop-shadow(-1.5px 0 0 #DCE2EA) drop-shadow(0 1.5px 0 #DCE2EA) drop-shadow(0 -1.5px 0 #DCE2EA) drop-shadow(0 2px 2px rgba(0,0,0,.5));--filter-jar:drop-shadow(0 8px 10px rgba(0,0,0,.55)) brightness(.94);--filter-jar-sm:drop-shadow(0 2px 2px rgba(0,0,0,.5)) brightness(.94);--filter-lift:drop-shadow(0 16px 16px rgba(0,0,0,.6));--filter-lift-none:drop-shadow(0 0 0 rgba(0,0,0,0));--scrim:rgba(0,0,0,.5)}:root{--ease-pop:cubic-bezier(.3,1.6,.5,1);--ease-sheet:cubic-bezier(.2,.9,.3,1);--duration-pop:.4s;--duration-sheet:.32s;--duration-scrim:.25s;--duration-colour:.18s;--duration-toast:2.2s;--duration-reprint:1.3s;--duration-draw:.45s;--duration-fade:.24s;--ease-draw:cubic-bezier(.45,0,.25,1);--ease-fall:cubic-bezier(.5,0,.75,.25);--ease-write:cubic-bezier(.35,0,.45,1);--duration-stick:.18s;--duration-press:.12s;--duration-tear:.42s;--duration-write:.42s;--stagger:40ms;--duration-mic-pause:3s;--duration-mic-hold:2s;--duration-wave:2.2s;--duration-hop:1.2s;--duration-talk:.8s;--duration-think:2.4s;--duration-launch:.75s;--duration-wake:2.4s}@media(prefers-reduced-motion:reduce){:root{--ease-pop:ease-out;--duration-pop:.15s;--duration-sheet:.2s;--duration-reprint:.2s;--duration-draw:.15s;--duration-fade:.15s;--duration-stick:.15s;--duration-press:.1s;--duration-tear:.15s;--duration-write:.15s;--stagger:0ms;--duration-wave:.15s;--duration-hop:.15s;--duration-talk:.15s;--duration-launch:.2s;--duration-wake:.15s}}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--door)}a{color:var(--action-ink)}a:hover{color:var(--planner-blue-hover)}@keyframes bocalReprintA{0%{transform:translateY(-101%)}to{transform:translateY(0)}}@keyframes bocalReprintB{0%{transform:translateY(-101%)}to{transform:translateY(0)}}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}[data-theme-icon=sun]{display:none}:root[data-theme=dark] [data-theme-icon=sun]{display:block}:root[data-theme=dark] [data-theme-icon=moon]{display:none}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--duration-fade,.24s)}@keyframes bocal-hero-rise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}[data-hero-rise]{animation:bocal-hero-rise .56s cubic-bezier(.2,.9,.3,1) .12s backwards}[data-hero-rise]:nth-child(2){animation-delay:.2s}[data-hero-rise]:nth-child(3){animation-delay:.28s}[data-hero-rise]:nth-child(4){animation-delay:.36s}@media(max-width:1179.98px){[data-screen-label=Hero]{--peri:none}}@media(max-width:899.98px){[data-screen-label=Hero]{--door-third:none}}@media(max-width:699.98px){[data-screen-label=Hero]{--k2:.72;--pz:.66;--stage-h:400px;--sp1:-74px;--sp2:-58px}}@media(max-width:639.98px){[data-screen-label=Hero]{--jar-dir:column;--tail-l: calc(50% - 9px) ;--tail-t:-7px;--jar-size:150px}[data-screen-label=Hero] [aria-label="Bocal's jar"]{width:150px!important;height:150px!important}[data-nav-sub]{display:none}nav[aria-label=Site] a{padding-left:10px!important;padding-right:10px!important}}@media(max-width:374.98px){nav[aria-label=Site] a{padding-left:8px!important;padding-right:8px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-hero-rise]{animation:none}}