.jump-to-recipe-badge{display:inline-flex;align-items:center;gap:var(--gap-xxs);font-size:var(--font-size-md);color:var(--color-text-muted);text-decoration:none;cursor:pointer;transition:var(--transition-normal)}.jump-to-recipe-badge .recipe-icon--meta{width:var(--icon-size--md);height:var(--icon-size--md);flex-shrink:0;fill:none}.recipe-icon-jump--fill{fill:var(--color-text-muted);fill-opacity:.15;stroke:none}.recipe-icon-jump--path{fill:none;stroke:var(--color-text-muted);stroke-opacity:.5}.recipe-icon-jump--arrow{fill:none;stroke:var(--color-text-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:var(--transition-slow)}.jump-to-recipe-badge .badge-label{color:var(--color-text-muted);border-bottom:1px solid var(--color-text-muted)}.jump-to-recipe-badge:hover{color:var(--accent-primary);transform:translateY(-1px)}.jump-to-recipe-badge:hover .badge-label{color:var(--accent-primary)}.jump-to-recipe-badge:hover .recipe-icon-jump--fill{fill:var(--accent-primary);fill-opacity:.25}.jump-to-recipe-badge:hover .recipe-icon-jump--path{stroke:var(--accent-secondary);stroke-opacity:.7}.jump-to-recipe-badge:hover .recipe-icon-jump--arrow{stroke:var(--accent-primary);transform:translateY(2px);animation:bounce-badge-arrow .6s ease-in-out}.jump-to-recipe-badge:active{transform:translateY(0)}.jump-to-recipe-badge:focus-visible{outline:2px solid var(--accent-primary);outline-offset:var(--spacing-xxxs);border-radius:var(--border-radius-sm)}@media (prefers-reduced-motion:reduce){.jump-to-recipe-badge,.recipe-icon-jump--arrow{transition:none;animation:none}.jump-to-recipe-badge:hover,.jump-to-recipe-badge:hover .recipe-icon-jump--arrow{transform:none}.jump-to-recipe-badge:hover{color:var(--accent-secondary)}}.note-trigger{cursor:pointer;border-bottom:1px solid var(--color-text-muted);transition:all .2s ease}.note-trigger:hover{color:var(--interactive-primary);border-color:var(--color-bg-tone-1)}.note-popup{position:fixed;right:1rem;bottom:1rem;z-index:50;max-width:calc(100vw - 2rem);width:calc(100vw - 4rem);background-color:var(--color-bg-base);box-shadow:0 10px 0 -4px hsl(0,0%,31%,.1);padding:1.25rem;animation:fadeSlideUp .3s ease-out}.note-close-button{position:absolute;top:.75rem;right:.75rem;color:var(--text-primary);background:none;border:none;cursor:pointer;transition:var(--transition-normal);padding:.25rem;display:flex;align-items:center;justify-content:center}.note-close-button:hover{color:var(--interactive-primary)}.note-close-icon{width:1.25rem;height:1.25rem}.note-content-wrapper{padding-right:1.5rem}.note-header{display:flex;align-items:start;gap:.5rem;margin-bottom:.75rem}.note-icon{font-size:1.125rem;line-height:1}.note-title{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em;margin:0}.note-content{font-size:var(--step--1);line-height:1.6}.note-content p{margin-bottom:.5rem}.note-content p:last-child{margin-bottom:0}.note-content strong{font-weight:600}@media (min-width:640px){.note-popup{bottom:1.5rem;right:1.5rem;min-width:20rem;max-width:24rem}}.recipe-action-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-xxs) var(--spacing-xs);font-family:var(--font-family-body);font-size:13px;font-weight:400;color:var(--color-text-primary);border:1px solid var(--color-text-primary);background:transparent;border-radius:20px;cursor:pointer;transition:var(--transition-normal);-webkit-tap-highlight-color:transparent}.recipe-action-button:hover:not(:disabled){background:var(--accent-primary);color:var(--color-bg-base)}.recipe-action-button:active:not(:disabled){transform:scale(.97)}.recipe-action-button:disabled{cursor:default}.action-icon{width:var(--icon-size--base);height:var(--icon-size--base);flex-shrink:0;transition:var(--transition-normal)}.recipe-action-button:hover:not(:disabled) .action-icon{transform:scale(1.1)}.action-label{line-height:1;letter-spacing:.01em;white-space:nowrap}.recipe-action-button.copied{background:var(--interactive-primary);color:var(--interactive-hover)}.action-icon-check{animation:checkPop .4s ease}@media (min-width:640px){.recipe-action-button{gap:7px;padding:var(--spacing-xxs) var(--spacing-xs);font-size:14px}.action-icon{width:var(--icon-size--md);height:var(--icon-size--md)}}@media (min-width:1024px){.recipe-action-button{gap:var(--spacing-xxs);padding:var(--spacing-xs) var(--spacing-sm);font-size:15px;border-radius:var(--border-radius-lg)}.action-icon{width:18px;height:18px}}[data-theme=dark]{.recipe-action-button.copied{background:rgba(76,175,80,.15);border-color:rgba(76,175,80,.4);color:#81c784}}@media print{.recipe-action-button{display:none}}.share-menu-wrapper{position:relative;display:inline-block}.share-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:180px;background-color:var(--color-bg-base);border:1px solid var(--color-text-muted);border-radius:var(--border-radius-md);box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:50;overflow:hidden;animation:menuFadeIn .15s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.share-menu-item{display:flex;align-items:center;gap:var(--gap-sm);width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-family-body);font-size:14px;font-weight:400;color:var(--color-text-primary);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:var(--transition-normal);text-align:left;white-space:nowrap}.share-menu-item:focus-visible,.share-menu-item:hover{background-color:var(--color-bg-tone-2);color:var(--accent-primary);outline:none}.share-menu-item.copied{color:var(--interactive-primary);pointer-events:none}.share-menu-divider{height:1px;background-color:var(--color-border-subtle,var(--color-text-muted));opacity:.3;margin:2px 0}.share-menu-icon{width:16px;height:16px;flex-shrink:0}@media (min-width:640px){.share-menu{min-width:200px}.share-menu-item{font-size:15px}}[data-theme=dark]{.share-menu{box-shadow:0 4px 16px rgba(0,0,0,.4)}}@media print{.share-menu-wrapper{display:none}}.tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-xxs);padding:var(--spacing-xxxs) var(--spacing-xxs);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary);text-decoration:none;text-align:center;line-height:1.4;background-color:var(--color-button-base);border-radius:var(--border-radius-sm);border:1px solid transparent;transition:var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;opacity:0;transform:translateY(5px);animation:fadeSlideUp .4s ease forwards}.tag-icon{width:14px;height:14px;flex-shrink:0;stroke-width:2;stroke:var(--color-text-primary)}.tag-label{display:inline-block}a.tag:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.06)}span.tag{cursor:default}.tag:first-child{animation-delay:0s}.tag:nth-child(2){animation-delay:.05s}.tag:nth-child(3){animation-delay:.1s}.tag:nth-child(4){animation-delay:.15s}.tag:nth-child(5){animation-delay:.2s}.tag:nth-child(6){animation-delay:.25s}.tag:nth-child(n+7){animation-delay:.3s}a.tag--time:hover{background-color:var(--tag-time);border-color:var(--tag-time--border)}a.tag--dietary:hover{background-color:var(--tag-dietary);border-color:var(--tag-dietary--border)}a.tag--origin:hover{background-color:var(--tag-origin);border-color:var(--tag-origin--border)}a.tag--occasion:hover{background-color:var(--tag-occasion);border-color:var(--tag-occasion--border)}a.tag--season:hover{background-color:var(--tag-season);border-color:var(--tag-season--border)}a.tag--special:hover{background-color:var(--tag-special);border-color:var(--tag-special--border)}.tag--default{color:var(--color-text-muted)}a.tag--default:hover{background-color:var(--color-bg-tone-2);border-color:var(--color-text-primary);color:var(--color-text-primary)}@media (min-width:768px){.tag{font-size:var(--font-size-base);padding:var(--spacing-xxs) var(--spacing-xs)}.tag-icon{width:var(--icon-size--sm);height:var(--icon-size--sm)}}.tags-list-wrapper{width:100%;flex-direction:column;opacity:0;animation:fadeSlideDown var(--duration-slow) ease-out forwards;animation-delay:.2s}.tags-list,.tags-list-wrapper{display:flex;align-items:center;gap:var(--gap-sm)}.tags-list{margin:0;padding:0;list-style:none;flex-wrap:wrap}.tags-list-item{display:inline-flex;margin:0;padding:0}.tags-list-toggle{display:inline-flex;align-items:center;gap:var(--gap-xxs);align-self:flex-start;font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.tags-list-toggle:hover{color:var(--color-text-primary);background-color:var(--color-text-muted)}.tags-list-toggle:active{transform:scale(.98)}.toggle-icon{width:var(--icon-size--sm);height:var(--icon-size--sm);flex-shrink:0;transition:transform var(--duration-normal) var(--easing-smooth)}.tags-list-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}@media (min-width:640px){.tags-list-toggle{align-self:center}}@media (min-width:1024px){.tags-list{justify-content:center}}@media print{.tags-list-toggle{display:none}.tags-list-item{break-inside:avoid}}