:root{--bg:#f2f4ee;--surface:#fff;--surface-2:#eef0e8;--text:#23201c;--muted:#5f584e;--line:#23201c1f;--field-border:#857d72;--accent:#256a4b;--on-accent:#fff;--accent-soft:#dff0e6;--warm:#a1431a;--warm-soft:#fae5da;--gold:#735307;--gold-soft:#f7ecd0;--danger:#a8321a;--blob-1:#8fcfac8c;--blob-2:#f4a98a73;--blob-3:#f0cd6e73;--glass-bar:#ffffffe6;--glass-panel:#ffffffe0;--glass-card:#ffffffb8;--glass-chip:#fff9;--photo-pill:#00000094;--scrim:#23282438;--blur-bar:blur(20px) saturate(180%);--blur-panel:blur(24px) saturate(160%);--blur-small:blur(8px);--blur-scrim:blur(4px);--glass-border:#ffffff8c;--glass-hi:#ffffffb3;--shadow:0 1px 2px #1f3c280f, 0 4px 16px #1f3c2814;--shadow-float:0 8px 32px #1f3c2824;--card-border:var(--glass-border);--radius-sm:10px;--radius:18px;--radius-lg:24px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--tabbar-h:64px;--tabbar-gap:10px;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--lh-xs:16px;--lh-sm:20px;--lh-base:24px;--lh-lg:26px;--lh-xl:28px;--lh-2xl:34px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1411;--surface:#1b221e;--surface-2:#252d28;--text:#eeeae3;--muted:#b0a99f;--line:#eeeae31f;--field-border:#7d776e;--accent:#62c99c;--on-accent:#0d2318;--accent-soft:#1d3a2d;--warm:#f39566;--warm-soft:#3d2619;--gold:#e3bb52;--gold-soft:#3a3018;--danger:#f39484;--blob-1:#1d644673;--blob-2:#6b301866;--blob-3:#5a461259;--glass-bar:#141c18e6;--glass-panel:#18211ce0;--glass-card:#1b241fc2;--glass-chip:#1b241fa8;--glass-border:#ffffff1f;--glass-hi:#ffffff1a;--scrim:#0e141159;--shadow:0 4px 16px #00000059;--shadow-float:0 8px 32px #00000080}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass-bar:var(--surface);--glass-panel:var(--surface)}}@media (prefers-reduced-transparency:reduce){:root{--glass-bar:var(--surface);--glass-panel:var(--surface);--glass-card:var(--surface);--glass-chip:var(--surface);--blur-bar:none;--blur-panel:none;--blur-small:none;--blur-scrim:none}body:before{display:none}}@media (prefers-contrast:more){:root{--glass-bar:var(--surface);--glass-panel:var(--surface);--glass-card:var(--surface);--glass-chip:var(--surface);--glass-border:var(--field-border);--muted:var(--text)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:72px;scroll-padding-bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + env(safe-area-inset-bottom) + 24px)}body{min-height:100dvh;color:var(--text);background:0 0;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40vmax 40vmax at 12% 8%, var(--blob-1), transparent 70%), radial-gradient(38vmax 38vmax at 95% 35%, var(--blob-2), transparent 70%), radial-gradient(45vmax 45vmax at 30% 100%, var(--blob-3), transparent 70%);position:fixed;inset:-10vmax}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;margin:0;line-height:1.25}h2{font-size:var(--fs-xl);line-height:var(--lh-xl);letter-spacing:-.02em}h3{font-size:var(--fs-lg);line-height:var(--lh-lg)}p{margin:0}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.num{font-variant-numeric:tabular-nums}.glass,section.hero,.sheet,.toast{background:var(--glass-panel);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border:1px solid var(--glass-border);box-shadow:var(--shadow-float), inset 0 1px 0 var(--glass-hi)}.appbar{z-index:20;min-height:44px;padding:8px max(16px, calc((100vw - 960px) / 2 + 16px), env(safe-area-inset-right)) 8px max(16px, calc((100vw - 960px) / 2 + 16px), env(safe-area-inset-left));padding-top:max(8px, env(safe-area-inset-top));background:var(--glass-bar);-webkit-backdrop-filter:var(--blur-bar);backdrop-filter:var(--blur-bar);border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;display:flex;position:sticky;top:0}.appbar-title{letter-spacing:-.01em;flex:1;font-size:18px;font-weight:700}.brand{text-align:center;width:44px;font-size:24px}.icon-btn{width:44px;height:44px;color:var(--text);border-radius:9999px;place-items:center;text-decoration:none;transition:background-color .15s;display:grid}.icon-btn:hover{background:var(--glass-chip)}.screen{max-width:960px;padding:16px max(16px, env(safe-area-inset-right)) calc(var(--tabbar-h) + var(--tabbar-gap) + env(safe-area-inset-bottom) + 24px);margin:0 auto}.screen.no-tabbar{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.banner{background:var(--gold-soft);color:var(--text);font-size:var(--fs-sm);margin:0;padding:8px 16px}.tabbar{z-index:20;left:max(var(--tabbar-gap), env(safe-area-inset-left));right:max(var(--tabbar-gap), env(safe-area-inset-right));bottom:calc(var(--tabbar-gap) + env(safe-area-inset-bottom));max-width:520px;height:var(--tabbar-h);border-radius:var(--radius-lg);background:var(--glass-bar);-webkit-backdrop-filter:var(--blur-bar);backdrop-filter:var(--blur-bar);border:1px solid var(--glass-border);box-shadow:var(--shadow-float), inset 0 1px 0 var(--glass-hi);grid-template-columns:repeat(5,1fr);margin-inline:auto;padding:0 4px;display:grid;position:fixed}.tab{min-width:0;color:var(--muted);font-size:var(--fs-xs);line-height:var(--lh-xs);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;display:flex}.tab svg{box-sizing:content-box;border-radius:9999px;padding:3px 14px;transition:background-color .2s}.tab:focus-visible{outline-offset:-4px;border-radius:18px}.tab[aria-current=page]{color:var(--accent)}.tab[aria-current=page] svg{background:var(--accent-soft)}.stack{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid-2{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--glass-card);border:1px solid var(--glass-border);box-shadow:var(--shadow), inset 0 1px 0 var(--glass-hi);border-radius:var(--radius);padding:16px}.card.tint{background:color-mix(in srgb, var(--accent-soft) 85%, transparent);box-shadow:none;border-color:var(--glass-border)}.section-title{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}section.hero{border-radius:var(--radius-lg);gap:12px;padding:20px;display:grid}.hero h2{font-size:var(--fs-2xl);line-height:var(--lh-2xl);letter-spacing:-.02em;font-weight:800}.cta{border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-float);gap:4px;padding:16px;text-decoration:none;display:grid}.cta:has(>.media){grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px}.cta>.media{border-radius:14px;width:72px}.cta-body{gap:2px;min-width:0;display:grid}.cta-kicker{font-size:var(--fs-sm);opacity:.9;font-weight:600}.cta-title{text-wrap:balance;letter-spacing:-.01em;font-size:20px;font-weight:800;line-height:1.25}.cta-meta{font-size:var(--fs-sm);opacity:.9}.cta.ghost{background:var(--glass-card);color:var(--text);border:1px solid var(--glass-border);box-shadow:var(--shadow), inset 0 1px 0 var(--glass-hi)}.btn{background:var(--accent);min-height:44px;color:var(--on-accent);font:inherit;cursor:pointer;border:0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-weight:700;text-decoration:none;transition:background-color .15s,transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn svg{flex:none;width:20px;height:20px}.btn.secondary{background:var(--glass-chip);color:var(--text);border:1px solid var(--field-border)}.btn.ghost{color:var(--accent);background:0 0}.btn.danger{color:var(--danger);background:0 0;border:1px solid}.btn.block{width:100%}.btn:disabled{opacity:1;background:var(--surface-2);color:var(--muted);cursor:not-allowed;border-color:#0000;transform:none}.chip{border:1px solid var(--field-border);background:var(--glass-chip);min-width:44px;min-height:44px;color:var(--text);font:inherit;font-size:var(--fs-sm);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:4px 14px;font-weight:600;transition:background-color .15s;display:inline-flex}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip-scroll{scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-inline:-16px;padding:8px 16px;scroll-padding-inline:16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 24px),#0000)}.chip-scroll::-webkit-scrollbar{display:none}.chip-scroll>*{flex:none}.segmented{background:var(--glass-chip);border:1px solid var(--field-border);border-radius:9999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:2px;display:inline-grid}.segmented button{min-height:44px;color:var(--text);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;border-radius:9999px;place-content:center;padding:0 14px;font-weight:600;line-height:1.2;transition:background-color .15s;display:grid}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.segmented small{font-size:var(--fs-xs);opacity:.85;font-weight:600}.pill{font-size:var(--fs-xs);line-height:var(--lh-xs);background:var(--glass-chip);border:1px solid var(--glass-border);color:var(--text);border-radius:9999px;align-items:center;gap:4px;padding:2px 10px;font-weight:600;display:inline-flex}.pill.on-photo{background:var(--photo-pill);color:#fff;-webkit-backdrop-filter:var(--blur-small);backdrop-filter:var(--blur-small);border:0}.badge{font-size:var(--fs-xs);background:var(--surface-2);color:var(--muted);border-radius:9999px;padding:2px 8px;font-weight:700;display:inline-block}.badge.stark{background:var(--accent-soft);color:var(--accent)}.badge.mittel{background:var(--gold-soft);color:var(--gold)}.badge.schwach{background:var(--warm-soft);color:var(--warm)}.field{min-width:0;font-size:var(--fs-sm);gap:4px;font-weight:600;display:grid}.field input,.field select,.search{border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;padding:8px 12px;font-weight:400}.search{background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23857d72' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px 50% / 18px;padding-left:40px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.list{margin:0;padding:0;list-style:none}.list>li+li{border-top:1px solid var(--line)}.check{cursor:pointer;align-items:center;gap:12px;min-height:48px;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin:0}.check input:checked+span{color:var(--muted);text-decoration:line-through}.subnav{top:calc(53px + max(8px, env(safe-area-inset-top)));z-index:10;background:var(--glass-bar);-webkit-backdrop-filter:var(--blur-bar);backdrop-filter:var(--blur-bar);border-bottom:1px solid var(--glass-border);margin-inline:-16px;padding:8px 16px;position:sticky}.sheet{width:min(640px,100%);max-width:none;max-height:85vh;color:var(--text);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:8px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-bottom:0;margin:0 auto;position:fixed;inset:auto 0 0;overflow-y:auto}.sheet:before{content:"";background:var(--field-border);border-radius:9999px;width:40px;height:5px;margin:0 auto 8px;display:block}.sheet::backdrop{background:var(--scrim);-webkit-backdrop-filter:var(--blur-scrim);backdrop-filter:var(--blur-scrim)}.sheet-head{justify-content:space-between}.sheet-item{text-align:left;border-radius:var(--radius-sm);width:100%;min-height:56px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:8px;display:flex}.sheet-item:has(>.media){grid-template-columns:48px minmax(0,1fr) auto;display:grid}.sheet-item:hover{background:var(--glass-chip)}.sheet-item[aria-current]{color:var(--text);font-weight:700}.toast{z-index:30;left:50%;bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + env(safe-area-inset-bottom) + 12px);width:max-content;max-width:min(90vw,480px);font-size:var(--fs-sm);color:var(--text);text-align:center;border-radius:9999px;margin:0;padding:10px 16px;font-weight:600;position:fixed;transform:translate(-50%)}.toast:empty{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}details.card>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;font-weight:700;list-style:none;display:flex}details.card>summary::-webkit-details-marker{display:none}details.card>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:10px;height:10px;margin-left:auto;margin-right:4px;transition:transform .2s;transform:translateY(-3px)rotate(45deg)}details.card[open]>summary:after{transform:translateY(2px)rotate(-135deg)}.dock{z-index:5;bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + env(safe-area-inset-bottom) + 8px);background:var(--glass-bar);-webkit-backdrop-filter:var(--blur-bar);backdrop-filter:var(--blur-bar);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-float), inset 0 1px 0 var(--glass-hi);position:sticky}table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}td a{padding:12px 0;display:inline-block}td.r,th.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table-scroll{position:relative;overflow-x:auto}caption.sr-only{position:absolute}@media print{.appbar,.tabbar,.subnav,.toast,.noprint,body:before{display:none}html,body{color:#000;background:#fff}.card,.day{box-shadow:none;break-inside:avoid;background:#fff;border:1px solid #ccc}.screen{padding:0}}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.media{aspect-ratio:4/3;border-radius:var(--radius);background:linear-gradient(135deg, var(--art-a), var(--art-b));box-shadow:inset 0 0 0 1px var(--glass-border);place-items:center;display:grid;position:relative;overflow:hidden}.media>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-emoji{filter:drop-shadow(0 2px 6px #0000001f);font-size:40px;line-height:1}.media.lg{border-radius:var(--radius-lg);width:100%;max-height:320px;box-shadow:var(--shadow-float), inset 0 0 0 1px var(--glass-border)}.media.lg .media-emoji{font-size:72px}.media-overlay{flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.art-0{--art-a:#cfe8d6;--art-b:#8fcfac}.art-1{--art-a:#fde3d2;--art-b:#f4a98a}.art-2{--art-a:#faefc9;--art-b:#f0cd6e}.art-3{--art-a:#fbd9d2;--art-b:#e98a73}.art-4{--art-a:#e3f0cf;--art-b:#c4d97e}.art-5{--art-a:#f6dbe0;--art-b:#d99aa6}@media (prefers-color-scheme:dark){.art-0{--art-a:#1f3a2d;--art-b:#2f6a4c}.art-1{--art-a:#3d2619;--art-b:#7a3d22}.art-2{--art-a:#3a3018;--art-b:#6e5518}.art-3{--art-a:#3b1f1a;--art-b:#7a3328}.art-4{--art-a:#27321a;--art-b:#55682a}.art-5{--art-a:#36202a;--art-b:#6a3442}}.recipe-card{color:var(--text);grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;min-height:96px;padding:10px;text-decoration:none;display:grid}.recipe-card .media{aspect-ratio:1;border-radius:14px}.recipe-card .media-emoji{font-size:32px}.recipe-card-body{gap:6px;min-width:0;padding-right:8px;display:grid}.recipe-card-title{text-wrap:balance;font-size:17px;font-weight:700;line-height:1.3}.recipe-card-meta{flex-wrap:wrap;gap:6px;display:flex}.recipe-card-kcal{color:var(--muted)}.list-head{flex-wrap:nowrap;justify-content:space-between}.list-head .btn{flex:none;padding-inline:12px}.detail-title{font-size:var(--fs-2xl);line-height:var(--lh-2xl);letter-spacing:-.02em;font-weight:800}.card>.segmented{width:100%;margin-bottom:4px;display:flex}.card>.segmented button{white-space:nowrap;flex:auto;padding:0 8px}.ingredients>li{justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.ingredients>li>span:last-child{white-space:nowrap;font-weight:600}.stack-tight{gap:4px;display:grid}.steps{gap:8px;margin:8px 0 0;padding-left:20px;display:grid}.cook-list{gap:8px;padding-left:20px;font-size:18px;display:grid}.cook-step{font-size:24px;line-height:1.4}.cook-step-no{color:var(--muted);font-size:14px;font-weight:600}.cook-note{text-align:center}.grow{flex:200px}.chip-check{border:1px solid var(--field-border);border-radius:9999px;min-height:44px;padding:0 12px}.chip-check input:checked+span{color:var(--accent);font-weight:700;text-decoration:none}.extra-row{flex-wrap:nowrap;justify-content:space-between}.person-switch{width:100%;display:flex}.person-switch button{flex:1 1 0;min-width:0}.person-card h2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.extra-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.extra-toggles .chip-check{font-size:var(--fs-sm);background:var(--glass-chip);border-radius:16px;min-width:0;padding:6px 12px;line-height:1.25}.extra-toggles .chip-check input:checked+span{font-weight:700}@media (width<=899px){.person-card:not(.is-sel){display:none}}@media (width>=900px){.person-switch{display:none}}.spark{color:var(--accent)}.spark .check{color:var(--text)}.week{gap:12px;display:grid}.week>li+li{border-top:0}.week-switch{justify-items:start;gap:6px;display:grid}.week-switch .segmented{width:100%;max-width:420px;display:flex}.week-switch .segmented button{flex:1 1 0}.day{background:var(--glass-card);border:1px solid var(--glass-border);box-shadow:var(--shadow), inset 0 1px 0 var(--glass-hi);border-radius:var(--radius);padding:12px}.day.is-today{border:2px solid var(--accent);box-shadow:var(--shadow-float);padding:11px}.media.thumb48{aspect-ratio:1;border-radius:12px;flex:none;width:48px}.media.thumb48 .media-emoji{font-size:24px}.day-title{align-items:center;gap:8px;margin-bottom:8px;font-size:16px;display:flex}.day-slots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width<=480px){.day-slots{grid-template-columns:1fr}}.slot{text-align:left;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-2) 70%, transparent);min-height:56px;color:var(--text);font:inherit;cursor:pointer;border:1px solid #0000;align-content:center;gap:2px;padding:8px 12px;transition:background-color .15s;display:grid}.slot.filled{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:6px 12px 6px 6px}.slot-text{gap:2px;min-width:0;display:grid}.slot:hover,.slot:active{background:var(--surface-2)}.slot.empty{border:1px dashed var(--field-border);color:var(--accent);background:0 0;font-weight:600}.slot.empty .muted{color:var(--muted);font-weight:400}.sheet .stack{gap:12px}.sheet-item-text{gap:2px;min-width:0;display:grid}.sheet-item[aria-current] svg{color:var(--accent)}.sheet-head h3{flex:1}.progress-head{align-items:baseline;gap:8px;display:flex}.progress-num{font-size:var(--fs-2xl);line-height:var(--lh-2xl);letter-spacing:-.02em;font-weight:800}.progress-num strong{font-weight:800}.add-form{flex-wrap:nowrap;gap:8px;margin-top:8px;display:flex}.add-form input{flex:1 1 0;min-width:0}.add-form .btn{flex:none;padding-inline:14px}.extra-row .chip{border-radius:9999px;padding:0}.builder-row{gap:4px;padding:8px 0;display:grid}.builder-ctrl{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.builder-g{text-align:center;white-space:nowrap;flex:auto;min-width:56px;font-weight:600}.builder-row .chip{flex:none;justify-content:center;min-width:44px;min-height:44px;padding-inline:6px}.card.dock{background:var(--surface);gap:6px;padding:10px 16px}.card.dock:has(.fill) .section-title{display:none}.fill{background:var(--surface-2);border-radius:9999px;height:12px;overflow:hidden}.fill-bar{background:var(--accent);border-radius:9999px;height:100%}.errors{color:var(--danger);margin:0;padding-left:20px;font-weight:600}.sources{margin:0;padding:0;list-style:none;display:grid}.sources a{padding:12px 0;display:inline-block}.rules{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rules p{margin-top:4px}details.card>p{max-width:65ch;margin-top:8px}fieldset.card{border:1px solid var(--card-border);min-width:0;margin:0}fieldset.card>legend{float:left;width:100%;margin-bottom:8px;padding:0}.check.radio-opt input:checked+span{color:var(--accent);font-weight:700;text-decoration:none}.bullets{gap:4px;max-width:65ch;margin:8px 0 0;padding-left:20px;display:grid}.bullets.card{margin:0;padding:16px 16px 16px 36px}.swap{padding:12px 0}.ampel{--lv:var(--accent);--lv-soft:var(--accent-soft)}.ampel.gelb{--lv:var(--gold);--lv-soft:var(--gold-soft)}.ampel.rot{--lv:var(--warm);--lv-soft:var(--warm-soft)}.ampel{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--lv-soft) 45%, transparent);border:1px solid var(--glass-border);gap:12px;padding:16px}.ampel>.card{border-left:6px solid var(--lv);background:linear-gradient(90deg, color-mix(in srgb, var(--lv-soft) 70%, transparent), transparent 55%), var(--glass-card)}.guide-block{margin-top:16px}.guide-block:first-child{margin-top:0}.guide-block>h2{font-size:var(--fs-xl);line-height:var(--lh-xl)}.danger-zone{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.stack>.subnav:first-child{margin-top:-16px}fieldset.card.stack{gap:4px}.ampel h3{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ampel-badge{letter-spacing:.04em;background:var(--lv-soft);color:var(--lv);border:1px solid var(--lv);border-radius:9999px;padding:2px 10px;font-size:14px;font-weight:800;display:inline-block}.outer-container{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100%;padding:1rem;display:flex}.step-circle-container{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-card);width:100%;max-width:28rem;min-height:calc(100dvh - 230px);box-shadow:var(--shadow), inset 0 1px 0 var(--glass-hi);flex-direction:column;margin-left:auto;margin-right:auto;display:flex}.step-indicator-row{align-items:center;width:100%;padding:1rem;display:flex}.step-content-default{flex:1;position:relative;overflow:hidden}.step-default{padding-left:1rem;padding-right:1rem}.footer-container{bottom:calc(12px + env(safe-area-inset-bottom));border-radius:var(--radius);margin:auto 8px 8px;padding:0 .5rem .75rem;position:sticky}.footer-nav{margin-top:1.5rem;display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.step-indicator{cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid;position:relative}.step-indicator:disabled{pointer-events:none;opacity:.5}.step-indicator-inner{border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:600;transition:background-color .3s,color .3s;display:flex}.step-indicator-inner.inactive{background-color:var(--surface-2);color:var(--muted)}.step-indicator-inner.active,.step-indicator-inner.complete{background-color:var(--accent);color:var(--on-accent)}.active-dot{background-color:var(--on-accent);border-radius:9999px;width:.75rem;height:.75rem}.step-number{font-size:.875rem}.step-connector{background-color:var(--line);border-radius:.25rem;flex:1;height:.125rem;margin-left:.5rem;margin-right:.5rem;position:relative;overflow:hidden}.step-connector-inner{background-color:var(--accent);height:100%;position:absolute;top:0;left:0}.check-icon{width:1rem;height:1rem;color:var(--on-accent)}@media (prefers-reduced-motion:reduce){.step-indicator-inner{transition:none}}.footer-nav{gap:12px}.footer-nav .btn{flex:1;min-height:56px;font-size:18px}@media (width>=900px){.step-circle-container{max-width:40rem}}
