.site-footer{display:flex;flex-direction:column;gap:.6rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.site-footer__links{display:flex;flex-wrap:wrap;gap:1.25rem}.site-footer__links a{color:var(--accent);font-weight:600;text-decoration:none}.site-footer__links a:hover,.site-footer__links a:focus-visible{text-decoration:underline}.site-footer__note{margin:0;max-width:68ch}.site-footer__meta{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;margin:0}.legal{max-width:70ch;padding:1.5rem;background:var(--surface);border-radius:.9rem;box-shadow:var(--shadow)}.legal__title:focus{outline:none}.legal__title{margin:0 0 1.25rem;font-size:clamp(1.5rem,1.2rem + 1.5vw,2rem);color:var(--text-strong)}.legal__section{margin-bottom:1.25rem}.legal__heading{margin:0 0 .3rem;font-size:1rem;color:var(--text-strong)}.legal__text{margin:0;white-space:pre-line;color:var(--text)}.legal__link{color:var(--accent);font-weight:600}.legal__hint{margin:1.5rem 0 0;padding:.75rem .9rem;font-size:.85rem;color:var(--warning-text);background:var(--warning-surface);border-radius:.5rem}.chart-tooltip{position:absolute;top:0;z-index:2;min-width:11rem;padding:.6rem .75rem;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:.55rem;box-shadow:var(--shadow);transition:opacity 90ms linear;transform:translate(-50%)}.chart-tooltip--flip{transform:translate(-100%)}.chart-tooltip__distance{margin:0 0 .35rem;font-size:.8rem;font-weight:700;color:var(--text-muted)}.chart-tooltip__figures{display:grid;gap:.15rem;margin:0}.chart-tooltip__figures>div{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;color:currentColor}.chart-tooltip__figures dt{font-weight:600}.chart-tooltip__figures dd{margin:0;font-variant-numeric:tabular-nums}.chart-tooltip__difference{margin-top:.2rem;padding-top:.25rem;border-top:1px solid var(--border);color:var(--text-muted)}.chart-tooltip__winner{margin:.35rem 0 0;font-size:.85rem;font-weight:700;color:currentColor}.chart{margin:0;display:flex;flex-direction:column;gap:.5rem}.chart__caption{font-size:.95rem;font-weight:600;color:var(--text-muted)}.chart__plot{position:relative}.chart__hit-area{fill:transparent;cursor:pointer}.chart__hit-area:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chart__svg{width:100%;height:auto;max-height:60vh}.chart__bar{transition:fill .12s linear,opacity .12s linear}.chart__bar--benzin{fill:var(--benzin)}.chart__bar--strom{fill:var(--strom)}.chart__bar--benzin.chart__bar--fix{fill:var(--benzin-soft)}.chart__bar--strom.chart__bar--fix{fill:var(--strom-soft)}.chart__bar--muted{opacity:.38}.chart__marker-band{fill:var(--marker-band)}.chart__gridline{stroke:var(--border);stroke-width:1}.chart__axis{stroke:var(--text-muted);stroke-width:1.5}.chart__y-label,.chart__x-label,.chart__axis-title{font-size:15px;fill:var(--text-muted);font-variant-numeric:tabular-nums}.chart__x-label--marked{font-weight:700;fill:var(--text-strong)}.chart__marker-label text{font-size:15px;fill:var(--text-muted)}.chart__marker-value{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.chart__marker-value.series-benzin{fill:var(--benzin)}.chart__marker-value.series-strom{fill:var(--strom)}.chart__legend{display:flex;gap:1.25rem;margin:0;padding:0;list-style:none;font-size:.9rem;font-weight:600}.chart__legend li:before{content:"";display:inline-block;width:.75rem;height:.75rem;margin-right:.4rem;border-radius:.2rem;background:currentColor}.chart__empty{margin:0;padding:2.5rem 1rem;text-align:center;color:var(--text-muted);background:var(--surface-raised);border-radius:.6rem}.conclusion{padding:1rem 1.1rem;background:var(--surface-raised);border-radius:.7rem;border-left:4px solid var(--accent)}.conclusion__heading{margin:0 0 .4rem;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.conclusion__text,.conclusion__break-even{margin:0;font-size:.98rem;line-height:1.55;color:var(--text)}.conclusion__break-even{margin-top:.5rem;font-weight:600;color:var(--text-strong)}.conclusion--empty{color:var(--text-muted)}.input-row{display:flex;flex-direction:column;gap:.4rem}.input-row__label{font-size:.95rem;font-weight:600;color:var(--text-strong)}.input-row__controls{display:flex;align-items:center;gap:.75rem}.input-row__slider{flex:1 1 auto;min-width:0;accent-color:var(--accent);height:1.75rem}.input-row__field{display:inline-flex;align-items:baseline;gap:.35rem;flex:0 0 auto}.input-row__number{width:6.5rem;padding:.45rem .55rem;font:inherit;font-variant-numeric:tabular-nums;text-align:right;color:var(--text-strong);background:var(--surface-input);border:1px solid var(--border);border-radius:.5rem}.input-row__number:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.input-row__unit{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.summary{display:flex;flex-direction:column;gap:1rem}.summary__verdict{margin:0;font-size:clamp(1.15rem,1rem + 1vw,1.6rem);font-weight:700;line-height:1.3;color:var(--text-strong)}.summary__figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0}.summary__figure{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem;background:var(--surface-raised);border-left:4px solid currentColor;border-radius:.6rem}.summary__figure dt{font-size:.85rem;font-weight:600;color:var(--text-muted)}.summary__figure dd{margin:0}.summary__amount{font-size:clamp(1.25rem,1rem + 1.5vw,1.75rem);font-weight:700;font-variant-numeric:tabular-nums;color:currentColor}.summary__per-km{font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.tco{border:1px solid var(--border);border-radius:.75rem;background:var(--surface-raised);overflow:hidden}.tco__summary{padding:.85rem 1rem;font-weight:600;color:var(--text-strong);cursor:pointer;list-style:none}.tco__summary::-webkit-details-marker{display:none}.tco__summary:before{content:"▸";display:inline-block;width:1.1rem;color:var(--text-muted);transition:transform .12s ease}.tco[open] .tco__summary:before{transform:rotate(90deg)}.tco__body{display:flex;flex-direction:column;gap:1rem;padding:1rem 1rem 1.1rem;border-top:1px solid var(--border)}.tco__description{margin:0;font-size:.9rem;color:var(--text-muted)}.tco__hint{margin:0;padding:.6rem .75rem;font-size:.85rem;color:var(--warning-text);background:var(--warning-surface);border-radius:.5rem}.tco__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tco__column{display:flex;flex-direction:column;gap:.8rem;margin:0;padding:.85rem;border:1px solid var(--border);border-radius:.6rem}.tco__legend{padding:0 .4rem;font-size:.85rem;font-weight:700;color:var(--text-muted)}.content{display:flex;flex-direction:column;gap:1.25rem}.content__section{padding:1.25rem;background:var(--surface);border-radius:.9rem;box-shadow:var(--shadow)}.content__heading{margin:0 0 .9rem;font-size:1.15rem;color:var(--text-strong)}.content__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:0;padding:0;list-style:none;counter-reset:step}.content__step{counter-increment:step}.content__step-title{margin:0 0 .25rem;font-size:.98rem;color:var(--text-strong)}.content__step-title:before{content:counter(step) ". ";color:var(--accent);font-weight:700}.content__step-text,.content__prose{margin:0;max-width:68ch;color:var(--text)}.content__faq{display:flex;flex-direction:column;gap:1rem;margin:0}.content__faq-question{font-weight:700;color:var(--text-strong)}.content__faq-answer{margin:.2rem 0 0;max-width:68ch;color:var(--text)}.app{max-width:1240px;margin:0 auto;padding:1.25rem 1rem 3rem}.app__header{margin-bottom:1.5rem}.app__title{margin:0;font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);color:var(--text-strong)}.app__subtitle{margin:.35rem 0 0;color:var(--text-muted)}.app__main{display:flex;flex-direction:column;gap:1.25rem}.app__calculator{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}.app__panel{padding:1.25rem;background:var(--surface);border-radius:.9rem;box-shadow:var(--shadow)}.app__panel-title{margin:0 0 1rem;font-size:1rem;color:var(--text-muted)}.app__inputs{display:flex;flex-direction:column;gap:1.25rem}.app__input-list{display:flex;flex-direction:column;gap:1rem}.app__group{display:flex;flex-direction:column;gap:1.1rem;margin:0;padding:0;border:0}fieldset.app__group{padding:.9rem .95rem 1rem;border:1px solid var(--border);border-left:3px solid currentColor;border-radius:.6rem;background:var(--surface-raised)}.app__group-title{padding:0 .4rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:currentColor}.app__results{display:flex;flex-direction:column;gap:1.25rem}.app__share{display:flex;align-items:center;gap:.75rem}.app__share-button{padding:.55rem 1rem;font:inherit;font-weight:600;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:.5rem;cursor:pointer}.app__share-button:hover{background:var(--marker-band)}.app__share-status{font-size:.9rem;color:var(--text-muted)}@media (min-width: 768px){.app__calculator{grid-template-columns:minmax(300px,400px) minmax(0,1fr)}.app__results{position:sticky;top:1.25rem}}:root{color-scheme:light;--bg: #f4f6f8;--surface: #ffffff;--surface-raised: #f8fafc;--surface-input: #ffffff;--border: #d6dce3;--text-strong: #10202e;--text: #22323f;--text-muted: #5d6e7c;--accent: #1f6feb;--benzin: #d2691e;--benzin-soft: #f0c49a;--strom: #157f4a;--strom-soft: #a4d7bd;--marker-band: rgba(31, 111, 235, .08);--warning-surface: #fff4e0;--warning-text: #7a4c00;--shadow: 0 1px 2px rgba(16, 32, 46, .06), 0 8px 24px rgba(16, 32, 46, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.series-benzin{color:var(--benzin)}.series-strom{color:var(--strom)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg: #0f1720;--surface: #16212c;--surface-raised: #1b2836;--surface-input: #111b24;--border: #2c3b4b;--text-strong: #f2f6fa;--text: #d7e0e8;--text-muted: #96a7b6;--accent: #5a9bff;--benzin: #f0a15a;--benzin-soft: #7d5733;--strom: #4fc98a;--strom-soft: #2c614a;--marker-band: rgba(90, 155, 255, .12);--warning-surface: #3a2f14;--warning-text: #f3d8a0;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px rgba(0, 0, 0, .35)}}