*{box-sizing:border-box}html,body,#root{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;height:100svh;padding:clamp(.75rem,2svh,1.5rem);display:flex;position:relative;overflow:hidden}.home-shell{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;max-height:100%;display:flex;position:relative}.tree{width:min(500px,88vw,52svh);height:auto;image-rendering:pixelated;margin-bottom:clamp(.55rem,1.6svh,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:clamp(1.35rem,3svh,1.8rem);font-weight:300}.links{align-items:center;gap:.4rem;margin-top:clamp(.45rem,1.4svh,.8rem);display:flex}.links a,.links button{color:#b4b4b459;width:36px;height:36px;font:inherit;cursor:pointer;background:#a0a0a00d;border:1px solid #a0a0a01a;border-radius:8px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .25s,border-color .25s,color .25s;display:flex}.links a:hover,.links button:hover{color:#d2d2d2cc;background:#a0a0a01a;border-color:#a0a0a038}.links a svg,.links button svg{fill:currentColor;width:16px;height:16px}.links button.discord-copy{position:relative}.links button.discord-copy span{color:#b4b4b46b;letter-spacing:.08em;text-align:center;pointer-events:none;width:4.5rem;font-size:.55rem;position:absolute;top:calc(100% + .22rem);left:50%;transform:translate(-50%)}.diyhrt-btn{color:#b4b4b480;letter-spacing:.08em;background:#a0a0a00d;border:1px solid #a0a0a01a;border-radius:8px;margin-top:clamp(.75rem,1.8svh,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{width:min(92vw,390px);margin-top:clamp(.7rem,1.8svh,1.1rem);position:relative}.now-playing-toggle{color:#b4b4b480;width:100%;font:inherit;cursor:pointer;background:#a0a0a00d;border:1px solid #a0a0a01a;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .65rem;transition:background .25s,border-color .25s,color .25s;display:flex}.now-playing-toggle:hover,.now-playing-toggle:focus-visible,.now-playing[data-expanded=true] .now-playing-toggle{color:#d2d2d2bf;background:#a0a0a01a;border-color:#a0a0a038;outline:none}.now-playing-art{filter:grayscale()opacity(.6);object-fit:cover;border-radius:3px;flex-shrink:0;width:34px;height:34px}.now-playing-art-fallback{color:#bebebe59;letter-spacing:.08em;background:#a0a0a00f;border:1px solid #a0a0a024;place-items:center;font-size:.55rem;font-weight:600;display:grid}.now-playing-text{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.now-playing-status{letter-spacing:.14em;text-transform:uppercase;color:#a0a0a059;margin-bottom:.05rem;font-size:.48rem;font-weight:600}.now-playing-title{white-space:nowrap;text-overflow:ellipsis;color:#c8c8c88c;font-size:.68rem;font-weight:500;overflow:hidden}.now-playing-artist{color:#a0a0a066;white-space:nowrap;text-overflow:ellipsis;font-size:.55rem;overflow:hidden}.now-playing-stats{color:#a0a0a059;white-space:nowrap;gap:.35rem;margin-top:.18rem;font-size:.5rem;display:flex;overflow:hidden}.now-playing-stats span{text-overflow:ellipsis;min-width:0;overflow:hidden}.now-playing-stats span:not(:first-child):before{content:"·";color:#a0a0a040;margin-right:.35rem}.now-playing-chevron{color:#aaaaaa59;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;font-size:.52rem;font-weight:600}.now-playing-panel{z-index:2;text-align:left;background:#0b0b0bf5;border:1px solid #a0a0a024;border-radius:8px;gap:.45rem;padding:.65rem;display:grid;position:absolute;bottom:calc(100% + .45rem);left:0;right:0;box-shadow:0 14px 35px #0006}.now-playing-stat{gap:.08rem;min-width:0;display:grid}.now-playing-stat span,.now-playing-stat small{color:#a0a0a06b;letter-spacing:.08em;text-transform:uppercase;font-size:.52rem}.now-playing-stat strong{color:#d2d2d2ad;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;font-weight:500;overflow:hidden}.now-playing-link{color:#bebebe80;letter-spacing:.08em;text-transform:uppercase;justify-self:start;font-size:.58rem;text-decoration:none;transition:color .25s}.now-playing-link:hover,.now-playing-link:focus-visible{color:#dcdcdcd1;outline:none}.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}