@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..800&display=swap";:root{color-scheme:light dark;--bg: #fafafa;--panel: #ffffff;--text: #171717;--muted: #737373;--primary: #4f46e5;--primary-strong: #4338ca;--accent: #f5f5f5;--danger: #ef4444;--danger-bg: color-mix(in srgb, var(--danger) 10%, var(--panel));--brand-1: #a5b4fc;--brand-2: #6366f1;--shadow: 0 10px 30px rgba(0, 0, 0, .05);--radius: 18px;--transition: .18s ease;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root.dark{--bg: #0a0a0a;--panel: #171717;--text: #f5f5f5;--muted: #a3a3a3;--primary: #ca8a04;--primary-strong: #ca8a04;--accent: #262626;--danger: #f87171;--brand-1: #fff;--brand-2: #ff0;--shadow: 0 10px 30px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;transition:background var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}main{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.header-actions{display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:20px}.brand-title{font-family:monospace;background:linear-gradient(180deg,var(--brand-1),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-logo{width:24px;height:24px}.avatar{width:24px;height:24px;margin:-6px -2px;border-radius:50%;object-fit:cover}.avatar-container{padding:10px!important}.button{display:inline-flex;align-items:center;gap:10px;border:none;padding:12px 18px;border-radius:999px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);box-shadow:0 4px 12px #0000001a}.button:hover{background:var(--primary-strong);transform:translateY(-1px)}.button-destructive:hover{background:var(--danger-bg)!important;color:var(--danger)!important}.button.secondary{background:var(--accent);color:var(--text);box-shadow:none}:root.dark .button.secondary{background:#262626;color:var(--text)}.button.icon{padding:10px;border-radius:50%}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.grid{display:grid;gap:20px}@media(min-width:900px){.grid.columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0}.task-list{display:flex;flex-direction:column;gap:12px}.task{padding:14px 16px;border-radius:16px;background:var(--bg);display:flex;flex-direction:column;gap:10px;transition:background var(--transition),transform var(--transition),box-shadow var(--transition),opacity .4s ease,filter .4s ease;position:relative}.task.completed{opacity:.6;filter:grayscale(.5)}.task.completed .task-name{text-decoration:line-through;text-decoration-thickness:2px;opacity:.7}.task-info{display:flex;align-items:center;gap:12px;flex-grow:1}.checkbox-container{display:block;position:relative;width:20px;height:20px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark-icon{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--panel);border:2px solid #e5e5e5;border-radius:6px;transition:all var(--transition);display:flex;align-items:center;justify-content:center;color:#fff}:root.dark .checkmark-icon{background-color:#262626;border-color:#404040}.checkbox-container:hover input~.checkmark-icon{border-color:var(--primary)}.checkbox-container input:checked~.checkmark-icon{background-color:var(--primary);border-color:var(--primary)}.task.compact{padding:10px 16px;background:var(--priority-bg);gap:0}:root.dark .task.compact{background:var(--priority-bg)}.task:hover{box-shadow:0 8px 20px #0f172a14}.task-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.task-actions{display:flex;align-items:center;gap:12px;opacity:0;transition:opacity var(--transition)}.task:hover .task-actions,.task-actions:has(.dropdown-menu){opacity:1}.icon-button{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:8px;display:flex;transition:background var(--transition),color var(--transition)}.icon-button:hover{background:#0000000d;color:var(--text)}:root.dark .icon-button:hover{background:#ffffff1a}.task-date{font-size:12px;color:var(--muted);font-weight:600}.dropdown-wrapper{position:relative;display:inline-flex}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--panel);border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:140px;z-index:50;margin-top:4px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}:root.dark .dropdown-menu{border-color:#ffffff1a;box-shadow:0 10px 25px #0006}.dropdown-item{width:100%;padding:10px 14px;display:flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background var(--transition)}.dropdown-item:hover{background:#0000000d}:root.dark .dropdown-item:hover{background:#ffffff1a}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background-color:var(--danger-bg)!important}.task-meta{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#e5e5e5;color:#525252}:root.dark .badge{background:#262626;color:#d4d4d4}.badge.urgent{background:#fee2e2;color:#b91c1c}:root.dark .badge.urgent{background:#7f1d1d;color:#fca5a5}.badge.snoozed{background:#e0f2fe;color:#0369a1}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{width:100%;max-width:480px;animation:modal-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form{display:grid;gap:12px}.input,select{padding:12px 14px;border-radius:12px;border:1px solid #e5e5e5;background:#fff;color:var(--text);font-size:14px;transition:border-color var(--transition)}:root.dark .input,:root.dark select{background:#262626;border-color:#404040}.input:focus,select:focus{outline:none;border-color:var(--primary)}.field-row{display:flex;flex-grow:1}.field-row>*{width:100%}@media(min-width:600px){.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.landing-card{max-width:520px;text-align:center;gap:18px;display:grid}.fade-in{animation:fadeIn .32s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}