@font-face{font-family:DM Sans;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #0a0a0a;--bg2: #141414;--bg3: #1c1c1c;--border: #2a2a2a;--border-input: #3a3a3a;--text: #ffffff;--text2: #a0a0a0;--text3: #8f8f8f;--accent: #ee4f00;--accent-2: #ff7a33;--accent-dim: rgba(238, 79, 0, .15);--green: #4ade80;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--font: "DM Sans", sans-serif;--font-mono: "DM Sans", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--nav-height: 58px}html{height:100%;width:100%}body{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%;width:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:var(--safe-top);padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.screen-inner{max-width:480px;margin:0 auto;padding:24px 20px}.screen-auth{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.screen-auth-inner{max-width:480px;margin:0 auto;padding:48px 24px 40px;width:100%;flex:1;display:flex;flex-direction:column}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;border-radius:var(--radius);border:none;font-family:var(--font);font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .15s,transform .1s;text-decoration:none}.btn:active{transform:scale(.98);opacity:.85}.btn-primary{background:linear-gradient(135deg,#ff6a1f 0%,var(--accent) 60%,#d94600 100%);color:#fff;box-shadow:0 8px 24px -8px #ee4f008c,0 0 0 1px #ffffff0f inset;letter-spacing:.01em}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--text2)}.btn:disabled{opacity:.4;cursor:not-allowed}.input{width:100%;background:var(--bg3);border:1px solid var(--border-input);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text);font-family:var(--font);font-size:1rem;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text3)}.card{background:linear-gradient(180deg,#ffffff06,#fff0 42%),linear-gradient(180deg,#161616,#121212);border:1px solid #242424;border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px #ffffff0d inset,0 12px 32px -22px #000000e6}.msg-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#f87171;border-radius:var(--radius-sm);padding:12px 16px;font-size:.9375rem}.msg-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80;border-radius:var(--radius-sm);padding:12px 16px;font-size:.9375rem}.loader{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skelPulse{0%,to{opacity:.45}50%{opacity:1}}.skel{background:#1c1c1c;animation:skelPulse 1.2s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s ease forwards}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ee4f001f}.press{transition:transform .12s ease,border-color .2s ease}.press:active{transform:scale(.985)}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.8125rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text3)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #ee4f001f}.page-head{margin-bottom:22px}.page-eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.page-h1{font-size:1.875rem;font-weight:600;line-height:1.05;letter-spacing:-.8px;color:var(--text)}.page-sub{font-size:.9375rem;color:var(--text3);margin-top:6px}.stat-num{font-family:var(--font-mono);font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}@keyframes scanSweep{0%{top:2%}50%{top:96%}to{top:2%}}.scan-line{position:absolute;left:0;right:0;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 18px 5px #ee4f008c;animation:scanSweep 2.4s ease-in-out infinite;pointer-events:none}.ambient-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0}.glass{background:#1414148c;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.07)}.screen::-webkit-scrollbar{width:0;height:0}.screen{scrollbar-width:none}.hscroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hscroll::-webkit-scrollbar{width:0;height:0}@keyframes pulseDot{0%,to{box-shadow:0 0 #ee4f0073}70%{box-shadow:0 0 0 7px #ee4f0000}}.pulse-dot{animation:pulseDot 2s ease-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#161616 25%,#1e1e1e,#161616 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:10px}@keyframes scaleIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.scale-in{animation:scaleIn .4s cubic-bezier(.22,1,.36,1) forwards}.stagger>*{opacity:0;animation:fadeUp .45s ease forwards}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.07s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.17s}.stagger>*:nth-child(5){animation-delay:.22s}.stagger>*:nth-child(6){animation-delay:.27s}.stagger>*:nth-child(7){animation-delay:.32s}.stagger>*:nth-child(8){animation-delay:.37s}@keyframes ringIn{0%{stroke-dashoffset:var(--ring-circ)}}.ring-anim{animation:ringIn .9s cubic-bezier(.22,1,.36,1) forwards}@media (prefers-reduced-motion: reduce){.fade-up,.scale-in,.stagger>*,.ring-anim,.pulse-dot,.skeleton{animation:none!important}.stagger>*{opacity:1!important}}.chart-vorhang{transform-box:fill-box;transform-origin:0 0;transform:scaleX(0);animation:chartVorhang 1.1s cubic-bezier(.22,1,.36,1) forwards}@keyframes chartVorhang{to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.chart-vorhang{animation:none;transform:none}}.karussell-spur::-webkit-scrollbar{width:0;height:0}:root{--font: "DM Sans Voll", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "DM Sans Voll", -apple-system, BlinkMacSystemFont, sans-serif;--radius-lg: 20px;--border: rgba(255, 255, 255, .07)}body{font-family:var(--font)}.card{background:linear-gradient(var(--fl-1),var(--fl-1)) padding-box,var(--kante-licht) border-box;border:1px solid transparent;border-radius:20px;box-shadow:none}.glass{background:linear-gradient(var(--fl-1),var(--fl-1)) padding-box,var(--kante-licht) border-box;border:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.btn{border-radius:14px;font-weight:600;min-height:48px}.btn-primary{background:var(--accent-fill);box-shadow:none;letter-spacing:0}.btn-gross{min-height:54px;font-size:19px;font-weight:700;background:var(--accent-verlauf);box-shadow:var(--accent-verlauf-kante);color:#fff}.btn-secondary{background:linear-gradient(var(--fl-2),var(--fl-2)) padding-box,var(--kante-licht) border-box;border:1px solid transparent;color:var(--text)}.btn-ghost{color:var(--text2)}.input{background:var(--fl-2);border:1px solid var(--linie-aktiv);border-radius:12px;font-size:16px}.input:focus{border-color:var(--accent);box-shadow:none}.eyebrow{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text2)}.eyebrow .dot{box-shadow:none}.page-head{margin-bottom:24px}.page-eyebrow{font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text2);margin-bottom:4px}.page-h1{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.05}.page-sub{font-size:15px;color:var(--text2)}.stat-num{font-weight:700;letter-spacing:-.03em}.pulse-dot{animation:none}.ambient-glow{display:none}.skel{background:var(--fl-2)}.skeleton{background:linear-gradient(90deg,var(--fl-1) 25%,var(--fl-2) 50%,var(--fl-1) 75%);background-size:200% 100%}.loader{border-color:var(--linie-aktiv);border-top-color:var(--text)}.msg-error,.msg-success{display:flex;align-items:baseline;gap:10px;background:var(--fl-1);border:1px solid var(--linie-aktiv);color:var(--text);border-radius:14px;font-size:15px;line-height:1.5}.msg-error:before,.msg-success:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;transform:translateY(-1px)}.msg-error:before{background:var(--warnung)}.msg-success:before{background:var(--gut)}.scan-line{box-shadow:none}body:before{content:"";position:fixed;top:0;left:0;right:0;height:var(--safe-top);background:var(--bg);z-index:9000;pointer-events:none;opacity:0;transition:opacity .15s ease}html.ist-gescrollt body:before{opacity:1}html[data-tastatur-offen] .bottom-nav{display:none!important}@font-face{font-family:DM Sans Voll;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-voll-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Voll;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-voll-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--fl-1: #161616;--fl-2: #1f1f1f;--fl-3: #2b2b2b;--linie: rgba(255, 255, 255, .07);--linie-aktiv: rgba(255, 255, 255, .12);--kante-licht: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .035) 45%);--accent-fill: #cf4400;--accent-verlauf: linear-gradient(180deg, #f25a0a 0%, #cf4400 100%);--accent-verlauf-kante: inset 0 1px 0 rgba(255, 255, 255, .22);--daten-training: #ff7a2e;--daten-training-hell: #ffa061;--daten-training-tief: #ee4f00;--daten-ernaehrung: #2dd4bf;--daten-ernaehrung-hell: #7ff0e4;--daten-ernaehrung-tief: #14b8a6;--daten-erholung: #818cf8;--daten-training-flaeche: rgba(255, 122, 46, .14);--daten-ernaehrung-flaeche: rgba(45, 212, 191, .13);--daten-erholung-flaeche: rgba(129, 140, 248, .16);--leiste-milchig: rgba(18, 18, 18, .72);--auf-akzent: #ffffff;--abdunkeln: rgba(0, 0, 0, .6);--abdunkeln-stark: rgba(0, 0, 0, .92);--foto-schleier: linear-gradient(to bottom, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .8) 60%, rgba(0, 0, 0, .95) 100%);--gut: #4ade80;--achtung: #fbbf24;--warnung: #f87171}.f3{--text: #ededed;--text2: #a3a3a3;--text3: #8e8e8e;font-family:DM Sans Voll,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}.f3-karte{border:1px solid transparent;border-radius:20px;background:linear-gradient(var(--fl-1),var(--fl-1)) padding-box,var(--kante-licht) border-box}.f3-abschnitt{display:flex;flex-direction:column;gap:12px}.f3-abschnitt-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px}.f3-abschnitt-titel{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.f3-abschnitt-neben{font-size:14px;color:var(--text2)}.f3-zeile{display:flex;align-items:center;gap:12px;min-height:48px;padding:15px 16px;position:relative}.f3-zeile+.f3-zeile{border-top:1px solid var(--linie)}.f3-zeile.is-klickbar{cursor:pointer}.f3-zeile.is-klickbar:active{background:var(--fl-2)}.f3-zeile-titel{font-size:16px;font-weight:600;color:var(--text)}.f3-zeile-unter{font-size:14px;color:var(--text2);margin-top:2px}.f3-symbol{width:36px;height:36px;border-radius:10px;background:var(--fl-2);display:grid;place-items:center;flex-shrink:0;color:var(--text)}.f3-aktion{color:var(--accent);font-size:16px;font-weight:600;flex-shrink:0}.f3-pfeil{color:var(--text3);flex-shrink:0}.f3-zahl{font-weight:700;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums}.f3-einheit{color:var(--text3);font-weight:500}.f3-punkt{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.f3-balken{height:4px;border-radius:2px;background:var(--fl-3);overflow:hidden}.f3-balken>i{display:block;height:100%;border-radius:2px}.f3-balken.is-training>i{background:linear-gradient(90deg,var(--daten-training-hell),var(--daten-training-tief))}.f3-balken.is-ernaehrung>i{background:linear-gradient(90deg,var(--daten-ernaehrung-hell),var(--daten-ernaehrung-tief))}.f3-knopf{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border:none;border-radius:16px;cursor:pointer;font-family:inherit;background:var(--accent-verlauf);box-shadow:var(--accent-verlauf-kante);color:#fff;font-size:19px;font-weight:700}.f3-licht{position:absolute;left:0;right:0;top:0;height:560px;z-index:0;pointer-events:none;background:radial-gradient(90% 55% at 50% 12%,rgba(238,79,0,.09),transparent 62%)}.f3-paket{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 5px;border-radius:999px;background:var(--fl-1)}.f3-paket img{width:22px;height:22px;border-radius:7px;display:block}:root{--schlaf-tief: #8b93ff;--schlaf-rem: #6570e0;--schlaf-leicht: #3d4396;--schlaf-wach: var(--fl-3)}@media (prefers-reduced-motion: reduce){.f3 *{animation:none!important;transition:none!important}}