.recipe-card{background-color:var(--c-no-image-background)}.recipe-card:after{background:var(--c-post-preview-image-overflow-gradient)}.recipe-card:focus-visible,.filter-card-link:focus-visible,.see-more-card:focus-visible,.featured-recipe:focus-visible{outline:3px solid var(--text);outline-offset:2px}.recipe-card:hover{filter:brightness(1.05)}.recipe-card-meta{display:block}.recipe-card-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rc-small{aspect-ratio:1}.rc-small .recipe-card-title{font-size:.92rem}.rc-wide{aspect-ratio:3/2}.rc-wide .recipe-card-title{font-size:1.25rem}.recipe-list .recipe-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.recipe-list .recipe-card{aspect-ratio:1}@media (width>=700px){.recipe-list .recipe-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}}.list-header{margin:0 0 12px}.load-more{justify-content:center;min-height:72px;padding:24px 0 8px;display:flex}.recipes-h-scroll{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:150px;padding:6px 12px 12px;scroll-padding-inline:12px}@media (width>=700px){.recipes-h-scroll{grid-auto-columns:190px}}.see-more-card{text-align:center;border-radius:var(--radius);background:var(--c-about-background-color);color:var(--text);aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:110px;padding:8px;font-size:.9rem;text-decoration:none;display:flex}.see-more-card:hover{filter:brightness(.96)}.inline-icon{vertical-align:middle;margin:0 2px}.badge-host{color:inherit;position:relative}.badge-dot{background:var(--c-preparation-alarm);border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;top:9px;right:9px}.screen-actions a.icon-btn{text-decoration:none}.new-badge{background:var(--c-preparation-alarm);color:var(--c-body-background-color);letter-spacing:.04em;border-radius:10px;padding:3px 8px;font-size:.7rem;font-weight:700}.home-screen .screen-content{max-width:1200px;padding:0 0 24px}.home-block{padding:4px 0 10px}.home-block-title{margin:0;padding:12px 16px 4px;font-size:1.1rem}.home-block-subtitle{color:var(--c-text-color-dark-lighter);margin:0;padding:0 16px;font-size:.9rem}.home-block-loading{justify-content:center;align-items:center;height:160px;display:flex}.home-block-pad{padding:6px 12px}.home-embed{border-radius:var(--radius);background:var(--surface);border:0;width:calc(100% - 24px);height:250px;margin:6px 12px;display:block}@media (width<=1099px){.home-refresh{display:none}}.featured-recipe{aspect-ratio:1;border-radius:var(--radius);background:var(--c-no-image-background) center / cover no-repeat;width:calc(100% - 24px);max-height:460px;color:var(--c-post-preview-text-color);margin:6px 12px;text-decoration:none;display:block;position:relative;overflow:hidden}@media (width>=700px){.featured-recipe{aspect-ratio:16/9}}.featured-recipe:after{content:"";background:var(--c-post-preview-image-overflow-gradient);position:absolute;inset:0}.featured-recipe-text{z-index:1;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.featured-label{background:color-mix(in srgb, var(--splash) 85%, transparent);color:var(--c-post-preview-text-color);letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-size:.8rem;font-weight:600}.featured-title{font-family:Raleway;font-size:1.5rem;font-weight:600;line-height:1.2}.featured-highlight{opacity:.95;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.filter-card{border-radius:var(--radius);background:var(--c-text-color-dark);color:#fff;min-height:100px;position:relative;overflow:hidden}[data-theme=dark] .filter-card{background:var(--splash)}.filter-card-pictures{display:grid;position:absolute;inset:0}.filter-card-pictures.rows{grid-auto-rows:1fr}.filter-card-pictures.grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.filter-card-pictures span{background:50%/cover no-repeat}.filter-card-pictures:after{content:"";background:var(--c-overflow);position:absolute;inset:0}.filter-card-link{z-index:1;min-height:inherit;text-align:center;height:100%;color:inherit;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.filter-card-label{letter-spacing:.06em;opacity:.85;font-size:.72rem;font-weight:600}.filter-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Raleway;font-size:1.05rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.filter-card-trailing{z-index:2;align-items:center;gap:4px;display:flex;position:absolute;top:4px;right:4px}.filter-card-small{width:180px;height:100px}.filter-card-featured{height:150px}.filter-card-featured .filter-card-name{font-size:1.35rem}.filter-card-row{height:110px}.see-more-filter{aspect-ratio:auto;height:100px}.filters-add{width:100%;margin-bottom:10px}.filters-list{gap:10px;display:grid}@media (width>=700px){.filters-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.search-header{gap:6px;padding-right:10px}.search-box{background:var(--c-search-input-color);min-width:0;height:42px;color:var(--c-search-input-text-color);border-radius:21px;flex:1;align-items:center;gap:8px;padding:0 2px 0 14px;display:flex}.search-box input{min-width:0;color:inherit;background:0 0;border:0;outline:none;flex:1;font-size:1rem}.search-box input::-webkit-search-cancel-button{display:none}.search-box .icon-btn{width:36px;height:36px}.search-box:focus-within{outline:2px solid var(--text)}.search-content{padding:0 0 24px}.suggestions{margin:0;padding:0;list-style:none}.suggestions-header{padding:16px 16px 4px;font-family:Raleway;font-weight:700}.suggestion{align-items:center;display:flex}.suggestion-main{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:16px;min-width:0;min-height:48px;padding:12px 16px;display:flex}.suggestion-main:hover,.suggestion-main:focus-visible{background:var(--separator)}.suggestion-icon{opacity:.7;display:flex}.suggestion-text{text-overflow:ellipsis;overflow:hidden}.settings-screen .screen-content{max-width:720px}.settings-section h2{margin:18px 4px 8px;font-size:1rem}.settings-card{background:var(--c-about-background-color);border-radius:10px;padding:8px 14px}.settings-label{margin:8px 0 2px;font-weight:500}.settings-hint{color:var(--c-text-color-dark-lighter);margin:4px 0 8px;font-size:.88rem}.settings-radio{cursor:pointer;align-items:center;gap:12px;padding:8px 0;display:flex}.settings-radio input{width:18px;height:18px;accent-color:var(--text);margin:0}.settings-radio.disabled{opacity:.4;cursor:default}.settings-switch{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.settings-link{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:8px 0;display:flex}.settings-link-text{flex-direction:column;flex:1;display:flex}.settings-link-title{font-weight:500}.settings-link-subtitle{color:var(--c-text-color-dark-lighter);font-size:.88rem}.settings-range{width:100%;accent-color:var(--text)}.settings-font-preview{text-align:center;margin:8px 0}.detail-screen{background:var(--c-detail-background)}.detail-topbar{z-index:25;height:var(--header-height);margin-bottom:calc(-1 * var(--header-height));color:#fff;background:linear-gradient(#00000059,#0000);align-items:center;gap:2px;padding:0 6px;transition:background .2s,color .2s,box-shadow .2s;display:flex;position:sticky;top:0}.detail-topbar.collapsed{background:var(--c-body-background-color);color:var(--c-navbar-text-color);box-shadow:0 1px 0 var(--separator)}.detail-topbar-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0 6px;font-family:Raleway;font-size:1.1rem;font-weight:600;overflow:hidden}.detail-topbar .icon-btn:hover{background:#7f7f7f40}.detail-hero{background:var(--c-no-image-background) center / cover no-repeat;align-items:flex-end;height:320px;display:flex;position:relative}@media (width>=700px){.detail-hero{height:420px}}.detail-hero-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.detail-hero-video{opacity:0;transition:opacity .6s}.detail-hero-video.visible{opacity:1}.detail-hero-loop-toggle{z-index:3;color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:12px;right:12px}.detail-hero-loop-toggle:hover{background:#000000a6}.detail-hero:before{z-index:1}.detail-hero-title{z-index:2}.detail-hero:before{content:"";background:linear-gradient(#00000059,#0000 35%,#0009);position:absolute;inset:0}.detail-hero-title{color:var(--c-post-preview-text-color);max-width:var(--content-max);margin:0;padding:16px;font-size:1.6rem;line-height:1.2;position:relative}@media (width>=1100px){.detail-hero-title{padding:24px 32px;font-size:2rem}}.detail-loading{color:var(--text-soft);flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.detail-summary{background:var(--c-detail-selector-header);color:var(--c-text-color-dark);padding:12px 8px}.detail-summary-items{justify-content:space-evenly;max-width:640px;margin:0 auto;display:flex}.summary-item{text-align:center;flex-direction:column;align-items:center;gap:2px;width:110px;display:flex}.summary-label{opacity:.75;font-size:.85rem}.detail-time-annotation{text-align:center;color:var(--c-text-color-dark-lighter);margin:8px 16px 0;font-size:.9rem}.detail-tabs{top:var(--header-height);z-index:20;position:sticky}.detail-tabs .tabs{background:var(--c-detail-selector-tab);justify-content:safe center}.detail-tabs .tab{flex:none}.detail-content{width:100%;max-width:820px;margin:0 auto;padding:8px 0 40px}.detail-section{padding:8px 12px}.detail-empty{text-align:center;color:var(--c-text-color-dark-lighter);padding:32px 16px}.detail-hint{color:var(--c-text-color-dark-lighter);margin:8px 4px;font-size:.9rem}.detail-subtitle{margin:18px 4px 8px;font-size:1rem}.detail-center{justify-content:center;padding:12px 0;display:flex}.detail-intro{padding:8px 4px;font-size:1.05rem}.html-content a{color:var(--c-text-color-dark);font-weight:700}.html-content iframe{aspect-ratio:16/9;border:0;border-radius:8px;width:100%;height:auto}.html-content ul,.html-content ol{padding-left:1.3em}.translatable{-webkit-touch-callout:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;border:1px solid var(--c-detail-selector-border-color,var(--separator));min-height:34px;color:var(--text);background:0 0;border-radius:17px;align-items:center;padding:6px 14px;font-size:.9rem;text-decoration:none;display:inline-flex}.chip-selected{background:var(--c-detail-selector-tab-selected);border-color:var(--c-detail-selector-tab-selected);color:var(--c-detail-selector-tab)}.chip-category{background:var(--c-category-color);color:var(--c-category-text-color);border-color:#0000}.detail-info .chip{margin:8px 4px 0}.servings{padding:8px 4px 4px}.servings-row{align-items:center;gap:8px;display:flex}.servings-btn{background:var(--c-detail-text-background)}.servings-text{text-align:center;flex:1;font-size:1.05rem}.ingredient-block{background:var(--c-detail-text-background);border-radius:10px;margin:10px 0;padding:10px}.ingredient-block h2{margin:2px 6px 8px;font-size:1rem}.ingredient-block ul{margin:0;padding:0;list-style:none}.ingredient{text-align:left;cursor:pointer;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:6px;align-items:flex-start;gap:10px;width:100%;padding:8px 6px;font-size:1.02rem;display:flex}.ingredient:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.ingredient-icon{color:var(--c-detail-ingredient-icon-unselected);flex:none;margin-top:3px}.ingredient.selected .ingredient-icon{color:var(--c-green-check-icon-color)}.ingredient-text p{margin:0}.ingredient-text li{list-style:none}.steps-progress{padding:4px}.progress{background:var(--c-detail-ingredient-icon-unselected);border-radius:3px;height:6px;overflow:hidden}.progress>span{background:var(--c-text-color-dark);height:100%;transition:width .3s;display:block}.steps{margin:0;padding:0;list-style:none}.step{background:var(--c-preparation-step-background);border-radius:10px;margin:10px 0;position:relative}.step.done .step-main,.step.done .step-images{opacity:.5}.step-main{cursor:pointer;border-radius:10px;padding:12px}.step-main:focus-visible{outline:2px solid var(--text)}.step-header{align-items:center;gap:8px;padding-right:96px;display:flex}.step-check{flex:none}.step-check.done{color:var(--c-green-check-icon-color)}.step-title{font-family:Raleway;font-size:1.05rem;font-weight:700}.step-text{margin-top:8px;font-size:1.02rem}.step-text p:last-child{margin-bottom:0}.step-timer{background:var(--c-preparation-alarm);color:var(--c-preparation-step-color);cursor:pointer;font-variant-numeric:tabular-nums;border:0;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.9rem;display:inline-flex;position:absolute;top:10px;right:10px}.step-timer.active{box-shadow:0 0 0 2px var(--c-preparation-step-color) inset}.step-images{gap:8px;padding:0 12px 12px;display:flex;overflow-x:auto}.step-image{background:var(--c-no-image-background);cursor:zoom-in;border:0;border-radius:8px;flex:none;padding:0}.step-images img{object-fit:cover;border-radius:8px;width:140px;height:140px;display:block}.notes{padding:4px 0}.note{background:var(--c-detail-post-message-color-background);border-radius:10px;gap:8px;margin:6px 0;padding:12px;font-size:.95rem;display:flex}.note svg{flex:none}.note .html-content p:last-child{margin-bottom:0}.nutrition{padding:16px}.nutrition-energy{text-align:center;font-size:1.4rem}.nutrition hr{border:0;border-top:1px solid var(--separator);margin:16px 0 8px}.ratio{margin:8px 0}.ratio-label{justify-content:space-between;margin-bottom:3px;display:flex}.nutrition-bar{background:var(--c-nutrition-bar-background);border-radius:4px;height:8px}.nutrition-bar>span{background:var(--c-nutrition-bar-color)}.nutrition-bar.thin{height:4px}.nutrient{padding:4px 0}.nutrient.child{padding-left:16px;font-size:.92rem}.nutrient-line{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.nutrient-name{color:var(--c-nutrition-component-name);flex:1}.nutrient-value,.nutrient-ratio{color:var(--c-nutrition-component-value);font-size:.9rem}.finished-dialog{text-align:center;padding-top:12px}.finished-dialog img{object-fit:cover;border-radius:50%;width:120px;height:120px}.finished-dialog h2{margin:12px 0 4px}.finished-title{font-family:Raleway;font-weight:600}.popup-menu{position:relative}.popup-menu-list{z-index:50;background:var(--bg);min-width:240px;color:var(--text);border-radius:10px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 24px #00000040}.popup-menu-list button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:11px 16px;display:flex}.popup-menu-list button:hover,.popup-menu-list button:focus-visible{background:var(--separator)}.popup-menu-list button:disabled{opacity:.5;cursor:default}.popup-menu-list svg{flex:none;width:20px;height:20px}.notes-attached{border-left:2px solid var(--c-detail-ingredient-icon-unselected);margin:0 12px 12px 38px;padding:0 0 0 10px}.notes-attached .note{margin:6px 0;padding:10px;font-size:.9rem}.notes-attached .note svg{color:var(--c-detail-ingredient-icon-unselected)}.detail-hero:has(.detail-hero-loop-toggle) .detail-hero-title{padding-right:56px}