@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Inter:wght@400;500;600&display=swap";.recipe-book{--rb-cream: #faf6f0;--rb-warm-white: #fff9f2;--rb-ink: #1a1208;--rb-brown: #5c3d1e;--rb-terracotta: #c85c3a;--rb-gold: #d4a843;--rb-sage: #7a9e7e;--rb-light-sage: #d4e6d5;--rb-border: #d9cdc0;font-family:DM Sans,sans-serif;color:var(--rb-ink);background:var(--rb-cream);margin:-32px -20px;padding:0}.recipe-book .rb-header{background:var(--rb-ink);padding:1.5rem 1.5rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.recipe-book .rb-logo{font-family:Playfair Display,serif;font-size:clamp(1.2rem,3vw,1.6rem);color:var(--rb-gold);font-style:italic}.recipe-book .rb-logo span{color:var(--rb-cream);font-style:normal}.recipe-book .rb-search{flex:1;max-width:320px;min-width:180px}.recipe-book .rb-search input{width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:.5rem 1rem;color:#fff;font-family:DM Sans,sans-serif;font-size:.875rem;outline:none}.recipe-book .rb-search input::placeholder{color:#fff6}.recipe-book .rb-search input:focus{border-color:var(--rb-gold)}.recipe-book .rb-add-btn{background:var(--rb-gold);color:var(--rb-ink);border:none;border-radius:50px;padding:.55rem 1.2rem;font-weight:600;font-size:.85rem;white-space:nowrap}.recipe-book .rb-add-btn:hover{background:#e3ba55}.recipe-book .rb-layout{display:grid;grid-template-columns:200px 1fr}@media (max-width: 700px){.recipe-book .rb-layout{grid-template-columns:1fr}}.recipe-book .rb-sidebar{background:var(--rb-warm-white);border-right:1px solid var(--rb-border);padding:1.5rem 1rem}@media (max-width: 700px){.recipe-book .rb-sidebar{border-right:none;border-bottom:1px solid var(--rb-border)}}.recipe-book .rb-sidebar-title{font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--rb-brown);opacity:.6;margin-bottom:.75rem;padding:0 .4rem}.recipe-book .rb-cat-btn{display:flex;align-items:center;gap:.55rem;width:100%;background:none;border:none;padding:.55rem .65rem;border-radius:10px;text-align:left;font-size:.88rem;color:var(--rb-ink);margin-bottom:.1rem}.recipe-book .rb-cat-btn:hover{background:var(--rb-border)}.recipe-book .rb-cat-btn.active{background:var(--rb-ink);color:var(--rb-gold);font-weight:500}.recipe-book .rb-cat-count{margin-left:auto;font-size:.72rem;opacity:.5;background:#0000000f;border-radius:20px;padding:.05rem .45rem}.recipe-book .rb-cat-btn.active .rb-cat-count{background:#ffffff26;opacity:.8}.recipe-book .rb-main{padding:1.75rem}.recipe-book .rb-section-header{display:flex;align-items:baseline;gap:.9rem;margin-bottom:1.5rem;flex-wrap:wrap}.recipe-book .rb-section-header h2{font-family:Playfair Display,serif;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;color:var(--rb-ink)}.recipe-book .rb-count-label{font-size:.78rem;color:var(--rb-brown);opacity:.55}.recipe-book .rb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.recipe-book .rb-card{background:#fff;border:1px solid var(--rb-border);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:left}.recipe-book .rb-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #5c3d1e1f}.recipe-book .rb-card-thumb{height:110px;display:flex;align-items:center;justify-content:center;font-size:2.8rem}.recipe-book .rb-card-body{padding:1rem 1.1rem 1.2rem}.recipe-book .rb-card-category{font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;color:var(--rb-terracotta)}.recipe-book .rb-card-title{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:.4rem}.recipe-book .rb-card-meta{display:flex;gap:.9rem;font-size:.75rem;color:var(--rb-brown);opacity:.7;flex-wrap:wrap}.recipe-book .rb-empty{text-align:center;padding:3rem 1.5rem;color:var(--rb-brown);opacity:.55}.recipe-book .rb-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.recipe-book .acc-subs{background:#fde8df}.recipe-book .acc-pasta{background:#fef3da}.recipe-book .acc-salads{background:#e4f0e4}.recipe-book .acc-soups{background:#deeaf7}.recipe-book .acc-mains{background:#f2e4f5}.recipe-book .acc-baking{background:#fde8e8}.recipe-book .acc-snacks{background:#fff2d9}.recipe-book .rb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1208a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.25rem}.recipe-book .rb-modal{background:var(--rb-warm-white);border-radius:20px;width:100%;max-width:680px;max-height:88vh;overflow-y:auto;position:relative}.recipe-book .rb-modal-close{position:sticky;top:0;z-index:10;display:flex;justify-content:flex-end;padding:.9rem .9rem 0}.recipe-book .rb-close-btn{background:var(--rb-ink);color:#fff;border:none;width:34px;height:34px;border-radius:50%;font-size:1rem;display:flex;align-items:center;justify-content:center}.recipe-book .rb-close-btn:hover{background:var(--rb-terracotta)}.recipe-book .rb-modal-hero{height:140px;display:flex;align-items:center;justify-content:center;font-size:4.2rem;border-radius:12px;margin:0 1.25rem}.recipe-book .rb-modal-body{padding:1.25rem 1.5rem 1.75rem}.recipe-book .rb-modal-cat{font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;color:var(--rb-terracotta)}.recipe-book .rb-modal-title{font-family:Playfair Display,serif;font-size:clamp(1.3rem,4vw,1.7rem);font-weight:900;line-height:1.2;margin-bottom:.6rem}.recipe-book .rb-modal-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--rb-brown);margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--rb-border)}.recipe-book .rb-cook-start-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--rb-ink);color:var(--rb-gold);border:none;border-radius:50px;padding:.6rem 1.3rem;font-size:.85rem;font-weight:500;margin-bottom:1.25rem}.recipe-book .rb-cook-start-btn:hover{background:var(--rb-terracotta);color:#fff}.recipe-book .rb-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem}@media (max-width: 560px){.recipe-book .rb-two-col{grid-template-columns:1fr}}.recipe-book .rb-section-label{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;margin-bottom:.75rem}.recipe-book .rb-ingredients-list,.recipe-book .rb-steps-list{list-style:none}.recipe-book .rb-ingredients-list li{display:flex;align-items:flex-start;gap:.55rem;padding:.4rem 0;border-bottom:1px dashed var(--rb-border);font-size:.85rem}.recipe-book .rb-ing-dot{width:6px;height:6px;border-radius:50%;background:var(--rb-terracotta);flex-shrink:0;margin-top:.4rem}.recipe-book .rb-ing-group{font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--rb-brown);opacity:.7;padding-top:.7rem!important;border:none!important}.recipe-book .rb-steps-list li{display:flex;gap:.9rem;padding:.6rem 0;border-bottom:1px dashed var(--rb-border);font-size:.85rem;line-height:1.55}.recipe-book .rb-step-num{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:900;color:var(--rb-gold);min-width:1.4rem;flex-shrink:0}.recipe-book .rb-notes-box{margin-top:1.25rem;background:var(--rb-light-sage);border-left:3px solid var(--rb-sage);border-radius:0 10px 10px 0;padding:.9rem 1.1rem;font-size:.8rem;line-height:1.6;color:#3a5c3e}.recipe-book .rb-notes-box strong{display:block;margin-bottom:.35rem;color:#2d4a31}.recipe-book .rb-delete-btn{background:none;border:1px solid var(--rb-border);color:var(--rb-brown);border-radius:50px;padding:.4rem .9rem;font-size:.78rem;margin-top:1rem}.recipe-book .rb-delete-btn:hover{background:#fbe9e7;border-color:#e0b3a8;color:#8a3324}.recipe-book .rb-form-field{margin-bottom:1rem}.recipe-book .rb-form-field label{display:block;font-size:.82rem;font-weight:500;margin-bottom:.35rem}.recipe-book .rb-form-field input,.recipe-book .rb-form-field select,.recipe-book .rb-form-field textarea{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--rb-border);font-family:DM Sans,sans-serif;font-size:.88rem;background:#fff}.recipe-book .rb-form-field textarea{min-height:90px;resize:vertical}.recipe-book .rb-form-hint{font-size:.72rem;color:var(--rb-brown);opacity:.65;margin-top:.3rem}.recipe-book .rb-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem}@media (max-width: 560px){.recipe-book .rb-form-row{grid-template-columns:1fr}}.recipe-book .rb-form-submit{width:100%;background:var(--rb-ink);color:var(--rb-gold);border:none;border-radius:8px;padding:.7rem;font-weight:600;font-size:.9rem;margin-top:.5rem}.recipe-book .rb-form-submit:hover{background:var(--rb-terracotta);color:#fff}.recipe-book .rb-form-error{background:#fbe9e7;color:#8a3324;border-radius:8px;padding:.6rem .8rem;font-size:.82rem;margin-bottom:1rem}.recipe-book .rb-cook-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--rb-ink);z-index:300;display:flex;flex-direction:column;color:#faf6f0}.recipe-book .rb-cook-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.1);gap:1rem}.recipe-book .rb-cook-title{font-family:Playfair Display,serif;font-size:1.05rem;color:var(--rb-gold);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-book .rb-cook-hbtn{background:#ffffff1a;border:none;color:#faf6f0;border-radius:50px;padding:.45rem .9rem;font-size:.78rem;margin-left:.5rem}.recipe-book .rb-cook-hbtn:hover{background:#fff3}.recipe-book .rb-cook-progress{display:flex;gap:.35rem;padding:.9rem 1.4rem 0}.recipe-book .rb-cook-dot{height:4px;flex:1;border-radius:4px;background:#ffffff26}.recipe-book .rb-cook-dot.done{background:var(--rb-sage)}.recipe-book .rb-cook-dot.current{background:var(--rb-gold)}.recipe-book .rb-cook-body-wrap{position:relative;flex:1;display:flex;overflow:hidden}.recipe-book .rb-cook-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.75rem 1.4rem;text-align:center;max-width:700px;margin:0 auto;width:100%}.recipe-book .rb-cook-step-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rb-gold);margin-bottom:.9rem}.recipe-book .rb-cook-step-text{font-family:Playfair Display,serif;font-size:clamp(1.1rem,2.5vw,1.55rem);line-height:1.6}.recipe-book .rb-cook-timer{margin-top:1.75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1rem 1.75rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.recipe-book .rb-cook-timer-display{font-size:2rem;font-weight:300;min-width:120px;font-variant-numeric:tabular-nums}.recipe-book .rb-cook-timer.finished .rb-cook-timer-display{color:var(--rb-terracotta);animation:rb-pulse 1s infinite}@keyframes rb-pulse{0%,to{opacity:1}50%{opacity:.4}}.recipe-book .rb-cook-tbtn{background:var(--rb-gold);color:var(--rb-ink);border:none;border-radius:50px;padding:.55rem 1.2rem;font-weight:500;font-size:.82rem}.recipe-book .rb-cook-tbtn.secondary{background:#ffffff1f;color:#faf6f0}.recipe-book .rb-cook-footer{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;border-top:1px solid rgba(255,255,255,.1);gap:1rem}.recipe-book .rb-cook-nav-btn{background:#ffffff1a;color:#faf6f0;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:.88rem}.recipe-book .rb-cook-nav-btn:hover:not(:disabled){background:#fff3}.recipe-book .rb-cook-nav-btn.primary{background:var(--rb-gold);color:var(--rb-ink);font-weight:500}.recipe-book .rb-cook-nav-btn:disabled{opacity:.3}.recipe-book .rb-cook-count{font-size:.78rem;opacity:.6}.recipe-book .rb-cook-ing-panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,88vw);background:#241a0d;border-left:1px solid rgba(255,255,255,.1);padding:1.4rem;overflow-y:auto;transform:translate(100%);transition:transform .25s}.recipe-book .rb-cook-ing-panel.open{transform:translate(0)}.recipe-book .rb-cook-ing-panel h4{font-family:Playfair Display,serif;color:var(--rb-gold);margin-bottom:.9rem;font-size:1rem}.recipe-book .rb-cook-ing-panel ul{list-style:none}.recipe-book .rb-cook-ing-panel li{padding:.35rem 0;border-bottom:1px dashed rgba(255,255,255,.12);font-size:.8rem}.recipe-book .rb-cook-ing-panel li strong{color:var(--rb-gold)}:root{--forest: #22402f;--forest-dark: #182e21;--cream: #f5f0e1;--cream-card: #fdfbf5;--gold: #d6a419;--plum: #5b3a52;--ink: #26231d;--ink-soft: #5a544a;--line: rgba(38, 35, 29, .12);--font-display: "Fraunces", serif;--font-body: "Inter", system-ui, sans-serif;--radius: 10px;--shadow-card: 0 3px 10px rgba(38, 35, 29, .12), 0 1px 2px rgba(38, 35, 29, .08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;color:var(--forest-dark)}a{color:inherit}button{font-family:var(--font-body);cursor:pointer}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app-shell{min-height:100%;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:32px 20px 64px}.nav{background:var(--forest);color:var(--cream);padding:0 20px}.nav-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--cream);text-decoration:none;letter-spacing:.01em}.nav-links{display:flex;gap:4px;align-items:center;list-style:none;margin:0;padding:0}.nav-links a{display:inline-block;padding:8px 12px;border-radius:var(--radius);text-decoration:none;color:var(--cream);opacity:.8;font-size:.95rem;transition:opacity .15s,background .15s}.nav-links a:hover,.nav-links a.active{opacity:1;background:#ffffff1a}.nav-signout{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--cream);padding:6px 12px;border-radius:var(--radius);font-size:.85rem}.nav-signout:hover{background:#ffffff1a}@media (max-width: 640px){.nav-inner{flex-wrap:wrap;height:auto;padding:12px 0;gap:8px}.nav-links{flex-wrap:wrap}}.hub-intro{margin-bottom:28px}.hub-intro p{color:var(--ink-soft);margin-top:8px}.pin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.pin-card{position:relative;background:var(--cream-card);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:24px 20px;text-decoration:none;display:block;transition:transform .15s ease,box-shadow .15s ease;border:1px solid var(--line)}.pin-card:nth-child(odd){transform:rotate(-.6deg)}.pin-card:nth-child(2n){transform:rotate(.6deg)}.pin-card:hover{transform:translateY(-3px) rotate(0);box-shadow:0 8px 20px #26231d29}.pin-dot{position:absolute;top:-6px;left:20px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 2px 3px #00000040}.pin-card h3{font-size:1.15rem;margin-bottom:6px}.pin-card p{margin:0;color:var(--ink-soft);font-size:.9rem}.pin-card .pin-tag{display:inline-block;margin-top:12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--plum);font-weight:600}.auth-wrap{max-width:380px;margin:60px auto;background:var(--cream-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:32px}.auth-wrap h1{font-size:1.6rem;margin-bottom:4px}.auth-wrap .auth-sub{color:var(--ink-soft);font-size:.9rem;margin-bottom:24px}.field{margin-bottom:16px}.field label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}.field input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line);font-family:var(--font-body);font-size:.95rem;background:#fff}.field input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.btn-primary{width:100%;padding:11px;border-radius:8px;border:none;background:var(--forest);color:var(--cream);font-weight:600;font-size:.95rem}.btn-primary:hover{background:var(--forest-dark)}.btn-primary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.auth-toggle{margin-top:16px;text-align:center;font-size:.85rem;color:var(--ink-soft)}.auth-toggle button{background:none;border:none;color:var(--plum);font-weight:600;text-decoration:underline;padding:0;font-size:inherit}.auth-error{background:#fbe9e7;color:#8a3324;border-radius:8px;padding:10px 12px;font-size:.85rem;margin-bottom:16px}.placeholder{background:var(--cream-card);border:1px dashed var(--line);border-radius:var(--radius);padding:48px 24px;text-align:center;color:var(--ink-soft)}.placeholder h2{margin-bottom:8px;color:var(--forest-dark)}