:root{--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}:root{--primary: #3b82f6;--primary-light: #eef5ff;--primary-border: #82b2e6;--primary-dark: #1d4ed8;--secondary: #0f766e;--secondary-light: #f0fdfa;--secondary-border: #67c7be;--day-tracked-fill: #7aa7eb;--day-tracked-border: #b9d2f7;--day-rest-fill: #e8f1ff;--day-rest-border: #d7e5f7;--hm-0: color-mix(in srgb, var(--primary) 12%, #ffffff);--hm-50: color-mix(in srgb, var(--primary) 55%, #ffffff);--hm-100: var(--primary-dark);--hm-future: transparent;--warning: #fef3c7;--warning-border: #fcd34d;--warning-text: #92400e;--bg-top: #f3f7ff;--bg-bottom: #f5fbff;--surface: #ffffff;--surface-soft: #eef5ff;--border: #d7e5f7;--border-strong: #82b2e6;--text: #1e293b;--text-muted: #4f647d;--accent: var(--primary);--accent-strong: var(--primary-dark);--accent-soft: var(--primary-light);--accent-soft-2: #e8f1ff;--success: var(--secondary);--success-border: var(--secondary-border);--day-tracked-rest: var(--day-rest-fill);--day-hover-border: var(--primary-border);--day-grid: #d7e5f7}:root[data-theme=pink]{--primary: #ec4b88;--primary-light: #fff3f7;--primary-border: #f19bb8;--primary-dark: #be185d;--secondary: #2f855a;--secondary-light: #f0fdf4;--secondary-border: #86c7ab;--day-tracked-fill: #dc83a7;--day-tracked-border: #f5b8ce;--day-rest-fill: #fce7f3;--day-rest-border: #f1dbe3;--warning: #fef3c7;--warning-border: #fcd34d;--warning-text: #92400e;--bg-top: #fff5f8;--bg-bottom: #f8fbff;--surface: #ffffff;--surface-soft: #fff3f7;--border: #f1dbe3;--border-strong: #f19bb8;--text: #1f2937;--text-muted: #55637a;--accent: var(--primary);--accent-strong: var(--primary-dark);--accent-soft: var(--primary-light);--accent-soft-2: #fff4f8;--success: var(--secondary);--success-border: var(--secondary-border);--day-tracked-rest: var(--day-rest-fill);--day-hover-border: var(--primary-border);--day-grid: #f1dbe3}:root[data-theme=blue]{--primary: #3b82f6;--primary-light: #eef5ff;--primary-border: #82b2e6;--primary-dark: #1d4ed8;--secondary: #0f766e;--secondary-light: #f0fdfa;--secondary-border: #67c7be;--day-tracked-fill: #7aa7eb;--day-tracked-border: #b9d2f7;--day-rest-fill: #e8f1ff;--day-rest-border: #d7e5f7;--warning: #fef3c7;--warning-border: #fcd34d;--warning-text: #92400e;--bg-top: #f3f7ff;--bg-bottom: #f5fbff;--surface: #ffffff;--surface-soft: #eef5ff;--border: #d7e5f7;--border-strong: #82b2e6;--text: #1e293b;--text-muted: #4f647d;--accent: var(--primary);--accent-strong: var(--primary-dark);--accent-soft: var(--primary-light);--accent-soft-2: #e8f1ff;--success: var(--secondary);--success-border: var(--secondary-border);--day-tracked-rest: var(--day-rest-fill);--day-hover-border: var(--primary-border);--day-grid: #d7e5f7}:root[data-theme=green]{--primary: #22c55e;--primary-light: #eefaf2;--primary-border: #83c89a;--primary-dark: #15803d;--secondary: #15803d;--secondary-light: #f0fdf4;--secondary-border: #83c89a;--day-tracked-fill: #6abf8b;--day-tracked-border: #b9e4c9;--day-rest-fill: #e6f6ec;--day-rest-border: #d7ecdf;--warning: #fef3c7;--warning-border: #fcd34d;--warning-text: #92400e;--bg-top: #f4fbf7;--bg-bottom: #f7fcf9;--surface: #ffffff;--surface-soft: #eefaf2;--border: #d7ecdf;--border-strong: #83c89a;--text: #1f2937;--text-muted: #4e6b5b;--accent: var(--primary);--accent-strong: var(--primary-dark);--accent-soft: var(--primary-light);--accent-soft-2: #e6f6ec;--success: var(--secondary);--success-border: var(--secondary-border);--day-tracked-rest: var(--day-rest-fill);--day-hover-border: var(--primary-border);--day-grid: #d7ecdf}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;scrollbar-gutter:stable;color:var(--text);background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Segoe UI,Helvetica Neue,Arial,sans-serif}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.celebration-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;animation:explode .8s ease-out forwards}.celebration-particle.square{border-radius:3px}@keyframes explode{0%{transform:translate(0) scale(0);opacity:1}10%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--end-x),var(--end-y)) scale(.2);opacity:0}}