:root{--bg: oklch(1 0 0);--surface: oklch(.972 .007 160);--border: oklch(.62 .014 160);--ink: oklch(.205 .02 160);--ink-muted: oklch(.443 .022 160);--primary: oklch(.395 .075 158);--primary-hover: oklch(.34 .08 158);--primary-soft: oklch(.942 .035 158);--primary-ink: oklch(.33 .065 158);--primary-on: oklch(1 0 0);--accent: oklch(.585 .165 47);--accent-soft: oklch(.948 .055 55);--accent-ink: oklch(.43 .145 47);--danger: oklch(.48 .18 25);--danger-soft: oklch(.95 .045 25);--danger-ink: oklch(.42 .15 25);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.3rem;--text-xl: 1.625rem;--touch: 48px;--fleck: 42px;--border-width: 2px;--radius: 10px;--radius-lg: 14px;--radius-pill: 999px;--nav-height: 62px;--z-sticky: 100;--z-overlay: 200;--z-toast: 300}:root[data-nav-icons=aus]{--nav-height: var(--touch)}html{font-size:17px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}body{margin:0;background:var(--surface);color:var(--ink)}#root{display:flex;flex-direction:column;min-height:100dvh}main{display:flex;flex-direction:column;flex:1}h1[tabindex="-1"]:focus{outline:none}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);line-height:1.25;text-wrap:balance}h1{font-size:var(--text-xl);font-weight:650;margin-bottom:var(--space-5)}h2{font-size:var(--text-lg);font-weight:620}h3,h4{font-size:var(--text-md);font-weight:620}h5,h6{font-size:var(--text-sm);font-weight:620}*+:is(h2,h3,h4,h5,h6){margin-top:var(--space-5)}p{margin:0 0 var(--space-4);text-wrap:pretty;max-width:65ch}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a,button,input,select,textarea,[role=button]{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);border:none;border-radius:var(--radius);font-family:inherit;font-size:var(--text-md);font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .2s ease-out,transform .2s ease-out}.btn:not(:disabled,[aria-disabled=true]):active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-on)}.btn-primary:not(:disabled,[aria-disabled=true]):hover,.btn-primary:not(:disabled,[aria-disabled=true]):active{background:var(--primary-hover)}.btn-secondary{background:transparent;border:var(--border-width) solid var(--border);color:var(--primary);padding:0 calc(var(--space-4) - var(--border-width))}.btn-secondary:not(:disabled,[aria-disabled=true]):hover,.btn-secondary:not(:disabled,[aria-disabled=true]):active{background:var(--primary-soft)}.btn-quiet{background:transparent;color:var(--primary)}.btn-quiet:not(:disabled,[aria-disabled=true]):hover,.btn-quiet:not(:disabled,[aria-disabled=true]):active{background:var(--primary-soft)}.btn-danger{background:var(--danger);color:var(--primary-on)}.btn-danger:not(:disabled,[aria-disabled=true]):hover{filter:brightness(.9)}.btn-danger:not(:disabled,[aria-disabled=true]):active{filter:brightness(.82)}.btn-block{width:100%}.btn-block+.btn-block{margin-top:var(--space-2)}.btn-grow{flex:1}.btn:has(+input.visually-hidden:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.field{display:flex;flex-direction:column;margin-bottom:var(--space-4)}.field label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:550}.field input,.field textarea,.field select{box-sizing:border-box;width:100%;min-height:var(--touch);padding:0 var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:var(--text-md);color:var(--ink);background:var(--bg);transition:border-color .2s ease-out}.field textarea{padding:var(--space-3)}.field input:not(:disabled):hover,.field textarea:not(:disabled):hover,.field select:not(:disabled):hover{border-color:var(--ink-muted)}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible,.field input:active,.field textarea:active,.field select:active{border-color:var(--primary)}.field input:disabled,.field textarea:disabled,.field select:disabled{background:var(--surface);color:var(--ink-muted);cursor:not-allowed;opacity:.7}.field[data-invalid] input{border-color:var(--danger)}.fieldset{border:none;margin:0 0 var(--space-4);padding:0}.block{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.block legend{padding:0 var(--space-2)}.fieldset legend{padding:0;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:550}.fieldset[data-invalid]{border-left:var(--border-width) solid var(--danger);padding-left:var(--space-3)}.check-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch);padding:var(--space-2) 0;cursor:pointer}.check-row input[type=checkbox]{width:24px;height:24px;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.field-error{margin-top:var(--space-1);color:var(--danger-ink);font-size:var(--text-sm)}.list{list-style:none;margin:0;padding:0;border:none}.list-item{box-sizing:border-box;display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch);padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--border);color:inherit;text-decoration:none;background:transparent;width:100%;text-align:left;font:inherit;cursor:pointer;transition:background-color .2s ease-out}.list>.list-item:last-child,.list>li:last-child>.list-item{border-bottom:none}.list-item:not(:disabled,[aria-disabled=true]):hover,.list-item:not(:disabled,[aria-disabled=true]):active{background:var(--surface)}.list-item:disabled,.list-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.list-item-still,.list-item-still:hover,.list-item-still:active{cursor:default;background:transparent}.karte-rahmen{margin-bottom:var(--space-4)}.karte-schalter{margin-bottom:var(--space-2)}.karte .maplibregl-ctrl-group{display:flex;flex-direction:column;gap:var(--space-2);background:none;box-shadow:none;border-radius:0}.karte .maplibregl-ctrl-group button{box-sizing:border-box;width:var(--touch);height:var(--touch);border:var(--border-width) solid var(--border);border-radius:var(--radius);background-color:var(--bg)}.karte .maplibregl-ctrl-group button+button{border-top:var(--border-width) solid var(--border)}.bilder{list-style:none;margin:0 0 var(--space-4);padding:0}.bild{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.bild img{width:120px;height:120px;object-fit:cover;border-radius:var(--radius);background:var(--surface);flex-shrink:0}.bild-text{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.karte-schild{display:flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);border-radius:var(--radius);border:var(--border-width) solid var(--bg);background:var(--primary);color:var(--primary-on);font-size:var(--text-md);font-weight:650}.karte-schild-achtung{background:var(--accent-ink)}.karte{height:320px;width:100%;border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden}.karte-vermerk{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--ink-muted)}.karte-vermerk a{color:var(--ink)}.notice{border-radius:var(--radius);padding:var(--space-3);border:1px solid var(--border);background:var(--surface);color:var(--ink)}.notice-attention{border-color:transparent;background:var(--accent-soft);color:var(--accent-ink)}.notice-error{border-color:transparent;background:var(--danger-soft);color:var(--danger-ink)}.app-footer{position:sticky;bottom:calc(var(--nav-height) + 1px + env(safe-area-inset-bottom));z-index:var(--z-sticky);margin-top:auto;background:var(--bg);border-top:1px solid var(--border)}.app-nav{position:sticky;bottom:0;z-index:var(--z-sticky);margin-top:auto;display:flex;background:var(--bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.app-footer+.app-nav{margin-top:0}.form-page{display:flex;flex-direction:column;flex:1}.app-nav a{box-sizing:border-box;flex:1;min-height:var(--nav-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1) var(--space-1);color:var(--ink-muted);text-decoration:none;font-size:var(--text-sm);font-weight:550;box-shadow:inset 0 3px 0 transparent;transition:background-color .2s ease-out,box-shadow .2s ease-out}.app-nav a[aria-current=page]{color:var(--primary);font-weight:650;box-shadow:inset 0 3px 0 var(--primary)}.app-nav a:hover,.app-nav a:active{background:var(--surface)}.page{padding:var(--space-4)}.banner{padding:var(--space-4) var(--space-4) 0}.page-centered{box-sizing:border-box;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-narrow{width:100%;max-width:420px}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-between{justify-content:space-between}.stack-tight{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.field-flush{margin-bottom:0}.list-item-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.list-item-aside{margin-left:auto;flex-shrink:0}.nachricht-text{white-space:pre-wrap;overflow-wrap:anywhere}.list-item-secondary{color:var(--ink-muted);font-size:var(--text-sm)}.data-list{margin:0}.strom{list-style:none;margin:0;padding:0}.strom-datum{display:flex;align-items:center;gap:var(--space-3);margin:0;padding:var(--space-2) 0 var(--space-1);font-size:var(--text-sm);font-weight:650;color:var(--ink-muted);max-width:none}.strom-datum:before,.strom-datum:after{content:"";flex:1;height:1px;background:var(--border)}.strom .list{display:flex;flex-direction:column;gap:var(--space-1)}.strom .list-item{border-bottom:none;padding:var(--space-1) 0}.strom .list-item-text{text-align:center}.strom .list-item-text .row{justify-content:center}.strom-uhr{font-size:var(--text-sm);color:var(--ink-muted)}.blase{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-1);max-width:85%;margin-inline:auto;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);text-align:center}.blase-eigene{background:var(--primary-soft);border-color:transparent}.blase-wartend{background:var(--bg);border-color:var(--accent)}.blase-fuss{font-size:var(--text-sm);color:var(--ink-muted)}.blase .row{justify-content:center}.blase .field-error{text-align:center}.sprungleiste{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-4) 0}.sprungleiste button{min-width:var(--touch);min-height:var(--touch);border:none;background:none;font:inherit;font-weight:600;color:var(--primary);border-radius:var(--radius);cursor:pointer}.sprungleiste button:hover,.sprungleiste button:active{background:var(--primary-soft)}button.list-item{width:100%;text-align:left;background:none;border:none;font:inherit;color:inherit;cursor:pointer}.data-link{display:inline-flex;align-items:center;min-height:var(--touch);margin:calc((1lh - var(--touch)) / 2) 0;color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;border-radius:var(--radius)}.data-link:hover,.data-link:active{background:var(--primary-soft)}.data-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.data-row:last-child{border-bottom:none}.data-row dt{color:var(--ink-muted);font-size:var(--text-sm);margin-bottom:var(--space-1)}.data-row dd{margin:0}.heading-lg{font-size:var(--text-lg);font-weight:620;margin-bottom:var(--space-3)}.tages-kopf{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;margin:0;padding:var(--space-4) var(--space-4) var(--space-2);background:var(--surface);color:var(--ink-muted);font-size:var(--text-sm);font-weight:650;letter-spacing:.06em;text-transform:uppercase}.panel-flush{margin-inline:0}.adresse{font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;font-size:var(--text-sm);overflow-wrap:anywhere;padding:var(--space-3);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);max-width:none}.empty-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--ink-muted);margin-inline:auto}.skeleton{border-radius:var(--radius);background:var(--primary-soft);animation:skeleton-pulse 1.6s ease-in-out infinite}.skeleton-line{height:var(--text-md);margin-bottom:var(--space-3)}.skeleton-line:last-child{margin-bottom:0}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.monat-raster{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);padding:var(--space-3) var(--space-4)}.monat-kopf{text-align:center;font-size:var(--text-sm);color:var(--ink-muted);padding-bottom:var(--space-1)}.monat-tag{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch);padding:var(--space-1);border:var(--border-width) solid transparent;border-radius:var(--radius);background:var(--bg);color:var(--ink);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color .2s ease-out}.monat-tag:not(:disabled):hover,.monat-tag:not(:disabled):active{background:var(--primary-soft)}.monat-tag:focus-visible{outline:var(--border-width) solid var(--primary);outline-offset:2px}.monat-tag-fremd{background:transparent;color:var(--ink-muted)}.monat-tag[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);font-weight:600}.monat-tag-heute{border-color:var(--ink-muted)}.monat-tag-zahl{display:inline-block;min-width:20px;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-on);font-size:var(--text-sm);line-height:20px}.app-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-top:calc(var(--space-2) + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border)}.app-bar-slot{box-sizing:border-box;width:var(--touch);height:var(--touch);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-pill);padding:0;background:var(--primary-soft);color:var(--primary);font:inherit;cursor:pointer;text-decoration:none;transition:background-color .2s ease-out,color .2s ease-out}.app-bar-slot:hover,.app-bar-slot:active{background:var(--primary);color:var(--primary-on)}.app-bar-slot-bild img{width:100%;height:100%;border-radius:var(--radius-pill)}.app-bar-slot-bild:hover,.app-bar-slot-bild:active{background:var(--primary-soft);box-shadow:0 0 0 var(--border-width) var(--primary)}.marke-bild img{width:100%;height:100%;border-radius:var(--radius-pill)}.app-bar-slot-still{background:transparent;cursor:default}.app-bar-title{flex:1;min-width:0;margin:0;text-align:center;font-size:var(--text-lg);font-weight:650;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titel-block{margin:var(--space-4) var(--space-3) 0;padding:var(--space-3) var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.seiten-titel{margin:0;font-size:var(--text-xl);font-weight:650;line-height:1.25}.seiten-untertitel{margin:var(--space-1) 0 0;color:var(--ink-muted);font-size:var(--text-sm);max-width:none}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--touch);height:var(--touch);border-radius:var(--radius-pill);overflow:hidden;background:var(--primary-soft);color:var(--primary-ink);font-size:var(--text-lg);font-weight:650}.avatar:hover,.avatar:active{background:var(--primary);color:var(--primary-on)}.avatar img{width:100%;height:100%;object-fit:cover}.panel{margin:0 var(--space-3) var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel-body{padding:var(--space-4)}main>.panel:first-child{margin-top:var(--space-4)}.group{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-5) var(--space-4) var(--space-2);color:var(--ink-muted);font-size:var(--text-sm);font-weight:650;letter-spacing:.06em;text-transform:uppercase}.group-count{color:var(--ink)}.gruppe-schalter{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch);margin:calc(var(--space-5) * -1) calc(var(--space-4) * -1) calc(var(--space-2) * -1);padding:var(--space-5) var(--space-4) var(--space-2);border:none;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer}.gruppe-schalter:not(:disabled):hover,.gruppe-schalter:not(:disabled):active{color:var(--ink)}.gruppe-schalter-titel{flex-shrink:0}.gruppe-schalter-stand{margin-left:auto;color:var(--ink-muted);font-weight:500;letter-spacing:0;text-transform:none;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.gruppe-schalter-stand+.gruppe-schalter-pfeil,.gruppe-schalter-pfeil{margin-left:auto;display:flex;transition:transform .2s ease-out}.gruppe-schalter-stand+.gruppe-schalter-pfeil{margin-left:0}.gruppe-schalter-pfeil.offen{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.gruppe-schalter-pfeil{transition:none}}.stand-zeichen{width:10px;height:10px;border-radius:3px;flex-shrink:0;background:var(--primary);margin-top:7px}.stand-zeichen-achtung{background:var(--accent)}.stand-zeichen-still{background:var(--border)}.list-item:has(>.stand-zeichen){align-items:flex-start}.stand-wort{font-weight:620;color:var(--primary)}.stand-wort-achtung{font-weight:620;color:var(--accent-ink)}.stand-wort-fehler{font-weight:620;color:var(--danger-ink)}.stand-wort-still{font-weight:550;color:var(--ink-muted)}.klapp-titel{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.klapp-titel.offen{display:block}.fleck{width:var(--fleck);height:var(--fleck);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--primary-soft);color:var(--primary-ink)}.fleck-attention{background:var(--accent-soft);color:var(--accent-ink)}.chevron{color:var(--ink-muted);flex-shrink:0}.icon{display:block}.app-bar-tools{padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.avatar-gross{width:var(--space-8);height:var(--space-8);font-size:var(--text-xl)}.panel-body>:last-child{margin-bottom:0}.marke{width:var(--touch);height:var(--touch);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary)}.karte-laedt{border-color:transparent}@keyframes eintritt{0%{opacity:0;transform:translateY(-8px)}}.eintritt{animation:eintritt .2s ease-out}@keyframes wechsel{0%{opacity:0;transform:scale(.9)}}.wechsel{animation:wechsel .2s ease-out}.banner-huelle{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s ease-out,visibility .2s}.banner-huelle[data-offen]{grid-template-rows:1fr;visibility:visible}.banner-klappe{overflow:hidden;min-height:0}