#snap-recipes { font: 15px/1.45 Helvetica, Arial, sans-serif; color: #101010; }
#snap-recipes [hidden], #snap-recipes[hidden] { display: none !important; }
#snap-recipes * { box-sizing: border-box; }
#snap-recipes button, #snap-recipes select { font: inherit; color: #101010; background: white; border: 3px solid #101010; border-radius: 0; min-height: 36px; padding: 5px 9px; cursor: pointer; }
#snap-recipes button:hover, #snap-recipes .recipe-launcher, #snap-recipes .recipe-content button { background: var(--riac-accent, #d7ef49); }
#snap-recipes :focus-visible { outline: 3px solid #176bc4; outline-offset: 2px; }
#snap-recipes button:disabled { opacity: .4; cursor: default; background: white; }
#snap-recipes .recipe-launcher { position: fixed; bottom: var(--recipe-bottom, 14px); right: 14px; z-index: 2147483640; font-weight: bold; }
#recipe-panel { position: fixed; bottom: calc(var(--recipe-bottom, 14px) + 48px); right: 14px; width: min(360px, calc(100vw - 8px)); height: auto; max-height: calc(100dvh - 8px); display: flex; flex-direction: column; background: white; border: 3px solid #101010; z-index: 2147483641; }
#snap-recipes :is(.recipe-handle,.recipe-chooser,.recipe-navigation) { flex-shrink: 0; }
#snap-recipes .recipe-handle { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 12px; border-bottom: 1px solid #101010; cursor: move; touch-action: none; user-select: none; }
#snap-recipes .recipe-close { font-size: 22px; line-height: 1; }
#snap-recipes .recipe-chooser { padding: 10px 12px; border-bottom: 1px solid #aaa; }
#snap-recipes label { display: block; font-size: 12px; margin-bottom: 4px; }
#snap-recipes select { width: 100%; }
#snap-recipes .recipe-content { flex: 0 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 14px; }
#snap-recipes h2 { font-size: 21px; line-height: 1.2; margin: 0 0 12px; }
#snap-recipes p { margin: 0 0 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
#snap-recipes .recipe-progress { font-size: 12px; color: #4a4a4a; }
#snap-recipes img { display: block; max-width: 100%; width: auto; height: auto; object-fit: contain; margin: 12px 0; }
#snap-recipes .recipe-navigation { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-top: 1px solid #101010; }
#snap-recipes .recipe-slider { min-width: 0; flex: 1; accent-color: #101010; }

