:root{--primary-color: #9333ea;--primary-dark: #7928cc;--primary-light: #a855f7;--background: #ffffff;--body-background: #f4f4f4;--card-bg: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #1a1a1a;--tag-background: #f9f9f9;--background-secondary: #f9f9f9;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 100px;--font-primary: "Space Grotesk", serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.75rem}.dark-theme{--background: #2d2d2dcc;--body-background: #1a1a1a;--card-bg: #2d2d2d;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #ffffff;--tag-background: #414141}body{margin:0;font-family:Space Grotesk,serif;font-optical-sizing:auto;font-style:normal;background:var(--body-background);color:var(--text-primary)!important;transition:background-color .3s ease}*{box-sizing:border-box}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-extrabold{font-weight:800}button{font-family:var(--font-primary);transition:all .2s ease;cursor:pointer;border-radius:8px;font-weight:400}button:hover{transform:scale(1.02)}.primary-button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem}.primary-button:hover{background:#871ce8}.secondary-button{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:.75rem 1.5rem}.secondary-button:hover{background:#9333ea1a}.outline-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:2px solid var(--card-bg);color:var(--text-primary);padding:.75rem 1.5rem}.outline-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.outline-button i{font-size:1.1em}.card{background:var(--card-bg);border-radius:1rem;border:none}.card.hover-lift{transition:transform .2s}.card.hover-lift:hover{transform:translateY(-2px)}.btn.btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.btn.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn.btn-ghost{background:transparent;border:2px solid var(--card-bg);color:var(--text-primary)}.btn.btn-ghost:hover{border-color:var(--primary-color);color:var(--primary-color)}.theme-toggle{background:transparent;border:none;color:var(--text-primary);padding:.5rem}.theme-toggle:hover{color:var(--primary-color)}.text-primary-color{color:var(--text-primary)}.text-secondary-color{color:var(--text-secondary)}.text-tertiary-color{color:var(--text-tertiary)}.modal-content{background-color:transparent!important}.task-item{display:flex;gap:1rem;padding:.75rem;border-radius:.75rem;align-items:flex-start}.task-item .checkbox{flex-shrink:0;width:24px;height:24px;color:var(--text-secondary)}.task-item.completed .task-text{text-decoration:line-through;color:var(--text-secondary)}.feature-tabs{display:inline-flex;gap:.5rem;padding:.25rem;background:var(--card-bg);border-radius:100px}.feature-tabs .feature-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:100px}.feature-tabs .feature-tab.active{background:var(--primary-color);color:#fff}.footer-bg{background:var(--card-bg)}.input-field{background:var(--background);border:none;padding:1rem;border-radius:12px;color:var(--text-primary);font-size:1rem;width:100%}.app-button{background:var(--card-bg);color:var(--text-secondary);border:none}