:root{--color-accent:#1a3a2e;--color-accent-hover:#14291f;--color-accent-soft:#2d5040;--color-accent-subtle:rgba(26,58,46,0.10);--color-accent-glow:rgba(26,58,46,0.18);--color-bg:#faf7f2;--color-bg-elevated:#ffffff;--color-bg-sunken:#f1ece2;--color-border:#e8e1d4;--color-border-strong:#d4cbb8;--color-text:#1f2421;--color-text-muted:#6b7570;--color-text-subtle:#9aa39e;--color-text-inverse:#faf7f2;--color-success:#2f8f5d;--color-warning:#d49a2c;--color-error:#c8553d;--color-info:#3a7ca5;--color-cat-gesundheit:#6fb58a;--color-cat-mindset:#b08fc7;--color-cat-produktivitaet:#d49a2c;--color-cat-soziales:#c8553d;--color-cat-sonstiges:#9aa39e;--color-mood-1:#c8553d;--color-mood-2:#d49a2c;--color-mood-3:#c2b280;--color-mood-4:#6fb58a;--color-mood-5:#2f8f5d;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",Roboto,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;--font-display:"Georgia","Cambria","Times New Roman",serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--shadow-sm:0 1px 2px rgba(31,36,33,0.06);--shadow-md:0 4px 12px rgba(31,36,33,0.08);--shadow-lg:0 12px 32px rgba(31,36,33,0.10);--shadow-glow:0 0 0 4px var(--color-accent-glow);--motion-fast:120ms;--motion-base:200ms;--motion-slow:320ms;--motion-easing:cubic-bezier(0.16,1,0.3,1);--layout-bottom-nav:72px;--layout-content-max:720px;--layout-header:56px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;overscroll-behavior-y:none}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0 0 1rem}p:last-child{margin-bottom:0}.container,.page{max-width:var(--layout-content-max);margin:0 auto;padding:var(--space-md)}.page{padding-bottom:calc(var(--layout-bottom-nav) + var(--space-xl))}.form-field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-field label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.form-field input,.form-field select,.form-field textarea{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem var(--space-md);width:100%;outline:none;transition:border-color var(--motion-fast) var(--motion-easing),box-shadow var(--motion-fast) var(--motion-easing)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.form-field .error{color:var(--color-error);font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-bg-elevated);color:var(--color-text);font-weight:600;font-size:var(--text-base);transition:all var(--motion-fast) var(--motion-easing);min-height:44px}.btn:hover{background:var(--color-bg-sunken)}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-text-inverse)}.btn-ghost{background:transparent;border-color:var(--color-border)}.btn-block{width:100%}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.card-soft{background:var(--color-bg-sunken);border-color:transparent;box-shadow:none}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}.flex{display:flex}.flex-col{flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-display{font-family:var(--font-display)}.mood-row{display:flex;gap:var(--space-sm);justify-content:space-between;padding:var(--space-sm) 0}.mood-dot{flex:1 1;height:48px;border-radius:var(--radius-md);border:2px solid transparent;background:var(--color-bg-elevated);font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast) var(--motion-easing)}.mood-dot[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-subtle)}.habit-pill{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.375rem .75rem;background:var(--color-accent-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-accent)}@media (display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)}}