:root{--farbe-blau: #007aff;--farbe-gruen: #34c759;--farbe-rot: #ff3b30;--farbe-orange: #ff9500;--farbe-gelb: #ffcc00;--farbe-pink: #ff2d55;--farbe-lila: #af52de;--farbe-mint: #00c7be;--farbe-schwarz: #000000;--farbe-weiss: #ffffff;--farbe-grau: #8e8e93;--farbe-tuerkis: #46ebeb;--farbe-indigo: #5856d6;--farbe-cyan: #32ade6;--farbe-braun: #8c643f;--farbe-violett: #ae67e6;--farbe-safran: #f2b824;--farbe-sunset: #f25524;--farbe-aurora: #4cd984;--farbe-ocean: #369ed9;--farbe-candy: #f249d7;--farbe-peach: #fa763e;--farbe-fire: #f2350c;--primary: var(--farbe-gelb);--radius-card: 16px;--radius-card-lg: 20px;--radius-input: 12px;--radius-chip: 999px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--status-heute-a: var(--farbe-rot);--status-heute-b: var(--farbe-gelb);--status-naechster-a: var(--farbe-pink);--status-naechster-b: var(--farbe-lila);--status-abgeschlossen: var(--farbe-gruen);--status-geplant: var(--farbe-blau);--status-offen-a: var(--farbe-grau);--status-offen-b: var(--farbe-rot)}:root,:root[data-theme=light]{color-scheme:light;--bg: #f2f2f7;--bg-elevated: #ffffff;--text: #111111;--text-secondary: rgba(60, 60, 67, .6);--text-tertiary: rgba(60, 60, 67, .3);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .75);--glass-stroke: rgba(0, 0, 0, .12);--glass-stroke-soft: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 10px rgba(0, 0, 0, .06);--icon-mono: #000000;--divider: rgba(0, 0, 0, .12)}:root[data-theme=dark]{color-scheme:dark;--bg: #000000;--bg-elevated: #1c1c1e;--text: #ffffff;--text-secondary: rgba(235, 235, 245, .6);--text-tertiary: rgba(235, 235, 245, .3);--glass-bg: rgba(30, 30, 32, .55);--glass-bg-strong: rgba(44, 44, 46, .75);--glass-stroke: rgba(255, 255, 255, .1);--glass-stroke-soft: rgba(255, 255, 255, .06);--glass-shadow: 0 4px 10px rgba(0, 0, 0, .35);--icon-mono: #ffffff;--divider: rgba(255, 255, 255, .12)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg: #000000;--bg-elevated: #1c1c1e;--text: #ffffff;--text-secondary: rgba(235, 235, 245, .6);--text-tertiary: rgba(235, 235, 245, .3);--glass-bg: rgba(30, 30, 32, .55);--glass-bg-strong: rgba(44, 44, 46, .75);--glass-stroke: rgba(255, 255, 255, .1);--glass-stroke-soft: rgba(255, 255, 255, .06);--glass-shadow: 0 4px 10px rgba(0, 0, 0, .35);--icon-mono: #ffffff;--divider: rgba(255, 255, 255, .12)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--glass-stroke);border-radius:var(--radius-card);box-shadow:var(--glass-shadow)}.glass-card--lg{border-radius:var(--radius-card-lg)}.glass-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-stroke-soft);border-radius:var(--radius-chip);font-size:13px}.glass-button-round{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-stroke);color:var(--icon-mono);cursor:pointer;box-shadow:0 2px 4px #0000000f;transition:transform .15s ease}.glass-button-round:active{transform:scale(.94)}.divider{height:1px;background:var(--divider);opacity:.35;border:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}html,body{overflow-x:clip}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}a{color:inherit}.page{width:100%;max-width:1040px;margin:0 auto;padding:14px max(16px,env(safe-area-inset-right)) 28px max(16px,env(safe-area-inset-left));box-sizing:border-box}.page--narrow{max-width:620px}.page--pad-lg{padding-bottom:40px}.card-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:700px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.card-grid__full{grid-column:1 / -1}