[data-theme=ocean]{--color-purple:#7eb8d4;--color-pink:#5a9fb8;--color-peach:#c4e8f0;--color-blue:#a8e0e8;--color-mint:#8ec5c0;--mesh-gradient:linear-gradient(145deg, #e8f4f8 0%, #eef8fa 30%, #f0fafb 55%, #e6f6f8 80%, #e8f4f0 100%);--bg-primary:#e8f4f8;--bg-secondary:#fff;--bg-glass:#f4fafb;--bg-glass-hover:#fff;--bg-surface:#eef7f9;--bg-surface-raised:#f6fbfd;--border-glass:#ffffffc7;--border-soft:#3c64781a;--border-focus:#7eb8d4;--text-primary:#1e3a45;--text-secondary:#3d5a66;--text-muted:#6a8894;--surface-hover:#ffffff73;--surface-elevated:#fff;--surface-solid:#fff;--modal-bg:#f4fbfd;--glass-hover-border:#ffffffe6;--input-bg:#f4fafb;--input-bg-hover:#f4fafb;--input-bg-focus:#fff;--focus-ring:#7eb8d459;--link-accent:#3d6a78;--badge-bg:#7eb8d466;--badge-text:#2d5560;--priority-high-text:#2d6a7a;--priority-high-bg:#5a9fb847;--priority-medium-text:#4a7a88;--priority-medium-bg:#c4e8f073;--priority-low-text:#3d6a85;--priority-low-bg:#a8e0e859;--priority-none-bg:#ffffffd1;--on-accent:#fff;--accent-green:#5aab96;--accent-green-glow:#5aab9659;--accent-rose:#6aafc4;--shadow-sm:0 2px 12px #3c647814;--shadow-md:0 8px 32px #3c64781f;--shadow-lg:0 16px 48px #3c647824;--body-background:radial-gradient(ellipse 90% 70% at 10% 15%, #7eb8d4d9 0%, transparent 58%), radial-gradient(ellipse 80% 60% at 82% 10%, #5a9fb8cc 0%, transparent 52%), radial-gradient(ellipse 75% 65% at 95% 75%, #a8e0e8e0 0%, transparent 55%), radial-gradient(ellipse 85% 70% at 42% 92%, #c4e8f0d1 0%, transparent 50%), radial-gradient(ellipse 70% 55% at 22% 58%, #8ec5c0bf 0%, transparent 48%), var(--mesh-gradient)}[data-theme=dusk]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-purple:#7b5ea7;--color-pink:#c98ba8;--color-peach:#9a7eb8;--color-blue:#5c6b9a;--color-mint:#6a8a9a;--mesh-gradient:linear-gradient(145deg, #2e2640 0%, #352d48 30%, #3a3250 55%, #2f2842 80%, #282238 100%);--bg-primary:#2e2640;--bg-secondary:#352d48;--bg-glass:#2e2640;--bg-glass-hover:#3a3250;--bg-surface:#282238;--bg-surface-raised:#352d48;--border-glass:#8c78b438;--border-soft:#c8b4e61f;--border-focus:#9a7eb8;--text-primary:#f2edf8;--text-secondary:#cfc4dc;--text-muted:#9f94b0;--surface-hover:#ffffff14;--surface-elevated:#443a5e;--surface-solid:#3d3558;--modal-bg:#3a3250;--glass-hover-border:#b4a0dc59;--input-bg:#282238;--input-bg-hover:#2e2640;--input-bg-focus:#352d48;--focus-ring:#9a7eb873;--link-accent:#d4c4e8;--badge-bg:#7b5ea759;--badge-text:#e8dff5;--priority-high-text:#f0c4d4;--priority-high-bg:#c98ba847;--priority-medium-text:#e8d4f8;--priority-medium-bg:#9a7eb84d;--priority-low-text:#c4d0f0;--priority-low-bg:#5c6b9a52;--priority-none-bg:#ffffff1a;--on-accent:#fff;--accent-green:#7eb8a0;--accent-green-glow:#7eb8a059;--accent-rose:#d4a0b8;--todo-completed-bg:#ffffff0d;--todo-completed-border:#7eb8a059;--todo-completed-text:#9f94b0;--shadow-sm:0 2px 12px #0003;--shadow-md:0 8px 32px #00000047;--shadow-lg:0 16px 48px #00000057;--body-background:radial-gradient(ellipse 90% 70% at 10% 15%, #7b5ea78c 0%, transparent 58%), radial-gradient(ellipse 80% 60% at 82% 10%, #c98ba873 0%, transparent 52%), radial-gradient(ellipse 75% 65% at 95% 75%, #5c6b9a80 0%, transparent 55%), radial-gradient(ellipse 85% 70% at 42% 92%, #4a3d6b99 0%, transparent 50%), radial-gradient(ellipse 70% 55% at 22% 58%, #6a8a9a59 0%, transparent 48%), var(--mesh-gradient)}[data-theme=meadow]{--color-purple:#d4b8e0;--color-pink:#e8c87a;--color-peach:#f0e6c8;--color-blue:#b8dcc8;--color-mint:#9bc4a8;--mesh-gradient:linear-gradient(145deg, #f2f8f0 0%, #f8f6ee 30%, #faf8f0 55%, #f0f8f4 80%, #eef6f0 100%);--bg-primary:#f2f8f0;--bg-secondary:#fff;--bg-glass:#fcfefb;--bg-glass-hover:#fff;--bg-surface:#f0f8f4;--bg-surface-raised:#f8fbf6;--border-glass:#ffffffc2;--border-soft:#506e501a;--border-focus:#9bc4a8;--text-primary:#2a3828;--text-secondary:#4a5c48;--text-muted:#7a8c78;--surface-hover:#ffffff73;--surface-elevated:#fff;--surface-solid:#fff;--modal-bg:#f8fcf6;--glass-hover-border:#ffffffe6;--input-bg:#fcfefb;--input-bg-hover:#fcfefb;--input-bg-focus:#fff;--focus-ring:#9bc4a859;--link-accent:#5a7058;--badge-bg:#9bc4a866;--badge-text:#3d5a42;--priority-high-text:#9a6d24;--priority-high-bg:#e8c87a59;--priority-medium-text:#8a6420;--priority-medium-bg:#f0e6c880;--priority-low-text:#4a6a58;--priority-low-bg:#b8dcc866;--priority-none-bg:#ffffffd1;--on-accent:#fff;--accent-green:#6aab7a;--accent-green-glow:#6aab7a59;--accent-rose:#d4a878;--shadow-sm:0 2px 12px #506e5014;--shadow-md:0 8px 32px #506e501f;--shadow-lg:0 16px 48px #506e5024;--body-background:radial-gradient(ellipse 90% 70% at 10% 15%, #9bc4a8d9 0%, transparent 58%), radial-gradient(ellipse 80% 60% at 82% 10%, #e8c87acc 0%, transparent 52%), radial-gradient(ellipse 75% 65% at 95% 75%, #b8dcc8e0 0%, transparent 55%), radial-gradient(ellipse 85% 70% at 42% 92%, #f0e6c8d1 0%, transparent 50%), radial-gradient(ellipse 70% 55% at 22% 58%, #d4b8e0b3 0%, transparent 48%), var(--mesh-gradient)}[data-theme=noir]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-purple:#333;--color-pink:#e63946;--color-peach:#fff;--color-blue:#a0a0a0;--color-mint:#666;--mesh-gradient:linear-gradient(145deg, #080808 0%, #0d0d0d 30%, #111 55%, #0a0a0a 80%, #050505 100%);--bg-primary:#0d0d0d;--bg-secondary:#121212;--bg-glass:#101010;--bg-glass-hover:#181818;--bg-surface:#141414;--bg-surface-raised:#1c1c1c;--border-glass:#333333d9;--border-soft:#333333a6;--border-focus:#e63946;--text-primary:#fff;--text-secondary:#c8c8c8;--text-muted:#a0a0a0;--surface-hover:#ffffff0f;--surface-elevated:#222;--surface-solid:#1a1a1a;--modal-bg:#141414;--glass-hover-border:#e6394659;--input-bg:#141414;--input-bg-hover:#181818;--input-bg-focus:#1c1c1c;--focus-ring:#e6394666;--link-accent:#e63946;--badge-bg:#e6394633;--badge-text:#ff8a94;--priority-high-text:#ff6b78;--priority-high-bg:#e6394638;--priority-medium-text:#d4d4d4;--priority-medium-bg:#66666659;--priority-low-text:#a0a0a0;--priority-low-bg:#333333a6;--priority-none-bg:#ffffff14;--on-accent:#fff;--accent-green:#8a8a8a;--accent-green-glow:#a0a0a040;--accent-rose:#e63946;--todo-completed-bg:#ffffff0d;--todo-completed-border:#8a8a8a73;--todo-completed-text:#9a9a9a;--btn-primary-bg:#fff;--btn-primary-bg-hover:#e8e8e8;--btn-primary-text:#0d0d0d;--btn-primary-border:#fff;--btn-primary-shadow:0 2px 10px #00000059;--btn-primary-shadow-hover:0 4px 14px #00000073;--shadow-sm:0 2px 12px #00000059;--shadow-md:0 8px 32px #00000073;--shadow-lg:0 16px 48px #0000008c;--body-background:radial-gradient(ellipse 70% 55% at 88% 12%, #e6394624 0%, transparent 52%), radial-gradient(ellipse 60% 50% at 8% 88%, #ffffff0a 0%, transparent 48%), var(--mesh-gradient)}
.glass-card{background:color-mix(in srgb, var(--surface-solid) 90%, var(--color-purple));-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-spring), transform var(--transition-spring), background-color var(--transition-normal);border:none;padding:24px}.glass-card:hover{box-shadow:var(--shadow-lg);background:color-mix(in srgb, var(--surface-solid) 84%, var(--color-purple))}.tabs-container{background:var(--bg-surface);border-radius:var(--radius-md);border:none;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab-trigger{color:var(--text-secondary);border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;padding:10px;font-size:11px;font-weight:700}.tab-trigger:hover{color:var(--text-primary)}.tab-trigger.active{background:var(--accent-tint-strong);color:var(--text-primary);box-shadow:none;position:relative}.tab-trigger.active:after{display:none}.input-text{background:var(--bg-surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-primary);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-grow:1;padding:12px 16px;font-family:inherit;font-size:14px}.input-text:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:color-mix(in srgb, var(--bg-surface-raised) 72%, var(--color-purple))}.input-text:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface-solid) inset;box-shadow:0 0 0 1000px var(--surface-solid) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);border-color:var(--border-soft);transition:background-color 99999s ease-out,color 99999s ease-out}.input-text:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--surface-solid) inset;box-shadow:0 0 0 1000px var(--surface-solid) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);border-color:var(--border-soft);transition:background-color 99999s ease-out,color 99999s ease-out}.input-text:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--surface-solid) inset;box-shadow:0 0 0 1000px var(--surface-solid) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);border-color:var(--border-soft);transition:background-color 99999s ease-out,color 99999s ease-out}.input-text:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--surface-solid) inset;box-shadow:0 0 0 1000px var(--surface-solid) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);border-color:var(--border-soft);transition:background-color 99999s ease-out,color 99999s ease-out}.input-text:-webkit-autofill:focus{border-color:var(--border-focus);box-shadow:0 0 0 1000px var(--surface-solid) inset, 0 0 0 3px var(--focus-ring)}.btn-primary{background:var(--btn-primary-bg,var(--color-peach));color:var(--btn-primary-text,var(--text-primary));font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--btn-primary-shadow,0 2px 10px #f9d59b73);border:none;border-radius:999px;padding:12px 22px;font-size:12px;font-weight:700}.btn-add-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex}.btn-primary:hover{background:var(--btn-primary-bg-hover,#f5c888);box-shadow:var(--btn-primary-shadow-hover,0 4px 14px #f9d59b8c);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface-raised);color:var(--text-primary);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:999px;padding:10px 18px;font-size:11px;font-weight:700}.btn-secondary:hover{background:var(--accent-tint-strong)}.btn-danger{background:var(--color-pink);color:var(--text-primary);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;border-radius:999px;padding:10px 18px;font-size:11px;font-weight:700;box-shadow:0 2px 10px #f4a7b966}.btn-danger:hover{background:#f08aaa;transform:translateY(-1px)}.btn-delete{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-delete:hover{color:var(--accent-rose);background:#f4a7b933}.select-input{appearance:none;background-color:var(--bg-surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;box-shadow:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a5268' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 12px;font-family:inherit;font-size:13px}.select-input:hover{background-color:var(--accent-tint)}.select-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background-color:var(--accent-tint-strong)}.custom-select{width:100%;position:relative}.custom-select-trigger{background-color:var(--bg-surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;box-shadow:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.custom-select-trigger:hover{background-color:var(--accent-tint)}.custom-select.is-open .custom-select-trigger,.custom-select-trigger:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background-color:var(--accent-tint-strong)}.custom-select-value{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.custom-select-chevron{color:var(--text-primary);opacity:.55;transition:transform var(--transition-fast), opacity var(--transition-fast);flex-shrink:0}.custom-select.is-open .custom-select-chevron{opacity:.85;transform:rotate(180deg)}.custom-select-menu{background:color-mix(in srgb, var(--surface-solid) 92%, var(--color-purple));-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-soft);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:200px;margin:0;padding:5px;list-style:none;animation:.15s cubic-bezier(.4,0,.2,1) dropdown-in;overflow-y:auto}.custom-select-menu-portal{z-index:9999;position:fixed}.custom-select-option{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:5px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;display:block}.custom-select-option:hover{background:var(--accent-tint)}.custom-select-option.selected{background:var(--accent-tint-strong);color:var(--text-primary);font-weight:600}.settings-select,.settings-select .custom-select-trigger{width:100%}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--text-muted);font-family:var(--font-script);padding:40px 20px;font-size:18px;font-style:normal;font-weight:500;line-height:1.45}.loading-state{text-align:center;color:var(--text-secondary);font-family:var(--font-script);padding:48px 24px;font-size:20px}