:root{--c-primary: #6366f1;--c-primary-strong: #4f46e5;--c-primary-soft: #eef0fe;--c-accent: #f59e0b;--c-bg: #f6f7fb;--c-surface: #ffffff;--c-surface-2: #f0f1f6;--c-text: #1e2130;--c-muted: #6b7280;--c-line: #e3e5ec;--c-danger: #dc2626;--c-ok: #16a34a;--c-amber-soft: #fdf1dc;--c-amber: #b45309;--c-red-soft: #fdeaea;--c-red: #b91c1c;--c-green-soft: #e7f6ec;--font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--fs-h1: 1.5rem;--fs-body: .95rem;--fs-small: .8rem;--fs-tiny: .72rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 40px;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 3px rgba(20, 22, 40, .07);--shadow-md: 0 8px 28px rgba(20, 22, 40, .12);--shadow-lg: 0 24px 60px rgba(20, 22, 40, .2);--sidebar-w: 268px;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .25s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--c-primary: #818cf8;--c-primary-strong: #a5b4fc;--c-primary-soft: #23263f;--c-bg: #101222;--c-surface: #191c31;--c-surface-2: #20243c;--c-text: #e7e9f4;--c-muted: #9aa1b8;--c-line: #2b2f4a;--c-danger: #f87171;--c-ok: #4ade80;--c-amber-soft: #3a2f14;--c-amber: #fbbf24;--c-red-soft: #3d1c22;--c-red: #fca5a5;--c-green-soft: #16301f;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 8px 28px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--c-primary: #818cf8;--c-primary-strong: #a5b4fc;--c-primary-soft: #23263f;--c-bg: #101222;--c-surface: #191c31;--c-surface-2: #20243c;--c-text: #e7e9f4;--c-muted: #9aa1b8;--c-line: #2b2f4a;--c-danger: #f87171;--c-ok: #4ade80;--c-amber-soft: #3a2f14;--c-amber: #fbbf24;--c-red-soft: #3d1c22;--c-red: #fca5a5;--c-green-soft: #16301f;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 8px 28px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;transition:background var(--dur),color var(--dur)}h1,h2{font-family:var(--font-display)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:4px}::selection{background:color-mix(in srgb,var(--c-primary) 25%,transparent)}kbd{font-family:ui-monospace,Consolas,monospace;font-size:.68rem;background:var(--c-surface-2);border:1px solid var(--c-line);border-bottom-width:2px;border-radius:5px;padding:1px 6px}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);color:var(--c-muted)}.brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c-primary),#8b5cf6);color:#fff;font-weight:800;font-size:1.2rem;border-radius:14px;box-shadow:var(--shadow-md)}.brand-mark.big{width:64px;height:64px;font-size:2rem;border-radius:20px}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--c-surface);border-right:1px solid var(--c-line);padding:var(--s-4) var(--s-3) var(--s-3);display:flex;flex-direction:column;gap:var(--s-2);position:sticky;top:0;height:100vh;overflow-y:auto;transition:transform var(--dur) var(--ease)}.sidebar-close{display:none}.brand{display:flex;align-items:center;gap:10px;padding:2px var(--s-2) var(--s-3)}.brand .brand-mark{width:30px;height:30px;font-size:.9rem;border-radius:9px}.brand-name{font-family:var(--font-display);font-weight:700;font-size:1.1rem}.side-nav{display:flex;flex-direction:column;gap:2px}.side-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;text-align:left;color:var(--c-text);padding:9px 10px;border-radius:var(--radius-sm);font-size:.92rem;transition:background var(--dur),color var(--dur)}.side-item:hover{background:var(--c-surface-2)}.side-item.active{background:var(--c-primary-soft);color:var(--c-primary-strong);font-weight:600}.side-item svg{flex-shrink:0}.side-count{margin-left:auto;font-size:var(--fs-tiny);color:var(--c-muted);background:var(--c-surface-2);border-radius:999px;padding:1px 8px;min-width:22px;text-align:center}.side-item.active .side-count{background:var(--c-primary);color:#fff}.side-group{margin-top:var(--s-4);display:flex;flex-direction:column;gap:2px}.side-group-head{display:flex;align-items:center;justify-content:space-between;padding:0 10px 4px;font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.09em;color:var(--c-muted);font-weight:600}.list-item{position:relative;padding:0;display:flex;align-items:center}.list-item .side-item-main{flex:1;display:flex;align-items:center;gap:10px;background:none;border:none;color:inherit;padding:9px 10px;border-radius:var(--radius-sm);min-width:0}.list-item .side-item-main:hover{background:var(--c-surface-2)}.list-item.active .side-item-main{background:var(--c-primary-soft)}.list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.side-del{margin-right:6px;padding:3px 6px;border-radius:6px;color:var(--c-danger)}.side-del:hover{background:var(--c-red-soft)}.side-del.quiet{opacity:0}.list-item:hover .side-del.quiet,.side-del.quiet:focus-visible{opacity:1}.side-del.quiet:focus-visible{outline-offset:0}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.side-empty{color:var(--c-muted);font-size:var(--fs-small);padding:4px 10px}.new-list{display:flex;gap:6px;padding:4px 6px 6px;align-items:center}.new-list input{flex:1;min-width:0;background:var(--c-surface-2);border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:6px 8px;font-size:var(--fs-small)}.mini-btn{border:none;border-radius:var(--radius-sm);background:var(--c-primary);color:#fff;padding:6px 10px;font-size:var(--fs-small)}.mini-btn.ghost{background:var(--c-surface-2);color:var(--c-muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;padding:2px 6px 0}.tag-chip{display:inline-flex;align-items:center;gap:6px;background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-text);border-radius:999px;padding:4px 10px;font-size:var(--fs-tiny);transition:transform var(--dur),box-shadow var(--dur)}.tag-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tag-chip.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.tag-chip .side-count{background:transparent;padding:0;min-width:0}.tag-chip.active .side-count{color:#fffc}.side-footer{margin-top:auto;padding-top:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.kbd-hints{display:flex;flex-wrap:wrap;gap:8px;color:var(--c-muted);font-size:var(--fs-tiny)}.theme-btn{background:var(--c-surface-2);border:1px solid var(--c-line);color:var(--c-muted);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--fs-small);text-align:left}.theme-btn:hover{color:var(--c-text)}.scrim{display:none}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);background:color-mix(in srgb,var(--c-bg) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;border-bottom:1px solid transparent}.topbar h1{margin:0;font-size:var(--fs-h1);font-weight:700;line-height:1.1}.topbar-sub{display:block;color:var(--c-muted);font-size:var(--fs-small);text-transform:capitalize}.menu-btn{display:none}.search-btn{margin-left:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-muted);border-radius:var(--radius-sm);transition:color var(--dur),background var(--dur),border-color var(--dur)}.icon-btn:hover{color:var(--c-text);border-color:color-mix(in srgb,var(--c-text) 20%,var(--c-line))}.icon-btn.small{width:26px;height:26px;border:none;background:transparent}.icon-btn.danger:hover{color:var(--c-danger);background:var(--c-red-soft)}.content{padding:var(--s-4) var(--s-5) var(--s-6);max-width:860px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-4)}.quickadd{display:flex;align-items:center;gap:var(--s-2);background:var(--c-surface);border:2px solid var(--c-line);border-radius:var(--radius-lg);padding:4px 6px 4px var(--s-4);box-shadow:var(--shadow-sm);transition:border-color var(--dur),box-shadow var(--dur)}.quickadd:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-primary) 16%,transparent),var(--shadow-md)}.quickadd.error{border-color:var(--c-danger);animation:shake .3s}@keyframes shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}}.quickadd-plus{color:var(--c-primary);display:inline-flex}.quickadd input{flex:1;min-width:0;border:none;background:none;padding:10px 4px;font-size:.98rem}.quickadd input:focus-visible{outline:none}.quickadd input::placeholder{color:var(--c-muted)}.quickadd-go{border:none;background:var(--c-primary);color:#fff;font-weight:600;padding:8px 16px;border-radius:var(--radius);font-size:var(--fs-small);transition:background var(--dur),transform var(--dur)}.quickadd-go:hover{background:var(--c-primary-strong)}.filter-chips{display:flex;gap:var(--s-2)}.chip{border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-muted);border-radius:999px;padding:6px 16px;font-size:var(--fs-small);transition:all var(--dur)}.chip:hover{color:var(--c-text)}.chip.on{background:var(--c-text);border-color:var(--c-text);color:var(--c-bg);font-weight:600}.task-groups{display:flex;flex-direction:column;gap:var(--s-4)}.group-head{display:flex;align-items:baseline;gap:var(--s-2);padding:0 2px var(--s-2)}.group-head h2{margin:0;font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-muted)}.group-count{font-size:var(--fs-tiny);color:var(--c-muted);background:var(--c-surface-2);border-radius:999px;padding:0 8px}.task-list{display:flex;flex-direction:column;gap:var(--s-2)}.task-row{display:flex;align-items:flex-start;gap:var(--s-3);background:var(--c-surface);border:1px solid var(--c-line);border-left-width:3px;border-radius:var(--radius);padding:var(--s-3) var(--s-3);box-shadow:var(--shadow-sm);transition:border-color var(--dur),box-shadow var(--dur),transform var(--dur),opacity var(--dur)}.task-row:focus-visible{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 25%,transparent),var(--shadow-sm)}.task-row:hover{border-color:color-mix(in srgb,var(--c-text) 15%,var(--c-line))}.task-row.prio-alta{border-left-color:var(--c-danger)}.task-row.prio-media{border-left-color:var(--c-accent)}.task-row.done{opacity:.62}.task-row.done .task-title{text-decoration:line-through;color:var(--c-muted)}.check{flex-shrink:0;width:24px;height:24px;margin-top:1px;border-radius:8px;border:2px solid var(--c-line);background:var(--c-surface);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur),border-color var(--dur),transform .12s}.check:hover{border-color:var(--c-primary)}.check.on{background:var(--c-ok);border-color:var(--c-ok)}.check:active{transform:scale(.85)}.task-body{flex:1;min-width:0;cursor:pointer;border-radius:var(--radius-sm)}.task-title{font-size:.98rem;font-weight:550;word-break:break-word}.task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:5px;font-size:var(--fs-tiny)}.due-chip,.prio-chip,.list-chip,.more-tags{border-radius:999px;padding:2px 9px;font-weight:600;letter-spacing:.01em}.due-chip.overdue{background:var(--c-red-soft);color:var(--c-red)}.due-chip.today{background:var(--c-amber-soft);color:var(--c-amber)}.due-chip.soon{background:var(--c-surface-2);color:var(--c-muted)}.prio-chip.alta{background:var(--c-red-soft);color:var(--c-red)}.prio-chip.media{background:var(--c-amber-soft);color:var(--c-amber)}.list-chip{display:inline-flex;align-items:center;gap:5px;background:var(--c-surface-2)}.tag-chip.inline{border:none;background:var(--c-surface-2);padding:2px 8px}.more-tags{color:var(--c-muted);background:var(--c-surface-2)}.row-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--dur);flex-shrink:0}.task-row:hover .row-actions,.task-row:focus-within .row-actions{opacity:1}.empty-wrap{padding:var(--s-6) 0}.empty{text-align:center;color:var(--c-muted);padding:var(--s-6) var(--s-4)}.empty p{margin:0 0 var(--s-4);font-size:1.02rem}.syntax-hint{color:var(--c-muted);font-size:var(--fs-tiny);text-align:center;border-top:1px dashed var(--c-line);padding-top:var(--s-3);margin:var(--s-2) 0 0}.syntax-hint code{background:var(--c-surface-2);padding:1px 6px;border-radius:5px;font-size:.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius);padding:10px 18px;font-size:var(--fs-body);font-weight:600;transition:transform var(--dur),opacity var(--dur),background var(--dur)}.btn:active{transform:scale(.97)}.btn.primary-btn{background:var(--c-primary);color:#fff}.btn.primary-btn:hover{background:var(--c-primary-strong)}.btn.primary-btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost-btn{background:var(--c-surface-2);color:var(--c-text);border:1px solid var(--c-line)}.btn.danger-btn{background:var(--c-red-soft);color:var(--c-danger)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1973;z-index:60;display:flex;justify-content:flex-end;animation:fadeIn var(--dur) var(--ease)}@keyframes fadeIn{0%{opacity:0}}.drawer{width:min(440px,100%);background:var(--c-surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;animation:slideIn var(--dur) var(--ease)}@keyframes slideIn{0%{transform:translate(40px);opacity:0}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--c-line)}.drawer-head h2{margin:0;font-size:1.2rem}.drawer-form{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-small);font-weight:600;color:var(--c-muted)}.field-label .dim{font-weight:400;font-style:normal}.field input[type=text],.field textarea,.field select,.drawer input[type=date]{width:100%;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);padding:10px 12px;font-size:var(--fs-body);transition:border-color var(--dur),box-shadow var(--dur)}.field input:focus,.field textarea:focus,.field select:focus,.drawer input[type=date]:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 16%,transparent)}.field textarea{resize:vertical;min-height:70px}.seg-control{display:flex;gap:6px}.seg-btn{flex:1;border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-muted);border-radius:var(--radius);padding:8px 0;font-size:var(--fs-small);font-weight:600;transition:all var(--dur)}.seg-btn:hover{color:var(--c-text)}.seg-btn.on{border-color:transparent}.seg-btn.on.alta{background:var(--c-red-soft);color:var(--c-red)}.seg-btn.on.media{background:var(--c-amber-soft);color:var(--c-amber)}.seg-btn.on.baja{background:var(--c-green-soft);color:var(--c-ok)}.due-picker{display:flex;flex-direction:column;gap:8px}.quick-dates{display:flex;flex-wrap:wrap;gap:6px}.mini-chip{border:1px solid var(--c-line);background:var(--c-surface);border-radius:999px;padding:4px 12px;font-size:var(--fs-tiny);color:var(--c-muted);transition:all var(--dur)}.mini-chip:hover{color:var(--c-text)}.mini-chip.on{background:var(--c-primary-soft);color:var(--c-primary-strong);border-color:color-mix(in srgb,var(--c-primary) 40%,transparent);font-weight:600}.mini-chip.clear{color:var(--c-danger);border-style:dashed}.due-preview{font-size:var(--fs-small);color:var(--c-muted)}.drawer-actions{display:flex;align-items:center;gap:var(--s-2);border-top:1px solid var(--c-line);padding:var(--s-4) var(--s-5);background:var(--c-surface)}.spacer{flex:1}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1980;z-index:70;display:flex;justify-content:center;align-items:flex-start;padding:12vh var(--s-4) var(--s-4);animation:fadeIn .18s var(--ease)}.search-panel{width:min(600px,100%);background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:dropIn .2s var(--ease)}@keyframes dropIn{0%{transform:translateY(-14px);opacity:0}}.search-input-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-line);color:var(--c-muted)}.search-input-row input{flex:1;min-width:0;border:none;background:none;font-size:1.02rem;padding:4px 0}.search-input-row input:focus-visible{outline:none}.search-results{max-height:50vh;overflow-y:auto;padding:var(--s-2)}.search-hint{padding:var(--s-4);color:var(--c-muted);text-align:center;font-size:var(--fs-small)}.result-row{width:100%;display:flex;align-items:center;gap:var(--s-3);background:none;border:none;border-radius:var(--radius);padding:10px 12px;color:var(--c-text);text-align:left;font-size:var(--fs-body)}.result-row.sel{background:var(--c-primary-soft)}.result-row.done .res-title{text-decoration:line-through;color:var(--c-muted)}.res-check{width:20px;height:20px;flex-shrink:0;border:2px solid var(--c-line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff}.res-check.on{background:var(--c-ok);border-color:var(--c-ok)}.res-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-meta{display:flex;gap:8px;align-items:center;font-size:var(--fs-tiny);color:var(--c-muted);flex-shrink:0}.res-list{font-weight:600}.toast{position:fixed;bottom:var(--s-5);left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:var(--s-3);background:var(--c-text);color:var(--c-bg);padding:10px 12px 10px var(--s-4);border-radius:999px;box-shadow:var(--shadow-lg);font-size:var(--fs-small);animation:toastIn var(--dur) var(--ease);max-width:min(92vw,520px)}@keyframes toastIn{0%{transform:translate(-50%,16px);opacity:0}}.toast-action{border:none;background:color-mix(in srgb,var(--c-primary) 60%,#fff 10%);color:#fff;font-weight:700;border-radius:999px;padding:5px 12px;font-size:var(--fs-small);transition:filter var(--dur)}.toast-action:hover{filter:brightness(1.15)}.toast-close{background:none;border:none;color:color-mix(in srgb,var(--c-bg) 60%,transparent);padding:4px}.toast-close:hover{color:var(--c-bg)}@media(max-width:920px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;transform:translate(-102%);height:100vh;box-shadow:none;border-radius:0 20px 20px 0}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-close{display:inline-flex;margin-left:auto}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1980;z-index:40;animation:fadeIn .2s var(--ease)}.menu-btn{display:inline-flex}.content{padding:var(--s-3) var(--s-4) var(--s-6)}.topbar{padding:var(--s-3) var(--s-4)}}@media(max-width:560px){:root{--fs-h1: 1.25rem}.row-actions{opacity:1}.row-actions .icon-btn.small{border:none;background:transparent}.quickadd-go{padding:8px 12px}.drawer{width:100%}.drawer-overlay{align-items:flex-end}.drawer{height:92vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:sheetIn var(--dur) var(--ease)}@keyframes sheetIn{0%{transform:translateY(40px);opacity:0}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}