:root{--bg: #f6f5f2;--surface: #ffffff;--ink: #22302a;--muted: #7c877f;--line: #e6e3dc;--accent: #3b6b5a;--accent-soft: #e3ece7;--amber: #e8a13c;--danger: #c25548;--radius: 14px;--shadow: 0 1px 3px rgba(34, 48, 42, .07), 0 4px 14px rgba(34, 48, 42, .05);--sidebar-w: 210px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}h2{font-size:1.35rem;text-transform:capitalize}h3{font-size:1rem}p{margin:.35em 0}.muted{color:var(--muted)}.small{font-size:.82rem}.error{color:var(--danger);font-size:.9rem}kbd{background:var(--accent-soft);border-radius:5px;padding:1px 6px;font-size:.75rem;font-family:inherit;border:1px solid var(--line)}.count{background:var(--accent-soft);color:var(--accent);border-radius:99px;font-size:.75rem;padding:1px 8px;font-weight:600;vertical-align:middle}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);padding:20px 14px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line);background:var(--bg);z-index:20}.sidebar-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;padding:4px 8px 18px}.nav-btn{display:flex;align-items:center;gap:10px;text-align:left;background:none;border:none;font:inherit;color:var(--ink);padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:500}.nav-btn:hover{background:var(--accent-soft)}.nav-btn.active{background:var(--accent);color:#fff;font-weight:600}.nav-icon{font-size:1.1rem}.capture-btn{margin-top:auto}.content{flex:1;margin-left:var(--sidebar-w);padding:26px 30px 120px;max-width:1280px}.view-head{margin-bottom:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.tabbar,.fab{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-title{margin-bottom:8px}.btn{font:inherit;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 16px;cursor:pointer;font-weight:600;color:var(--ink)}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#315a4c}.btn-danger{color:var(--danger);border-color:#eecdc8}.icon-btn{background:none;border:none;cursor:pointer;font-size:.95rem;padding:4px 6px;border-radius:8px;line-height:1}.icon-btn:hover{background:var(--accent-soft)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:40px;width:min(360px,90vw);display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.login-card input{width:100%}input,textarea,select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{display:flex;flex-direction:column;gap:5px;font-size:.85rem;font-weight:600;color:var(--muted)}label input,label select,label textarea{font-weight:400;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.form-row-3{grid-template-columns:1fr 1fr 1fr}.check-label{flex-direction:row;align-items:center;gap:8px;font-weight:500;color:var(--ink)}.check-label input{width:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#22302a59;z-index:100;display:grid;place-items:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border-radius:18px;padding:22px;width:min(520px,100%);max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.capture-modal textarea{font-size:1.05rem}.capture-tabs{display:flex;gap:8px}.capture-tabs button{font:inherit;border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:6px 16px;cursor:pointer;font-weight:600}.capture-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.capture-opts{display:flex;gap:14px;align-items:center}.capture-opts select{width:auto}.task-card{display:flex;align-items:flex-start;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px;box-shadow:var(--shadow);cursor:grab;touch-action:manipulation}.task-card.dragging{box-shadow:0 12px 32px #0000002e;rotate:2deg;cursor:grabbing}.task-card.done .task-title{text-decoration:line-through;color:var(--muted)}.task-card-main{flex:1;min-width:0;cursor:pointer}.task-title-row{display:flex;gap:6px;align-items:baseline}.task-title{font-weight:600;word-break:break-word}.prio-flag{flex-shrink:0}.task-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.ctx-chip{font-size:.72rem;font-weight:700;color:var(--ctx);background:color-mix(in srgb,var(--ctx) 12%,white);border:1px solid color-mix(in srgb,var(--ctx) 30%,white);padding:1px 8px;border-radius:99px}.meta-chip{font-size:.72rem;color:var(--muted);background:var(--bg);padding:1px 7px;border-radius:99px}.meta-chip.overdue{color:var(--danger);font-weight:700}.task-card-actions{display:flex;flex-direction:column;gap:2px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;align-items:start}.kanban-col{background:#ffffff8c;border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;min-height:220px}.kanban-col.col-over{border-color:var(--accent);background:var(--accent-soft)}.kanban-col-head{margin-bottom:10px}.kanban-col-body{flex:1;min-height:60px}.col-empty{border:2px dashed var(--line);border-radius:10px;padding:18px;text-align:center;color:var(--muted);font-size:.85rem}.col-add-btn{background:none;border:none;font:inherit;color:var(--muted);cursor:pointer;padding:8px;border-radius:8px;text-align:left;font-weight:600}.col-add-btn:hover{background:var(--accent-soft);color:var(--accent)}.col-add-input{margin-top:4px}.today-grid{display:grid;grid-template-columns:minmax(340px,1fr) minmax(320px,420px);gap:16px;align-items:start}.today-side{display:flex;flex-direction:column;gap:14px}.timeline-card{overflow:hidden}.timeline{position:relative;margin-top:8px}.tl-hour{position:absolute;left:0;right:0;border-top:1px solid var(--line)}.tl-hour-label{position:absolute;top:-9px;left:0;font-size:.72rem;color:var(--muted);background:var(--surface);padding-right:6px}.tl-slot{position:absolute;left:52px;right:0;z-index:5;border-radius:8px}.tl-slot.slot-over{background:var(--accent-soft);outline:2px dashed var(--accent)}.slot-time{font-size:.72rem;color:var(--accent);font-weight:700;padding-left:6px}.tl-now{position:absolute;left:44px;right:0;height:2px;background:var(--danger);z-index:6;border-radius:2px}.tl-now:before{content:"";position:absolute;left:-5px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--danger)}.tl-event{position:absolute;left:52px;right:42%;z-index:4;background:#eef1f6;border-left:3px solid #8697b5;border-radius:8px;padding:3px 8px;font-size:.78rem;overflow:hidden;color:#45536e}.tl-task{position:absolute;left:45%;right:4px;z-index:7;background:color-mix(in srgb,var(--ctx) 14%,white);border-left:3px solid var(--ctx);border-radius:8px;padding:3px 8px;font-size:.8rem;overflow:hidden;display:flex;justify-content:space-between;gap:4px;align-items:flex-start}.tl-task.done{opacity:.55}.tl-task.done .tl-task-title{text-decoration:line-through}.tl-task-title{font-weight:600;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.tl-task-btns{display:flex;gap:2px;flex-shrink:0}.tl-task-btns button{border:none;background:#ffffffb3;border-radius:6px;cursor:pointer;font-size:.7rem;padding:1px 5px}.habit-row{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;font:inherit;text-align:left;cursor:pointer;padding:9px 8px;border-radius:10px;color:var(--ink)}.habit-row:hover{background:var(--bg)}.habit-row.checked .habit-name{color:var(--muted)}.habit-emoji{font-size:1.15rem}.habit-name{flex:1;font-weight:500}.habit-stats{display:flex;gap:8px;align-items:center}.streak{font-size:.8rem;font-weight:700;color:var(--amber)}.habit-check{font-size:1.05rem}.pomo-stat-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:.88rem}.pomo-stat-row:first-of-type{border-top:none}.pomo-stat-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.allday-item{font-size:.9rem;padding:2px 0}.notes-add{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.notes-add .btn{align-self:flex-end}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.note-card{display:flex;flex-direction:column;gap:8px}.note-card.pinned{border-color:var(--amber);background:#fdf8ef}.note-content{white-space:pre-wrap;word-break:break-word;flex:1}.note-foot{display:flex;justify-content:space-between;align-items:center}.note-actions{display:flex;gap:2px}.settings-view{display:flex;flex-direction:column;gap:14px;max-width:640px}.settings-view>.btn-primary{align-self:flex-start}.settings-habit-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.pomobar{position:fixed;bottom:16px;left:calc(var(--sidebar-w) + 24px);right:24px;z-index:60;background:var(--ink);color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px #0000004d;max-width:640px;margin:0 auto}.pomobar-short,.pomobar-long{background:#33584a}.pomobar-done{animation:pulse 1.2s ease infinite}@keyframes pulse{50%{transform:scale(1.015)}}.pomobar-progress{position:absolute;top:0;bottom:0;left:0;background:#ffffff1f;transition:width .4s linear}.pomobar-inner{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px}.pomobar-icon{font-size:1.3rem}.pomobar-text{display:flex;align-items:baseline;gap:10px;flex:1;min-width:0}.pomobar-text strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.pomobar-label{opacity:.8;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pomobar-actions{display:flex;gap:6px;align-items:center}.pomobar-actions button{background:#ffffff24;color:#fff;border:none;border-radius:9px;padding:7px 10px;cursor:pointer;font:inherit}.pomobar-actions button:hover{background:#ffffff40}.pomobar-next{font-weight:700}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:6rem;pointer-events:none;z-index:200;animation:pop 1.3s ease forwards}@keyframes pop{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.25);opacity:1}60%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.drag-handle{cursor:grab;color:var(--muted);font-size:1.05rem;line-height:1.3;padding:2px 4px;border-radius:6px;align-self:center;flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none}.drag-handle:hover{background:var(--accent-soft);color:var(--accent)}.drag-handle:active{cursor:grabbing}.task-card{cursor:default;touch-action:auto}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.filter-search{max-width:220px}.filter-bar select{width:auto}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.seg button{font:inherit;border:none;background:none;padding:8px 14px;cursor:pointer;color:var(--muted);font-weight:600;font-size:.85rem}.seg button.active{background:var(--accent);color:#fff}.wip-warning{background:#fdf3e3;border:1px solid #f0d9ac;color:#8a6320;border-radius:10px;padding:8px 14px;margin-bottom:12px;font-size:.9rem}.meta-chip.aging{color:#8a6320;background:#fdf3e3}.snooze-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn-small{padding:5px 12px;font-size:.85rem}.success{color:var(--accent);font-size:.9rem}.date-nav{display:flex;gap:6px}.cal-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}h4{margin:10px 0 6px;font-size:.92rem}.mfa-qr{border:1px solid var(--line);border-radius:12px;width:180px;height:180px}.week-wrap{overflow-x:auto}.week-grid{display:grid;grid-template-columns:44px repeat(7,minmax(110px,1fr));gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px;min-width:860px}.week-gutter{margin-top:78px}.week-gutter-hour{font-size:.7rem;color:var(--muted);text-align:right;padding-right:6px;transform:translateY(-.6em)}.week-col{border-left:1px solid var(--line);min-width:0}.week-col.is-today{background:var(--accent-soft);border-radius:8px}.week-col-head{width:100%;background:none;border:none;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:6px 0 2px;border-radius:8px}.week-col-head:hover{background:var(--accent-soft)}.week-day-name{font-size:.72rem;color:var(--muted);text-transform:uppercase;font-weight:700}.week-day-num{font-size:1.15rem;font-weight:700}.is-today .week-day-num{color:var(--accent)}.week-allday{min-height:40px;padding:2px 3px;display:flex;flex-direction:column;gap:2px}.week-allday-chip,.week-due-chip{font-size:.68rem;padding:1px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-allday-chip{background:#eef1f6;color:#45536e}.week-due-chip{background:#fbeae7;color:var(--danger);font-weight:600}.week-due-chip.done{opacity:.5;text-decoration:line-through}.week-col-body{position:relative}.week-hour-line{position:absolute;left:0;right:0;border-top:1px solid var(--line);opacity:.6}.week-event{position:absolute;left:2px;right:50%;background:#eef1f6;border-left:2px solid #8697b5;border-radius:5px;font-size:.68rem;padding:1px 4px;overflow:hidden;color:#45536e;z-index:2}.week-task{position:absolute;left:51%;right:2px;background:color-mix(in srgb,var(--ctx) 16%,white);border-left:2px solid var(--ctx);border-radius:5px;font-size:.68rem;padding:1px 4px;overflow:hidden;font-weight:600;z-index:3}.week-task.done{opacity:.5;text-decoration:line-through}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.month-head{text-align:center;font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;padding:4px 0}.month-cell{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-height:92px;padding:6px;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;overflow:hidden}.month-cell:hover{border-color:var(--accent)}.month-cell.dim{opacity:.45}.month-cell.is-today{border-color:var(--accent);border-width:2px;background:var(--accent-soft)}.month-daynum{font-weight:700;font-size:.85rem}.is-today .month-daynum{color:var(--accent)}.month-items{display:flex;flex-direction:column;gap:2px;min-width:0}.month-item{font-size:.68rem;border-radius:5px;padding:1px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-item.is-event{background:#eef1f6;color:#45536e}.month-item.is-task{background:color-mix(in srgb,var(--ctx) 16%,white);border-left:2px solid var(--ctx);font-weight:600}.month-item.is-task.done{opacity:.5;text-decoration:line-through}.month-more{font-size:.68rem;color:var(--muted);font-weight:700}.year-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.year-month{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;font:inherit;cursor:pointer;text-align:left}.year-month:hover{border-color:var(--accent)}.year-month-name{font-weight:700;font-size:.85rem;display:block;margin-bottom:8px;text-transform:capitalize}.year-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.year-day{width:100%;aspect-ratio:1;border-radius:4px;background:var(--line);display:inline-block}.year-day.empty{background:transparent}.year-day.lvl-0{background:#ecebe6}.year-day.lvl-1{background:#cfe0d8}.year-day.lvl-2{background:#9dc4b3}.year-day.lvl-3{background:#63997f}.year-day.lvl-4{background:var(--accent)}.year-day.is-today{outline:2px solid var(--amber);outline-offset:1px}.year-legend{grid-column:1 / -1;display:flex;gap:4px;align-items:center}.year-legend .year-day{width:12px;aspect-ratio:1}.focus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:#22302a;color:#fff;text-align:center}.focus-short,.focus-long{background:#2c4a3e}.focus-overlay .focus-kind{font-size:1rem;opacity:.75;margin:0}.focus-task{font-size:clamp(1.3rem,3.5vw,2.2rem);max-width:700px;margin:0;line-height:1.25}.focus-ring-wrap{position:relative;color:var(--amber)}.focus-short .focus-ring-wrap,.focus-long .focus-ring-wrap{color:#8fd0b7}.focus-time{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:3.4rem;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}.focus-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.focus-btn{background:#ffffff1a;border-color:#fff3;color:#fff}.focus-btn:hover{border-color:#ffffff80}.focus-btn-primary{background:var(--amber);border-color:var(--amber);color:#22302a;font-weight:700}.focus-close{position:absolute;top:18px;right:18px;background:none;border:none;color:#fff9;font-size:1.4rem;cursor:pointer;padding:8px}.focus-close:hover{color:#fff}.focus-cycles{opacity:.7;margin:0}@media(max-width:980px){.today-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(4,78vw);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.kanban-col{scroll-snap-align:start}}@media(max-width:760px){.sidebar{display:none}.content{margin-left:0;padding:18px 14px 150px}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--surface);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;font:inherit;font-size:.7rem;color:var(--muted);padding:6px 4px;border-radius:10px;cursor:pointer}.tab-btn.active{color:var(--accent);font-weight:700}.tab-icon{font-size:1.25rem}.fab{display:grid;place-items:center;position:fixed;right:18px;bottom:84px;z-index:55;width:54px;height:54px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.7rem;cursor:pointer;box-shadow:0 8px 24px #3b6b5a73}.pomobar{left:10px;right:10px;bottom:78px}.kanban{grid-template-columns:repeat(4,86vw)}.form-row,.form-row-3{grid-template-columns:1fr}}