@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-BqEyEoaF.woff2) format("woff2"),url(/assets/roboto-latin-400-normal-D27F5sTu.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-latin-700-normal-BZpUvMxY.woff2) format("woff2"),url(/assets/roboto-latin-700-normal-YuyVweIx.woff) format("woff")}@font-face{font-family:Source Code Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-code-pro-latin-600-normal-DVVSlvOB.woff2) format("woff2"),url(/assets/source-code-pro-latin-600-normal-B5rj6vMs.woff) format("woff")}:root{color:#fff;background:#000;font-family:Roboto,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #f3ffa2;--recipe-link: #dfe5c4;--text-secondary: #d3d3d3;--header-height: 90px;--motion-fast: .18s;--motion-slow: .42s}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:#000;color:#fff;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.app-shell{isolation:isolate;position:relative;display:grid;grid-template-rows:var(--header-height) 1fr;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background:#000}.background-stage,.background-stage__scrim{position:absolute;top:0;right:0;bottom:0;left:0}.background-stage{z-index:-2;overflow:hidden;background:#000}.background-stage__image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);opacity:1;transition:opacity var(--motion-fast) ease,transform 7s cubic-bezier(.2,.7,.2,1)}.background-stage__scrim{background:#0000007a}.app-shell.is-changing .background-stage__image{opacity:0}.site-header{z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-height);padding:20px 40px}.brand-link{justify-self:start;color:#fff;text-decoration:none}.brand-mark{display:block;width:62px;height:62px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.desktop-navigation{display:flex;align-items:center;justify-content:center;gap:26px}.desktop-navigation button,.mobile-navigation button{position:relative;border:0;background:transparent;color:#fff;cursor:pointer;font:600 14px/1.3 Source Code Pro,monospace;letter-spacing:.24em;white-space:nowrap}.desktop-navigation button{padding:8px 0 11px}.desktop-navigation button:after{content:"";position:absolute;right:0;bottom:3px;left:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--motion-fast) ease}.desktop-navigation button:hover:after,.desktop-navigation button:focus-visible:after,.desktop-navigation button.is-active:after{transform:scaleX(1);transform-origin:left}.icon-button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.icon-button svg{width:30px;height:30px;stroke-width:1.8}.menu-button{display:none;justify-self:end}.hero-content{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:20px 24px 8vh;text-align:center}.hero-content h1{max-width:1120px;margin:0 0 10px;color:#fff;font-size:clamp(48px,4.45vw,72px);font-weight:700;line-height:1.08;letter-spacing:.015em;text-wrap:balance}.recipe-link{width:100%;min-width:0;max-width:min(1200px,94vw);padding:0 20px;color:var(--recipe-link);font-size:clamp(36px,3.9vw,62px);font-weight:700;line-height:1.1;text-decoration-color:transparent;text-decoration-thickness:3px;text-underline-offset:7px;text-wrap:balance;overflow-wrap:break-word;transition:color var(--motion-fast) ease,text-decoration-color var(--motion-fast) ease,opacity var(--motion-fast) ease}.recipe-link--long{max-width:min(1120px,92vw);font-size:clamp(32px,3.3vw,52px)}.recipe-link--extra-long{max-width:min(1080px,90vw);font-size:clamp(27px,2.75vw,44px);line-height:1.14}.recipe-link:hover,.recipe-link:focus-visible{color:var(--accent);text-decoration-color:var(--accent)}.source-line{display:flex;align-items:center;gap:7px;margin:17px 0 0;color:#ffffffc2;font:600 11px/1.4 Source Code Pro,monospace;letter-spacing:.14em}.source-line strong{color:#fff;font-weight:600}.recipe-rating{display:inline-flex;align-items:center;gap:4px;color:var(--recipe-link);white-space:nowrap}.recipe-rating svg{width:12px;height:12px;fill:currentColor;stroke-width:1.5}.source-line svg{width:13px;height:13px}.outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:62px;padding:18px 38px;border:2px solid var(--accent);border-radius:999px;background:#00000014;color:#fff;cursor:pointer;font:600 14px/1.3 Source Code Pro,monospace;letter-spacing:.08em;text-decoration:none;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease,opacity var(--motion-fast) ease}.outline-button:hover:not(:disabled),.outline-button:focus-visible:not(:disabled){background:var(--accent);color:#090909;transform:translateY(-2px)}.outline-button:disabled{cursor:wait;opacity:.55}.random-button{margin-top:30px}.mobile-navigation{visibility:hidden;position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:none;background:#000000f5;opacity:0;transition:opacity var(--motion-fast) ease,visibility var(--motion-fast) ease}.mobile-navigation__items{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%}.about-panel{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:32px;background:#000000f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.about-panel__close{position:absolute;top:25px;right:31px}.about-panel__content{display:flex;flex-direction:column;align-items:center;max-width:760px;text-align:center}.about-panel h2{margin:0;font-size:clamp(44px,6vw,82px);line-height:1.02;text-wrap:balance}.about-panel p{max-width:650px;margin:24px 0 34px;color:var(--text-secondary);font-size:clamp(18px,2vw,24px);line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.site-header{display:flex;justify-content:space-between;padding:18px 24px}.desktop-navigation{display:none}.menu-button{display:grid}.mobile-navigation{display:flex;align-items:center;justify-content:center;padding:calc(var(--header-height) + 36px) 24px 40px}.mobile-navigation.is-open{visibility:visible;opacity:1}.mobile-navigation button{padding:8px;font-size:18px}.mobile-navigation button.is-active{color:var(--accent)}}@media(max-width:700px){:root{--header-height: 90px}.site-header{padding:18px 20px}.brand-mark{width:58px;height:58px}.hero-content{justify-content:center;padding:10px 20px 4vh}.hero-content h1{max-width:360px;margin-bottom:12px;font-size:clamp(38px,10.3vw,44px);line-height:1.12;letter-spacing:0}.recipe-link{max-width:360px;padding:0;font-size:clamp(30px,8.5vw,38px);line-height:1.12}.recipe-link--long{font-size:clamp(27px,7.2vw,33px)}.recipe-link--extra-long{font-size:clamp(23px,6.2vw,29px);line-height:1.16}.source-line{flex-wrap:wrap;justify-content:center;max-width:330px;margin-top:17px;font-size:10px;letter-spacing:.1em}.random-button{width:min(100%,340px);min-height:60px;margin-top:26px;padding-inline:20px;font-size:12px;letter-spacing:.04em}.about-panel{padding:24px}.about-panel__close{top:20px;right:18px}.about-panel h2{font-size:44px}.about-panel p{font-size:18px}}@media(max-height:680px){.hero-content{padding-bottom:2vh}.hero-content h1{font-size:clamp(34px,7.5vh,58px)}.recipe-link{font-size:clamp(28px,6.5vh,50px)}.recipe-link--long{font-size:clamp(24px,5.4vh,42px)}.recipe-link--extra-long{font-size:clamp(21px,4.7vh,36px)}.source-line{margin-top:11px}.random-button{min-height:54px;margin-top:18px;padding-block:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}