*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f2f4f3;--color-bg-soft:#f8faf9;--color-surface:#fff;--color-ink:#121816;--color-text:#1a221e;--color-text-soft:#4d5852;--color-text-muted:#87918b;--color-border:#d5dbd6;--color-border-soft:#e6ebe8;--color-accent:#0f766e;--color-accent-hover:#0d5f59;--color-accent-soft:#e0f2f0;--color-accent-warm:#e06b4a;--color-accent-glow:#0f766e2e;--shadow-sm:0 1px 2px #1218160a;--shadow-md:0 6px 20px #12181612;--shadow-lg:0 16px 40px #1218161f;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--font-display:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--header-h:0px;--tap-min:44px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;overflow:hidden}body{height:100%;min-height:100dvh;color:var(--color-text);background:radial-gradient(ellipse 90% 55% at 0% -5%, #0f766e1a, transparent 52%), radial-gradient(ellipse 70% 45% at 100% 0%, #e06b4a0f, transparent 48%), linear-gradient(165deg, #f7f9f8 0%, var(--color-bg) 45%, #ebeef0 100%);line-height:1.6;font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;background-attachment:fixed;font-size:15px;overflow:hidden}body.modal-open{overflow:hidden}::selection{background:var(--color-accent-soft);color:var(--color-accent)}button,input{-webkit-tap-highlight-color:transparent;font-family:inherit}img{max-width:100%}#app{min-height:100vh}.recipe-card[data-v-cd54b96f]{background:var(--color-surface);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-out), box-shadow .25s ease, border-color .25s ease, background .2s ease;animation:card-in-cd54b96f .45s var(--ease-out) both;animation-delay:calc(min(var(--i,0), 16) * 28ms);border:1px solid #d5dbd6a6;overflow:hidden}.recipe-card[data-v-cd54b96f]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.recipe-card.is-list[data-v-cd54b96f]{border-radius:var(--radius-md);flex-direction:row;align-items:center;gap:12px;min-height:76px;padding:10px 12px 10px 10px;display:flex}.recipe-card.is-list[data-v-cd54b96f]:active{transform:scale(.99)}.is-list .card-media[data-v-cd54b96f]{background:var(--color-bg-soft);border-radius:12px;flex-shrink:0;width:58px;height:58px;overflow:hidden}.is-list .card-image[data-v-cd54b96f]{object-fit:cover;width:100%;height:100%}.is-list .card-body[data-v-cd54b96f]{flex-direction:column;flex:1;gap:4px;min-width:0;padding:0;display:flex}.meta-dot[data-v-cd54b96f]{opacity:.45;margin:0 2px}.is-list .card-meta[data-v-cd54b96f]{color:var(--color-accent);align-items:center;gap:4px;font-size:.68rem;font-weight:500;display:flex}.is-list .card-title[data-v-cd54b96f]{font-family:var(--font-body);color:var(--color-ink);letter-spacing:.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.98rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-chevron[data-v-cd54b96f]{color:var(--color-text-muted);opacity:.55;flex-shrink:0;padding-right:2px;font-size:1.35rem;line-height:1}.recipe-card.is-card[data-v-cd54b96f]{border-radius:var(--radius-lg);flex-direction:column;height:100%;display:flex}.recipe-card.is-card[data-v-cd54b96f]:active{transform:scale(.985)}.is-card .card-media[data-v-cd54b96f]{aspect-ratio:1;background:var(--color-bg-soft);position:relative;overflow:hidden}.is-card .card-image[data-v-cd54b96f]{object-fit:cover;width:100%;height:100%;transition:transform .55s var(--ease-out);display:block}.is-card:hover .card-image[data-v-cd54b96f]{transform:scale(1.04)}.media-badge[data-v-cd54b96f]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.85rem;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #1218161f}.is-card .card-body[data-v-cd54b96f]{flex-direction:column;flex:1;gap:4px;padding:10px 11px 12px;display:flex}.is-card .card-meta[data-v-cd54b96f]{color:var(--color-accent);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;font-size:.66rem;font-weight:500;display:flex;overflow:hidden}.is-card .card-title[data-v-cd54b96f]{font-family:var(--font-display);color:var(--color-ink);letter-spacing:.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}@keyframes card-in-cd54b96f{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=720px){.is-card .card-media[data-v-cd54b96f]{aspect-ratio:4/3}.is-card .card-body[data-v-cd54b96f]{gap:5px;padding:12px 14px 14px}.is-card .card-meta[data-v-cd54b96f]{font-size:.72rem}.is-card .card-title[data-v-cd54b96f]{font-size:1rem}.recipe-card.is-card[data-v-cd54b96f]:hover{box-shadow:var(--shadow-lg);border-color:#0f766e38;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.recipe-card[data-v-cd54b96f]{animation:none}.recipe-card.is-card[data-v-cd54b96f]:hover,.is-card:hover .card-image[data-v-cd54b96f]{transform:none}}.drawer-overlay[data-v-485bd416]{z-index:1200;-webkit-backdrop-filter:blur(8px);background:#0c12107a;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-panel[data-v-485bd416]{background:var(--color-surface);width:min(560px,100%);height:100%;padding-bottom:var(--safe-bottom);flex-direction:column;display:flex;overflow:hidden;box-shadow:-16px 0 48px #1016142e}.drawer-top[data-v-485bd416]{border-bottom:1px solid var(--color-border-soft);background:var(--color-surface);flex-shrink:0;align-items:flex-start;gap:12px;padding:16px 16px 12px 18px;display:flex}.drawer-top-text[data-v-485bd416]{flex:1;min-width:0}.drawer-meta[data-v-485bd416]{color:var(--color-accent);letter-spacing:.03em;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px;font-size:.75rem;font-weight:600;display:inline-flex}.meta-sep[data-v-485bd416]{opacity:.45}.drawer-title[data-v-485bd416]{font-family:var(--font-display);color:var(--color-ink);letter-spacing:.01em;margin:0;font-size:clamp(1.18rem,4.2vw,1.42rem);font-weight:700;line-height:1.35}.drawer-close[data-v-485bd416]{background:var(--color-bg-soft);width:40px;height:40px;color:var(--color-text-soft);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .2s;display:flex}.drawer-close[data-v-485bd416]:active{background:var(--color-accent-soft);color:var(--color-accent);transform:scale(.96)}.drawer-nav[data-v-485bd416]{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--color-border-soft);-webkit-backdrop-filter:blur(10px);background:#fffffff0;flex-shrink:0;gap:8px;padding:10px 14px;display:flex;overflow-x:auto}.drawer-nav[data-v-485bd416]::-webkit-scrollbar{display:none}.nav-chip[data-v-485bd416]{border:1px solid var(--color-border-soft);background:var(--color-bg-soft);min-height:34px;color:var(--color-text-soft);cursor:pointer;border-radius:999px;flex-shrink:0;padding:0 14px;font-size:.82rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.nav-chip.active[data-v-485bd416]{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 4px 12px #0f766e40}.drawer-body[data-v-485bd416]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:0 0 40px;overflow-y:auto}.drawer-cover[data-v-485bd416]{aspect-ratio:16/10;background:var(--color-bg-soft);width:100%;max-height:280px;overflow:hidden}.drawer-cover img[data-v-485bd416]{object-fit:cover;width:100%;height:100%;display:block}.drawer-section[data-v-485bd416]{padding:20px 18px 4px;scroll-margin-top:8px}.drawer-section+.drawer-section[data-v-485bd416]{border-top:1px solid var(--color-border-soft);margin-top:8px;padding-top:20px}.section-title[data-v-485bd416]{font-family:var(--font-display);color:var(--color-ink);letter-spacing:.02em;align-items:center;gap:10px;margin:0 0 12px;font-size:1.02rem;font-weight:700;display:flex}.section-title[data-v-485bd416]:before{content:"";background:var(--color-accent);border-radius:2px;width:3px;height:1em}.section-content[data-v-485bd416]{color:var(--color-text-soft);font-size:.94rem;line-height:1.8}.section-content[data-v-485bd416] h1,.section-content[data-v-485bd416] h2,.section-content[data-v-485bd416] h3{font-family:var(--font-display);color:var(--color-ink);margin:16px 0 8px;font-weight:700}.section-content[data-v-485bd416] h1{font-size:1.15rem}.section-content[data-v-485bd416] h2{font-size:1.05rem}.section-content[data-v-485bd416] h3{font-size:1rem;font-weight:600}.section-content[data-v-485bd416] p{margin:0 0 12px;line-height:1.8}.section-content[data-v-485bd416] ul,.section-content[data-v-485bd416] ol{margin:0 0 14px;padding-left:1.25em}.section-content[data-v-485bd416] li{margin:7px 0;padding-left:4px;line-height:1.75}.section-content[data-v-485bd416] li::marker{color:var(--color-accent)}.section-content[data-v-485bd416] img{border-radius:var(--radius-md);max-width:100%;box-shadow:var(--shadow-sm);margin:14px auto;display:block}.section-content[data-v-485bd416] strong{color:var(--color-ink);font-weight:600}.section-content[data-v-485bd416] code{background:var(--color-accent-soft);color:var(--color-accent);border-radius:5px;padding:2px 7px;font-size:.86em}.section-content[data-v-485bd416] a{color:var(--color-accent);border-bottom:1px solid #0f766e59;text-decoration:none}.section-content[data-v-485bd416] a:hover{border-bottom-color:var(--color-accent)}.steps-board[data-v-485bd416]{flex-direction:column;gap:10px;padding-bottom:8px;display:flex}.step-card[data-v-485bd416]{background:var(--color-bg-soft);border:1px solid var(--color-border-soft);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.step-head[data-v-485bd416]{align-items:center;gap:10px;display:flex}.step-num[data-v-485bd416]{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.84rem;font-weight:700;display:grid}.step-kind[data-v-485bd416]{color:var(--color-accent);letter-spacing:.04em;font-size:.78rem;font-weight:600}.step-main[data-v-485bd416]{min-width:0}.step-line[data-v-485bd416]{color:var(--color-text);margin:0 0 6px;font-size:.92rem;line-height:1.7}.step-line.note[data-v-485bd416]{color:var(--color-text-muted);padding-left:2px;font-size:.86rem}.drawer-end[data-v-485bd416]{text-align:center;color:var(--color-text-muted);margin:28px 18px 0;font-size:.78rem}.drawer-enter-active[data-v-485bd416],.drawer-leave-active[data-v-485bd416]{transition:opacity .22s}.drawer-enter-active .drawer-panel[data-v-485bd416],.drawer-leave-active .drawer-panel[data-v-485bd416]{transition:transform .34s var(--ease-out)}.drawer-enter-from[data-v-485bd416],.drawer-leave-to[data-v-485bd416]{opacity:0}.drawer-enter-from .drawer-panel[data-v-485bd416],.drawer-leave-to .drawer-panel[data-v-485bd416]{transform:translate(100%)}@media (width<=720px){.drawer-overlay[data-v-485bd416]{align-items:flex-end}.drawer-panel[data-v-485bd416]{border-radius:22px 22px 0 0;width:100%;height:min(94dvh,100%);box-shadow:0 -12px 40px #1016142e}.drawer-panel[data-v-485bd416]:before{content:"";background:var(--color-border);border-radius:999px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0;display:block}.drawer-enter-from .drawer-panel[data-v-485bd416],.drawer-leave-to .drawer-panel[data-v-485bd416]{transform:translateY(100%)}.drawer-top[data-v-485bd416]{padding:10px 14px 10px 16px}.drawer-nav[data-v-485bd416]{padding:8px 12px 10px}.drawer-section[data-v-485bd416]{padding-left:16px;padding-right:16px}.drawer-cover[data-v-485bd416]{aspect-ratio:16/11;max-height:42vw}.step-card[data-v-485bd416]{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.drawer-enter-active[data-v-485bd416],.drawer-leave-active[data-v-485bd416],.drawer-enter-active .drawer-panel[data-v-485bd416],.drawer-leave-active .drawer-panel[data-v-485bd416]{transition:none}}.wheel-overlay[data-v-3709ecf2]{z-index:1100;-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background:#0c121085;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.wheel-overlay.blocked[data-v-3709ecf2]{pointer-events:none}.wheel-card[data-v-3709ecf2]{box-sizing:border-box;background:var(--color-surface);width:100%;max-width:560px;padding:12px 16px calc(24px + var(--safe-bottom));-webkit-overflow-scrolling:touch;border-radius:24px 24px 0 0;max-height:min(94dvh,820px);overflow:hidden auto;box-shadow:0 -12px 40px #10161433}.wheel-card[data-v-3709ecf2]:before{content:"";background:var(--color-border);border-radius:999px;width:40px;height:4px;margin:0 auto 12px;display:block}.wheel-head[data-v-3709ecf2]{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.eyebrow[data-v-3709ecf2]{color:var(--color-accent);letter-spacing:.06em;margin:0 0 4px;font-size:.72rem;font-weight:700}.wheel-head h2[data-v-3709ecf2]{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.28rem;font-weight:700}.close-btn[data-v-3709ecf2]{background:var(--color-bg-soft);width:40px;height:40px;color:var(--color-text-soft);cursor:pointer;border:none;border-radius:12px;place-items:center;display:grid}.close-btn[data-v-3709ecf2]:disabled{opacity:.5;cursor:not-allowed}.hint[data-v-3709ecf2]{color:var(--color-text-muted);margin:0 0 16px;font-size:.84rem;line-height:1.55}.wheel-stage[data-v-3709ecf2]{aspect-ratio:1;width:min(300px,100% - 16px);margin:0 auto 16px;position:relative}.pointer[data-v-3709ecf2]{z-index:3;border-left:10px solid #0000;border-right:10px solid #0000;border-top:18px solid var(--color-accent-warm);filter:drop-shadow(0 2px 2px #00000026);width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.wheel[data-v-3709ecf2]{width:100%;height:100%;box-shadow:0 0 0 3px var(--color-accent-soft), 0 12px 28px #14181624;border:6px solid #fff;border-radius:50%;position:relative}.label[data-v-3709ecf2]{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:0}.label span[data-v-3709ecf2]{color:#fffffff2;text-shadow:0 1px 2px #00000040;text-align:center;max-width:4.5em;margin-top:16px;font-size:.66rem;font-weight:600;line-height:1.2}.hub[data-v-3709ecf2]{width:54px;height:54px;color:var(--color-accent);font-family:var(--font-display);box-shadow:var(--shadow-md);z-index:2;background:#fff;border-radius:50%;place-items:center;margin:-27px 0 0 -27px;font-size:1.15rem;font-weight:700;display:grid;position:absolute;inset:50%}.spin-btn[data-v-3709ecf2]{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;min-height:48px;padding:14px 16px;font-size:1rem;font-weight:700;transition:background .2s,transform .2s;box-shadow:0 8px 22px #0f766e47}.spin-btn[data-v-3709ecf2]:active:not(:disabled){transform:scale(.98)}.spin-btn[data-v-3709ecf2]:disabled{opacity:.7;cursor:wait}.result-list[data-v-3709ecf2]{flex-direction:column;gap:8px;margin-top:16px;display:flex}.result-label[data-v-3709ecf2]{color:var(--color-accent);margin:0 0 4px;font-size:.78rem;font-weight:700}.result-item[data-v-3709ecf2]{border:1px solid var(--color-border-soft);background:var(--color-bg-soft);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px;transition:border-color .2s,background .2s;display:flex}.result-item[data-v-3709ecf2]:active{border-color:var(--color-accent);background:var(--color-accent-soft)}.result-item.current[data-v-3709ecf2]{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.result-index[data-v-3709ecf2]{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:grid}.result-item img[data-v-3709ecf2]{object-fit:cover;background:#fff;border-radius:10px;flex-shrink:0;width:56px;height:56px}.result-text[data-v-3709ecf2]{flex:1;min-width:0}.role-tag[data-v-3709ecf2]{color:var(--color-accent);background:#fff;border-radius:6px;margin-bottom:2px;padding:1px 6px;font-size:.68rem;font-weight:600;display:inline-block}.result-text h3[data-v-3709ecf2]{font-family:var(--font-display);color:var(--color-ink);margin:0 0 2px;font-size:.98rem;font-weight:700;line-height:1.3}.open-hint[data-v-3709ecf2]{color:var(--color-text-muted);font-size:.72rem}.wheel-fade-enter-active[data-v-3709ecf2],.wheel-fade-leave-active[data-v-3709ecf2]{transition:opacity .22s}.wheel-fade-enter-from[data-v-3709ecf2],.wheel-fade-leave-to[data-v-3709ecf2]{opacity:0}.result-enter-active[data-v-3709ecf2]{transition:opacity .25s ease, transform .25s var(--ease-out)}.result-enter-from[data-v-3709ecf2]{opacity:0;transform:translateY(8px)}@media (width>=640px){.wheel-overlay[data-v-3709ecf2]{align-items:center;padding:24px}.wheel-card[data-v-3709ecf2]{border-radius:24px;width:min(520px,100%);padding:22px 22px 28px;box-shadow:0 24px 64px #10161438}.wheel-card[data-v-3709ecf2]:before{display:none}.wheel-stage[data-v-3709ecf2]{width:min(340px,100%)}.spin-btn[data-v-3709ecf2]:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.wheel[data-v-3709ecf2]{transition:none!important}}.app-shell[data-v-5c760264]{height:100dvh;min-height:100vh;padding-left:var(--safe-left);padding-right:var(--safe-right);flex-direction:column;display:flex;overflow:hidden}.site-header[data-v-5c760264]{z-index:100;padding-top:var(--safe-top);-webkit-backdrop-filter:blur(20px)saturate(1.3);animation:header-in-5c760264 .45s var(--ease-out) both;background:#f7f9f8db;border-bottom:1px solid #d5dbd68c;flex-shrink:0}.header-inner[data-v-5c760264]{flex-direction:column;gap:10px;width:100%;max-width:1120px;margin:0 auto;padding:10px 14px 12px;display:flex}.header-row[data-v-5c760264]{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand[data-v-5c760264]{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.brand-logo[data-v-5c760264]{border-radius:11px;flex-shrink:0;width:36px;height:36px;display:block;overflow:hidden;box-shadow:0 4px 14px #0f766e47}.brand-logo svg[data-v-5c760264]{width:100%;height:100%;display:block}.brand-text[data-v-5c760264]{min-width:0}.site-title[data-v-5c760264]{font-family:var(--font-display);color:var(--color-ink);letter-spacing:.02em;font-size:1.15rem;font-weight:700;line-height:1.15}.site-tagline[data-v-5c760264]{color:var(--color-text-muted);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.68rem;overflow:hidden}.wheel-entry[data-v-5c760264]{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;min-height:40px;padding:0 12px 0 10px;font-size:.8rem;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 18px #0f766e47}.wheel-entry[data-v-5c760264]:active{transform:scale(.97)}.wheel-entry-icon[data-v-5c760264]{background:#ffffff2e;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.wheel-entry-text[data-v-5c760264]{display:none}.search-box[data-v-5c760264]{align-items:center;width:100%;display:flex;position:relative}.search-icon[data-v-5c760264]{color:var(--color-text-muted);pointer-events:none;position:absolute;left:14px}.search-input[data-v-5c760264]{width:100%;min-height:var(--tap-min);color:var(--color-text);box-shadow:var(--shadow-sm);background:#fffffff2;border:1px solid #0000;border-radius:14px;padding:11px 42px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.search-input[data-v-5c760264]::-webkit-search-cancel-button{appearance:none}.search-input[data-v-5c760264]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);background:#fff;outline:none}.search-input[data-v-5c760264]::placeholder{color:var(--color-text-muted)}.search-clear[data-v-5c760264]{background:var(--color-border-soft);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.search-clear[data-v-5c760264]:active{background:var(--color-border);color:var(--color-text)}.filter-bar[data-v-5c760264]{z-index:90;-webkit-backdrop-filter:blur(12px);background:#f7f9f8b8;border-bottom:1px solid #d5dbd666;flex-shrink:0;align-items:center;gap:10px;width:100%;max-width:1120px;margin:0 auto;padding:10px 0 10px 14px;display:flex}.filter-mode[data-v-5c760264]{border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm);background:#ffffffe6;border-radius:12px;flex-shrink:0;grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.mode-btn[data-v-5c760264]{min-height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 12px;font-size:.78rem;font-weight:700;transition:background .2s,color .2s}.mode-btn.active[data-v-5c760264]{background:var(--color-ink);color:#fff}.chip-scroller[data-v-5c760264]{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;padding-right:14px;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 0% calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 0% calc(100% - 28px),#0000)}.chip-scroller[data-v-5c760264]::-webkit-scrollbar{display:none}.chip[data-v-5c760264]{border:1px solid var(--color-border-soft);min-height:36px;color:var(--color-text-soft);cursor:pointer;scroll-snap-align:start;background:#ffffffeb;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:.8rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.chip[data-v-5c760264]:active{transform:scale(.97)}.chip.active[data-v-5c760264]{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 4px 14px #0f766e47}.chip-emoji[data-v-5c760264]{font-size:.92rem;line-height:1}.chip-count[data-v-5c760264]{font-variant-numeric:tabular-nums;opacity:.7;font-size:.68rem;font-weight:600}.chip.active .chip-count[data-v-5c760264]{opacity:.9}.main-content[data-v-5c760264]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;max-width:1120px;min-height:0;padding:14px 12px calc(88px + var(--safe-bottom));flex:1;margin:0 auto;overflow-y:auto}.main-head[data-v-5c760264]{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;padding:0 2px;display:flex}.section-label[data-v-5c760264]{font-family:var(--font-display);color:var(--color-ink);letter-spacing:.02em;font-size:1.05rem;font-weight:700}.result-count[data-v-5c760264]{color:var(--color-text-muted);font-variant-numeric:tabular-nums;border:1px solid var(--color-border-soft);background:#ffffffbf;border-radius:999px;padding:3px 10px;font-size:.78rem}.recipe-grid[data-v-5c760264]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.empty-state[data-v-5c760264]{text-align:center;padding:64px 16px}.empty-visual[data-v-5c760264]{background:radial-gradient(circle at 35% 30%, #0f766e47, transparent 55%), var(--color-accent-soft);border-radius:20px;width:64px;height:64px;margin:0 auto 18px;box-shadow:inset 0 0 0 1px #0f766e14}.empty-title[data-v-5c760264]{font-family:var(--font-display);color:var(--color-ink);margin-bottom:8px;font-size:1.12rem;font-weight:700}.empty-desc[data-v-5c760264]{color:var(--color-text-muted);margin-bottom:20px;font-size:.88rem}.reset-btn[data-v-5c760264]{min-height:var(--tap-min);background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:0 22px;font-size:.9rem;font-weight:600;box-shadow:0 6px 18px #0f766e40}.reset-btn[data-v-5c760264]:active{transform:scale(.98)}.site-footer[data-v-5c760264]{text-align:center;color:var(--color-text-muted);padding:28px 8px 8px;font-size:.76rem}.site-footer strong[data-v-5c760264]{color:var(--color-text-soft);font-weight:600}.fab-wheel[data-v-5c760264]{right:calc(16px + var(--safe-right));bottom:calc(20px + var(--safe-bottom));z-index:80;background:var(--color-accent);color:#fff;cursor:pointer;width:54px;height:54px;transition:transform .2s var(--ease-out), background .2s;border:none;border-radius:18px;place-items:center;display:grid;position:fixed;box-shadow:0 10px 28px #0f766e59,inset 0 0 0 1px #ffffff1f}.fab-wheel[data-v-5c760264]:active{transform:scale(.94)}@keyframes header-in-5c760264{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width>=480px){.wheel-entry-text[data-v-5c760264]{display:inline}.wheel-entry[data-v-5c760264]{padding:0 14px 0 8px}}@media (width>=720px){.header-inner[data-v-5c760264]{gap:14px;padding:14px 24px}.header-row[data-v-5c760264]{gap:16px}.brand-logo[data-v-5c760264]{border-radius:12px;width:40px;height:40px}.site-title[data-v-5c760264]{font-size:1.28rem}.site-tagline[data-v-5c760264]{font-size:.74rem}.search-box[data-v-5c760264]{max-width:420px}.search-input[data-v-5c760264]{border-radius:999px;font-size:.92rem}.filter-bar[data-v-5c760264]{gap:12px;padding:12px 0 12px 24px}.chip-scroller[data-v-5c760264]{padding-right:24px}.main-content[data-v-5c760264]{padding:20px 24px calc(48px + var(--safe-bottom))}.recipe-grid[data-v-5c760264]{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fab-wheel[data-v-5c760264]{display:none}}@media (width>=1024px){.recipe-grid[data-v-5c760264]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}@media (prefers-reduced-motion:reduce){.site-header[data-v-5c760264]{animation:none}}