:root{--color-primary: #9cb78f;--color-primary-light: #aac4a2;--color-primary-dark: #85a87a;--color-primary-darker: #6e9462;--color-secondary: #f5f3ee;--color-secondary-text: #2c2c28;--color-accent: #7a4f38;--color-accent-on-dark: #f0d5c4;--color-surface: var(--color-secondary);--color-text-on-surface: var(--color-secondary-text);--color-border: var(--color-accent);--color-border-on-dark: var(--color-accent-on-dark);--color-icon: var(--color-accent);--color-icon-on-dark: var(--color-accent-on-dark);--body-background: radial-gradient( ellipse at 50% 50%, var(--color-primary-light) 0%, var(--color-primary) 40%, var(--color-primary-dark) 70%, var(--color-primary-darker) 100% )}body{margin:0;background:var(--body-background)}button,.btn{position:relative;z-index:2;display:inline-block;box-sizing:border-box;height:1.4lh;border:1px solid var(--color-accent);padding:.2lh 1ex;font-size:1em;text-decoration:none;color:var(--color-accent);background:var(--color-secondary);transition:color .3s;cursor:pointer}button[disabled],.btn[disabled]{opacity:.4;cursor:not-allowed}button:before,.btn:before{content:"";position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:100%;max-height:0;background:#6b4508;transition:max-height .3s;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}button:hover:not([disabled]),button:focus-visible:not([disabled]),.btn:hover:not([disabled]),.btn:focus-visible:not([disabled]){color:#a2bf80}button:hover:not([disabled]):before,button:focus-visible:not([disabled]):before,.btn:hover:not([disabled]):before,.btn:focus-visible:not([disabled]):before{max-height:100%}button.icon-only,.btn.icon-only{border:none;color:var(--color-accent);background:transparent;box-shadow:none}button.icon-only:hover,button.icon-only:focus-visible,.btn.icon-only:hover,.btn.icon-only:focus-visible{color:#fff;filter:invert(1)}button.icon-only:after,button.icon-only:before,.btn.icon-only:after,.btn.icon-only:before{display:none}editor button:before,editor .btn:before{display:none}.backdrop{position:fixed;top:0;left:0;z-index:14;width:100vw;height:100vh;background:#00000003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.box{border:2px solid var(--color-accent);padding:1lh 1em;background:#fff}.box.shadow{margin-right:.3lh;box-shadow:.125lh .125lh #0009}.accent-circle{border-radius:100%;color:#fff;background:var(--color-accent)}.tox button,.tox .btn{transition:none}.tox button:before,.tox button:after,.tox .btn:before,.tox .btn:after{display:none}.tox .tox-tbtn:hover:not([disabled],.tox-tbtn--disabled),.tox .tox-tbtn:focus-visible:not([disabled],.tox-tbtn--disabled),.tox .tox-mbtn:hover:not([disabled],.tox-tbtn--disabled),.tox .tox-mbtn:focus-visible:not([disabled],.tox-tbtn--disabled),.tox .tox-collection__item:hover:not([disabled],.tox-tbtn--disabled),.tox .tox-collection__item:focus-visible:not([disabled],.tox-tbtn--disabled){color:#222f3e;background:#e3e3e3}.step-content p{margin:0 0 .5lh}.step-content p:last-child{margin-bottom:0}.step-content .ingredient-name{font-weight:700}.step-content .ingredient-amount{font-style:italic}.step-content .timer{display:inline;padding:0 .5ex;text-decoration:underline}.step-content .timer:before{content:"\f017";display:inline-block;margin-right:.2ex;font-family:"Font Awesome 6 Free",sans-serif;text-decoration:none}.step-number{position:absolute;top:0;left:0;display:inline-block;width:2em;line-height:2em;text-align:center;transform:translate(-50%,-50%)}.step .body .amount{font-style:italic}.step .body .ingredient{font-weight:700}