@charset "UTF-8";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/bricolage-grotesque-vietnamese-wght-normal-S2S5QD6B.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/bricolage-grotesque-latin-ext-wght-normal-EMW626ZA.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/bricolage-grotesque-latin-wght-normal-HY2A4V5R.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url("./media/atkinson-hyperlegible-latin-ext-400-normal-H6U454CV.woff2") format("woff2"),url("./media/atkinson-hyperlegible-latin-ext-400-normal-ASDR7VQP.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url("./media/atkinson-hyperlegible-latin-400-normal-SPAYGEOD.woff2") format("woff2"),url("./media/atkinson-hyperlegible-latin-400-normal-4XQA3ZPE.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url("./media/atkinson-hyperlegible-latin-ext-700-normal-FQ2BGUOF.woff2") format("woff2"),url("./media/atkinson-hyperlegible-latin-ext-700-normal-R4EHVPXZ.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url("./media/atkinson-hyperlegible-latin-700-normal-FHYJOTYL.woff2") format("woff2"),url("./media/atkinson-hyperlegible-latin-700-normal-WK24QXLQ.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.mojo .mj-shadow{fill:#00000024}.mojo .mj-bowl{fill:#eaa135}.mojo .mj-shade{fill:#d07a28}.mojo .mj-foot{fill:#c06c22;transform-box:fill-box;transform-origin:center bottom}.mojo .mj-shine{fill:none;stroke:#f6d3a0;stroke-width:5;stroke-linecap:round}.mojo .mj-inside{fill:#1e4430}.mojo .mj-soup{fill:none;stroke:#2d6446;stroke-width:3;stroke-linecap:round}.mojo .mj-arm{fill:none;stroke:#eaa135;stroke-width:9;stroke-linecap:round}.mojo .mj-cheek{fill:#ef7f62;opacity:.45}.mojo .mj-white{fill:#fffaf0}.mojo .mj-ink{fill:#22281f}.mojo .mj-line{fill:none;stroke:#22281f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mojo .mj-brow{stroke-width:2.6}.mojo .mj-happy{stroke-width:3.4}.mojo .mj-hand{fill:#eaa135;stroke:#c06c22;stroke-width:2}.mojo .mj-tongue{fill:#e8735e}.mojo .mj-chef-hat>*{fill:#fff;stroke:#c9d0c3;stroke-width:2}.mojo .mj-spark{fill:var(--accent);transform-box:fill-box;transform-origin:center;animation:mj-twinkle 3s ease-in-out infinite}.mojo .mj-flake{fill:none;stroke:#8fc7e8;stroke-width:2.4;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:mj-spin-slow 6s linear infinite}.mojo .mj-bat{fill:#2b2238;stroke:#2b2238;stroke-width:.6;animation:mj-float 2.4s ease-in-out infinite}.mojo .mj-wing{transform-box:fill-box;transform-origin:center 20%;animation:mj-flap .35s ease-in-out infinite alternate}.mojo .mj-leaf{transform-box:fill-box;transform-origin:center;animation:mj-fall 4s ease-in-out infinite}.mojo .mj-pom{transform-box:fill-box;transform-origin:center top;animation:mj-pom 2.6s ease-in-out infinite}.mojo .mj-tail{transform-origin:60px 62px}.mojo .mj-steam path{fill:none;stroke:var(--muted);stroke-width:3;stroke-linecap:round;opacity:0;animation:mj-steam 2.4s ease-in-out infinite}.mojo .mj-steam path:nth-child(2){animation-delay:.8s}.mojo .mj-steam path:nth-child(3){animation-delay:1.6s}.mojo .mj-zz{fill:var(--muted);font:800 14px var(--font-display);opacity:0;animation:mj-zz 2s ease-in-out infinite}.mojo .mj-zz2{font-size:11px;animation-delay:1s}.mojo .mj-dot{fill:var(--muted);opacity:.25;animation:mj-dot 1.2s ease-in-out infinite}.mojo .mj-dot:nth-of-type(2){animation-delay:.2s}.mojo .mj-dot:nth-of-type(3){animation-delay:.4s}.mojo .mj-sweat{fill:#8fc7e8;animation:mj-sweat 2.2s ease-in infinite}.mojo .mj-body{transform-origin:60px 108px;animation:mj-bob 2.6s ease-in-out infinite}.mojo .mj-eye{transform-box:fill-box;transform-origin:center;animation:mj-blink 4.2s infinite}.mojo .mj-look{animation:mj-look 7s ease-in-out infinite}.mojo .mj-follow{transform:translate(var(--mojo-look-x, 0),var(--mojo-look-y, 0));transition:transform .12s ease-out}.mojo .mj-arm-l{transform-origin:23px 66px;animation:mj-sway-l 2.6s ease-in-out infinite}.mojo .mj-arm-r{transform-origin:97px 66px;animation:mj-sway-r 2.6s ease-in-out infinite}.mojo.following .mj-look{animation:none}.mojo.sleepy .mj-body,.mojo.sleepy .mj-arm-l,.mojo.sleepy .mj-arm-r{animation-duration:4.5s}.mojo.party .mj-body{animation:mj-jump .55s ease-out 3,mj-bob 2.6s ease-in-out 1.65s infinite}.mojo.party .mj-arm-l{animation:mj-cheer-l .28s ease-in-out 6 alternate}.mojo.party .mj-arm-r{animation:mj-cheer-r .28s ease-in-out 6 alternate}.mojo.party .mj-spark,.mojo.party .mj-flake{animation:mj-spin .55s linear 3}.mojo.party .mj-tail{animation:mj-ruffle .28s ease-in-out 6 alternate}.mojo.wave .mj-arm-r{animation:mj-wave .6s ease-in-out 4,mj-sway-r 2.6s ease-in-out 2.4s infinite}.mojo.thinking .mj-look{animation:none;transform:translate(2px,-3px)}.mojo.thinking .mj-arm-r{animation:none}.mojo.oops .mj-body{animation-duration:3.4s}.mojo.chef .mj-arm-r{animation:mj-stir 1.4s ease-in-out infinite}.mojo.poked .mj-body{animation:mj-wiggle .5s ease-in-out}.mojo.poked .mj-eye{animation:none;transform:scaleY(.3)}.mojo.twirl .mj-body{transform-origin:60px 72px;animation:mj-twirl .8s ease-in-out}.mojo.hop svg{transform-origin:50% 100%;animation:mj-hop .6s cubic-bezier(.3,1.3,.5,1) both}.mojo.mj-offbeat .mj-body{animation-delay:.45s,2.1s}@media(prefers-reduced-motion:reduce){.mojo.sleepy .mj-zz{opacity:1}.mojo .mj-leaf{animation:none}}@keyframes mj-bob{50%{transform:translateY(-4px) scale(1.02,.98)}}@keyframes mj-jump{0%{transform:scale(1.1,.9)}40%{transform:translateY(-22px) scale(.95,1.06)}80%{transform:scale(1.08,.92)}}@keyframes mj-hop{0%{transform:translateY(-60%) scale(.9,1.1);opacity:0}55%{transform:translateY(0) scale(1.18,.82);opacity:1}78%{transform:scale(.95,1.05)}to{transform:none}}@keyframes mj-twirl{0%{transform:none}20%{transform:translateY(-10px) scale(1.05,.95)}80%{transform:translateY(-10px) rotate(360deg)}to{transform:rotate(360deg)}}@keyframes mj-wiggle{25%{transform:rotate(-8deg) scale(1.05,.95)}50%{transform:rotate(6deg) translateY(-6px)}75%{transform:rotate(-3deg)}}@keyframes mj-wave{50%{transform:rotate(-28deg)}}@keyframes mj-sway-l{50%{transform:rotate(6deg)}}@keyframes mj-sway-r{50%{transform:rotate(-6deg)}}@keyframes mj-cheer-l{to{transform:rotate(14deg)}}@keyframes mj-cheer-r{to{transform:rotate(-14deg)}}@keyframes mj-ruffle{to{transform:scale(1.06)}}@keyframes mj-stir{50%{transform:rotate(-10deg) translateY(-2px)}}@keyframes mj-spin{to{transform:rotate(360deg) scale(1.2)}}@keyframes mj-spin-slow{to{transform:rotate(360deg)}}@keyframes mj-twinkle{0%,70%,to{transform:scale(1)}80%{transform:scale(1.35) rotate(20deg)}}@keyframes mj-float{50%{transform:translate(-3px,-4px)}}@keyframes mj-flap{to{transform:scaleY(.45)}}@keyframes mj-fall{0%{transform:translateY(-6px) rotate(-20deg);opacity:0}20%{opacity:1}50%{transform:translate(5px,6px) rotate(15deg)}85%{opacity:1}to{transform:translate(-2px,18px) rotate(-10deg);opacity:0}}@keyframes mj-pom{50%{transform:translateY(1.5px) rotate(8deg)}}@keyframes mj-steam{0%{transform:translateY(6px);opacity:0}40%{opacity:.6}to{transform:translateY(-14px);opacity:0}}@keyframes mj-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes mj-look{0%,22%,to{transform:translate(0)}30%,45%{transform:translate(2.6px,-1px)}53%,70%{transform:translate(-2.6px,.8px)}78%{transform:translate(0)}}@keyframes mj-zz{0%{transform:translate(0);opacity:0}50%{opacity:1}to{transform:translate(7px,-12px);opacity:0}}@keyframes mj-dot{50%{opacity:.9;transform:translateY(-2px)}}@keyframes mj-sweat{0%{transform:translateY(-3px);opacity:0}25%{opacity:1}80%{transform:translateY(6px);opacity:1}to{transform:translateY(9px);opacity:0}}.mojo-line{display:flex;align-items:center;gap:.6rem;text-align:start}.mojo-line.center{justify-content:center}.mj-bump-a{animation:mj-bump-a .4s ease-out}.mj-bump-b{animation:mj-bump-b .4s ease-out}@keyframes mj-bump-a{40%{transform:translateY(-.6rem)}}@keyframes mj-bump-b{40%{transform:translateY(-.6rem)}}.mojo.mj-peek{animation:mj-peek 2.2s ease-in-out}@keyframes mj-peek{0%{transform:scale(0)}12%{transform:scale(1.1)}18%,80%{transform:none;opacity:1}to{transform:translate(1.2rem);opacity:0}}.mj-heart{fill:var(--danger);overflow:visible;animation:mj-float 2.4s ease-in-out infinite}:root{--ink: #22281f;--paper: #fcfdfb;--surface: #f3f5f0;--muted: #5c6558;--line: #dde3d7;--accent: #4e8f68;--accent-strong: #2f6b4a;--accent-soft: #e1eee5;--accent-deep: #1f4c33;--on-accent: #fff;--highlight: #e3a33b;--highlight-deep: #b97c18;--on-highlight: #2a1d05;--highlight-soft: #fbefd8;--highlight-ink: #8a5a0f;--danger: #a63d24;--danger-soft: #f6e1da;--line-deep: #c3ccbb;--warn-bg: #fbefd8;--scrim: rgb(20 24 19 / 45%);--radius: .625rem;--shadow: 0 6px 24px rgb(20 24 19 / 12%);--person-1: #2f6b4a;--person-2: #9a660c;--person-3: #85527a;--person-4: #3e77a8;--person-5: #b5583a;--person-6: #5c6558;--on-person: #fff;--mojo-face: #22281f;--pumpkin: #d9702b;--stem: #2f6b4a;--knob: #fff;--font-display: "Bricolage Grotesque Variable", "Segoe UI", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-body);color:var(--ink);background:var(--surface);line-height:1.5;color-scheme:light}@media(prefers-color-scheme:dark){:root{--ink: #e6ebe2;--paper: #1c211b;--surface: #141813;--muted: #9da799;--line: #2e362c;--accent: #7dbb93;--accent-strong: #7dbb93;--accent-soft: #213328;--accent-deep: #4a8a62;--on-accent: #10170f;--highlight: #e8b45a;--highlight-deep: #b58431;--on-highlight: #2a1d05;--highlight-soft: #3a2f1a;--highlight-ink: #e8b45a;--danger: #e58e73;--danger-soft: #3a201a;--line-deep: #475244;--warn-bg: #3a2f1a;--scrim: rgb(0 0 0 / 60%);--shadow: 0 6px 24px rgb(0 0 0 / 45%);--person-1: #7dbb93;--person-2: #e8b45a;--person-3: #c792b9;--person-4: #82b1dc;--person-5: #e58e73;--person-6: #9da799;--on-person: #10170f;--mojo-face: #1c211b;--pumpkin: #e8894a;--stem: #7dbb93;--knob: #e6ebe2;color-scheme:dark}}h1,h2,.brand-font{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;text-wrap:balance}.icon{width:var(--icon-size, 1.25em);height:var(--icon-size, 1.25em);flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.25em;--icon-accent: var(--accent-strong)}.person{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;border-radius:50%;background:var(--person-color, var(--person-1));color:var(--on-person);font-size:.8rem;font-weight:700;line-height:1}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--surface)}h1,h2,h3{line-height:1.2}a{color:var(--accent-strong)}img{max-width:100%}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.page{max-width:64rem;margin:0 auto;padding:1.25rem max(1rem,env(safe-area-inset-right)) calc(6rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.page-wide{max-width:84rem}.page-narrow{max-width:34rem}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.page-header h1{margin:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.muted{color:var(--muted)}.error-text{color:var(--danger);font-size:.9rem;margin:.25rem 0 0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{--lip: var(--line-deep);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.45rem 1.05rem;border:2px solid var(--line);border-bottom:5px solid var(--lip);border-radius:1rem;background:var(--paper);color:var(--ink);font:inherit;font-family:var(--font-display);font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s,border-bottom-width .08s,margin-bottom .08s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{--lip: var(--accent-deep);background:var(--accent);border-color:var(--accent-deep);color:var(--on-accent)}.btn-plus{--lip: var(--highlight-deep);background:var(--highlight);border-color:var(--highlight-deep);color:var(--on-highlight)}.btn-danger{--lip: var(--danger);background:var(--paper);border-color:var(--danger);color:var(--danger)}.btn-small{min-height:2.25rem;padding:.2rem .8rem;border-bottom-width:4px;border-radius:.8rem;font-size:.875rem}.btn-block{width:100%}.btn-quiet{--lip: transparent;border-color:transparent;background:none;color:var(--muted)}@media(max-width:767px){.btn:not(.btn-small){min-height:3rem}}.choices-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.5rem;width:100%}.choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:3.6rem;padding:.45rem .4rem;border:2px solid var(--line);border-bottom:5px solid var(--line-deep);border-radius:.9rem;background:var(--paper);color:var(--ink);font:700 .85rem var(--font-display);line-height:1.15;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s,border-bottom-width .08s,margin-bottom .08s;--icon-size: 1.45rem}.choice[aria-pressed=true]{border-color:var(--accent);border-bottom-color:var(--accent-deep);background:var(--accent-soft);color:var(--accent-strong);animation:pop .3s}.choice:disabled{opacity:.55;cursor:not-allowed}@media(prefers-reduced-motion:no-preference){.btn:active:not(:disabled),.choice:active:not(:disabled){transform:translateY(3px);border-bottom-width:2px;margin-bottom:3px}}.icon-btn{display:inline-grid;place-items:center;min-width:2.75rem;min-height:2.75rem;border:0;border-radius:999px;background:transparent;font-size:1.25rem;cursor:pointer}.link-btn{border:0;padding:.25rem;background:none;color:var(--accent-strong);font:inherit;text-decoration:underline;cursor:pointer}.link-btn.quiet{color:var(--muted)}.field{display:grid;gap:.3rem;margin-bottom:1rem}.field label{font-weight:600;font-size:.9rem}input:not([type=checkbox],[type=file]),select,textarea{width:100%;min-height:2.75rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit}textarea{min-height:8rem;resize:vertical}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:0 .75rem}.switch{position:relative;flex:none;width:3.25rem;height:2rem;margin-left:auto;padding:0;border:0;border-radius:999px;background:var(--line);cursor:pointer;transition:background-color .2s}.switch[aria-checked=true]{background:var(--accent-strong)}.knob{position:absolute;top:.25rem;left:.25rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--knob);box-shadow:var(--shadow);transition:transform .2s}.switch[aria-checked=true] .knob{transform:translate(1.25rem)}.chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.chip{flex:none;min-height:2.25rem;padding:.3rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:inherit;font-size:.9rem;cursor:pointer}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);font-weight:600}.chip:disabled{cursor:default;color:var(--muted);border-style:dashed;opacity:.6}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--line);margin-bottom:1rem;overflow-x:auto}.tabs button{flex:none;padding:.6rem 1rem;border:0;border-bottom:3px solid transparent;background:none;font:inherit;color:var(--muted);cursor:pointer}.tabs button[aria-selected=true]{border-bottom-color:var(--accent-strong);color:var(--accent-strong);font-weight:600}.dialog-backdrop{background:var(--scrim)}.dialog-panel{width:min(28rem,100vw - 2rem)}.welcome-panel{width:min(30rem,100vw - 1.5rem)}.menu{position:fixed;z-index:30;display:grid;min-width:12rem;max-width:calc(100vw - 2rem);padding:.25rem 0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.menu-item{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:.4rem 1rem;border:0;background:none;color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer;--icon-size: 1.2rem}.menu-item:hover,.menu-item:focus-visible{background:var(--surface);outline:none}.menu-item:focus-visible{box-shadow:inset 3px 0 0 var(--accent)}.menu-item.back{color:var(--muted);font-size:.875rem}.menu-item.danger{color:var(--danger);border-top:1px solid var(--line);--icon-accent: currentColor}.menu-item[aria-checked=true]{color:var(--accent-strong);font-weight:700}.dialog{background:var(--paper);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.dialog h2{margin-top:0}.dialog .actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.btn-primary .icon,.btn-plus .icon{--icon-accent: currentColor}@keyframes pop{50%{transform:scale(1.25)}}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}60%{box-shadow:0 0 0 .5rem transparent}}.live-dot{display:inline-block;width:.6rem;height:.6rem;flex:none;border-radius:50%;background:var(--accent);animation:pulse 2s ease-out infinite}.topbar{view-transition-name:topbar}.tabbar{view-transition-name:tabbar}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}html[data-nav=forward]::view-transition-old(root){animation:.22s ease-in both slide-out-left}html[data-nav=forward]::view-transition-new(root){animation:.22s ease-out both slide-in-right}html[data-nav=back]::view-transition-old(root){animation:.22s ease-in both slide-out-right}html[data-nav=back]::view-transition-new(root){animation:.22s ease-out both slide-in-left}::view-transition-group(recipe-hero){animation-duration:.3s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}@keyframes slide-out-left{to{opacity:0;transform:translate(-2.5rem)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(2.5rem)}}@keyframes slide-out-right{to{opacity:0;transform:translate(2.5rem)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-2.5rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after,::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tick-input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.tick-box{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;flex:none;border:2px solid var(--accent-strong);border-radius:.4rem;background:var(--paper);transition:background-color .15s}.tick-box svg{width:.9rem;height:.9rem;fill:none;stroke:var(--on-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .25s .05s}.tick-input:checked+.tick-box{background:var(--accent-strong)}.tick-input:checked+.tick-box svg{stroke-dashoffset:0}.tick-input:focus-visible+.tick-box{outline:3px solid var(--accent);outline-offset:2px}.popped{animation:pop .3s}.struck{background:linear-gradient(currentColor,currentColor) 0 55%/0 2px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .25s}.struck.on{background-size:100% 2px}
