:root{--paper:#f2eee3;--ink:#253730;--muted:#73786a;--accent:#ae572f;--dark:#172421}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 system-ui,-apple-system,sans-serif}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d59248;outline-offset:4px}header{max-width:1120px;padding:0 25px;margin:auto;height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d9cd}.brand{display:flex;align-items:center;gap:17px;font-size:10px;font-weight:700;letter-spacing:2px;text-decoration:none;color:var(--ink)}.monogram{font:italic 42px Georgia,serif;letter-spacing:-4px}.edition,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}header button{border:0;background:transparent;font-size:12px}main{max-width:1080px;padding:30px 25px 35px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{color:var(--accent);margin:0 0 13px}h1{font:normal 54px/1.03 Georgia,serif;letter-spacing:-2px;margin:0}h1 em{color:var(--accent);font-weight:normal}.lede{color:var(--muted);font-size:13px;line-height:1.85;margin-right:25px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.kitchen{background:var(--dark);color:#e5dfc8;border-radius:6px;overflow:hidden;box-shadow:0 15px 30px #263c2917;background-image:radial-gradient(ellipse at 50% 40%,#2b3e32,var(--dark) 72%)}.kitchen-heading,.kitchen-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;gap:10px;font-size:9px;letter-spacing:1.4px;border-bottom:1px solid #ffffff0c}.kitchen-heading i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c9975b;margin-right:8px}.stack-caption{display:flex;justify-content:space-between;color:#94a08d;font-size:9px;letter-spacing:1.4px;padding:24px 28px 6px}#stack{min-height:375px;padding:15px 20px;display:flex;flex-direction:column;justify-content:center;gap:4px;position:relative}.flipper{border:0;background:transparent;width:100%;height:48px;min-height:48px;display:flex;align-items:center;position:relative;padding:0 8px;isolation:isolate;color:#dbd6c1}.pancake-space{width:calc(100% - 105px);display:flex;justify-content:center;height:100%;position:relative}.pancake{height:45px;border-radius:50%;position:relative;background-image:url('pancakes.webp');background-size:250% 250%;background-position:8.33% 8.33%;border:1px solid #c99a52;border-bottom:6px solid #a46932;box-shadow:0 5px 9px #0006;transition:filter .15s,transform .15s;display:flex;align-items:center;justify-content:center}.pancake.variant{background-position:8.33% 91.67%}.pancake.burnt{background-position:91.67% 8.33%;border-color:#6e4b30;border-bottom-color:#482f20}.pancake.burnt.variant{background-position:91.67% 91.67%}.size{font:600 16px/1 system-ui;color:#271e11;background:#f9e9becc;border-radius:50%;min-width:26px;height:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.burnt .size{background:#30271ee8;color:#fff1c9}.side{font-size:13px;position:absolute;right:17%;color:#342918;text-shadow:0 1px #fff9}.burnt .side{color:#ffedb5}.handle{margin-left:auto;display:flex;align-items:center;gap:7px;justify-content:center;width:100px;border:1px solid #7d8a6e66;border-radius:3px;padding:9px 6px;font-size:11px;white-space:nowrap}.handle:before{content:'↶';font-size:17px;line-height:1}.flipper:hover .handle,.flipper.hinted .handle{background:#d9b47b;color:#172421;border-color:#d9b47b}.flipper.previewed .pancake{filter:brightness(1.15);transform:translateX(-5px)}.flipper.hinted .pancake{outline:2px dashed #f4d39a;outline-offset:3px}.flipper[disabled]{opacity:1}.flipper[disabled] .handle{opacity:.35}.flipper[disabled]:hover .handle{background:transparent;color:inherit}.flipper[disabled]:hover .pancake{filter:none;transform:none}.plate{height:15px;width:66%;background:linear-gradient(#b7bc9d,#627260);margin:-2px auto 0;border-radius:50%;box-shadow:0 5px 9px #0004;transform:translateX(-40px)}#preview{min-height:55px;text-align:center;font-size:11px;color:#b3baa6;padding:20px 12px 10px}.kitchen-footer{border-top:1px solid #ffffff0b;border-bottom:0;letter-spacing:0;color:#8d9b89;padding-top:17px;padding-bottom:17px}.kitchen-footer button{color:#c0c7b2;border:0;background:transparent;font-size:11px}.order-card{border:1px solid #d9dacb;background:#e8e6d9;padding:24px 22px;border-radius:5px}h2{font:normal 29px/1.15 Georgia,serif;letter-spacing:-.4px;margin:0 0 13px}#brief{font-size:12px;color:#6d7565;min-height:54px;margin-bottom:21px}.stats{display:flex;gap:25px;border-top:1px solid #ced2c1;padding-top:18px}.stats span{font-size:8px;letter-spacing:1px;display:block}.stats strong{font:36px/1.4 Georgia,serif}#message{font-size:12px;color:#88512d;margin:15px 0 0;min-height:36px}#next{border:0;border-radius:3px;background:var(--accent);color:#fff4df;padding:11px;width:100%;font-size:12px;margin-top:12px}.tools{display:flex;gap:8px;margin:15px 0 25px}.tools button{flex:1;padding:11px 5px;background:transparent;border:1px solid #cbd0c1;border-radius:3px;font-size:12px}.menu label{font-size:9px;letter-spacing:1.7px;display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600}.menu select{width:100%;padding:12px 10px;background:#faf7ed;border:1px solid #ccd0c3;color:var(--ink);font-size:12px;border-radius:3px}#fresh{width:100%;border:0;border-radius:3px;display:flex;justify-content:space-between;background:var(--ink);color:#f4ecd4;padding:13px 12px;font-size:11px;margin-top:9px}#record{font-size:10px;color:var(--muted);min-height:15px}.mini-guide{display:flex;gap:12px;margin-top:22px;border-top:1px solid #d0d4c5;padding-top:20px}.flip-symbol{font:32px Georgia;color:var(--accent)}.mini-guide b{font-size:12px}.mini-guide p{font-size:11px;color:var(--muted);margin-top:5px}details{font-size:11px;color:var(--muted);border-top:1px solid #d3d6ca;padding-top:15px;margin-top:15px}summary{cursor:pointer;color:var(--ink)}.journey{border-top:1px solid #d5d7ca;margin-top:35px;padding-top:28px;display:flex;gap:25px;justify-content:space-between;align-items:center}.journey h2{font-size:23px}#chapters{display:flex;gap:7px;flex-wrap:wrap;max-width:430px}#chapters button{border:1px solid #cdd0c1;color:var(--ink);border-radius:30px;background:transparent;font-size:10px;padding:8px 12px}#chapters button.active{background:#253730;color:#fff3d8}footer{max-width:1080px;margin:0 auto 30px;padding:0 25px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer a{color:inherit}dialog{width:min(590px,92vw);max-height:85vh;border:0;background:var(--paper);color:var(--ink);border-radius:8px;padding:35px;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#10251dd8}dialog p,dialog li{font-size:13px}dialog li{padding:5px 0}#close{float:right;border:0;background:transparent;font-size:26px}.toss{animation:toss .26s ease}@keyframes toss{0%{transform:rotateX(0deg)}50%{transform:rotateX(82deg) translateY(-9px)}100%{transform:rotateX(0deg)}}@media(max-width:780px){header{height:68px;padding:0 18px}.edition{display:none}.brand{font-size:9px;gap:10px}.monogram{font-size:35px}main{padding:24px 14px}.intro{margin-bottom:24px}h1{font-size:44px}.lede{display:none}.layout{grid-template-columns:1fr;gap:20px}.kitchen-heading{padding:18px 17px;font-size:8px;letter-spacing:1px}#stack{padding:12px 8px;min-height:300px}.flipper{height:48px;min-height:48px}.pancake-space{width:calc(100% - 90px)}.handle{width:88px;font-size:10px}.pancake{height:42px}.side{right:12%;font-size:11px}.size{font-size:13px;min-width:22px;height:22px}.stack-caption{padding:20px 20px 5px;font-size:8px}.plate{transform:translateX(-35px);width:65%}.order-card{padding:22px}.stats{gap:50px}#brief{min-height:0}.journey{display:block}#chapters{margin-top:20px}footer{gap:12px}.kitchen-footer{font-size:9px;padding:16px}#message{min-height:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
