.shell{min-height:100%;display:flex;flex-direction:column}.shell__brand{display:flex;flex-direction:column;gap:2px;padding:var(--sp-4) var(--sp-4) var(--sp-3)}.shell__wordmark{font-family:var(--font-mono);font-size:var(--step-1);font-weight:700;letter-spacing:.22em;color:var(--text);line-height:1.1}.shell__expansion{display:flex;flex-wrap:wrap;font-size:.6875rem;letter-spacing:.02em;color:var(--text-faint);margin-left:1px}.shell__word{white-space:nowrap}.shell__sep{padding:0 .4em;color:var(--line)}.shell__initial{color:var(--text-dim);font-weight:600}.shell__main{flex:1;padding:0 var(--sp-4) calc(var(--tabbar-h) + var(--sp-6));max-width:1180px;width:100%}.tabbar{position:fixed;inset:auto 0 0 0;height:var(--tabbar-h);display:flex;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;color:var(--text-faint);font-size:.625rem;letter-spacing:.04em;cursor:pointer;min-width:0}.tabbar__item span{overflow:hidden;text-overflow:ellipsis;max-width:100%}.tabbar__item[aria-current=page]{color:var(--accent)}.tabbar__dot{width:18px;height:2px;border-radius:2px;background:currentColor;opacity:.55}.tabbar__item[aria-current=page] .tabbar__dot{opacity:1}.rail{display:none}@media(min-width:900px){.shell{flex-direction:row}.tabbar{display:none}.rail{display:flex;flex-direction:column;width:var(--rail-w);flex:none;border-right:1px solid var(--line);background:var(--surface);position:sticky;top:0;height:100vh;padding-bottom:var(--sp-4)}.rail__nav{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-2)}.rail__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:none;border:0;border-radius:var(--radius-sm);color:var(--text-dim);text-align:left;cursor:pointer;font-size:var(--step-0)}.rail__item:hover{background:var(--surface-up);color:var(--text)}.rail__item[aria-current=page]{background:var(--accent-dim);color:var(--text)}.rail__bar{width:2px;height:16px;border-radius:2px;background:currentColor;opacity:.4;flex:none}.rail__item[aria-current=page] .rail__bar{opacity:1}.rail__user{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding:var(--sp-4) var(--sp-4) 0;border-top:1px solid var(--line-soft)}.rail__username{font-size:var(--step--1);color:var(--text-dim)}.rail__logout{font-size:var(--step--1);color:var(--accent);text-decoration:none;margin-top:var(--sp-1)}.rail__logout:hover{text-decoration:underline}.shell__main{padding:var(--sp-6) var(--sp-6) var(--sp-7)}.shell__brand--mobile{display:none}}.dash{display:flex;flex-direction:column;gap:var(--sp-5)}.dash__head{display:flex;flex-direction:column;gap:var(--sp-1)}.dash__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:var(--sp-4)}.tile{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);cursor:pointer;transition:border-color .12s ease,background .12s ease}.tile:hover{border-color:var(--accent-dim);background:var(--surface-up)}.tile__name{font-size:var(--step-1);font-weight:600}.tile__purpose{font-size:var(--step--1);color:var(--text-dim)}.tile__value{font-size:var(--step-3);font-weight:600;margin-top:var(--sp-1)}.tile__unit{font-size:var(--step-1);color:var(--text-dim);margin-left:2px}.tile__foot{margin-top:auto;padding-top:var(--sp-2)}.login{min-height:100vh;display:grid;place-items:center;padding:var(--sp-5)}.login__panel{width:min(100%,400px);display:flex;flex-direction:column;gap:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-6) var(--sp-5)}.login__brand{display:flex;flex-direction:column;gap:var(--sp-1)}.login__wordmark{font-family:var(--font-mono);font-size:var(--step-3);font-weight:700;letter-spacing:.22em;line-height:1}.login__expansion{font-size:var(--step--1);color:var(--text-faint)}.login__initial{color:var(--text-dim);font-weight:600}.login__sep{padding:0 .4em;color:var(--line)}.login__hint{font-size:var(--step--1);color:var(--text-dim)}.login__problem{font-size:var(--step--1);color:var(--text);border-left:2px solid var(--crit);padding-left:var(--sp-3)}.login__button{display:block;text-align:center;text-decoration:none;background:var(--accent-dim);border:1px solid var(--accent);color:var(--text);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);font-weight:600}.login__button:hover{background:var(--accent);color:#07121a}.keller{display:flex;flex-direction:column;gap:var(--sp-5)}.keller__head{display:flex;flex-direction:column;gap:var(--sp-1)}.keller__raster{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.keller__jetzt{justify-content:space-between}.keller__wert{font-size:var(--step-4);font-weight:600;line-height:1}.keller__einheit{font-size:var(--step-1);color:var(--text-dim);margin-left:4px}.keller__svg{width:100%;height:150px;display:block}.keller__spanne,.keller__leer{font-size:var(--step--1);color:var(--text-faint)}.keller__filtertext{font-size:var(--step--1);color:var(--text-dim)}.keller__filtertext b{color:var(--text)}.keller__fehler{font-size:var(--step--1);border-left:2px solid var(--crit);padding-left:var(--sp-3);color:var(--text-dim)}.liste{display:flex;flex-direction:column;gap:var(--sp-5)}.liste__head{display:flex;flex-direction:column;gap:var(--sp-1)}.neu{display:flex;gap:var(--sp-2)}.neu input,.neu textarea,.feld{flex:1;min-width:0;background:var(--surface-up);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);padding:var(--sp-3);font:inherit}.neu input::placeholder,.feld::placeholder{color:var(--text-faint)}.knopf{background:var(--accent-dim);border:1px solid var(--accent);color:var(--text);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);cursor:pointer;font-weight:600;white-space:nowrap}.knopf:hover{background:var(--accent);color:#07121a}.knopf--still{background:none;border-color:var(--line);color:var(--text-dim);font-weight:400}.knopf--still:hover{background:var(--surface-up);color:var(--text)}.karten{display:flex;flex-direction:column;gap:var(--sp-3)}.eintrag{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4);display:flex;gap:var(--sp-3);align-items:flex-start}.eintrag__inhalt{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.eintrag__titel{font-weight:600;word-break:break-word}.eintrag__text{font-size:var(--step--1);color:var(--text-dim);white-space:pre-wrap;word-break:break-word}.eintrag__zeit{font-size:var(--step--1);color:var(--text-faint)}.eintrag--fertig .eintrag__titel{text-decoration:line-through;color:var(--text-faint)}.haken{width:20px;height:20px;flex:none;margin-top:2px;border:1px solid var(--line);border-radius:5px;background:var(--surface-up);cursor:pointer;display:grid;place-items:center;color:transparent}.haken[aria-pressed=true]{background:var(--ok);border-color:var(--ok);color:#07121a}.weg{background:none;border:0;color:var(--text-faint);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);flex:none}.weg:hover{color:var(--crit);background:var(--surface-up)}.leer{color:var(--text-faint);font-size:var(--step--1)}.kal__kopf{display:flex;gap:var(--sp-2);align-items:center}.kal__kopf .knopf{padding:var(--sp-2) var(--sp-3)}.kal__raster{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.kal__wochentag{text-align:center;font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding-bottom:var(--sp-2)}.kal__tag{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--surface-up);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);font-size:var(--step--1);cursor:pointer;min-width:0;padding:0}.kal__tag:hover{border-color:var(--line)}.kal__tag--fremd{color:var(--text-faint);background:transparent}.kal__tag--heute{box-shadow:inset 0 0 0 1px var(--accent-dim)}.kal__tag--gewaehlt{background:var(--accent-dim);border-color:var(--accent)}.kal__punkte{display:flex;gap:2px}.kal__punkte i{width:4px;height:4px;border-radius:50%;background:var(--accent)}:root{color-scheme:dark;--bg: #0A0E13;--surface: #111821;--surface-up: #16202B;--line: #1E2A38;--line-soft: #172230;--text: #E3EBF2;--text-dim: #8A9AAB;--text-faint: #5B6C7D;--accent: #4C8FB5;--accent-dim: #27485E;--ok: #4FA86B;--warn: #C9962F;--crit: #C65540;--idle: #566879;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--step--1: .8125rem;--step-0: .9375rem;--step-1: 1.125rem;--step-2: 1.5rem;--step-3: 2.25rem;--step-4: 3rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--radius: 10px;--radius-sm: 6px;--rail-w: 232px;--tabbar-h: 60px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{margin:0;text-wrap:balance;line-height:1.2;font-weight:600}h1{font-size:var(--step-2);letter-spacing:-.01em}h2{font-size:var(--step-1)}h3{font-size:var(--step-0)}p{margin:0}button{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:600}.figure{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.pill{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--step--1);color:var(--text-dim)}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--state, var(--idle));flex:none}.pill[data-state=ok]{--state: var(--ok)}.pill[data-state=warn]{--state: var(--warn)}.pill[data-state=crit]{--state: var(--crit)}