body{margin:0;background:#fff4cc;background-image:radial-gradient(rgba(255,255,255,.3) 1px,transparent 1px);background-size:8px 8px;color:#5a3d2b;font-family:Lora,serif}.hero{text-align:center;padding:60px 20px}.hero-title{font-family:Cookie,cursive;font-size:clamp(32px,6vw,56px);color:#5a3d2b;text-shadow:0 2px 4px rgba(255,255,255,.6)}.hero-sub{color:#8b5e3c;font-size:18px;margin-top:8px;margin-bottom:24px}.fp-btn{background:linear-gradient(#f1c232,#e0b026);border:none;border-radius:12px;padding:10px 18px;font-weight:600;color:#3b2e2a;box-shadow:0 3px 6px #0000001f;cursor:pointer;transition:transform .15s,box-shadow .15s}.fp-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:900px;margin:0 auto 60px;padding:0 16px}.card{background:#fff8e7;border:1px solid #EBD9BF;border-radius:10px;padding:24px;box-shadow:0 2px 6px #0000000d;font-family:Lora,serif;transition:transform .15s ease}.card:hover{transform:translateY(-3px)}.nav{background:#fff8e7;border-bottom:1px solid #E9D4B7;padding:16px 0 10px;text-align:center;box-shadow:0 2px 6px #0000000d}.nav-title{font-family:Cookie,cursive;color:#5a3d2b;font-size:2rem;margin:0}.nav-links{display:flex;justify-content:center;gap:24px;font-family:Inter,sans-serif;margin-top:6px}.nav-links a{color:#8b5e3c;text-decoration:none;font-weight:600;transition:color .2s}.nav-links a:hover{color:#5a3d2b}.nav-sticky{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:saturate(110%) blur(0px);backdrop-filter:saturate(110%) blur(0px)}.brand-wrap{display:flex;align-items:center;justify-content:center;min-height:88px}.brand-logo{height:clamp(72px,9vw,110px);width:auto;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12))}.brand-title{margin:0;font-family:Cookie,cursive;font-size:clamp(2.2rem,5vw,3rem);color:#5a3d2b}.nav-links{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.nav-links .tab{font-size:1.05rem;padding:8px 16px;border-radius:999px}@media (max-width: 480px){.brand-logo{height:56px}.brand-wrap{min-height:64px}.nav-links{gap:14px}.nav-links .tab{font-size:.95rem;padding:6px 12px}}:root{--fp-buttercream: #FFF4CC;--fp-frosting: #FFF8E7;--fp-wheat: #D7B89C;--fp-crust: #8B5E3C;--fp-cocoa: #5A3D2B;--fp-butter: #F1C232;--fp-mint: #A9C4A3;--fp-parchment: #F7F0E6;--fp-font-display: "Cookie", system-ui, sans-serif;--fp-font-display-alt: "Playfair Display", Georgia, serif;--fp-font-body: "Lora", Georgia, serif;--fp-font-ui: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--fp-h1: clamp(28px, 5vw, 44px);--fp-h2: clamp(22px, 3.5vw, 32px);--fp-h3: clamp(18px, 2.8vw, 24px);--fp-body: 16px;--fp-small: 14px;--fp-space-1: 4px;--fp-space-2: 8px;--fp-space-3: 12px;--fp-space-4: 16px;--fp-space-5: 24px;--fp-space-6: 32px;--fp-radius-card: 8px;--fp-radius-btn: 12px;--fp-shadow-card: 0 2px 6px rgba(0,0,0,.08);--fp-shadow-elev: 0 3px 10px rgba(0,0,0,.12);--fp-maxw: 1100px}:root{color-scheme:light}html,body,#root{height:100%}body{margin:0;background:var(--fp-buttercream);color:var(--fp-cocoa);font-family:var(--fp-font-body);font-size:var(--fp-body);line-height:1.6}h1,.h1{font-family:var(--fp-font-display);font-size:var(--fp-h1);color:var(--fp-cocoa)}h2,.h2{font-family:var(--fp-font-display);font-size:var(--fp-h2);color:var(--fp-cocoa)}h3,.h3{font-family:var(--fp-font-display);font-size:var(--fp-h3);color:var(--fp-crust)}.container{max-width:var(--fp-maxw);margin:0 auto;padding:0 var(--fp-space-4)}.center{text-align:center}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-spinner{width:36px;height:36px;border-radius:50%;border:3px solid color-mix(in oklab,var(--fp-wheat) 40%,white);border-top-color:var(--fp-crust);animation:fp-spin .8s linear infinite}hr.divider{border:0;height:1px;background:linear-gradient(to right,transparent 0%,color-mix(in oklab,var(--fp-wheat) 60%,white) 15%,color-mix(in oklab,var(--fp-wheat) 60%,white) 85%,transparent 100%);margin:var(--fp-space-6) 0}.fp-btn{display:inline-block;padding:10px 16px;border-radius:var(--fp-radius-btn);border:1px solid color-mix(in oklab,var(--fp-butter) 50%,#0000);background:linear-gradient(var(--fp-butter),color-mix(in oklab,var(--fp-butter) 80%,#E0B026));color:#3b2e2a;font-family:var(--fp-font-ui);font-weight:600;text-decoration:none;box-shadow:var(--fp-shadow-card);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.fp-btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.fp-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.fp-btn--secondary{background:var(--fp-frosting);border:1px solid var(--fp-wheat)}.card{border-radius:var(--fp-radius-card);box-shadow:var(--fp-shadow-card);background:var(--fp-frosting);border:1px solid color-mix(in oklab,var(--fp-wheat) 60%,white);padding:var(--fp-space-5)}.tabs{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:var(--fp-space-4)}.tab{padding:8px 14px;border-radius:999px;border:1px solid var(--fp-wheat);background:var(--fp-frosting);font-family:var(--fp-font-ui)}.tab[aria-selected=true]{background:color-mix(in oklab,var(--fp-wheat) 25%,white);border-color:var(--fp-crust);color:var(--fp-cocoa)}.fp-flour{background-image:radial-gradient(rgba(255,255,255,.6) 1px,transparent 1px);background-size:8px 8px;background-blend-mode:lighten}.fp-parchment{background:var(--fp-frosting);background-size:cover}.fp-wood{background-color:color-mix(in oklab,var(--fp-wheat) 70%,#fff);background-size:cover}