:root{--bg-0:#0c0e14;--bg-1:#111420;--bg-2:#171b28;--bg-3:#1d2133;--bg-4:#242840;--surface:#1a1e2e;--surface-hover:#1f2438;--surface-active:#242840;--border:#ffffff0f;--border-md:#ffffff1a;--border-strong:#ffffff29;--text-0:#f2f4f8;--text-1:#c0c6d4;--text-2:#7e8799;--text-3:#4a5168;--text-disabled:#333748;--accent:#6c74ff;--accent-dim:#6c74ff1f;--accent-glow:#6c74ff40;--accent-hover:#7c83ff;--green:#3ecf8e;--green-dim:#3ecf8e1f;--red:#f06472;--red-dim:#f064721f;--amber:#f5a623;--amber-dim:#f5a6231f;--blue:#4da6ff;--blue-dim:#4da6ff1f;--purple:#b07cff;--purple-dim:#b07cff1f;--cat-personal-color:#b07cff;--cat-personal-bg:#b07cff14;--cat-work-color:#4da6ff;--cat-work-bg:#4da6ff14;--cat-shopping-color:#f5a623;--cat-shopping-bg:#f5a62314;--cat-other-color:#3ecf8e;--cat-other-bg:#3ecf8e14;--pri-high-color:#f06472;--pri-medium-color:#f5a623;--pri-low-color:#7e8799;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display:"Playfair Display", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--sidebar-w:240px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-accent:0 0 0 3px var(--accent-dim);--ease:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--t-fast:.12s var(--ease);--t-base:.2s var(--ease);--t-slow:.35s var(--ease)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-0);color:var(--text-0);min-height:100vh;line-height:1.5;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-dim);color:var(--accent-hover)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.app{grid-template-columns:var(--sidebar-w) 1fr;max-width:1200px;min-height:100vh;animation:mountFade .4s var(--ease) both;margin:0 auto;display:grid}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:20px 0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:8px;padding:0 16px 16px;display:flex}.sidebar__brand-icon{background:linear-gradient(135deg, var(--accent), #8c42ff);border-radius:var(--radius-md);color:#fff;width:32px;height:32px;box-shadow:0 2px 8px var(--accent-glow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__brand-name{color:var(--text-0);letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.sidebar__brand-tagline{color:var(--text-3);font-size:.6875rem;font-weight:400}.sidebar__progress-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0 12px 4px;padding:12px 14px}.sidebar__progress-header{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:10px;font-size:.6875rem;font-weight:500;display:flex}.sidebar__progress-header svg{color:var(--accent)}.sidebar__progress-numbers{align-items:baseline;gap:3px;margin-bottom:10px;display:flex}.sidebar__progress-done{color:var(--text-0);letter-spacing:-.03em;font-size:1.5rem;font-weight:700;line-height:1}.sidebar__progress-sep{color:var(--text-3);font-size:1rem}.sidebar__progress-total{color:var(--text-2);font-size:1rem;font-weight:500}.sidebar__progress-label{color:var(--text-3);margin-left:4px;font-size:.6875rem}.sidebar__progress-bar-track{background:var(--border-md);border-radius:var(--radius-full);height:3px;margin-bottom:6px;overflow:hidden}.sidebar__progress-bar-fill{background:linear-gradient(90deg, var(--accent), #8c42ff);border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease)}.sidebar__progress-pct{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:600}.sidebar__nav{flex-shrink:0;padding:0 8px}.sidebar__nav-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;padding:12px 8px 6px;font-size:.625rem;font-weight:600}.sidebar__nav-item{border-radius:var(--radius-md);width:100%;color:var(--text-2);transition:all var(--t-fast);text-align:left;align-items:center;gap:8px;padding:7px 10px;font-size:.8125rem;font-weight:450;display:flex;position:relative}.sidebar__nav-item:hover{background:var(--surface-hover);color:var(--text-1)}.sidebar__nav-item--active{background:var(--surface-active);color:var(--text-0);font-weight:500}.sidebar__nav-item--active:before{content:"";background:var(--cat-color,var(--accent));border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__nav-icon{opacity:.7;flex-shrink:0}.sidebar__nav-item--active .sidebar__nav-icon{opacity:1}.sidebar__nav-text{flex:1}.sidebar__nav-badge{border-radius:var(--radius-full);background:var(--border-md);min-width:18px;height:18px;color:var(--text-2);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 5px;font-size:.625rem;font-weight:600;display:flex}.sidebar__nav-item--active .sidebar__nav-badge{background:var(--accent-dim);color:var(--accent-hover)}.sidebar__stats{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-around;align-items:center;margin:8px 12px 4px;padding:12px 8px;display:flex}.sidebar__stat{text-align:center}.sidebar__stat-value{color:var(--text-0);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:3px;font-size:1.0625rem;font-weight:700;line-height:1;display:block}.sidebar__stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.625rem;font-weight:500}.sidebar__stat-divider{background:var(--border);width:1px;height:28px}.sidebar__clear{color:var(--text-3);border-radius:var(--radius-md);border:1px solid var(--border);width:calc(100% - 24px);transition:all var(--t-base);align-items:center;gap:7px;margin:4px 12px 0;padding:7px 12px;font-size:.75rem;font-weight:450;display:flex}.sidebar__clear:hover{color:var(--red);background:var(--red-dim);border-color:#f0647240}.sidebar__clear svg{flex-shrink:0}.sidebar__footer{border-top:1px solid var(--border);margin-top:auto;padding:12px 16px 4px}.sidebar__shortcut{color:var(--text-3);align-items:center;gap:6px;font-size:.6875rem;display:flex}kbd{font-family:var(--font-mono);background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--radius-xs);color:var(--text-2);letter-spacing:.02em;padding:2px 5px;font-size:.625rem}.main-panel{background:var(--bg-0);flex-direction:column;min-height:100vh;padding:24px 32px;display:flex;overflow-y:auto}.main-panel__topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.main-panel__title-row{align-items:center;gap:10px;display:flex}.main-panel__title{color:var(--text-0);letter-spacing:-.02em;font-size:1.375rem;font-weight:600;line-height:1.2}.main-panel__count-badge{border-radius:var(--radius-full);background:var(--accent-dim);color:var(--accent-hover);font-variant-numeric:tabular-nums;padding:3px 8px;font-size:.6875rem;font-weight:500}.main-panel__topbar-actions{align-items:center;gap:8px;display:flex}.main-panel__search-wrap{align-items:center;display:flex;position:relative}.main-panel__search-icon{color:var(--text-3);pointer-events:none;position:absolute;left:10px}.main-panel__search{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-1);width:200px;transition:all var(--t-base);outline:none;padding:7px 12px 7px 32px;font-size:.8125rem}.main-panel__search::placeholder{color:var(--text-3)}.main-panel__search:focus{border-color:var(--accent);width:240px;box-shadow:var(--shadow-accent);background:var(--bg-3)}.main-panel__filters{border-bottom:1px solid var(--border);align-items:center;gap:4px;margin-bottom:16px;padding-bottom:12px;display:flex}.main-panel__filter-btn{border-radius:var(--radius-md);color:var(--text-2);transition:all var(--t-fast);padding:5px 12px;font-size:.8125rem;font-weight:450}.main-panel__filter-btn:hover{background:var(--surface-hover);color:var(--text-1)}.main-panel__filter-btn--active{background:var(--surface-active);color:var(--text-0);font-weight:500}.main-panel__progress-pill{border-radius:var(--radius-full);background:var(--bg-2);border:1px solid var(--border);align-items:center;width:80px;height:22px;margin-left:auto;display:flex;position:relative;overflow:hidden}.main-panel__progress-pill-fill{background:linear-gradient(90deg, var(--accent-dim), #6c74ff33);transition:width .6s var(--ease);position:absolute;top:0;bottom:0;left:0}.main-panel__progress-pill-label{z-index:1;text-align:center;width:100%;color:var(--accent-hover);font-variant-numeric:tabular-nums;font-size:.625rem;font-weight:600;position:relative}.main-panel__input-row{align-items:stretch;gap:8px;margin-bottom:8px;display:flex}.main-panel__input-wrap{background:var(--bg-2);border:1px solid var(--border-md);border-radius:var(--radius-md);transition:all var(--t-base);flex:1;align-items:center;display:flex;position:relative}.main-panel__input-wrap:focus-within{border-color:var(--accent);box-shadow:var(--shadow-accent);background:var(--bg-3)}.main-panel__input-icon{color:var(--text-3);pointer-events:none;transition:color var(--t-fast);position:absolute;left:12px}.main-panel__input-wrap:focus-within .main-panel__input-icon{color:var(--accent)}.main-panel__input{color:var(--text-0);background:0 0;border:none;outline:none;flex:1;padding:11px 44px 11px 38px;font-size:.9375rem}.main-panel__input::placeholder{color:var(--text-3);font-weight:300}.main-panel__options-toggle{color:var(--text-3);border-left:1px solid var(--border);height:100%;transition:all var(--t-fast);flex-shrink:0;align-items:center;gap:3px;padding:0 12px;font-size:.75rem;display:flex}.main-panel__options-toggle:hover{color:var(--text-1)}.main-panel__options-toggle--open{color:var(--accent)}.main-panel__options-toggle svg:last-child{transition:transform var(--t-fast)}.main-panel__options-toggle--open svg:last-child{transform:rotate(180deg)}.main-panel__submit{background:var(--accent);color:#fff;border-radius:var(--radius-md);transition:all var(--t-fast);letter-spacing:.01em;white-space:nowrap;padding:0 20px;font-size:.875rem;font-weight:500}.main-panel__submit:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow)}.main-panel__submit:active{transform:scale(.97)}.main-panel__options{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);animation:expandDown .2s var(--ease) both;gap:24px;margin-bottom:16px;padding:12px 16px;display:flex}.main-panel__option-group{flex-direction:column;gap:6px;display:flex}.main-panel__option-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:.6875rem;font-weight:600}.main-panel__option-pills{flex-wrap:wrap;gap:6px;display:flex}.main-panel__option-pill{border-radius:var(--radius-full);color:var(--text-2);background:var(--bg-3);border:1px solid var(--border);transition:all var(--t-fast);padding:4px 10px;font-size:.75rem;font-weight:450}.main-panel__option-pill:hover{border-color:var(--border-md);color:var(--text-1)}.main-panel__option-pill--cat-personal.main-panel__option-pill--active{background:var(--cat-personal-bg);color:var(--cat-personal-color);border-color:#b07cff4d}.main-panel__option-pill--cat-work.main-panel__option-pill--active{background:var(--cat-work-bg);color:var(--cat-work-color);border-color:#4da6ff4d}.main-panel__option-pill--cat-shopping.main-panel__option-pill--active{background:var(--cat-shopping-bg);color:var(--cat-shopping-color);border-color:#f5a6234d}.main-panel__option-pill--cat-other.main-panel__option-pill--active{background:var(--cat-other-bg);color:var(--cat-other-color);border-color:#3ecf8e4d}.main-panel__option-pill--pri-high.main-panel__option-pill--active{background:var(--red-dim);color:var(--red);border-color:#f064724d}.main-panel__option-pill--pri-medium.main-panel__option-pill--active{background:var(--amber-dim);color:var(--amber);border-color:#f5a6234d}.main-panel__option-pill--pri-low.main-panel__option-pill--active{background:var(--green-dim);color:var(--green);border-color:#3ecf8e4d}.task-list{flex-direction:column;flex:1;gap:4px;margin-top:4px;display:flex}.task-list__group{margin-bottom:4px}.task-list__group-header{align-items:center;gap:8px;margin-bottom:2px;padding:6px 4px;display:flex}.task-list__group-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.task-list__group-dot--personal{background:var(--cat-personal-color)}.task-list__group-dot--work{background:var(--cat-work-color)}.task-list__group-dot--shopping{background:var(--cat-shopping-color)}.task-list__group-dot--other{background:var(--cat-other-color)}.task-list__group-name{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-size:.6875rem;font-weight:600}.task-list__group-count{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.6875rem}.task-list__group-items{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.task-list__empty{text-align:center;animation:mountFade .4s var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.task-list__empty-icon{border-radius:var(--radius-xl);background:var(--bg-2);border:1px solid var(--border);justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;animation:4s ease-in-out infinite floatGently;display:flex}.task-list__empty-icon img{object-fit:contain;opacity:.5;width:52px;height:52px}.task-list__empty-title{color:var(--text-2);margin-bottom:4px;font-size:.9375rem;font-weight:500}.task-list__empty-sub{color:var(--text-3);font-size:.8125rem;font-weight:300}.task-item{transition:background var(--t-fast);animation:slideInTask .25s var(--ease) both;cursor:default;align-items:center;gap:12px;padding:10px 16px 10px 0;display:flex;position:relative}.task-item+.task-item{border-top:1px solid var(--border)}.task-item:hover{background:var(--surface-hover)}.task-item--exit{animation:slideOutTask .32s var(--ease) forwards}.task-item__priority-stripe{opacity:.7;border-radius:0 2px 2px 0;flex-shrink:0;align-self:stretch;width:3px}.task-item--pri-high .task-item__priority-stripe{background:var(--red)}.task-item--pri-medium .task-item__priority-stripe{background:var(--amber)}.task-item--pri-low .task-item__priority-stripe{background:var(--border-strong)}.task-item__check{cursor:pointer;flex-shrink:0;position:relative}.task-item__check input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute}.task-item__check-box{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);width:20px;height:20px;transition:all var(--t-base);color:#fff;background:0 0;justify-content:center;align-items:center;display:flex}.task-item__check input:hover+.task-item__check-box{border-color:var(--accent)}.task-item--done .task-item__check-box{background:var(--green);border-color:var(--green);box-shadow:0 0 8px var(--green-dim);animation:checkBounce .3s var(--ease-spring)}.task-item__content{flex:1;min-width:0}.task-item__text{color:var(--text-0);transition:all var(--t-base);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:400;line-height:1.4;display:block;overflow:hidden}.task-item--done .task-item__text{color:var(--text-disabled);text-decoration:line-through;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3);text-decoration-thickness:1px}.task-item__meta{align-items:center;gap:8px;margin-top:3px;display:flex}.task-item__priority-badge{border-radius:var(--radius-full);align-items:center;gap:3px;padding:1px 6px;font-size:.6875rem;font-weight:500;display:inline-flex}.task-item__priority-badge--high{color:var(--red);background:var(--red-dim)}.task-item__priority-badge--medium{color:var(--amber);background:var(--amber-dim)}.task-item__priority-badge--low{color:var(--text-3);background:var(--bg-3)}.task-item__time{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.6875rem}.task-item__delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-3);opacity:0;transition:all var(--t-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:scale(.85)}.task-item:hover .task-item__delete{opacity:1;transform:scale(1)}.task-item__delete:hover{background:var(--red-dim);color:var(--red)}@keyframes mountFade{0%{opacity:0}to{opacity:1}}@keyframes expandDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInTask{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutTask{to{opacity:0;max-height:0;transform:translate(32px)scaleY(0)}}@keyframes checkBounce{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes floatGently{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=768px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;gap:8px;height:auto;padding:12px 16px;position:static}.sidebar__brand{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar__progress-card,.sidebar__stats,.sidebar__footer{display:none}.sidebar__nav{flex-wrap:wrap;gap:4px;padding:0;display:flex}.sidebar__nav-label{display:none}.sidebar__nav-item{width:auto}.sidebar__clear{width:auto;margin:0}.main-panel{padding:16px}.main-panel__topbar{flex-direction:column}.main-panel__search,.main-panel__search:focus{width:100%}.main-panel__input-row{flex-wrap:wrap}.main-panel__input-wrap{min-width:100%}.main-panel__options{flex-direction:column;gap:12px}}@media (width<=420px){.main-panel{padding:12px}.main-panel__title{font-size:1.125rem}}