: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{margin:0;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%)}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)}.step .body .amount{font-style:italic}.step .body .ingredient{font-weight:700}