@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Playfair+Display:ital,wght@0,500;0,700;0,900;1,500&family=Inter:wght@400;500;600&display=swap";:root{--ink: #22323b;--ink-soft: #6c7d86;--paper: #f8f4ea;--paper-deep: #efe8d8;--edge: #e4dcc8;--gold: #c9a45c;--gold-soft: #ddc792;--gold-deep: #9c7a2e;--teal: #0f6f68;--teal-deep: #06302f;--mint: #13b89c;--frost: #d8efe8;--bg-1: #11343a;--bg-2: #07181d}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(120% 90% at 50% 0%,#18454a 0%,var(--bg-1) 45%,var(--bg-2) 100%);-webkit-font-smoothing:antialiased;overflow:hidden}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:15px 24px 10px;color:#f3ede0}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:22px;height:22px;color:var(--gold)}.brand-name{font-family:Playfair Display,serif;font-weight:700;font-size:20px;letter-spacing:.4px}.search{flex:1;display:flex;justify-content:center}.search input{width:min(440px,100%);padding:9px 17px;border-radius:999px;border:1px solid rgba(201,164,92,.3);background:#ffffff0d;color:#f3ede0;font-size:14px;outline:none;transition:border-color .2s,background .2s}.search input::placeholder{color:#f3ede073}.search input:focus{border-color:var(--gold);background:#ffffff17}.shuffle{border:1px solid rgba(201,164,92,.35);background:#c9a45c14;color:#f1e6cf;padding:9px 17px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s,transform .1s}.shuffle:hover{background:#c9a45c2e}.shuffle:active{transform:scale(.96)}.chips{display:flex;gap:8px;padding:6px 24px 12px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;border:1px solid rgba(243,237,224,.16);background:transparent;color:#f3ede0c7;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .18s}.chip:hover{color:#fff;border-color:#c9a45c8c}.chip--on{background:linear-gradient(180deg,var(--gold-soft),var(--gold));border-color:var(--gold);color:#3a2c08;font-weight:600}.chip-count{font-size:10.5px;opacity:.7;font-variant-numeric:tabular-nums}.chip--on .chip-count{opacity:.7}.stage{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 16px;min-height:0}.book{margin:0 auto}.stage .book{filter:drop-shadow(0 30px 55px rgba(0,0,0,.5))}.empty{color:#e8dcc2;font-size:16px;text-align:center;max-width:360px;line-height:1.6;font-family:Cormorant Garamond,serif;font-size:19px}.page{position:relative;overflow:hidden;background:var(--paper);color:var(--ink);-webkit-user-select:none;user-select:none}.page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#00000017,#0000 7%,#0000 93%,#0000000a)}.folio{position:absolute;bottom:11px;font-size:10.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums;letter-spacing:1.5px;z-index:3}.folio--left{left:22px}.folio--right{right:22px}.page--plate{background:var(--paper)}.plate-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(125% 75% at 50% 16%,color-mix(in srgb,var(--c1) 30%,var(--paper)) 0%,color-mix(in srgb,var(--c1) 12%,var(--paper)) 42%,var(--paper) 78%)}.plate-frame{position:absolute;top:17px;right:17px;bottom:17px;left:17px;border:1px solid var(--gold);border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 26px 34px;z-index:1}.plate-frame:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(201,164,92,.4);border-radius:1px;pointer-events:none}.plate-cat{font-size:10.5px;font-weight:600;letter-spacing:3.4px;text-transform:uppercase;color:var(--gold-deep)}.page--plate .scoop-svg{width:58%;max-width:216px;height:auto;margin:14px 0 12px;filter:drop-shadow(0 16px 18px rgba(34,50,59,.22))}.plate-name{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(22px,4.6vw,31px);line-height:1.1;color:var(--ink);max-width:88%}.plate-flourish{width:26px;height:26px;color:var(--gold);margin:13px 0}.plate-tagline{font-family:Cormorant Garamond,serif;font-style:italic;font-size:17px;line-height:1.4;color:var(--ink-soft);max-width:84%}.plate-macro{margin-top:20px;padding-top:15px;border-top:1px solid var(--edge);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft)}.plate-macro b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.plate-macro i{color:var(--gold);font-style:normal}.plate-macro .hero b{color:var(--gold-deep)}.page--recipe{background:radial-gradient(140% 120% at 100% 0%,#fdfaf2 0%,var(--paper) 55%,var(--paper-deep) 100%)}.recipe-pad{position:absolute;top:0;right:0;bottom:0;left:0;padding:30px 30px 30px 34px;display:flex;flex-direction:column}.recipe-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold-deep)}.recipe-title{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(19px,3.6vw,26px);line-height:1.12;margin-top:6px;color:var(--ink)}.recipe-blurb{font-family:Cormorant Garamond,serif;font-style:italic;font-size:16px;line-height:1.4;color:var(--ink-soft);margin-top:6px}.macros{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0 6px}.macro{background:#ffffff8c;border:1px solid var(--edge);border-radius:10px;padding:9px 4px 7px;text-align:center}.macro b{display:block;font-size:17px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}.macro span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--ink-soft)}.macro--hero{background:linear-gradient(165deg,var(--teal),var(--teal-deep));border-color:var(--teal-deep)}.macro--hero b{color:#fbf7ec}.macro--hero span{color:var(--frost);font-weight:600}.serving-note{font-size:10.5px;color:var(--ink-soft);letter-spacing:.2px;margin-bottom:12px}.recipe-body{flex:1;overflow-y:auto;padding-right:6px;-webkit-overflow-scrolling:touch}.recipe-body::-webkit-scrollbar{width:5px}.recipe-body::-webkit-scrollbar-thumb{background:#00000021;border-radius:4px}.block{margin-bottom:15px}.block-h{font-family:Playfair Display,serif;font-style:italic;font-weight:500;font-size:16px;color:var(--teal);margin-bottom:9px;display:flex;align-items:center;gap:10px}.block-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-soft),transparent)}.ing-list{list-style:none;font-size:12.5px;line-height:1.45}.ing-list li{margin-bottom:5px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px dotted rgba(0,0,0,.13);padding-bottom:4px}.ing-name{color:var(--ink)}.ing-measure{color:var(--gold-deep);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.step-list{list-style:none;font-size:12.7px;line-height:1.5;color:#34424a}.step-list li{display:flex;gap:11px;margin-bottom:9px}.step-num{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#3a2c08;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.recipe-foot{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;margin-top:6px;border-top:1px solid var(--edge)}.tag{font-size:10px;font-weight:600;letter-spacing:.4px;color:var(--gold-deep);background:#c9a45c1f;border:1px solid rgba(201,164,92,.28);padding:3px 9px;border-radius:999px}.page--cover{background:var(--teal-deep)}.cover-inner{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(125% 100% at 50% 0%,#15837a 0%,var(--teal) 45%,var(--teal-deep) 100%);display:flex;align-items:center;justify-content:center;padding:24px}.cover-frame{position:relative;border:1px solid var(--gold);border-radius:3px;padding:44px 28px;text-align:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f6eccf}.cover-frame:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(201,164,92,.4);pointer-events:none}.cover-eyebrow{font-size:10.5px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.cover-title{font-family:Playfair Display,serif;font-weight:900;font-size:clamp(42px,9vw,60px);line-height:.95;letter-spacing:.5px;color:#fdf6e3}.cover-mark{width:40px;height:40px;color:var(--gold);margin:24px 0}.cover-sub{font-style:italic;font-family:Cormorant Garamond,serif;font-size:16.5px;color:#e7dab6;max-width:240px;line-height:1.5}.page--back .cover-inner{background:radial-gradient(125% 100% at 50% 0%,#0e5a54 0%,var(--teal-deep) 70%)}.back-note{color:#e7dab6;text-align:center;font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.6;max-width:260px}.back-note strong{color:var(--gold);font-style:italic}.controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 0 18px;color:#e8dcc2}.nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,164,92,.35);background:#c9a45c14;color:#f1e6cf;font-size:22px;line-height:1;cursor:pointer;transition:background .18s,transform .1s}.nav-btn:hover{background:#c9a45c33}.nav-btn:active{transform:scale(.93)}.counter{font-size:12.5px;letter-spacing:.3px;min-width:240px;text-align:center}.counter em{font-style:normal;opacity:.6}@media (max-width: 640px){.brand-name{display:none}.topbar{padding:13px 16px 8px;gap:10px}.chips{padding:4px 16px 8px}.counter{min-width:0;font-size:12px}}