*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#fff;background:lab(1.92% 0 0);font-family:system-ui,sans-serif;font-size:15px}.shell{justify-content:center;align-items:center;min-height:100svh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.falling-leaves{z-index:0;pointer-events:none;position:fixed;inset:0}.content{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.tree{width:500px;height:auto;image-rendering:pixelated;margin-bottom:1.2rem;display:block}.tree-canopy{transform-origin:200px 280px;animation:6s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(1.2deg)}75%{transform:rotate(-1.2deg)}}.name{letter-spacing:.15em;color:#ffffffd9;text-transform:lowercase;margin:0;font-size:1.8rem;font-weight:300}.links{align-items:center;gap:.4rem;margin-top:.8rem;display:flex}.links a{color:#b4b4b459;background:#a0a0a00d;border:1px solid #a0a0a01a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:background .25s,border-color .25s,color .25s;display:flex}.links a:hover{color:#d2d2d2cc;background:#a0a0a01a;border-color:#a0a0a038}.links a svg{fill:currentColor;width:16px;height:16px}.diyhrt-btn{color:#b4b4b480;letter-spacing:.08em;background:#a0a0a00d;border:1px solid #a0a0a01a;border-radius:8px;margin-top:1rem;padding:.35rem .9rem;font-size:.75rem;text-decoration:none;transition:background .25s,border-color .25s,color .25s;display:inline-block}.diyhrt-btn:hover{color:#d2d2d2cc;background:#a0a0a01a;border-color:#a0a0a038}.now-playing{color:#b4b4b480;background:#a0a0a00d;border:1px solid #a0a0a01a;border-radius:8px;align-items:center;gap:.5rem;margin-top:1.1rem;padding:.35rem .65rem;text-decoration:none;transition:background .25s,border-color .25s,color .25s;display:flex}.now-playing:hover{color:#d2d2d2bf;background:#a0a0a01a;border-color:#a0a0a038}.now-playing-art{filter:grayscale()opacity(.6);border-radius:3px;flex-shrink:0;width:24px;height:24px}.now-playing-text{text-align:left;flex-direction:column;min-width:0;display:flex}.now-playing-title{white-space:nowrap;text-overflow:ellipsis;color:#c8c8c88c;font-size:.65rem;font-weight:500;overflow:hidden}.now-playing-artist{color:#a0a0a066;white-space:nowrap;text-overflow:ellipsis;font-size:.55rem;overflow:hidden}.recipes-page{max-width:560px;min-height:100svh;margin:0 auto;padding:3rem 1.5rem}.recipes-heading{letter-spacing:.15em;color:#ffffffd9;text-transform:lowercase;margin:0 0 1.5rem;font-size:1.4rem;font-weight:300}.recipe-card{color:#c8c8c8a6;letter-spacing:.05em;text-transform:lowercase;background:#a0a0a00d;border:1px solid #a0a0a01a;border-radius:8px;padding:.9rem 1rem;font-size:.85rem;text-decoration:none;transition:background .25s,border-color .25s,color .25s;display:block}.recipe-card:hover{color:#d2d2d2cc;background:#a0a0a01a;border-color:#a0a0a038}.recipe-card-serves{color:#a0a0a059;letter-spacing:.03em;margin-top:.2rem;font-size:.65rem}.recipe-page{max-width:560px;min-height:100svh;margin:0 auto;padding:3rem 1.5rem}.recipe-back{color:#a0a0a066;letter-spacing:.05em;margin-bottom:2.5rem;font-size:.75rem;text-decoration:none;transition:color .25s;display:inline-block}.recipe-back:hover{color:#d2d2d2b3}.recipe-title{letter-spacing:.1em;color:#ffffffd9;text-transform:lowercase;margin:0 0 .3rem;font-size:1.4rem;font-weight:300}.recipe-serves{color:#a0a0a066;letter-spacing:.08em;margin:0 0 2rem;font-size:.7rem}.recipe-section-label{letter-spacing:.15em;text-transform:uppercase;color:#a0a0a059;margin:0 0 .75rem;font-size:.6rem;font-weight:500}.recipe-ingredients{margin:0 0 2.5rem;padding:0;list-style:none}.recipe-ingredients li{color:#c8c8c8a6;letter-spacing:.02em;border-bottom:1px solid #a0a0a012;padding:.45rem 0;font-size:.85rem}.recipe-steps{counter-reset:step;margin:0;padding:0;list-style:none}.recipe-steps li{counter-increment:step;color:#c8c8c8a6;letter-spacing:.02em;gap:1rem;margin-bottom:1rem;font-size:.85rem;line-height:1.65;display:flex}.recipe-steps li:before{content:counter(step);color:#a0a0a04d;flex-shrink:0;min-width:1rem;padding-top:.25rem;font-size:.65rem;font-weight:500}