:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c0e;--bg-elev:#111317;--surface:#15181d;--surface-2:#1c2026;--border:#252a32;--border-strong:#323944;--text:#f3f4f6;--text-2:#a3a9b4;--text-3:#6b7280;--accent:#3987e5;--accent-soft:#3987e529;--good:#2fbf71;--warn:#e3a83a;--bad:#e25c5c;--good-soft:#2fbf7124;--warn-soft:#e3a83a24;--bad-soft:#e25c5c24;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;--text-xs:.72rem;--text-sm:.84rem;--text-md:.98rem;--text-lg:1.15rem;--text-xl:1.5rem;--text-hero:clamp(3.6rem, 22vw, 5.4rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--gutter:16px;--radius-sm:10px;--radius:16px;--radius-lg:22px;--duration-fast:.15s;--duration:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1);--nav-height:calc(58px + env(safe-area-inset-bottom))}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-md);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;line-height:1.45}#root{min-height:100dvh}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.num{font-variant-numeric:tabular-nums}.app{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) var(--gutter) calc(var(--nav-height) + 24px);background:radial-gradient(120% 60% at 50% -10%, var(--glow,#3987e51a) 0%, transparent 60%), var(--bg);transition:--glow var(--duration) var(--ease-out)}.page{gap:var(--space-4);animation:rise var(--duration) var(--ease-out) both;flex-direction:column;display:flex}.page>*{animation:rise var(--duration) var(--ease-out) both}.page>:nth-child(2){animation-delay:40ms}.page>:nth-child(3){animation-delay:80ms}.page>:nth-child(4){animation-delay:.12s}.page>:nth-child(5){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.page,.page>*{animation:none}*{transition-duration:.01ms!important}}.page-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-top:var(--space-1);display:flex}.page-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700}.page-sub{color:var(--text-2);font-size:var(--text-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.card.tight{padding:var(--space-3) var(--space-4)}.card-title{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--space-2);font-weight:600}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700}.stat-value small{font-size:var(--text-sm);color:var(--text-2);letter-spacing:0;margin-left:3px;font-weight:500}.stat-note{font-size:var(--text-xs);color:var(--text-2)}.stat-note.über{color:var(--good)}.stat-note.unter{color:var(--bad)}.hero{gap:var(--space-4);grid-template-columns:auto 1fr;align-items:center;display:grid}.hero-number{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.045em;font-weight:800;line-height:.9}.hero-number small{color:var(--text-2);letter-spacing:0;margin-left:2px;font-size:.32em;font-weight:600}.zone{font-size:var(--text-sm);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.zone:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.zone.good{color:var(--good);background:var(--good-soft)}.zone.warn{color:var(--warn);background:var(--warn-soft)}.zone.bad{color:var(--bad);background:var(--bad-soft)}.sentence{gap:var(--space-3);background:var(--accent-soft);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid #3987e559;align-items:flex-start;line-height:1.4;display:flex}.sentence.quiet{background:var(--surface);border-color:var(--border);color:var(--text-2)}.chart{flex-direction:column;gap:6px;display:flex}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart-head{justify-content:space-between;align-items:baseline;display:flex}.chart-range{font-size:var(--text-xs);color:var(--text-3)}.axis{fill:var(--text-3);font-size:10px}.grid{stroke:var(--border);stroke-width:1px}.series{stroke:var(--accent);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.dot{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.band{fill:var(--accent);opacity:.08}.event-band{fill:var(--warn);opacity:.12}.bar{fill:var(--accent)}.bar.muted{fill:var(--border-strong)}.bar-label{fill:var(--text-2);text-anchor:middle;font-size:10px}.segments{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segments button{font-size:var(--text-sm);color:var(--text-2);background:0 0;border:0;border-radius:999px;padding:5px 12px}.segments button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0006}.entry-box{resize:vertical;background:var(--surface);width:100%;min-height:190px;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--space-4);font:inherit;font-size:1.05rem;line-height:1.5}.entry-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.entry-box::placeholder{color:var(--text-3)}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-md);transition:transform var(--duration-fast), background var(--duration-fast), opacity var(--duration-fast);justify-content:center;align-items:center;gap:8px;padding:12px 18px;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.block{width:100%}.btn.small{font-size:var(--text-sm);padding:7px 12px}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.danger{color:var(--bad)}.date-pick{gap:var(--space-2);align-items:center;display:flex}.date-pick input{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;padding:8px 10px}.list{gap:var(--space-2);flex-direction:column;display:flex}.row{gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border);align-items:flex-start;display:flex}.row:first-child{border-top:0;padding-top:0}.row-main{flex:1;min-width:0}.row-label{font-weight:500}.row-meta{font-size:var(--text-xs);color:var(--text-2)}.row-side{font-variant-numeric:tabular-nums;color:var(--text-2);font-size:var(--text-sm);white-space:nowrap}.tag{font-size:var(--text-xs);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);border-radius:999px;padding:1px 7px;display:inline-block}.tag.warn{color:var(--warn);border-color:#e3a83a66}.tag.good{color:var(--good);border-color:#2fbf7166}.tag.bad{color:var(--bad);border-color:#e25c5c66}.tag.accent{color:var(--accent);border-color:#3987e566}.question{font-size:var(--text-sm);color:var(--warn);margin-top:2px}.level{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-weight:700}.level.offen{color:var(--text-2);background:var(--surface-2)}.level.vermutung{color:var(--warn);background:var(--warn-soft)}.level.hinweis{color:var(--accent);background:var(--accent-soft)}.level.belastbar{color:var(--good);background:var(--good-soft)}.progress{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.progress>i{background:var(--accent);border-radius:999px;height:100%;display:block}.empty{color:var(--text-2);font-size:var(--text-sm);padding:var(--space-3) 0}.muted{color:var(--text-2)}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs);color:var(--text-3)}.nav{z-index:10;padding:6px var(--space-2) calc(env(safe-area-inset-bottom) + 6px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border);background:#0b0c0ed1;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--text-3);letter-spacing:.02em;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:10px;font-weight:600;display:flex}.nav a.active{color:var(--text)}.nav svg{width:22px;height:22px}.login{justify-content:center;gap:var(--space-5);min-height:100dvh;padding:var(--gutter);flex-direction:column;display:flex}.login h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:2.4rem;font-weight:800}.login p{color:var(--text-2)}.error{color:var(--bad);font-size:var(--text-sm)}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);border-radius:var(--radius);background-size:200% 100%;min-height:96px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}