body{margin:0;padding:12px;background:#171411}button{cursor:pointer}#bbq-preview [hidden]{display:none!important}#bbq-preview header{padding:14px 18px}#bbq-preview header h1{font-size:20px;margin:4px 0}#bbq-preview header h1 br{display:none}#bbq-preview header.compact .sub{display:none}#bbq-preview .home-logo{display:block;width:100%;max-width:340px;margin:0 auto 14px}#bbq-preview .home-heading{text-align:center;color:#e6c3a1;margin-bottom:18px}#bbq-preview .home-actions,#bbq-preview .category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#bbq-preview .category-tile,#bbq-preview .home-tile{padding:0;overflow:hidden;min-width:0;background:#302821;text-align:left}#bbq-preview .category-photo{display:block;width:100%;aspect-ratio:1;background-image:url(category-photos.webp);background-size:400% 300%;background-repeat:no-repeat}#bbq-preview .home-tile .category-photo{aspect-ratio:1}#bbq-preview .category-tile strong,#bbq-preview .home-tile strong{display:block;font-size:15px;line-height:1.3;padding:10px;overflow-wrap:anywhere}#bbq-preview .category-picker{border:0;padding:0;margin:14px 0}#bbq-preview .settings-link{width:100%;margin-top:16px}#bbq-preview #settings-surface{padding:18px 16px}#bbq-preview nav{flex-wrap:wrap}#bbq-preview nav button{font-size:12px}#bbq-preview .section-choices label{font-size:14px;display:flex;gap:8px;align-items:center}#bbq-preview form .section-choices input{width:20px;height:20px;margin:0}

/* Kompakte Handyansicht: Navigation bleibt erreichbar. */
body{padding:0}.viz-dotted-background{padding:0!important}
#bbq-preview{height:100vh;height:100dvh;display:flex;flex-direction:column;border-radius:0}
#bbq-preview header{flex:none;padding:9px 12px}
#bbq-preview header h1{font-size:19px;margin:2px 0}
#bbq-preview header .eyebrow{font-size:10px;letter-spacing:1px}
#bbq-preview header .sub{display:none}
#bbq-preview.is-home header{display:none}
#bbq-preview #app-status{flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 12px!important;font-size:11px!important;margin:0}
#bbq-preview main,#bbq-preview #settings-surface{flex:1;min-height:0;overflow-y:auto;padding:12px;overscroll-behavior:contain}
#bbq-preview.is-home main{display:flex;flex-direction:column;gap:12px;overflow:visible;padding:8px 12px 12px}
#bbq-preview.is-home .home-logo{flex:1;min-height:0;height:0;width:100%;max-width:100%;object-fit:contain;margin:0}
#bbq-preview .home-actions{flex:none;gap:10px}
#bbq-preview .home-tile .category-photo{aspect-ratio:auto;height:clamp(64px,16dvh,112px)}
#bbq-preview .home-tile strong{font-size:14px;padding:8px}
#bbq-preview nav{flex:none;flex-wrap:nowrap;gap:4px;padding:8px 6px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
#bbq-preview nav button{font-size:11px;padding:8px 2px;min-height:44px}
#bbq-preview .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#bbq-preview .category-tile .category-photo{aspect-ratio:1}
#bbq-preview .category-tile strong{font-size:11px;line-height:1.2;padding:5px;min-height:36px}
#bbq-preview .category-picker{margin:8px 0}
#bbq-preview .category-picker summary{min-height:36px;font-size:14px}
#bbq-preview .chips{gap:6px;margin-bottom:8px}
#bbq-preview input[type=search]{padding:9px;margin-bottom:8px}
#bbq-preview h2{font-size:20px;margin-bottom:8px}
#bbq-preview .recipe{margin-bottom:10px}
#bbq-preview .recipe-body{padding:10px}
#bbq-preview .recipe .cover{height:96px;font-size:45px}
#bbq-preview .recipe .cover img{height:96px!important}
@media(min-width:600px){#bbq-preview{border-radius:18px}}


/* Beschriftung steht im Vordergrund, Bilder dienen als kleine Orientierung. */
#bbq-preview .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
#bbq-preview .category-tile,#bbq-preview .home-tile{display:flex;align-items:center;gap:9px;text-align:left;background:#26211c;border:1px solid #49392d;border-radius:9px;padding:8px;min-height:55px}
#bbq-preview .category-tile .category-photo,#bbq-preview .home-tile .category-photo{flex:none;width:32px;height:32px;aspect-ratio:1;border-radius:50%;opacity:.85}
#bbq-preview .category-tile strong{font-size:13px;font-weight:650;line-height:1.25;padding:0;min-height:0;overflow-wrap:normal}
#bbq-preview .home-actions{grid-template-columns:1fr;gap:8px}
#bbq-preview .home-tile{min-height:58px;padding:10px 14px;gap:14px}
#bbq-preview .home-tile .category-photo{width:36px;height:36px}
#bbq-preview .home-tile strong{font-size:18px;padding:0;line-height:1.2}
#bbq-preview .category-tile[aria-pressed=true]{background:#493120;border-color:#d8853f;color:#f8efdf}
#bbq-preview .category-picker summary{font-size:16px}
@media(max-width:340px){#bbq-preview .category-tile{gap:6px;padding:6px}#bbq-preview .category-tile strong{font-size:12px}#bbq-preview .category-tile .category-photo{width:26px;height:26px}}

#bbq-preview .category-tile .category-photo,#bbq-preview .home-tile .category-photo{border-radius:0;opacity:1}
#bbq-preview .new-recipe-icon{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;font-size:30px;line-height:1;color:#f8efdf}

#bbq-preview{max-width:430px;margin:auto;background:#211d19;color:#f8efdf;font:16px/1.5 system-ui,sans-serif;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #0003;color-scheme:dark}
#bbq-preview *{box-sizing:border-box}#bbq-preview button,#bbq-preview input{font:inherit}#bbq-preview button{min-height:44px;border:1px solid #67513d;border-radius:12px;background:#342a22;color:#f8efdf;padding:9px 13px}#bbq-preview button[aria-pressed=true],#bbq-preview .main-action{background:#d8853f;color:#21180f;border-color:#d8853f}#bbq-preview header{padding:24px 20px 18px;background:repeating-linear-gradient(2deg,#33251c 0px,#33251c 24px,#38291f 25px,#33251c 27px)}#bbq-preview h1{font-size:25px;line-height:1.2;margin:8px 0;font-weight:700}#bbq-preview h2{font-size:22px;margin:0 0 12px}#bbq-preview h3{font-size:18px;margin:0 0 5px}#bbq-preview .eyebrow{color:#edb47f;font-size:12px;letter-spacing:2px;text-transform:uppercase}#bbq-preview .sub{color:#cbbda9;font-size:14px}#bbq-preview main{padding:18px 16px}#bbq-preview input[type=search]{width:100%;background:#302821;border:1px solid #67513d;border-radius:12px;padding:12px;color:#f8efdf;margin-bottom:12px}#bbq-preview .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}#bbq-preview .recipe{background:#302821;border:1px solid #4d3d30;border-radius:16px;overflow:hidden;margin-bottom:16px}#bbq-preview .cover{height:140px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#715036,#3a2a20 65%);font-size:65px;position:relative}#bbq-preview .cover small{position:absolute;bottom:8px;right:10px;color:#e4d4bc;font-size:12px}#bbq-preview .recipe-body{padding:14px}#bbq-preview .row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}#bbq-preview .open{border:0;background:transparent;padding:0;text-align:left;flex:1;min-width:150px}#bbq-preview nav{display:flex;gap:5px;padding:12px 10px;background:#2c241e;border-top:1px solid #574230}#bbq-preview nav button{flex:1;font-size:13px;padding:9px 5px;min-width:0}#bbq-preview .info{background:#362a20;padding:14px;border-radius:12px;margin:14px 0;color:#e6c3a1}#bbq-preview ul{padding-left:22px}#bbq-preview li{margin:8px 0}#bbq-preview .shopping-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #4d3d30;align-items:center}#bbq-preview input[type=checkbox]{width:22px;height:22px;accent-color:#d8853f}#bbq-preview .shopping-row:has(input:checked) span{text-decoration:line-through;color:#b1a392}#bbq-preview .portion{display:flex;align-items:center;gap:16px;margin:12px 0}#bbq-preview .notice{margin:0 0 12px;color:#e6c3a1;font-size:13px}
#bbq-preview label{display:block;margin:12px 0}#bbq-preview form input:not([type=checkbox]),#bbq-preview select,#bbq-preview textarea{display:block;width:100%;min-width:0;margin-top:6px;padding:10px;border:1px solid #67513d;border-radius:10px;background:#302821;color:#f8efdf;font:inherit}#bbq-preview .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}#bbq-preview details{margin:16px 0;border-top:1px solid #574230;padding-top:12px}#bbq-preview summary{min-height:44px;font-weight:600}#bbq-preview .ingredient-edit{border-bottom:1px solid #574230;padding:8px 0}#bbq-preview .photo-edit img{width:100%;max-height:180px;object-fit:cover;border-radius:12px}#bbq-preview .photo-edit{margin:12px 0}#bbq-preview #cloud-panel input{display:block;width:100%;font:inherit;padding:10px;border-radius:10px;border:1px solid #67513d;background:#302821;color:#f8efdf}#bbq-preview #cloud-status{color:#e6c3a1;overflow-wrap:anywhere}#bbq-preview #form-error{color:#ffba9d}#bbq-preview h2,#bbq-preview h3,#bbq-preview li{overflow-wrap:anywhere}

/* Zwei kompakte Metallschilder unter dem Logo. */
#bbq-preview .home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:390px;align-self:center}
#bbq-preview .home-tile{position:relative;display:flex;justify-content:center;align-items:center;gap:5px;min-height:66px;padding:10px 15px;border:3px solid #a9693c;border-radius:50%;text-align:center;background:radial-gradient(circle at 7% 50%,#e8c09a 0 2px,#46352c 3px,#111 4px,transparent 5px),radial-gradient(circle at 93% 50%,#e8c09a 0 2px,#46352c 3px,#111 4px,transparent 5px),repeating-linear-gradient(115deg,#252321 0px,#292623 2px,#211f1d 4px);box-shadow:inset 0 0 0 2px #34251e,inset 0 2px 5px #ffffff25,0 2px 0 #0d0b09,0 0 7px #b55e2926;color:#f5dfbf}
#bbq-preview .home-tile strong{font-size:14px;line-height:1.2;padding:0;max-width:115px;text-shadow:0 2px 1px #000}
#bbq-preview .home-tile .new-recipe-icon{width:17px;height:24px;font-size:23px;color:#f5dfbf}
#bbq-preview .home-tile:active{border-color:#e49b58;filter:brightness(1.15)}
@media(max-width:340px){#bbq-preview .home-actions{gap:8px}#bbq-preview .home-tile{padding:9px 12px}#bbq-preview .home-tile strong{font-size:12px}}


#bbq-preview.is-home main{justify-content:center;gap:8px}
#bbq-preview.is-home .home-logo{flex:none;height:auto;width:100%;max-height:calc(100dvh - 190px);object-fit:contain;margin:0}
#bbq-preview .home-actions{flex:none;margin:0;gap:10px}
#bbq-preview .home-tile{min-height:66px;height:66px;border:0;background-color:transparent;box-shadow:none;border-radius:50%;padding:13px 20px;gap:3px}
#bbq-preview .home-tile strong{font-size:13px;max-width:108px;line-height:1.15}
#bbq-preview .home-tile .new-recipe-icon{font-size:19px;width:14px}
@media(max-width:340px){#bbq-preview .home-tile strong{font-size:12px}#bbq-preview .home-tile{padding:12px 16px}}

#bbq-preview.is-recipes header{display:none}


#bbq-preview .category-grid{gap:6px}
#bbq-preview .category-tile{min-height:55px;height:55px;border:0;border-radius:50%;background-color:transparent;box-shadow:none;padding:10px 17px;gap:5px;justify-content:center;color:#f5dfbf}
#bbq-preview .category-tile .category-photo{width:23px;height:23px;flex:none}
#bbq-preview .category-tile strong{font-size:11px;line-height:1.15;min-width:0;padding:0;text-shadow:0 1px 2px #000;overflow-wrap:normal}
#bbq-preview .category-tile[aria-pressed=true]{background-color:transparent;filter:brightness(1.2)}
#bbq-preview .category-tile:active{filter:brightness(1.2)}
@media(max-width:340px){#bbq-preview .category-tile{padding:9px 14px;gap:3px}#bbq-preview .category-tile .category-photo{width:18px;height:18px}#bbq-preview .category-tile strong{font-size:10px}}

#bbq-preview .home-tile,#bbq-preview .category-tile,#bbq-preview .category-tile[aria-pressed=true]{background-image:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat}

#bbq-preview .category-tile,#bbq-preview .category-tile[aria-pressed=true]{background-image:none;background-color:#25211d;border:1px solid #655548;border-radius:50%;box-shadow:none;color:#f8efdf}
#bbq-preview .category-tile strong{text-shadow:none}
#bbq-preview .category-tile[aria-pressed=true]{border-color:#b88960;background-color:#30271f;filter:none}
#bbq-preview .category-tile:active{background-color:#30271f;filter:none}


#bbq-preview{position:relative;isolation:isolate}
#bbq-preview .page-watermark{display:none;position:absolute;inset:70px 8px 72px;z-index:0;pointer-events:none;align-items:center;justify-content:center;overflow:hidden}
#bbq-preview.has-watermark .page-watermark{display:flex}
#bbq-preview .page-watermark img{display:block;width:100%;max-height:100%;object-fit:contain;opacity:.06;user-select:none}
#bbq-preview>header,#bbq-preview>#app-status,#bbq-preview>main,#bbq-preview>#settings-surface,#bbq-preview>nav{position:relative;z-index:1}


#bbq-preview.has-watermark main{display:flex;flex-direction:column;gap:0}
#bbq-preview.has-watermark main>.row,#bbq-preview.has-watermark main>h2{flex:none}
#bbq-preview.has-watermark .category-picker{display:flex;flex-direction:column;flex:1;min-height:360px;margin:12px 0 8px;padding:0}
#bbq-preview.has-watermark .category-grid{flex:1;grid-template-rows:repeat(6,minmax(55px,1fr));align-items:center;column-gap:8px;row-gap:6px}
#bbq-preview.has-watermark .category-tile{width:100%}


#bbq-preview .category-tile{border-color:#94745e;border-top-color:#af9a85;border-right-color:#897565;border-bottom-color:#916244;border-left-color:#a17b5a;box-shadow:inset 0 1px 0 #c3b6a510,inset 0 -1px 0 #b66b3210}
#bbq-preview .category-tile[aria-pressed=true]{border-color:#c69a70}


/* Gemeinsame Form und zurückhaltende Metallfarben. */
#bbq-preview .home-tile,#bbq-preview .category-tile,#bbq-preview .category-tile[aria-pressed=true]{background-image:none;background-color:#25211d;border:1px solid #94745e;border-top-color:#af9a85;border-right-color:#897565;border-bottom-color:#916244;border-left-color:#a17b5a;border-radius:12px;box-shadow:inset 0 1px 0 #c3b6a510;filter:none;color:#f8efdf}
#bbq-preview .home-tile{padding:10px 12px;min-height:58px;height:58px;gap:6px}
#bbq-preview .home-tile strong{font-size:14px;max-width:none;line-height:1.2;text-shadow:none}
#bbq-preview .category-tile{padding:9px 10px;justify-content:flex-start;gap:8px}
#bbq-preview .category-tile strong{font-size:12px;line-height:1.2;text-shadow:none}
#bbq-preview .category-tile .category-photo{width:24px;height:24px}
#bbq-preview .home-tile:active,#bbq-preview .category-tile:active,#bbq-preview .category-tile[aria-pressed=true]{background-color:#30271f;border-color:#c69a70;filter:none}
#bbq-preview .recipe{border-radius:12px;border-color:#806651}
#bbq-preview main button:not(.cover):not(.open):not(.visitor-dessert):not(.home-tile):not(.category-tile){border-radius:12px}
@media(max-width:340px){#bbq-preview .category-tile{padding:8px;gap:5px}#bbq-preview .category-tile strong{font-size:11px}#bbq-preview .home-tile strong{font-size:13px}}

#bbq-preview .home-tile{background-image:none;background-color:transparent;background-position:center;background-size:100% 100%;background-repeat:no-repeat;border:0;border-radius:50%;box-shadow:none;height:66px;min-height:66px;padding:13px 20px;gap:3px;color:#f5dfbf}#bbq-preview .home-tile strong{font-size:13px;max-width:108px;line-height:1.15;text-shadow:0 2px 1px #000}#bbq-preview .home-tile:active{background-color:transparent;filter:brightness(1.15)}

#bbq-preview button:not(.cover):not(.open):not(.visitor-dessert){border:0!important;border-radius:12px!important;background-color:transparent!important;background-image:none!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;box-shadow:none!important;color:#f8e5c9!important;text-shadow:0 1px 2px #000;filter:none}
#bbq-preview button:not(.cover):not(.open):not(.visitor-dessert):active,#bbq-preview button[aria-pressed=true]:not(.cover):not(.open){filter:brightness(1.22)}
#bbq-preview .home-tile{height:58px;min-height:58px;padding:10px 15px;gap:5px}
#bbq-preview .home-tile strong{font-size:14px;max-width:none;line-height:1.2}
#bbq-preview .category-tile{padding:9px 12px;gap:6px}
#bbq-preview nav button{padding:9px 5px;min-height:44px}
#bbq-preview .recipe{border-radius:12px}


#bbq-preview button:not(.cover):not(.open):not(.visitor-dessert){border:3px solid transparent!important;border-image-source:none!important;border-image-slice:120 fill!important;border-image-width:3px!important;border-image-repeat:stretch!important;overflow:hidden;clip-path:inset(0 round 12px)}
#bbq-preview .home-tile{padding:7px 12px}
#bbq-preview .category-tile{padding:6px 9px}
#bbq-preview nav button{padding:6px 2px}

#bbq-preview.is-recipes>nav{display:none}
#bbq-preview.is-home .home-logo{transform:translateY(var(--home-logo-offset,0px))}
#bbq-preview .category-label{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}#bbq-preview .category-count{font-size:10px;line-height:1.1;font-weight:400;color:#d6c6b4;text-shadow:0 1px 2px #000}
#bbq-preview .grill-devices{border:1px solid #655548;border-radius:12px;padding:12px;margin:16px 0}#bbq-preview .grill-device-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 16px}#bbq-preview .grill-device-options label{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}#bbq-preview .grill-device-options input{width:20px;height:20px;margin:0;accent-color:#d7863d}

#bbq-preview.is-home main{position:relative;isolation:isolate}
#bbq-preview.is-home{position:relative;isolation:isolate;overflow:hidden}
#bbq-preview.is-home>header,#bbq-preview.is-home>main,#bbq-preview.is-home>nav,#bbq-preview.is-home>#app-status{position:relative;z-index:1}
#bbq-preview .home-fire-photo{position:absolute;pointer-events:none;z-index:-1;object-fit:cover;object-position:center bottom;filter:brightness(.65);opacity:.85;animation:none}

#bbq-preview.is-home .home-logo,#bbq-preview.is-home .home-actions{position:relative;z-index:1}
@keyframes fire-flicker{0%{filter:brightness(.8);transform:scale(1)}23%{filter:brightness(1.05);transform:scale(1.015,1.035)}51%{filter:brightness(.9);transform:scale(1.025,1.01)}77%{filter:brightness(1.12);transform:scale(1.01,1.04)}100%{filter:brightness(.87);transform:scale(1.02,1.02)}}
@media(prefers-reduced-motion:reduce){#bbq-preview .home-fire-photo{animation:none}}


#bbq-preview #bbq-results{display:grid;grid-template-columns:1fr;gap:12px}
#bbq-preview #bbq-results .recipe{margin:0;border:3px solid transparent;border-image-source:none;border-image-slice:120 fill;border-image-width:3px;border-image-repeat:stretch;clip-path:inset(0 round 12px);border-radius:12px;overflow:hidden;background:#302821}
#bbq-preview #bbq-results .recipe .cover{display:flex;align-items:center;justify-content:center;height:100px;min-height:100px;padding:0;background:#211d18;font-size:36px}
#bbq-preview #bbq-results .recipe .cover img{display:block;height:100px!important;width:100%;object-fit:cover}
#bbq-preview #bbq-results .recipe .cover small{font-size:11px;color:#c5b6a4}
#bbq-preview #bbq-results .recipe-body{padding:10px 12px;background:#302821}
#bbq-preview #bbq-results .recipe-body .row{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}
#bbq-preview #bbq-results .open{flex:1;min-width:0;padding:0;text-align:left}
#bbq-preview #bbq-results h3{font-size:17px;line-height:1.25;margin:0 0 5px}
#bbq-preview #bbq-results .sub{font-size:12px;line-height:1.3}
#bbq-preview .recipe-devices{display:block;margin-top:5px;font-size:11px;line-height:1.35;color:#dfb78d}
#bbq-preview #bbq-results [data-fav]{flex:none;width:42px;min-height:44px;padding:4px;font-size:20px}


#bbq-preview .recipe-overview{margin-top:14px;border:3px solid transparent;border-image-source:none;border-image-slice:120 fill;border-image-width:3px;border-radius:12px;clip-path:inset(0 round 12px);background:#302821;overflow:hidden}
#bbq-preview .recipe-overview .overview-photo{height:150px;margin:0!important;border-radius:0!important;display:flex;align-items:center;justify-content:center;background:#211d18;font-size:48px}
#bbq-preview .overview-photo img{height:150px!important;width:100%;object-fit:cover}
#bbq-preview .overview-body{padding:14px;background:#302821}
#bbq-preview .overview-body h2{font-size:22px;line-height:1.2;margin:0;flex:1}
#bbq-preview .overview-times{margin:12px 0;font-size:12px;line-height:1.5}
#bbq-preview .overview-body .info{padding:10px;border:1px solid #6d5140;border-radius:8px;font-size:13px;line-height:1.7;background:#241f1a}
#bbq-preview .overview-body h3{font-size:18px;margin:20px 0 10px;color:#f0c59a}
#bbq-preview .overview-ingredients{padding:0;list-style:none;margin:12px 0}
#bbq-preview .overview-ingredients li{display:grid;grid-template-columns:minmax(64px,auto) 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #66503b66;font-size:14px;line-height:1.4}
#bbq-preview .overview-ingredients li span:first-child{color:#e3bd95;font-weight:600}
#bbq-preview .overview-steps{padding-left:23px;margin:0}
#bbq-preview .overview-steps li{padding:0 0 12px 4px;font-size:14px;line-height:1.55}
#bbq-preview .overview-steps li::marker{color:#e3bd95;font-weight:bold}
#bbq-preview .overview-body .portion{justify-content:flex-start;gap:12px;font-size:14px}
#bbq-preview .overview-body [data-add]{width:100%;font-size:13px}

#bbq-preview .overview-body [data-add]{margin-top:16px}
.grill-notes{white-space:pre-wrap;overflow-wrap:anywhere}@media print{html,body,#bbq-preview,#bbq-preview main{height:auto!important;max-height:none!important;overflow:visible!important}body{background:white!important;color:black!important}body *{visibility:hidden}#bbq-preview .recipe-overview,#bbq-preview .recipe-overview *{visibility:visible}#bbq-preview .recipe-overview{position:absolute;left:0;top:0;width:100%;border:0!important;clip-path:none!important;background:white!important;color:black!important}#bbq-preview .recipe-overview button,#bbq-feedback{display:none!important}#bbq-preview .overview-body,#bbq-preview .overview-body *{background:white!important;color:black!important}#bbq-preview .overview-photo{height:160px}#bbq-preview .overview-steps li{break-inside:avoid}}
#bbq-preview .rating-stars{display:flex;gap:4px;margin:8px 0 12px}#bbq-preview .rating-star{background:none!important;background-image:none!important;border:0!important;border-image:none!important;box-shadow:none!important;clip-path:none!important;min-width:44px;min-height:44px;padding:0;font-size:30px;color:#a89b89;text-shadow:none}#bbq-preview .rating-star.chosen{color:#e6af59}#bbq-preview .rating-star:focus-visible{outline:2px solid #e6af59;outline-offset:2px;border-radius:6px}@media print{#bbq-preview .recipe-overview .rating-star{display:inline-block!important;min-width:24px;min-height:24px;font-size:20px}}
#bbq-preview button.rating-star.chosen{color:#ffdb24!important;-webkit-text-fill-color:#ffdb24!important}
#bbq-preview .pit-master-label{position:absolute;left:0;width:100%;text-align:center;font-size:16px;font-weight:600;letter-spacing:1px;color:#f2dfbe;text-shadow:0 2px 4px #000;z-index:2;pointer-events:none}
#bbq-preview .publish-choice{display:flex;align-items:center;gap:10px}#bbq-preview .publish-choice input{width:22px;height:22px;accent-color:#d7863d}#bbq-preview a{color:#edbc7c}
body{margin:0;padding:0;background:#171411}#bbq-preview{border-radius:0;max-width:430px;box-shadow:none}#bbq-preview main{padding:16px;position:relative}#bbq-preview.is-home main{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:12px;overflow:hidden}#bbq-preview .home-brand{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%}#bbq-preview .home-brand .pit-master-label{position:static;width:100%;font-size:16px}#bbq-preview.is-home .home-logo{height:auto;max-height:min(70dvh,430px);width:100%;object-fit:contain;transform:none}#bbq-preview .home-actions{grid-template-columns:1fr;width:100%;max-width:390px;margin:12px 0 18dvh}#bbq-preview .home-tile strong{max-width:none}#bbq-preview .home-fire-photo{inset:0;width:100%;height:100%;z-index:0}#bbq-preview:not(.is-home) .home-fire-photo{display:none}#bbq-preview .home-brand,#bbq-preview .home-actions{position:relative;z-index:1}#bbq-preview .page-watermark{inset:100px 8px 15px}#bbq-preview.has-watermark main{overflow-y:auto}#bbq-preview.has-watermark main>h2{margin:20px 0 12px}#bbq-preview .category-tile{justify-content:flex-start;text-align:left;border-radius:12px;height:55px;padding:10px 12px}#bbq-preview .category-tile strong{font-size:11px}#bbq-preview .category-picker{min-height:360px}#bbq-preview .category-count{font-size:10px}#bbq-preview .recipe-body .open{width:100%}#bbq-preview .read-only-stars{color:#ffdb24;font-size:22px;letter-spacing:3px;margin:8px 0}#bbq-preview .row .back{flex:none}#bbq-preview button:focus-visible{outline:2px solid #ffcd68;outline-offset:2px}#bbq-preview .empty{padding:18px;border:1px solid #66503b;border-radius:12px}#bbq-preview .loading-hint{position:absolute;bottom:10px;left:16px;right:16px;text-align:center;font-size:11px;color:#ccbda8}#bbq-preview .loading-hint:empty{display:none}@media(prefers-reduced-motion:reduce){#bbq-preview .home-fire-photo{display:none}}@media print{#bbq-preview .read-only-stars{color:black!important}#bbq-preview .page-watermark,#bbq-preview .home-fire-photo{display:none!important}}
/* Lesbare Beschriftungen auf der Besucher-Kategorienseite. */
#bbq-preview .category-tile{height:auto;min-height:76px;padding:10px;gap:8px}
#bbq-preview .category-tile .category-photo{width:26px;height:26px}
#bbq-preview .category-tile strong{font-size:16px;line-height:1.2;white-space:normal;overflow-wrap:normal}
#bbq-preview .category-label{gap:4px}
#bbq-preview .category-count{font-size:12px;line-height:1.2;color:#edddc7}
#bbq-preview.has-watermark .category-picker{min-height:486px}
#bbq-preview.has-watermark .category-grid{grid-template-rows:repeat(6,minmax(76px,1fr));align-items:stretch}
@media(max-width:350px){#bbq-preview .category-tile strong{font-size:14px}#bbq-preview .category-tile{gap:6px;padding:9px}#bbq-preview .category-tile .category-photo{width:22px;height:22px}}
/* Installation is separate from the approved recipe layout. */
#bbq-preview .install-link{position:absolute;left:12px;right:12px;bottom:max(18px,env(safe-area-inset-bottom));z-index:2;background:none!important;background-image:none!important;border:0!important;clip-path:none!important;box-shadow:none!important;padding:8px;font:inherit;font-size:13px;color:#f2dfbe;text-decoration:underline;text-underline-offset:4px;min-height:40px}
#bbq-preview:not(.is-home) .install-link{display:none}
#install-dialog{max-width:390px;width:calc(100% - 64px);border:1px solid #a0754f;border-radius:16px;background:#302821;color:#f2dfbe;padding:24px;font:16px/1.6 system-ui}
#install-dialog::backdrop{background:#000b}#install-dialog h2{font-size:22px;line-height:1.3;margin-top:0}#install-dialog button{background:#d7863d;color:#211e18;border:0;border-radius:10px;padding:12px 20px;font:inherit}
/* Desktop gets a wider layout; all phone rules above stay intact. */
@media screen and (min-width:760px){
 #bbq-preview{max-width:1180px;width:100%;margin:0 auto}
 #bbq-preview main{padding:32px 40px}
 #bbq-preview h2{font-size:30px}
 #bbq-preview.is-home main{padding:24px 40px}
 #bbq-preview.is-home .home-logo{max-width:560px;max-height:min(68dvh,560px);margin:0 auto}
 #bbq-preview .home-brand .pit-master-label{font-size:20px}
 #bbq-preview .home-actions{max-width:340px;margin:20px auto 12dvh}
 #bbq-preview .home-tile strong{font-size:20px}
 #bbq-preview.has-watermark .category-picker{min-height:0;margin:32px 0}
 #bbq-preview.has-watermark .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(110px,1fr);gap:24px}
 #bbq-preview .category-tile{min-height:110px;padding:18px;gap:14px}
 #bbq-preview .category-tile .category-photo{width:36px;height:36px}
 #bbq-preview .category-tile strong{font-size:18px}
 #bbq-preview .category-count{font-size:14px}
 #bbq-preview .page-watermark{inset:100px 22% 20px}
 #bbq-preview #bbq-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
 #bbq-preview #bbq-results .recipe{margin:0}
 #bbq-preview #bbq-results .cover{height:190px}
 #bbq-preview .recipe-body h3{font-size:22px}
 #bbq-preview .recipe-body .sub{font-size:16px}
 #bbq-preview .empty{grid-column:1/-1}
 #bbq-preview .recipe-overview{max-width:1000px;margin:24px auto}
 #bbq-preview .overview-photo{height:320px}
 #bbq-preview .overview-body{padding:28px}
 #bbq-preview .recipe-columns{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
 #bbq-preview .recipe-columns section{min-width:0}
 #bbq-preview .recipe-columns h3{font-size:23px;margin-top:24px}
 #bbq-preview .overview-ingredients li,#bbq-preview .overview-steps li{font-size:17px}
 #bbq-preview .overview-times,#bbq-preview .overview-body .info{font-size:17px;line-height:1.6}
 #bbq-preview .overview-body [data-print]{margin-top:24px}
}
@media screen and (min-width:1180px){
 #bbq-preview.has-watermark .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(120px,1fr)}
 #bbq-preview #bbq-results{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media print{.install-link,#install-dialog{display:none!important}}

/* Fixed desktop recipe: only preparation text scrolls. */
@media screen and (min-width:760px){
 #bbq-preview.is-detail main{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px 32px}
 #bbq-preview.is-detail main>.row{flex:none;margin:0}
 #bbq-preview.is-detail .recipe-overview{--recipe-photo-height:20dvh;display:grid;grid-template-rows:var(--recipe-photo-height) minmax(0,1fr);flex:1;min-height:0;width:100%;max-width:1000px;margin:0 auto;box-sizing:border-box}
 #bbq-preview.is-detail .recipe-overview .overview-photo{height:100%;min-height:0;overflow:hidden}
 #bbq-preview.is-detail .overview-photo img{width:100%;height:100%!important;object-fit:contain;object-position:center}
 #bbq-preview.is-detail .overview-body{display:flex;flex-direction:column;min-height:0;padding:12px 20px}
 #bbq-preview.is-detail .overview-body>h2{flex:none}
 #bbq-preview.is-detail .overview-times{margin:6px 0}
 #bbq-preview.is-detail .read-only-stars{margin:4px 0}
 #bbq-preview.is-detail .info{flex:none;padding:6px 10px}
 #bbq-preview.is-detail .recipe-columns{flex:1;min-height:0;align-items:stretch;gap:28px;margin-top:10px}
 #bbq-preview.is-detail .recipe-columns h3{margin:0 0 8px}
 #bbq-preview.is-detail .recipe-ingredients-section{align-self:start}
 #bbq-preview.is-detail .overview-ingredients{margin:8px 0 0}
 #bbq-preview.is-detail .overview-ingredients li{padding:5px 0}
 #bbq-preview.is-detail .recipe-steps-section{display:flex;flex-direction:column;min-height:0}
 #bbq-preview.is-detail .recipe-steps-section h3{flex:none}
 #bbq-preview.is-detail .overview-steps{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:12px}
 #bbq-preview.is-detail .overview-steps:focus-visible{outline:1px solid #e3bd95;outline-offset:2px}
 #bbq-preview.is-detail .overview-body>[data-print]{flex:none;align-self:flex-start;margin-top:10px}
}
@media print{
 #bbq-preview.is-detail .recipe-overview,#bbq-preview.is-detail .overview-body,#bbq-preview.is-detail .recipe-columns,#bbq-preview.is-detail .recipe-steps-section{display:block!important;height:auto!important;overflow:visible!important}
 #bbq-preview.is-detail .overview-steps{height:auto!important;max-height:none!important;overflow:visible!important}
}

.recipe-photo-preview{display:none}
@media screen and (min-width:760px) and (hover:hover) and (pointer:fine){
 .recipe-photo-preview:not([hidden]){display:block;position:fixed;z-index:1000;pointer-events:none;width:min(520px,calc(100vw - 32px));padding:10px;box-sizing:border-box;background:#211e18;border:1px solid #e3bd95;border-radius:14px;box-shadow:0 16px 48px #0009;color:#fff}
 .recipe-photo-preview img{display:block;width:100%;height:min(360px,calc(100dvh - 110px));object-fit:contain;border-radius:8px;background:#161410}
 .recipe-photo-preview div{padding:10px 4px 2px;font-size:18px;line-height:1.35;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media print{.recipe-photo-preview{display:none!important}}

@media screen and (min-width:760px) and (hover:hover) and (pointer:fine){
 .recipe-photo-preview.is-detail-preview:not([hidden]){width:min(1040px,calc(100vw - 32px))}
 .recipe-photo-preview.is-detail-preview img{height:min(720px,calc(100dvh - 110px))}
}

/* Use the available desktop window, including ultrawide displays. */
@media screen and (min-width:760px){
 #bbq-preview{max-width:none;width:100%;margin:0}
 #bbq-preview main{padding-inline:clamp(16px,2.5vw,64px)}
 #bbq-preview.is-home main{padding-inline:clamp(16px,2.5vw,64px)}
 #bbq-preview.is-detail main{padding-inline:clamp(16px,2.5vw,64px)}
 #bbq-preview.is-detail .recipe-overview{max-width:none}
 #bbq-preview.has-watermark .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #bbq-preview #bbq-results{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
}
@media screen and (min-width:1180px){
 #bbq-preview.has-watermark .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media screen{
#bbq-preview:not(.is-home) .home-fire-photo{display:block}
#bbq-preview .home-fire-photo{inset:0;width:100%;height:100%;z-index:0;object-fit:cover;object-position:center;filter:brightness(.65);opacity:.85}
#bbq-preview:not(.is-home) .home-fire-photo{filter:brightness(.38)}
#bbq-preview>main,#bbq-preview>header,#bbq-preview>nav,#bbq-preview>#settings-surface,#bbq-preview>#app-status{position:relative;z-index:1}
#bbq-preview .recipe,#bbq-preview .recipe-overview,#bbq-preview #settings-surface{background-color:#302821}
}
@media(prefers-reduced-motion:reduce){#bbq-preview .home-fire-photo{display:none!important}}

/* All published recipe photos, with a compact strip below the title photo. */
#bbq-preview .recipe-gallery{display:flex;flex:none;gap:8px;padding:8px 14px;background:#302821;overflow-x:auto}
#bbq-preview .recipe-gallery button{flex:0 0 64px;width:64px;height:52px;min-height:0;padding:0;border:1px solid #d5a470;border-image:none;background:#211e18;border-radius:6px;overflow:hidden;clip-path:none}
#bbq-preview .recipe-gallery img{display:block;width:100%;height:100%;object-fit:cover}
#bbq-preview .recipe-gallery button:focus-visible{outline:2px solid #ffdb24;outline-offset:2px}
@media print{.recipe-gallery{display:none!important}}

@media screen and (min-width:760px){#bbq-preview.is-detail .recipe-overview.has-gallery{grid-template-rows:var(--recipe-photo-height) auto minmax(0,1fr)}}

@media screen and (prefers-reduced-motion:reduce){#bbq-preview .home-fire-photo{display:block!important}}

#bbq-preview .recipe-gallery button[aria-pressed="true"]{outline:2px solid #ffdb24;outline-offset:-2px}

#bbq-preview .visitor-rating{flex:none;padding:10px 0;margin:4px 0;border-bottom:1px solid #66503b66}
#bbq-preview .visitor-rating h3{font-size:15px;margin:0 0 4px;color:#f0c59a}
#bbq-preview .visitor-rating-summary{font-size:13px;color:#e3bd95;margin:6px 0;line-height:1.4}
#bbq-preview .visitor-rating .sub{font-size:12px;margin:4px 0}
#bbq-preview .visitor-rating-stars{display:flex;gap:6px}
#bbq-preview .visitor-rating-stars button{background:none!important;background-image:none!important;border-image:none!important;border:0!important;clip-path:none!important;box-shadow:none!important;min-width:44px;min-height:44px;padding:0!important;font-size:32px;color:#ffdb24!important;line-height:1}
#bbq-preview .visitor-rating-stars button:disabled{opacity:.5;cursor:wait}
@media print{#bbq-preview .visitor-rating .sub,#bbq-preview .visitor-rating-stars{display:none!important}}

#bbq-preview .total-rating-stars{position:relative;display:inline-block;font-size:30px;line-height:1.2;letter-spacing:2px;white-space:nowrap;color:#7d756b!important;-webkit-text-fill-color:#7d756b!important;margin:4px 0}
#bbq-preview .total-rating-stars .total-rating-filled{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#ffdb24!important;-webkit-text-fill-color:#ffdb24!important}
#bbq-preview .visitor-rating-stars button.visitor-rating-star{color:#c0b6a5!important;-webkit-text-fill-color:#c0b6a5!important}#bbq-preview .visitor-rating-stars button.visitor-rating-star.is-filled{color:#ffdb24!important;-webkit-text-fill-color:#ffdb24!important}

/* Desktop: give photos their own column so new ratings cannot squeeze them. */
@media screen and (min-width:760px){
 #bbq-preview.is-detail .recipe-overview,#bbq-preview.is-detail .recipe-overview.has-gallery{grid-template-columns:minmax(230px,34%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
 #bbq-preview.is-detail .recipe-overview .overview-photo{grid-column:1;grid-row:1;height:100%;min-height:0;background:#211d18}
 #bbq-preview.is-detail .recipe-overview .recipe-gallery{grid-column:1;grid-row:2;padding:8px;flex-wrap:wrap;overflow:visible}
 #bbq-preview.is-detail .recipe-overview .overview-body{grid-column:2;grid-row:1 / span 2;padding:12px 16px;min-width:0}
 #bbq-preview.is-detail .visitor-rating{display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:2px;margin:4px 0;padding:6px 0}
 #bbq-preview.is-detail .visitor-rating h3{grid-column:1 / span 2;margin:0;font-size:13px}
 #bbq-preview.is-detail .visitor-rating>.total-rating-stars{grid-column:1;grid-row:2;align-self:center;margin:0;font-size:26px}
 #bbq-preview.is-detail .visitor-rating>.visitor-rating-summary{grid-column:1;grid-row:3;margin:0;font-size:12px}
 #bbq-preview.is-detail .visitor-rating>p.sub:not(.visitor-rating-status){display:none}
 #bbq-preview.is-detail .visitor-rating-stars{grid-column:2;grid-row:2;gap:4px}
 #bbq-preview.is-detail .visitor-rating-stars button{min-width:36px;min-height:36px;font-size:28px}
 #bbq-preview.is-detail .visitor-rating-status{grid-column:2;grid-row:3;max-width:220px;font-size:11px;margin:0}
 #bbq-preview.is-detail .recipe-columns{gap:18px}
 #bbq-preview.is-detail .recipe-ingredients-section{min-width:0}
 #bbq-preview.is-detail .overview-ingredients li{overflow-wrap:anywhere}
 #bbq-preview.is-detail .overview-body>[data-print]{margin-top:8px}
}
@media screen and (min-width:760px) and (max-height:650px){
 #bbq-preview.is-detail main{padding-block:8px;gap:8px}
 #bbq-preview.is-detail .overview-body{padding-block:8px}
 #bbq-preview.is-detail .overview-body h2{font-size:20px}
 #bbq-preview.is-detail .visitor-rating{padding:3px 0;margin:2px 0}
 #bbq-preview.is-detail .visitor-rating h3{display:none}
 #bbq-preview.is-detail .visitor-rating>.total-rating-stars,#bbq-preview.is-detail .visitor-rating-stars{grid-row:1}
 #bbq-preview.is-detail .visitor-rating>.visitor-rating-summary,#bbq-preview.is-detail .visitor-rating-status{grid-row:2}
 #bbq-preview.is-detail .overview-times{font-size:11px;margin:4px 0}
 #bbq-preview.is-detail .info{font-size:12px;line-height:1.4;padding:5px 8px}
 #bbq-preview.is-detail .recipe-columns{margin-top:8px}
 #bbq-preview.is-detail .overview-ingredients li{font-size:12px;padding:4px 0}
 #bbq-preview.is-detail .recipe-columns h3{font-size:16px;margin-bottom:5px}
 #bbq-preview.is-detail .overview-body>[data-print]{min-height:32px;padding:5px 10px;font-size:12px}
}

@media screen and (min-width:760px){
 #bbq-preview.is-detail .recipe-ingredients-section{display:flex;flex-direction:column;align-self:stretch;min-height:0;overflow:hidden}
 #bbq-preview.is-detail .recipe-ingredients-section>h3,#bbq-preview.is-detail .recipe-ingredients-section>.portion{flex:none}
 #bbq-preview.is-detail .overview-ingredients{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px}
 #bbq-preview.is-detail .overview-ingredients:focus-visible{outline:1px solid #e3bd95;outline-offset:-1px}
}
@media print{#bbq-preview.is-detail .recipe-ingredients-section,#bbq-preview.is-detail .overview-ingredients{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}}

#install-button[hidden]{display:none!important}


/* Uschis Küche: confirmed café design. */
body{background:#24150d;color:#382519}#bbq-preview{background:#24150d url('assets/cafe-hintergrund.png') center/cover no-repeat;color:#382519;color-scheme:light}
#bbq-preview .home-fire-photo,#bbq-preview .page-watermark{display:none!important}
#bbq-preview button:not(.cover):not(.open):not(.visitor-dessert):not(.visitor-rating-star):not(.visitor-home-tile){background:#382015!important;background-image:none!important;color:#f4e7ce!important;border:2px solid #aa8249!important;border-image:none!important;border-radius:9px!important;clip-path:none!important}
#bbq-preview .category-tile{height:auto;min-height:60px}.category-count{color:#e3c896!important}
#bbq-preview .recipe,#bbq-preview .recipe-overview,#bbq-preview .recipe-body,#bbq-preview .overview-body,#bbq-preview .info{background:#f4e7ce!important;color:#382519!important;border-image:none!important;clip-path:none!important}
#bbq-preview .recipe,#bbq-preview .recipe-overview{border:2px solid #986d3b!important}
#bbq-preview h1,#bbq-preview h2,#bbq-preview h3{font-family:Georgia,serif;color:#50331c!important}
#bbq-preview .sub,#bbq-preview .recipe-devices,#bbq-preview .visitor-rating-summary,#bbq-preview .overview-ingredients li span:first-child{color:#705039!important}
#bbq-preview .open{color:#382519}#bbq-preview .overview-steps li::marker{color:#8a432d}
#bbq-preview .loading-hint{color:#f4e7ce;background:#382015;padding:6px;border-radius:5px}
#bbq-preview.is-home main{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px;overflow:hidden}
.visitor-brand{width:100%;aspect-ratio:941/395;background:url('assets/startseite-kerzen-seitlich.png') top center/100% auto no-repeat}
.visitor-home-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
#bbq-preview button.visitor-home-tile{width:100%;aspect-ratio:400/455;min-height:0;padding:0;border:0!important;border-image:none!important;clip-path:none!important;background-color:transparent!important;background-image:url('assets/startseite-kerzen-seitlich.png')!important;background-size:235.25% auto!important;border-radius:8px!important}
#bbq-preview button.visitor-home-tile.cook{background-position:9.1% 35.82%!important}#bbq-preview button.visitor-home-tile.bake{background-position:90.2% 35.82%!important}
#bbq-preview .overview-ingredients{overflow:visible!important;flex:none!important;max-height:none!important}#bbq-preview .recipe-ingredients-section{overflow:visible!important}
#install-button{flex:none;display:block;min-height:44px;margin:8px auto;padding:10px 16px;max-width:calc(100% - 24px);background:#382015;color:#f4e7ce;border:1px solid #aa8249;border-radius:8px;position:relative;z-index:3}
#install-button[hidden]{display:none!important}#install-dialog{background:#f4e7ce;color:#382519;border:2px solid #aa8249;border-radius:12px}
@media print{#install-button,.visitor-rating-stars,.visitor-rating-status{display:none!important}#bbq-preview,#bbq-preview .recipe-overview,#bbq-preview .overview-body{background:white!important;color:black!important;border:0!important}}

#bbq-preview button.visitor-home-tile{aspect-ratio:400/386}#bbq-preview button.visitor-home-tile.cook{background-position:9.1% 32.2%!important}#bbq-preview button.visitor-home-tile.bake{background-position:90.2% 32.2%!important}#bbq-preview button.visitor-dessert{width:100%;aspect-ratio:941/216;min-height:0;border:0!important;padding:0;background:url('assets/startseite-kerzen-seitlich.png') center 55.98%/100% auto!important;border-image:none!important;border-radius:8px!important}.mobile-cooking-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;padding:8px;border:1px solid #aa8249;border-radius:8px}.mobile-cooking-tools label{display:flex;align-items:center;gap:8px;font-size:14px}.mobile-cooking-tools input{width:22px;height:22px}.mobile-cooking-status{width:100%;font-size:13px;margin:0}#mobile-timer{width:min(90vw,420px);box-sizing:border-box;border:2px solid #aa8249;border-radius:16px;background:#f4e7ce;color:#382519;padding:16px;max-height:90dvh;overflow:auto;font-family:system-ui,sans-serif}#mobile-timer::backdrop{background:#0009}#mobile-timer h2{font-family:Georgia,serif;margin:0 0 16px}#mobile-timer .timer-wheels{display:flex;gap:8px}#mobile-timer .timer-wheels>div{flex:1;min-width:0;text-align:center}#mobile-timer .timer-wheel{height:168px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;background:linear-gradient(#e4cfad,#fff9ed 33%,#fff9ed 66%,#e4cfad);border-radius:10px;overscroll-behavior:contain}#mobile-timer .timer-wheel::-webkit-scrollbar{display:none}#mobile-timer .timer-wheel button{display:block;width:100%;height:56px;min-height:56px;scroll-snap-align:center;border:0;background:none;color:#382519;font-size:32px;padding:0}#mobile-timer .wheel-space{height:56px}#mobile-timer .timer-presets,#mobile-timer .timer-actions{display:flex;gap:8px;margin-top:16px}#mobile-timer .timer-actions{justify-content:space-between}#mobile-timer button:not([data-value]){min-height:44px;background:#3a2416;color:#f6e6c6;border:1px solid #aa8249;border-radius:9px;padding:8px 12px;font-size:16px}#mobile-timer p{font-size:13px;line-height:1.4}@media print{.mobile-cooking-tools{display:none!important}}

@media screen{
#bbq-preview.is-baking.has-watermark::before,#bbq-preview.is-baking-window::before{content:'';position:absolute;z-index:0;pointer-events:none;left:4%;top:42%;width:92%;height:48%;background:url('assets/kaffee-torte-tablett.png') center/contain no-repeat;transform-origin:center 80%;animation:cafe-tablett-schwenk 18s ease-in-out infinite;filter:drop-shadow(0 15px 12px #160b0799)}
#bbq-preview.is-baking.has-watermark::after,#bbq-preview.is-baking-window::after{content:'';position:absolute;pointer-events:none;z-index:0;left:31%;top:64%;width:5%;height:12%;border-left:3px solid #fff7e0aa;border-right:2px solid #fff7e077;border-radius:50%;filter:blur(3px);animation:cafe-dampf 5s ease-in-out infinite}
#bbq-preview.is-baking-window main{position:relative;z-index:1}
#bbq-preview.is-baking-window{position:relative;isolation:isolate}
@keyframes cafe-tablett-schwenk{0%,100%{transform:perspective(900px) rotateY(-10deg) rotateZ(-1deg)}50%{transform:perspective(900px) rotateY(10deg) rotateZ(1deg)}}
@keyframes cafe-dampf{0%{transform:translateY(0) scale(.7);opacity:0}35%{opacity:.65}100%{transform:translateY(-65px) scale(1.3);opacity:0}}
@media(prefers-reduced-motion:reduce){#bbq-preview.is-baking.has-watermark::before,#bbq-preview.is-baking-window::before{animation:none}#bbq-preview.is-baking.has-watermark::after,#bbq-preview.is-baking-window::after{display:none}}
}

@media screen{
#bbq-preview.is-baking.has-watermark::before,#bbq-preview.is-baking-window::before{display:none!important}
#bbq-preview.is-baking.has-watermark::after,#bbq-preview.is-baking-window::after{display:none!important}
.cafe-foreground{display:none;position:absolute;z-index:0;pointer-events:none;left:-7%;top:38%;width:114%;aspect-ratio:3/2;transform-origin:center 80%;animation:cafe-tablett-schwenk 22s ease-in-out infinite;filter:drop-shadow(0 18px 12px #160b0799)}
#bbq-preview.is-baking.has-watermark .cafe-foreground,#bbq-preview.is-baking-window .cafe-foreground{display:block}
.cafe-foreground img{display:block;width:100%;height:auto}
.cafe-foreground .coffee-steam{position:absolute;left:29%;top:32%;width:4%;height:22%;border-left:4px solid #fff9eccc;border-right:3px solid #fff9ec99;border-radius:50%;filter:blur(3px);transform-origin:center bottom;animation:cafe-tassendampf 4.8s ease-in-out infinite}
.cafe-foreground .coffee-steam:nth-of-type(2){left:32%;width:3%;animation-delay:-1.6s}
.cafe-foreground .coffee-steam:nth-of-type(3){left:35%;width:3%;animation-delay:-3.2s}
@keyframes cafe-tassendampf{0%{transform:translateY(0) scale(.7);opacity:0}25%{opacity:.8}70%{opacity:.5}100%{transform:translateY(-100px) translateX(10px) scale(1.3);opacity:0}}
@media(prefers-reduced-motion:reduce){.cafe-foreground{animation:none}.cafe-foreground .coffee-steam{display:none}}
}

@media screen{
#bbq-preview .cafe-foreground .coffee-steam{display:block;z-index:2;left:25%;top:22%;width:12%;height:34%;border:0;border-radius:50%;background:radial-gradient(ellipse at 50% 85%,#fffaf0cc 0%,#fffaf077 25%,transparent 58%),radial-gradient(ellipse at 35% 45%,#fffaf099 0%,#fffaf055 28%,transparent 65%);filter:blur(5px) drop-shadow(0 0 3px #705c4888);transform-origin:50% 100%;animation:coffee-visible-steam 5s ease-in-out infinite}
#bbq-preview .cafe-foreground .coffee-steam:nth-of-type(2){left:27%;top:21%;width:9%;height:35%;animation-delay:-1.7s}
#bbq-preview .cafe-foreground .coffee-steam:nth-of-type(3){left:24%;top:24%;width:11%;height:32%;animation-delay:-3.4s}
@keyframes coffee-visible-steam{0%{opacity:0;transform:translateY(12px) scaleX(.55) scaleY(.65)}20%{opacity:.9}60%{opacity:.65;transform:translateY(-28px) translateX(8px) scaleX(1.15) scaleY(1.1)}100%{opacity:0;transform:translateY(-70px) translateX(-5px) scaleX(1.45) scaleY(1.25)}}
@media(prefers-reduced-motion:reduce){#bbq-preview .cafe-foreground .coffee-steam{animation:none;opacity:.65}}
}

@media screen{
.uschi-home .candle-flame{position:absolute;pointer-events:none;z-index:2;top:1.65%;left:18.6%;width:1.1%;height:2.05%;border-radius:50% 50% 35% 35%;background:radial-gradient(ellipse at 50% 70%,#fff 0%,#fff4b7 35%,#ffc246 65%,#f9941899 90%,transparent);box-shadow:0 0 12px 5px #ffb62c99,0 0 35px 16px #ffb62c55;transform-origin:50% 100%;animation:uschi-candle-flicker 1.8s ease-in-out infinite}
.uschi-home .candle-flame.right{left:80.55%;animation-delay:-.85s;animation-duration:2.3s}
.visitor-brand{position:relative}
.visitor-brand::before,.visitor-brand::after{content:'';position:absolute;pointer-events:none;top:6.98%;left:18.6%;width:1.1%;height:8.67%;border-radius:50% 50% 35% 35%;background:radial-gradient(ellipse at 50% 70%,#fff,#fff4b7 35%,#ffc246 65%,#f9941899 90%,transparent);box-shadow:0 0 12px 5px #ffb62c99,0 0 35px 16px #ffb62c55;transform-origin:50% 100%;animation:uschi-candle-flicker 1.8s ease-in-out infinite}
.visitor-brand::after{left:80.55%;animation-delay:-.85s;animation-duration:2.3s}
@keyframes uschi-candle-flicker{0%,100%{transform:rotate(-4deg) scale(.95,1);opacity:.85}23%{transform:rotate(5deg) scale(1.05,.9);opacity:1}49%{transform:rotate(-2deg) scale(.9,1.12);opacity:.8}74%{transform:rotate(3deg) scale(1,1.04);opacity:.95}}
@media(prefers-reduced-motion:reduce){.uschi-home .candle-flame,.visitor-brand::before,.visitor-brand::after{animation:none}}
}

@media screen{
.uschi-home .candle-flame{top:8.8%;left:10.7%}.uschi-home .candle-flame.right{left:88.1%}
.visitor-brand::before,.visitor-brand::after{top:37.3%}.visitor-brand::before{left:10.7%}.visitor-brand::after{left:88.1%}
.uschi-home .candle-light{position:absolute;pointer-events:none;z-index:1;left:-9%;top:-1%;width:41%;height:25%;background:radial-gradient(ellipse at 50% 42%,#ffc14b77,#ffb32933 38%,transparent 72%);mix-blend-mode:screen;animation:uschi-wall-light 3.7s ease-in-out infinite}
.uschi-home .candle-light.right{left:69%;animation-delay:-1.9s;animation-duration:4.3s}
.uschi-home .candle-shadow{position:absolute;pointer-events:none;z-index:1;left:18.5%;top:3.2%;width:63%;height:18.5%;border-radius:18%;box-shadow:-8px 10px 10px #100600aa,8px 10px 10px #100600aa;animation:uschi-wall-shadow 3.7s ease-in-out infinite}
.visitor-brand .candle-light{position:absolute;pointer-events:none;left:-9%;top:-4%;width:41%;height:106%;background:radial-gradient(ellipse at 50% 42%,#ffc14b77,#ffb32933 38%,transparent 72%);mix-blend-mode:screen;animation:uschi-wall-light 3.7s ease-in-out infinite}
.visitor-brand .candle-light.right{left:69%;animation-delay:-1.9s;animation-duration:4.3s}
.visitor-brand .candle-shadow{position:absolute;pointer-events:none;left:18.5%;top:13.5%;width:63%;height:78%;border-radius:18%;box-shadow:-8px 10px 10px #100600aa,8px 10px 10px #100600aa;animation:uschi-wall-shadow 3.7s ease-in-out infinite}
@keyframes uschi-wall-light{0%,100%{opacity:.45;transform:scale(.98)}19%{opacity:.85;transform:scale(1.03)}43%{opacity:.55;transform:scale(1)}66%{opacity:.95;transform:scale(1.04)}84%{opacity:.65;transform:scale(.99)}}
@keyframes uschi-wall-shadow{0%,100%{opacity:.25;transform:translateX(-1px)}19%{opacity:.45;transform:translateX(1px)}43%{opacity:.3;transform:translateX(0)}66%{opacity:.5;transform:translateX(-2px)}84%{opacity:.35;transform:translateX(1px)}}
@media(prefers-reduced-motion:reduce){.candle-light,.candle-shadow{animation:none!important}}
}

@media screen{
.uschi-home .candle-light,.visitor-brand .candle-light{background:radial-gradient(ellipse at 50% 42%,#ffe28fdd 0%,#ffbe4b88 25%,#ff9d3544 46%,transparent 74%);animation:uschi-strong-wall-light 2.1s linear infinite;filter:blur(4px)}
.uschi-home .candle-light.right,.visitor-brand .candle-light.right{animation-duration:2.7s;animation-delay:-1.3s}
.uschi-home .candle-shadow,.visitor-brand .candle-shadow{box-shadow:-12px 15px 14px #100600dd,12px 15px 14px #100600dd;animation:uschi-strong-shadow 2.1s linear infinite}
.uschi-home .candle-flame,.visitor-brand::before,.visitor-brand::after{box-shadow:0 0 8px 4px #ffe484ee,0 0 28px 13px #ffb62cbb,0 0 65px 28px #ff9f3255;animation:uschi-strong-flame 1.35s ease-in-out infinite}
.uschi-home .candle-flame.right,.visitor-brand::after{animation-duration:1.7s;animation-delay:-.65s}
@keyframes uschi-strong-wall-light{0%,100%{opacity:.2;transform:scale(.94)}12%{opacity:.95;transform:scale(1.06)}23%{opacity:.55;transform:scale(.99)}37%{opacity:1;transform:scale(1.1)}48%{opacity:.3;transform:scale(.95)}62%{opacity:.85;transform:scale(1.05)}78%{opacity:.45;transform:scale(.98)}90%{opacity:1;transform:scale(1.08)}}
@keyframes uschi-strong-shadow{0%,100%{opacity:.25;transform:translate(-3px,1px)}12%{opacity:.75;transform:translate(4px,3px)}23%{opacity:.4;transform:translate(-1px,0)}37%{opacity:.85;transform:translate(-5px,3px)}48%{opacity:.3;transform:translate(2px,0)}62%{opacity:.7;transform:translate(4px,2px)}78%{opacity:.4;transform:translate(-2px,1px)}90%{opacity:.8;transform:translate(3px,3px)}}
@keyframes uschi-strong-flame{0%,100%{transform:rotate(-9deg) scale(.8,1.05);opacity:.7;filter:brightness(.9)}24%{transform:rotate(9deg) scale(1.15,.8);opacity:1;filter:brightness(1.4)}51%{transform:rotate(-5deg) scale(.8,1.3);opacity:.8;filter:brightness(1.1)}76%{transform:rotate(6deg) scale(1.1,1.12);opacity:1;filter:brightness(1.5)}}
@media(prefers-reduced-motion:reduce){.uschi-home .candle-light,.visitor-brand .candle-light,.uschi-home .candle-shadow,.visitor-brand .candle-shadow,.uschi-home .candle-flame,.visitor-brand::before,.visitor-brand::after{animation:none!important}}
}

@media screen{
.uschi-home .candle-light,.uschi-home .candle-shadow,.visitor-brand .candle-light,.visitor-brand .candle-shadow{display:none!important;animation:none!important}
.uschi-home .candle-flame,.visitor-brand::before,.visitor-brand::after{box-shadow:0 0 6px 2px #ffe48499,0 0 14px 5px #ffb62c66;animation:uschi-natural-flame 2.6s ease-in-out infinite;filter:none!important}
.uschi-home .candle-flame.right,.visitor-brand::after{animation-duration:3.2s;animation-delay:-1.4s}
@keyframes uschi-natural-flame{0%,100%{transform:rotate(-3deg) scale(.96,1);opacity:.9}21%{transform:rotate(3deg) scale(1.02,.94);opacity:1}43%{transform:rotate(-2deg) scale(.94,1.08);opacity:.92}68%{transform:rotate(2deg) scale(1,1.04);opacity:1}86%{transform:rotate(-1deg) scale(.97,.98);opacity:.94}}
@media(prefers-reduced-motion:reduce){.uschi-home .candle-flame,.visitor-brand::before,.visitor-brand::after{animation:none!important}}
}
/* Visitor home: one continuous image, with matching accessible hit areas. */
@media screen {
#bbq-preview.is-home {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:auto}
#bbq-preview.is-home #content {position:relative;display:block!important;flex:none!important;padding:0!important;margin:0 auto!important;width:min(100%,calc((100dvh - 86px)*941/1035),760px)!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:941/1035;overflow:hidden!important;background:url('assets/startseite-kerzen-seitlich.png') top center/100% auto no-repeat}
#bbq-preview.is-home #content .visitor-brand {position:absolute;inset:0 auto auto 0;width:100%;height:38.16%;aspect-ratio:auto;background:none!important}
#bbq-preview.is-home #content .visitor-home-tiles {display:contents!important}
#bbq-preview.is-home #content button.visitor-home-tile,
#bbq-preview.is-home #content button.visitor-dessert {position:absolute;display:block!important;min-height:0!important;height:37.1%!important;width:43.5%!important;top:40.1%;left:5.1%;padding:0!important;margin:0!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;aspect-ratio:auto!important;clip-path:none!important;border-radius:12px!important}
#bbq-preview.is-home #content button.visitor-home-tile.bake {left:51.5%}
#bbq-preview.is-home #content button.visitor-dessert {top:78.6%;left:5.1%;height:20.5%!important;width:90%!important}
#bbq-preview.is-home #content button:focus-visible {outline:3px solid #fff3cc;outline-offset:-5px}
#bbq-preview.is-home .loading-hint:empty {display:none}
#bbq-preview.is-home .loading-hint:not(:empty) {position:absolute;bottom:0;left:5%;width:90%;box-sizing:border-box;margin:0}
#install-button {width:calc(100% - 24px);max-width:600px;flex:none}
@media(min-width:760px) {#install-button{display:none!important}#bbq-preview.is-home #content{width:min(100%,calc((100dvh - 32px)*941/1035),760px)!important}}
}

@media screen{#bbq-preview.is-home{background:#382015!important}#bbq-preview.is-home #content{border-radius:14px;box-shadow:0 8px 28px #160b0799}}
@media screen {
#bbq-preview.has-watermark #content{position:relative;z-index:1}
#bbq-preview .category-grid{flex:none!important;height:auto!important;align-content:start!important;align-items:start!important;grid-auto-rows:max-content!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:720px;gap:12px}
#bbq-preview .category-tile{height:76px!important;min-height:76px!important;max-height:100px!important}
#bbq-preview.has-watermark h2{display:table;padding:10px 16px;border-radius:10px;background:#f4e7ce;color:#382519}
#bbq-preview .cafe-foreground{width:min(100%,700px)!important;left:50%!important;transform:translateX(-50%)!important;animation:none!important}
#bbq-preview .dessert-display{width:min(100%,700px)!important;left:50%!important;transform:translate(-50%,-10%)!important}
#bbq-preview .cooking-display{width:min(110%,800px)!important;left:50%!important;transform:translateX(-50%)!important}
}
@media screen{#bbq-preview .category-picker,#bbq-preview .category-grid{min-height:0!important;padding-bottom:0!important}#bbq-preview .category-photo{font-family:Arial,sans-serif}}
@media screen{#bbq-preview .category-grid{grid-template-rows:none!important}}

#install-button[hidden]{display:none!important}