:root{--q-bg-app:#2C6E49;--q-bg-surface:#FFFFC1;--q-bg-card:#FFFFC1;--q-bg-input:#ffffff;--q-accent:#FFDC2F;--q-accent-hover:#D7542C;--q-secondary:#D7542C;--q-mustard:#D9A441;--q-cta-fill:#b45309;--q-cta-hover:#92400e;--q-cta-active:#78350f;--q-cta-text:#ffffff;--q-text-primary:#1c1917;--q-text-secondary:#57534e;--q-text-tertiary:#78716c;--q-text-on-app:#FFFFC1;--q-text-on-app-muted:#e7e5e4;--q-link-on-app:#fde68a;--q-link-on-app-hover:#fef3c7;--q-link-on-app-active:#fffbeb;--q-foreground:#171717;--q-border:#e7e5e4;--q-border-strong:#d6d3d1;--q-hover-fill:#f5f5f4;--q-feed-empty:#FAFAF8;--q-feed-title-empty:#2d4a38;--q-bookmark-ink:#2f2a24;--q-bookmark-muted:#6b6258;--q-bookmark-tab-border:rgba(60,40,20,0.15);--q-bookmark-slot-border:rgba(60,40,20,0.12);--q-bookmark-nav-bg:rgba(255,255,193,0.95);--q-bookmark-drawer-bg:rgba(255,255,193,0.98);--q-shadow-tab-hover:0 4px 16px rgba(0,0,0,0.12);--q-shadow-tab-active:0 6px 22px rgba(0,0,0,0.14);--q-shadow-drawer:0 24px 60px rgba(0,0,0,0.18);--q-spice-1:#4ade80;--q-spice-2:#facc15;--q-spice-3:#fb923c;--q-spice-4:#ef4444;--q-spice-5:#991b1b;--q-spice-label:#dc2626;--background:var(--q-bg-app);--primary:var(--q-bg-surface);--secondary:var(--q-secondary);--accent:#FFDC2F;--foreground:var(--q-foreground);--q-bg-primary:var(--q-bg-surface);--q-bg-secondary:var(--q-bg-surface);--q-card-bg:var(--q-bg-card);--q-card-border:var(--q-border);--surface-neutral:var(--q-bg-surface);--surface-warm:var(--q-bg-surface);--bookmark-index:#e8dcc8;--bookmark-recipes:#b5c9b3;--bookmark-create:#e8c872;--bookmark-drafts:#d4a5a5;--bookmark-lists:#f0e07e;--bookmark-pantry:#b8c8d4;--bookmark-plans:#e8b4a0;--bookmark-more:#e3e0dd;--q-font-sans:var(--font-geist-sans);--q-chrome-text:#1c1917;--q-chrome-muted:#57534e;--q-font-mono:var(--font-geist-mono,ui-monospace,monospace);--q-font-display:var(--font-cookbook,ui-serif,Georgia,serif);--q-font-wordmark:var(--font-cookbook,ui-serif,Georgia,serif);--q-text-size:16px;--q-text-size-large:18px;--q-text-size-larger:20px;--q-space-1:4px;--q-space-2:8px;--q-space-3:12px;--q-space-4:16px;--q-space-6:24px;--q-space-8:32px;--q-radius-sm:4px;--q-radius-md:8px;--q-radius-lg:12px;--q-radius-xl:16px;--q-radius-full:9999px;--q-shadow-card:0 2px 8px rgba(0,0,0,0.06);--q-shadow-tab:0 2px 10px rgba(0,0,0,0.08);--q-focus-ring:#1c1917;--q-focus-ring-width:2px;--q-focus-ring-offset:2px;--q-art-01:none;--q-art-slot-empty:none}.q-btn-quiet{background:transparent;color:var(--q-text-secondary);border:1px solid var(--q-border)}.q-btn-quiet:focus-visible{outline:var(--q-focus-ring-width) solid var(--q-focus-ring);outline-offset:var(--q-focus-ring-offset)}.q-btn-danger{background:var(--q-spice-4);color:var(--q-cta-text)}.q-btn-danger:focus-visible{outline:var(--q-focus-ring-width) solid var(--q-focus-ring);outline-offset:var(--q-focus-ring-offset)}.q-notice{background:var(--q-bg-surface);color:var(--q-text-primary);border:1px solid var(--q-border)}.q-field{display:flex;flex-direction:column;gap:var(--q-space-1)}.q-field-label{color:var(--q-text-primary);font-size:.875rem;font-weight:500}.q-feed-card{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,246,242,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 0 1px rgba(180,170,150,.25),0 4px 12px rgba(0,0,0,.06)}.q-feed-card-ring{box-shadow:inset 0 0 0 1px var(--q-border)}.q-feed-media{background:var(--q-hover-fill)}.q-feed-placeholder{border:2px dashed var(--q-secondary);background-color:var(--q-feed-empty)}.q-feed-placeholder-stroke{stroke:var(--q-secondary)}.q-feed-scrim-photo{background-image:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.2),transparent)}.q-feed-scrim-empty{background-image:linear-gradient(0deg,rgba(250,250,248,.95),rgba(250,250,248,.4),transparent)}.q-feed-title-photo{color:var(--q-cta-text)}.q-feed-title-empty{color:var(--q-feed-title-empty)}.skin-frame-default{border-color:rgba(0,0,0,.12);box-shadow:0 1px 0 rgba(255,255,255,.55),0 10px 26px rgba(0,0,0,.07)}.skin-frame-spring-2026{box-shadow:0 0 0 2px rgba(34,197,94,.35),0 4px 10px rgba(22,101,52,.15);border-color:rgba(22,101,52,.6)}.skin-frame-summer-2026{box-shadow:0 0 0 2px rgba(245,158,11,.4),0 4px 12px rgba(217,119,6,.25);border-color:rgba(217,119,6,.75)}.skin-frame-autumn-2026{box-shadow:0 0 0 2px rgba(180,83,9,.4),0 4px 12px rgba(124,45,18,.25);border-color:rgba(124,45,18,.75)}.skin-frame-winter-2026{box-shadow:0 0 0 2px rgba(59,130,246,.4),0 4px 12px rgba(37,99,235,.25);border-color:rgba(37,99,235,.75)}.skin-frame-founders-edition{box-shadow:0 0 0 2px rgba(250,204,21,.7),0 4px 14px rgba(202,138,4,.4);border-color:rgba(202,138,4,.9)}.skin-frame-first-cook{box-shadow:0 0 0 2px rgba(244,114,182,.6),0 4px 12px rgba(219,39,119,.3);border-color:rgba(219,39,119,.85)}.skin-frame-preview{background-image:linear-gradient(135deg,rgba(251,191,36,.15),rgba(52,211,153,.18))}.skin-frame-heritage-keeper{border:2px solid #c9a94e}.skin-frame-globe-trotter{border:2px solid #6b8e6b}.skin-frame-launch-2026{border:2px solid #2c6e49}.skin-frame-midsummer-2026{border:2px solid #9b8ec4}.skin-frame-spice-market-2026{border:2px solid #c4764e}.skin-frame-orchard-2026{border:2px solid #8b2e2e}.skin-frame-candlelight-2026{border:2px solid #5c4033}.skin-frame-gingerbread-2026{border:2px solid #a0522d}.skin-frame-fresh-start-2026{border:2px solid #e8e0d0}.skin-frame-kitchen-garden-2027{border:2px solid #6b7f5e}.cookbook-title{font-family:var(--font-cookbook,ui-serif,Georgia,"Times New Roman",serif)}.bookmark-tabs{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:50;display:none;flex-direction:column;gap:10px;padding-right:6px}@media (min-width:768px){.bookmark-tabs{display:flex}}.bookmark-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px 10px 16px;min-width:108px;border-radius:10px 0 0 10px;border:1px solid var(--q-bookmark-tab-border);box-shadow:var(--q-shadow-tab);font-weight:800;letter-spacing:.02em;text-transform:none;color:var(--q-bookmark-ink);background:var(--bookmark-more);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.bookmark-tab:before{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:10px;height:18px;border-radius:6px;background:inherit;border:inherit;box-shadow:inherit}.bookmark-tab:hover{filter:saturate(1.05);box-shadow:var(--q-shadow-tab-hover);transform:translateX(-3px)}.bookmark-tab--active{transform:translateX(-8px);box-shadow:var(--q-shadow-tab-active)}.bookmark-tab--index{background:var(--bookmark-index)}.bookmark-tab--recipes{background:var(--bookmark-recipes)}.bookmark-tab--create{background:var(--bookmark-create)}.bookmark-tab--drafts{background:var(--bookmark-drafts)}.bookmark-tab--lists{background:var(--bookmark-lists)}.bookmark-tab--pantry{background:var(--bookmark-pantry)}.bookmark-tab--plans{background:var(--bookmark-plans)}.bookmark-tab--more{background:var(--bookmark-more)}.bookmark-bottom-nav{position:fixed;inset-x:0;bottom:0;z-index:45;border-top:1px solid var(--q-border);background:var(--q-bookmark-nav-bg);backdrop-filter:blur(6px);padding:8px 10px 12px}.bookmark-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;gap:8px;max-width:480px;margin:0 auto}.bookmark-slot{display:flex;align-items:center;justify-content:center;padding:10px 0;border-radius:14px 14px 10px 10px;border:1px solid var(--q-bookmark-slot-border);box-shadow:var(--q-shadow-tab);font-weight:800;color:var(--q-bookmark-ink);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.bookmark-slot--index{background:var(--bookmark-index)}.bookmark-slot--recipes{background:var(--bookmark-recipes)}.bookmark-slot--create{background:var(--bookmark-create)}.bookmark-slot--drafts{background:var(--bookmark-drafts)}.bookmark-slot--lists{background:var(--bookmark-lists)}.bookmark-slot--pantry{background:var(--bookmark-pantry)}.bookmark-slot--plans{background:var(--bookmark-plans)}.bookmark-slot--more{background:var(--bookmark-more)}.bookmark-slot:hover{filter:saturate(1.05);transform:translateY(-1px);box-shadow:var(--q-shadow-tab-hover)}.bookmark-slot--active{transform:translateY(-2px);box-shadow:var(--q-shadow-tab-active)}.bookmark-drawer{position:fixed;inset-x:0;bottom:68px;z-index:60;padding:0 10px;pointer-events:none}.bookmark-drawer-inner{pointer-events:auto;max-width:520px;margin:0 auto;border-radius:16px;background:var(--q-bookmark-drawer-bg);border:1px solid var(--q-border);box-shadow:var(--q-shadow-drawer);overflow:hidden}.bookmark-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.bookmark-drawer-title{text-align:center;padding:10px 10px 0;color:var(--q-bookmark-muted);font-size:12px;font-weight:600}:root{color-scheme:light}body{background:var(--background);color:var(--foreground)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),select,textarea{color:var(--q-text-primary);background-color:var(--q-bg-input);color-scheme:light}::placeholder{color:var(--q-text-secondary);opacity:1}.bg-amber-500,.bg-amber-600{color:var(--q-foreground)}.btn-amber-fill{background-color:var(--q-cta-fill);color:var(--q-cta-text)}.btn-amber-fill-states:hover:not(:disabled){background-color:var(--q-cta-hover)}.btn-amber-fill-states:active:not(:disabled){background-color:var(--q-cta-active)}.btn-amber-fill-states:focus-visible,.btn-amber-fill:focus-visible{outline:var(--q-focus-ring-width) solid var(--q-focus-ring);outline-offset:var(--q-focus-ring-offset)}.btn-amber-fill-states:disabled,.btn-amber-fill:disabled{background-color:var(--q-border);color:var(--q-text-secondary);cursor:not-allowed}