@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-variable.woff2)format("woff2-variations");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Work Sans;src:url(/fonts/work-sans-variable.woff2)format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap}:root{--bg:#f8f0e1;--bg-dark:#20190f;--text:#241e15;--text-dark:#f3ead6;--karte:#f1e7d2;--karte-dark:#2b2216;--ink-halo:#20190f;--primary:#237a4e;--primary-on:#fff;--primary-text:#175738;--primary-text-dark:#34b273;--sekundaer:#c1602e;--sekundaer-fill:#a94f26;--v-0-30:#268254;--v-30-50:#4d7e2a;--v-50-100:#af831d;--v-100-130:#c1631f;--v-130-180:#ba482c;--v-180-plus:#c23866;--radius-card:20px;--radius-button:999px;--schatten:0 1px 2px #20190f1a, 0 14px 32px -8px #20190f38;--schatten-innen-licht:inset 0 1px 0 #ffffff73;--glow-morgen:radial-gradient(120% 90% at 18% -10%, #ffd69e8c, transparent 60%);--trenner-stil:dashed;--koernung:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='90'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");--font-display:"Bricolage Grotesque", "Arial Black", sans-serif;--font-text:"Work Sans", "Segoe UI", sans-serif;--fs-hero:clamp(2.4rem, 9vw, 3.2rem);--fs-display:1.5rem;--fs-title:1.125rem;--fs-body:1rem;--fs-label:.8125rem;--fs-caption:.6875rem;--tracking-label:.06em;--oberflaeche:var(--bg);--oberflaeche-karte:var(--karte);--oberflaeche-text:var(--text);--oberflaeche-primaertext:var(--primary-text);--rand:#241e1521;--fokus-ring:0 0 0 3px #237a4e59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root[data-theme=dark],:root:not([data-theme=light]){--oberflaeche:var(--bg-dark);--oberflaeche-karte:var(--karte-dark);--oberflaeche-text:var(--text-dark);--oberflaeche-primaertext:var(--primary-text-dark);--rand:#f3ead624;--schatten-innen-licht:inset 0 1px 0 #ffffff0f;--glow-morgen:radial-gradient(120% 90% at 18% -10%, #ffb4781a, transparent 60%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--oberflaeche:var(--bg-dark);--oberflaeche-karte:var(--karte-dark);--oberflaeche-text:var(--text-dark);--oberflaeche-primaertext:var(--primary-text-dark);--rand:#f3ead624;--schatten-innen-licht:inset 0 1px 0 #ffffff0f;--glow-morgen:radial-gradient(120% 90% at 18% -10%, #ffb4781a, transparent 60%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--oberflaeche:var(--bg);--oberflaeche-karte:var(--karte);--oberflaeche-text:var(--text);--oberflaeche-primaertext:var(--primary-text);--rand:#241e1521;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--oberflaeche);color:var(--oberflaeche-text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,.zahl-gross{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700}.zahl-gross{font-size:var(--fs-hero);font-variation-settings:"opsz" 80, "wght" 700;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;line-height:1.02}h1{font-size:var(--fs-display);font-variation-settings:"opsz" 32,"wght" 700}h2{font-size:var(--fs-title);font-variation-settings:"opsz" 20,"wght" 700}.label-ruhig{font-family:var(--font-text);font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;opacity:.62;font-weight:600}.caption{font-size:var(--fs-caption);opacity:.55}img{max-width:100%;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.phone{background:var(--oberflaeche);background-image:var(--glow-morgen);background-repeat:no-repeat;max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:96px;position:relative}.phone.desktop{max-width:1240px;padding-bottom:32px}.app-shell{background:var(--oberflaeche);min-height:100dvh;padding-top:env(safe-area-inset-top)}.app-shell.mit-tabbar{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.screen{max-width:430px;margin:0 auto;position:relative}.screen.desktop{max-width:1240px}.screen-kopf{align-items:center;gap:12px;padding:16px 12px;display:flex}.screen-titel{flex:1;font-size:20px}.btn{border-radius:var(--radius-button);min-height:48px;font-family:var(--font-text);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s cubic-bezier(.34,1.24,.64,1),box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{box-shadow:var(--fokus-ring);outline:none}.btn-primary{background:var(--primary);color:var(--primary-on);box-shadow:var(--schatten)}.btn-primary:active{transform:scale(.97)}.btn-primary[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-secondary{color:var(--oberflaeche-primaertext);border:1.5px solid var(--rand);background:0 0}.btn-ghost{color:var(--oberflaeche-text);background:0 0;min-height:44px;padding:8px 4px;text-decoration:underline}.btn-danger{color:#b23a3a;background:0 0;border:1.5px solid #b23a3a59}.btn-block{width:100%}.btn-primary:after{content:"";background:#ffffff8c;border-radius:50%;width:8px;height:8px;transition:box-shadow .1s;position:absolute;top:6px;left:18px;box-shadow:0 0 #fff0}.btn-primary:active:after{animation:.5s ease-out katzenauge-blitz}@keyframes katzenauge-blitz{0%{box-shadow:0 0 #ffffffa6}40%{box-shadow:0 0 0 14px #fff0}to{box-shadow:0 0 0 14px #fff0}}.karte{background:var(--oberflaeche-karte);border-radius:var(--radius-card);box-shadow:var(--schatten), var(--schatten-innen-licht);border:1px solid var(--rand);isolation:isolate;padding:20px;position:relative;overflow:hidden}.karte:before{content:"";background-image:var(--koernung);opacity:.5;mix-blend-mode:multiply;pointer-events:none;z-index:-1;position:absolute;inset:0}.karte+.karte{margin-top:16px}.karte-flach{box-shadow:none;border:1px solid var(--rand);background:0 0}.karte-flach:before{content:none}.karte-tap{cursor:pointer;transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s}.karte-tap:active{transform:scale(.97)translateY(1px)}.karte-tap:hover{box-shadow:0 2px 4px #20190f1f,0 18px 36px -8px #20190f42}.chip{border-radius:var(--radius-button);background:var(--oberflaeche-karte);border:1px solid var(--rand);min-height:44px;color:var(--oberflaeche-text);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.chip[aria-selected=true]{background:var(--primary);color:var(--primary-on);border-color:var(--primary)}.chip-reihe{scrollbar-width:none;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.chip-reihe::-webkit-scrollbar{display:none}.tempo-legende{flex-wrap:wrap;gap:8px;display:flex}.tempo-chip{color:var(--ink-halo);background:color-mix(in srgb, var(--v-color) 88%, white 0%);border:2px solid var(--ink-halo);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.tempo-chip.c0{--v-color:var(--v-0-30)}.tempo-chip.c1{--v-color:var(--v-30-50)}.tempo-chip.c2{--v-color:var(--v-50-100)}.tempo-chip.c3{--v-color:var(--v-100-130)}.tempo-chip.c4{--v-color:var(--v-130-180)}.tempo-chip.c5{--v-color:var(--v-180-plus)}.tempo-chip:before{content:"";background:var(--v-color);border-radius:50%;width:10px;height:10px}.sheet-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14100a85;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--oberflaeche-karte);width:100%;max-width:430px;padding:12px 20px calc(28px + env(safe-area-inset-bottom));isolation:isolate;border-radius:24px 24px 0 0;position:relative;box-shadow:0 -14px 36px #14100a42}.sheet:before{content:"";border-radius:inherit;background-image:var(--koernung);opacity:.5;mix-blend-mode:multiply;pointer-events:none;z-index:-1;position:absolute;inset:0}.sheet-griff{background:var(--rand);border-radius:999px;width:40px;height:5px;margin:0 auto 16px}.tab-bar{background:var(--oberflaeche-karte);border-top:1px solid var(--rand);width:100%;max-width:430px;padding:10px 4px calc(10px + env(safe-area-inset-bottom));z-index:40;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-indikator{width:20%;height:calc(100% - 6px);transform:translateX(calc(var(--tab-index,0) * 100%));pointer-events:none;z-index:0;transition:transform .38s cubic-bezier(.22,1.42,.36,1);position:absolute;top:6px;left:0}.tab-indikator:after{content:"";background:var(--primary);border-radius:999px;width:40px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tab-item{min-width:56px;min-height:44px;color:var(--oberflaeche-text);opacity:.55;z-index:1;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:inherit;font-size:11px;font-weight:600;text-decoration:none;transition:opacity .2s,color .2s;display:flex;position:relative}.tab-item[aria-current=page]{opacity:1;color:var(--oberflaeche-primaertext)}.tab-bar.gesperrt .tab-item{opacity:.28;pointer-events:none}.tab-item .ikon{stroke:currentColor;fill:none;stroke-width:1.75px;width:22px;height:22px}.tab-item.tab-aufzeichnen .ikon-kreis{background:var(--primary);width:44px;height:44px;color:var(--primary-on);box-shadow:var(--schatten);border-radius:50%;justify-content:center;align-items:center;margin-top:-22px;display:flex}.tab-item.tab-aufzeichnen[aria-current=page] .ikon-kreis{background:var(--sekundaer-fill)}.fahrbahn-trenner{width:100%;height:6px;margin:16px 0;position:relative}.fahrbahn-trenner:before,.fahrbahn-trenner:after{content:"";border-radius:2px;height:3px;position:absolute;left:0;right:0}.fahrbahn-trenner:before{background-image:repeating-linear-gradient(90deg, var(--sekundaer) 0 18px, transparent 18px 32px);background-size:32px 3px;animation:1.1s linear infinite fahrbahn-dash;top:0}.fahrbahn-trenner:after{opacity:.45;background-image:repeating-linear-gradient(90deg, var(--rand) 0 6px, transparent 6px 14px);background-size:14px 3px;animation:1.6s linear infinite fahrbahn-dash;bottom:0}@keyframes fahrbahn-dash{0%{background-position-x:0}to{background-position-x:-64px}}.ladebalken{background:var(--rand);border-radius:999px;height:6px;position:relative;overflow:hidden}.ladebalken:after{content:"";background-image:repeating-linear-gradient(90deg, var(--primary) 0 14px, transparent 14px 24px);animation:.9s linear infinite fahrbahn-dash;position:absolute;inset:0}a,button,input,select,.tap{min-height:44px}input,select{border:1.5px solid var(--rand);background:var(--oberflaeche);width:100%;min-height:48px;color:var(--oberflaeche-text);font-family:var(--font-text);border-radius:14px;padding:12px 16px;font-size:16px}input:focus-visible,select:focus-visible{box-shadow:var(--fokus-ring);border-color:var(--primary);outline:none}.map-slot{aspect-ratio:4/3;border-radius:var(--radius-card);background:var(--oberflaeche-karte);background-image:var(--glow-morgen);color:var(--oberflaeche-text);opacity:.85;justify-content:center;align-items:center;font-size:13px;display:flex;position:relative;overflow:hidden}.map-slot .ikon-leer{stroke:currentColor;fill:none;stroke-width:1.5px;opacity:.55;width:40px;height:40px}.ikon{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px}.ikon-sm{width:18px;height:18px}.ikon-lg{width:32px;height:32px}.leerer-zustand{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.leerer-zustand img{opacity:.92;width:180px;height:auto}.abzeichen-highlight{background:var(--sekundaer-fill);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.toggle{cursor:pointer;background:0 0;border:none;flex:none;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.toggle-spur{background:var(--rand);border-radius:999px;width:44px;height:26px;transition:background .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.toggle[aria-checked=true] .toggle-spur{background:var(--primary)}.toggle-kugel{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 2px #00000040}.toggle[aria-checked=true] .toggle-kugel{left:21px}@media (width<=900px){.cursor-dot,.cursor-ring{display:none}}@media (width<=480px){.phone,.screen{padding-left:0;padding-right:0}.karte{border-radius:16px;padding:16px}}#root{min-height:100dvh}.zaehlwerk{text-align:center;margin:16px 20px;padding:26px}.zaehlwerk .label{opacity:.7;margin-top:4px}.rekord-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px;display:grid}.rekord{background:var(--oberflaeche-karte);border:1px solid var(--rand);border-radius:16px;padding:14px}.rekord .wert{font-family:var(--font-display);font-size:19px;font-weight:700}.rekord .label{opacity:.7;margin-top:2px;font-size:12px}.privat-label{background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--oberflaeche-primaertext);border-radius:999px;align-items:center;gap:4px;margin-top:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.privat-label .ikon{stroke-width:2px;width:11px;height:11px}.rekorde-abschnitt{padding:20px}.bar-chart{align-items:flex-end;gap:12px;height:100px;display:flex}.bar-chart .balken{background:var(--primary);border-radius:6px 6px 0 0;flex:1;min-height:2px}.bar-labels{gap:12px;margin-top:6px;display:flex}.bar-labels span{text-align:center;opacity:.6;flex:1;font-size:11px}.hinweis-kachel{opacity:.75;background:var(--oberflaeche-karte);border:1px solid var(--rand);border-radius:14px;margin:0 20px 32px;padding:14px;font-size:13px}.zeitraum-umschalter{background:var(--oberflaeche-karte);border-radius:999px;gap:6px;margin:0 20px 8px;padding:4px;display:flex}.zeitraum-umschalter button{min-height:44px;color:var(--oberflaeche-text);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;font-size:13px;font-weight:600}.zeitraum-umschalter button[aria-selected=true]{background:var(--primary);color:var(--primary-on)}.walze{font-family:var(--font-display);align-items:baseline;font-size:34px;font-weight:800;display:inline-flex}.walze-ziffer{vertical-align:baseline;width:.62em;height:1em;display:inline-block;position:relative;overflow:hidden}.walze-spalte{flex-direction:column;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex}.walze-spalte span{text-align:center;height:1em;line-height:1em}.walze-zeichen{text-align:center;width:.35em;display:inline-block}.walze-suffix{opacity:.7;font-size:.5em;font-family:var(--font-text);margin-left:6px;font-weight:600}.abschnitt{padding:8px 20px 20px}.abschnitt h2{margin-bottom:8px;font-size:15px}.import-hinweis{opacity:.7;margin-bottom:10px;font-size:13px}