:root{--ground: #efeee9;--panel: #ffffff;--panel-2: #f6f5f1;--hover: rgba(27, 27, 24, .05);--chip: #ffffff;--fio: rgba(27, 27, 24, .09);--fio-2: rgba(27, 27, 24, .16);--tx: #1b1b18;--tx2: rgba(27, 27, 24, .62);--tx3: rgba(27, 27, 24, .42);--ac: #b8661e;--ac-on: #ffffff;--ac-soft: rgba(184, 102, 30, .12);--prim-bg: #1b1b18;--prim-tx: #f6f5f2;--ok: #2e8a57;--danger: #b03a30;--p1: #c8473c;--p2: #c77a1e;--p3: #3d6fd6;--p4: rgba(27, 27, 24, .42);--violet: #7a55c7;--neutral: #9a968c;--tint: 14%;--grain: .035;--shadow: 0 1px 2px rgba(27, 27, 24, .04), 0 10px 30px rgba(27, 27, 24, .06);--shadow-pop: 0 24px 60px rgba(27, 27, 24, .18), 0 2px 8px rgba(27, 27, 24, .08);--sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--pill: 999px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #1f1f22;--panel: #28282c;--panel-2: #303035;--hover: rgba(242, 240, 234, .06);--chip: #34343a;--fio: rgba(242, 240, 234, .09);--fio-2: rgba(242, 240, 234, .16);--tx: #f2f0ea;--tx2: rgba(242, 240, 234, .64);--tx3: rgba(242, 240, 234, .42);--ac: #e9a15b;--ac-on: #1e1e22;--ac-soft: rgba(233, 161, 91, .16);--prim-bg: #f2f0ea;--prim-tx: #1e1e22;--ok: #5bbf8a;--danger: #e0675a;--p1: #ef6f5e;--p2: #e9a15b;--p3: #7fa6f2;--p4: rgba(242, 240, 234, .42);--violet: #b195f0;--neutral: #8a867e;--tint: 24%;--grain: .05;--shadow: none;--shadow-pop: 0 24px 60px rgba(0, 0, 0, .55);color-scheme:dark}}:root[data-theme=dark]{--ground: #1f1f22;--panel: #28282c;--panel-2: #303035;--hover: rgba(242, 240, 234, .06);--chip: #34343a;--fio: rgba(242, 240, 234, .09);--fio-2: rgba(242, 240, 234, .16);--tx: #f2f0ea;--tx2: rgba(242, 240, 234, .64);--tx3: rgba(242, 240, 234, .42);--ac: #e9a15b;--ac-on: #1e1e22;--ac-soft: rgba(233, 161, 91, .16);--prim-bg: #f2f0ea;--prim-tx: #1e1e22;--ok: #5bbf8a;--danger: #e0675a;--p1: #ef6f5e;--p2: #e9a15b;--p3: #7fa6f2;--p4: rgba(242, 240, 234, .42);--violet: #b195f0;--neutral: #8a867e;--tint: 24%;--grain: .05;--shadow: none;--shadow-pop: 0 24px 60px rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--fio-2) transparent}html,body,#root{height:100%;margin:0}body{background:var(--ground);color:var(--tx);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:var(--grain);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.spacer{flex:1}.row{display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}kbd{font:10.5px/1 var(--mono);padding:3px 6px;border:1px solid var(--fio-2);border-radius:6px;color:var(--tx3)}@keyframes rise{0%{transform:translateY(8px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.tasks-root,.mail-root,.notes-root,.board-root{height:100%}[hidden]{display:none!important}.shell{display:flex;flex-direction:column;height:100%}.shell-body{flex:1;min-height:0}.topbar{display:flex;align-items:center;flex:none;height:46px;padding:8px 16px 0 10px}.brand-menu{position:relative}.brand-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 8px;border-radius:var(--r-sm)}.brand-btn:hover,.brand-btn[aria-expanded=true]{background:var(--hover)}.brand-btn b{font:700 12px/1 var(--sans);letter-spacing:.34em}.brand-btn i{width:6px;height:6px;border-radius:50%;background:var(--ac)}.brand-btn span{font-size:13.5px;letter-spacing:.04em;color:var(--tx2)}.brand-btn svg{color:var(--tx3)}.brand-list{position:absolute;top:calc(100% + 6px);left:0;z-index:80;min-width:150px;padding:5px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--fio);box-shadow:var(--shadow-pop)}.brand-list a{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border-radius:var(--r-sm);font-size:13.5px;letter-spacing:.04em;color:var(--tx2)}.brand-list a:hover{background:var(--hover);color:var(--tx)}.brand-list a.on{color:var(--tx);font-weight:600}.topbar-hint{margin-left:auto}.palette-layer{position:fixed;inset:0;z-index:90;display:flex;justify-content:center;padding:12vh 16px 16px;background:#00000040}.palette{width:min(560px,100%);max-height:62vh;display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--fio);box-shadow:var(--shadow-pop);overflow:hidden}.palette input{width:100%;height:48px;padding:0 18px;border:0;outline:0;background:none;font-size:15px;border-bottom:1px solid var(--fio)}.palette ul{margin:0;padding:6px;list-style:none;overflow-y:auto}.palette li button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;padding:6px 12px;border-radius:var(--r-sm);text-align:left}.palette li button.on{background:var(--hover)}.login{display:grid;place-items:center;height:100%;padding:16px}.login-card{display:flex;flex-direction:column;gap:12px;width:min(340px,100%);padding:26px 24px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--fio);box-shadow:var(--shadow)}.login-card input{width:100%;border:1px solid var(--fio-2);border-radius:var(--r-sm);padding:8px 10px;background:var(--panel-2);font-weight:500}.login-card .wordmark{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px}.login-card .wordmark b{font:700 12px/1 var(--sans);letter-spacing:.34em}.login-card .brand-dot{width:7px;height:7px;border-radius:50%;background:var(--ac)}.login-card .btn{height:32px;border-radius:var(--pill);font-weight:600;font-size:13px;background:var(--prim-bg);color:var(--prim-tx)}.login-card .btn:disabled{opacity:.4;cursor:default}.login-card .form-error{margin:0;font-size:12.5px;color:var(--danger)}.tasks-root .side-section,.tasks-root .allday-label,.tasks-root .field-label,.tasks-root .day-wd,.tasks-root .week-meta,.tasks-root .ctx-label,.tasks-root .form-field span{font-family:var(--mono);font-weight:500;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em}.tasks-root .app{display:grid;grid-template-columns:260px minmax(0,1fr);height:100%;padding:12px 12px 12px 8px;gap:8px}.tasks-root .app.collapsed{grid-template-columns:minmax(0,1fr);padding-left:12px}.tasks-root .main{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.tasks-root .panel{flex:1;min-height:0;min-width:0;overflow:hidden;background:var(--panel);border-radius:var(--r-lg);border:1px solid var(--fio);box-shadow:var(--shadow)}.tasks-root .expand-btn{position:absolute;top:14px;left:14px;z-index:5}.tasks-root .app.collapsed .upcoming-head{padding-left:62px}.tasks-root .scrim{display:none}@media(max-width:760px){.tasks-root .app{grid-template-columns:minmax(0,1fr);padding:8px}.tasks-root .sidebar{position:fixed;inset:46px auto 0 0;width:min(300px,85vw);z-index:40;background:var(--ground);box-shadow:var(--shadow-pop);padding:12px 8px}.tasks-root .scrim{display:block;position:fixed;inset:0;background:#0f0f1166;z-index:39}}.tasks-root .sidebar{padding:6px 4px 4px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0}.tasks-root .side-top{display:flex;align-items:center;gap:0;padding:8px 0 18px 10px}.tasks-root .side-top .icon-btn{width:28px;height:28px}.tasks-root .wordmark{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px;letter-spacing:.34em;text-transform:uppercase;white-space:nowrap;min-width:0}.tasks-root .wordmark-dot{width:6px;height:6px;border-radius:50%;background:var(--ac);display:block;flex:none}.tasks-root .wordmark-sub{font-weight:400;color:var(--tx2);text-transform:none;letter-spacing:.04em;font-size:13.5px}.tasks-root .icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--pill);color:var(--tx2);position:relative;flex:none}.tasks-root .icon-btn:hover,.tasks-root .icon-btn.on{background:var(--hover);color:var(--tx)}.tasks-root .icon-btn.small{width:26px;height:26px}.tasks-root .icon-btn.attention:after{content:"";position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--ac)}.tasks-root .side-search{display:flex;align-items:center;gap:8px;height:38px;margin:0 4px 10px;padding:0 12px;border-radius:var(--pill);background:var(--panel);border:1px solid var(--fio-2);color:var(--tx3)}.tasks-root .side-search:focus-within{border-color:var(--tx3)}.tasks-root .side-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--tx);font-size:14px}.tasks-root .side-search button{color:var(--tx3);display:grid;place-items:center}.tasks-root .nav-item{display:flex;align-items:center;gap:12px;height:38px;padding:0 10px;border-radius:var(--r-md);color:var(--tx2);width:100%;text-align:left;font-size:14.5px;font-weight:500}.tasks-root .nav-item svg{flex:none}.tasks-root .nav-item:hover{background:var(--hover);color:var(--tx)}.tasks-root .nav-item.active{background:var(--chip);color:var(--tx);font-weight:600;box-shadow:var(--shadow)}.tasks-root .nav-item.muted{color:var(--tx3)}.tasks-root .nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-root .count{color:var(--tx3);font:11px var(--mono);font-variant-numeric:tabular-nums}.tasks-root .side-section{margin:22px 0 6px;padding:0 10px;color:var(--tx3)}.tasks-root .project-item{display:flex;align-items:center;gap:2px}.tasks-root .project-item .nav-item{flex:1;min-width:0}.tasks-root .group-dot{width:9px;height:9px;margin:0 5px}.tasks-root .add-in-group{color:var(--tx2);opacity:0}.tasks-root .project-item:hover .add-in-group,.tasks-root .add-in-group:focus-visible{opacity:1}.tasks-root .add-in-group:hover{background:var(--hover);color:var(--tx)}.tasks-root .chevron{color:var(--tx3)}.tasks-root .chevron svg{transition:transform .18s ease}.tasks-root .chevron.open svg{transform:rotate(90deg)}.tasks-root .ghost-link{display:flex;align-items:center;gap:12px;height:36px;padding:0 10px;color:var(--tx3);text-align:left;border-radius:var(--r-md)}.tasks-root .ghost-link:hover{color:var(--tx);background:var(--hover)}.tasks-root .side-bottom{margin-top:auto;padding-top:10px;border-top:1px solid var(--fio)}.tasks-root .side-bottom .nav-item{height:32px;font-size:13px;color:var(--tx3)}.tasks-root .side-bottom .nav-item:hover{color:var(--tx)}.tasks-root .sync-item.error{color:var(--danger)}.tasks-root .side-tasks{display:flex;flex-direction:column;margin:2px 0 8px 22px;padding-left:8px;border-left:1px solid var(--fio-2)}.tasks-root .side-section+.side-tasks{margin-left:4px;border-left:0;padding-left:0}.tasks-root .side-tasks-empty{margin:0 0 6px 32px;padding:4px 0;font-size:12px;color:var(--tx3)}.tasks-root .side-task{display:flex;align-items:center;gap:9px;min-height:32px;padding:5px 8px;border-radius:var(--r-sm);font-size:13.5px;cursor:grab;min-width:0;color:var(--tx2)}.tasks-root .side-task:hover{background:var(--hover);color:var(--tx)}.tasks-root .side-task:active{cursor:grabbing}.tasks-root .side-task .check{width:15px;height:15px;margin:0}.tasks-root .side-task-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-root .side-subtasks{display:flex;flex-direction:column;margin:0 0 4px 16px;padding-left:6px;border-left:1px solid var(--fio)}.tasks-root .side-task .sub-add{display:none;width:22px;height:22px}.tasks-root .side-task:hover .sub-add{display:inline-flex}.tasks-root .sub-count{flex:none;display:inline-flex;align-items:center;gap:2px;height:20px;padding:0 3px;border-radius:var(--r-sm);font:10.5px var(--mono);color:var(--tx3)}.tasks-root .sub-count:hover{background:var(--hover);color:var(--tx)}.tasks-root .sub-count svg{transition:transform .15s}.tasks-root .sub-count svg.open{transform:rotate(90deg)}.tasks-root .subtask-input{width:100%;height:30px;margin:2px 0;padding:0 8px;border:1px solid var(--fio-2);border-radius:var(--r-sm);background:var(--panel-2);font-size:13px}.tasks-root .detail-subtasks{margin-top:22px}.tasks-root .detail-subtasks .subtask-row{display:flex;align-items:center;gap:10px;min-height:34px;border-bottom:1px solid var(--fio)}.tasks-root .detail-subtasks .subtask-row .check{width:15px;height:15px;margin:0}.tasks-root .detail-subtasks .subtask-row button.title{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-root .detail-subtasks .subtask-row.done button.title{color:var(--tx3);text-decoration:line-through}.tasks-root .detail-subtasks .subtask-input{margin-top:8px}.tasks-root .detail-parent{display:inline-block;margin-bottom:10px;font-size:12.5px;color:var(--tx3)}.tasks-root .detail-parent:hover{color:var(--tx)}.tasks-root .side-task-group{display:block;font-size:11px;color:var(--tx3);overflow:hidden;text-overflow:ellipsis}.tasks-root .side-task-due{flex:none;font:10.5px var(--mono);max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-root .project-form{display:flex;flex-direction:column;gap:10px;padding:12px;margin:4px 0 8px;border:1px solid var(--fio);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow)}.tasks-root .project-form>input{border:1px solid var(--fio-2);border-radius:var(--r-sm);padding:8px 10px;background:var(--panel-2);font-weight:500}.tasks-root .color-row{display:flex;flex-wrap:wrap;gap:7px}.tasks-root .swatch{width:18px;height:18px;border-radius:50%;outline-offset:2px}.tasks-root .swatch.active{outline:2px solid var(--tx)}.tasks-root .form-field{display:flex;flex-direction:column;gap:5px}.tasks-root .form-field span{color:var(--tx3)}.tasks-root .form-field select{border:1px solid var(--fio-2);border-radius:var(--r-sm);padding:6px 8px;background:var(--panel-2);font-size:13px}.tasks-root .form-extra{border-top:1px solid var(--fio);padding-top:8px}.tasks-root .link-btn{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--tx2);padding:2px 0}.tasks-root .link-btn:hover{color:var(--tx)}.tasks-root .link-btn.danger{color:var(--danger)}.tasks-root .btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:var(--pill);border:1px solid var(--fio-2);font-weight:600;font-size:13px;white-space:nowrap}.tasks-root .btn:hover{background:var(--hover)}.tasks-root .btn-primary{background:var(--prim-bg);border-color:var(--prim-bg);color:var(--prim-tx)}.tasks-root .btn-primary:hover{background:var(--prim-bg);filter:brightness(1.1)}.tasks-root .btn-primary:disabled{opacity:.35;cursor:not-allowed}.tasks-root .btn-danger{color:var(--danger);border-color:transparent}.tasks-root .btn-danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.tasks-root .btn-danger-solid:hover{background:var(--danger);filter:brightness(1.08)}.tasks-root .link{color:var(--ac);font-size:13px;font-weight:600}.tasks-root .link:hover{text-decoration:underline}.tasks-root .check{flex:none;width:18px;height:18px;border-radius:50%;margin-top:1px;border:1.5px solid var(--p4);color:transparent;display:grid;place-items:center;transition:background .12s,color .12s}.tasks-root .check.prio-1{border-color:var(--p1);background:color-mix(in srgb,var(--p1) 12%,transparent)}.tasks-root .check.prio-2{border-color:var(--p2);background:color-mix(in srgb,var(--p2) 12%,transparent)}.tasks-root .check.prio-3{border-color:var(--p3);background:color-mix(in srgb,var(--p3) 12%,transparent)}.tasks-root .check.prio-4{background:color-mix(in srgb,var(--p4) 22%,transparent)}.tasks-root .check:hover{color:var(--tx2)}.tasks-root .check.prio-1:hover{color:var(--p1)}.tasks-root .check.prio-2:hover{color:var(--p2)}.tasks-root .check.prio-3:hover{color:var(--p3)}.tasks-root .check.done{background:var(--tx3);border-color:transparent;color:var(--panel)}.tasks-root .check.done.prio-1{background:var(--p1)}.tasks-root .check.done.prio-2{background:var(--p2)}.tasks-root .check.done.prio-3{background:var(--p3)}.tasks-root .due-overdue{color:var(--danger)}.tasks-root .due-today{color:var(--ok)}.tasks-root .due-tomorrow{color:var(--ac)}.tasks-root .due-week{color:var(--violet)}.tasks-root .due-later{color:var(--tx3)}.tasks-root .prio-text-1{color:var(--p1)}.tasks-root .prio-text-2{color:var(--p2)}.tasks-root .prio-text-3{color:var(--p3)}.tasks-root .prio-text-4{color:var(--tx2)}.tasks-root .quick-add{display:flex;flex-direction:column;gap:6px}.tasks-root .qa-inline{border:1px solid var(--fio-2);border-radius:var(--r-md);padding:12px 14px;margin:8px 0;background:var(--panel)}.tasks-root .qa-modal{padding:18px 18px 14px}.tasks-root .qa-field{position:relative}.tasks-root .qa-mirror,.tasks-root .qa-input{font:600 17px/28px var(--sans);padding:2px 0 4px;margin:0;border:0;letter-spacing:-.01em;white-space:pre;width:100%}.tasks-root .qa-mirror{position:absolute;inset:0;color:transparent;overflow:hidden;pointer-events:none}.tasks-root .qa-input{position:relative;background:transparent;outline:0;display:block}.tasks-root .qa-input::placeholder{color:var(--tx3);font-weight:500}.tasks-root .tok{--tok: var(--ac);color:transparent;border-radius:5px;background:color-mix(in srgb,var(--tok) 22%,transparent)}.tasks-root .tok-date,.tasks-root .tok-time,.tasks-root .tok-duration,.tasks-root .tok-recurrence{--tok: var(--ok)}.tasks-root .tok-priority{--tok: var(--p2)}.tasks-root .tok-project{--tok: var(--ac)}.tasks-root .tok-label{--tok: var(--violet)}.tasks-root .tok-reminder{--tok: var(--p3)}.tasks-root .qa-desc{border:0;outline:0;background:none;resize:none;color:var(--tx2);font-size:13.5px;padding:0}.tasks-root .qa-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.tasks-root .qa-chips:empty{display:none}.tasks-root .chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--fio-2);border-radius:var(--pill);padding:3px 10px;font-size:12px;font-weight:500;white-space:nowrap}.tasks-root .chip-date{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border-color:transparent}.tasks-root .chip-prio{background:color-mix(in srgb,currentColor 12%,transparent);border-color:transparent}.tasks-root .chip-label{color:var(--violet);background:color-mix(in srgb,var(--violet) 12%,transparent);border-color:transparent}.tasks-root .qa-hint{color:var(--tx3);font-size:12px}.tasks-root .qa-footer{display:flex;align-items:center;gap:8px;border-top:1px solid var(--fio);padding-top:12px;margin-top:8px}.tasks-root .project-select{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:var(--pill);background:var(--panel-2);border:1px solid var(--fio)}.tasks-root .project-select select{border:0;background:none;outline:0;font-size:13px;font-weight:500;max-width:200px}.tasks-root .suggest{position:absolute;top:calc(100% + 6px);left:-6px;z-index:30;min-width:240px;max-width:340px;background:var(--panel);border:1px solid var(--fio-2);border-radius:var(--r-md);box-shadow:var(--shadow-pop);padding:5px;display:flex;flex-direction:column}.tasks-root .suggest-item{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--r-sm);text-align:left;font-size:13px}.tasks-root .suggest-item.active{background:var(--hover)}.tasks-root .suggest-item b{font-weight:700}.tasks-root .modal-backdrop{position:fixed;inset:0;background:#0f0f116b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.tasks-root .modal-backdrop.top{align-items:flex-start;padding-top:14vh}.tasks-root .modal{background:var(--panel);border:1px solid var(--fio);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);width:min(580px,100%)}.tasks-root .modal.detail{width:min(860px,100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.tasks-root .detail-head{display:flex;align-items:center;gap:4px;padding:10px 12px;border-bottom:1px solid var(--fio)}.tasks-root .detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:0;overflow:auto}.tasks-root .detail-main{padding:22px 26px 28px;min-width:0}.tasks-root .detail-title{display:flex;gap:12px;align-items:flex-start}.tasks-root .detail-title .check{margin-top:8px}.tasks-root .title-input{flex:1;border:0;outline:0;resize:none;font-size:26px;font-weight:700;letter-spacing:-.035em;line-height:1.15;background:none;padding:0;field-sizing:content}.tasks-root .desc-input{width:100%;border:0;outline:0;resize:vertical;background:none;color:var(--tx2);padding:12px 0 0 30px;field-sizing:content;min-height:60px}.tasks-root .detail-side{background:var(--panel-2);padding:18px;border-left:1px solid var(--fio);display:flex;flex-direction:column;gap:14px}.tasks-root .field-label{color:var(--tx3);margin-bottom:6px}.tasks-root .field input,.tasks-root .field select{height:34px;border:1px solid var(--fio-2);background:var(--panel);border-radius:var(--r-sm);padding:0 10px;font-size:13px;width:100%;min-width:0}.tasks-root .field .row input,.tasks-root .field .row select{width:auto;flex:1}.tasks-root .field .project-select{width:100%;border-radius:var(--r-sm);background:var(--panel)}.tasks-root .field .project-select select{border:0;background:none;padding:0;flex:1;max-width:none;height:auto}.tasks-root .field input.invalid{border-color:var(--danger)}.tasks-root .hint{font-size:11.5px;color:var(--tx3);margin-top:4px}.tasks-root .hint.error{color:var(--danger)}.tasks-root .prio-picker{display:flex;gap:4px}.tasks-root .prio-btn{flex:1;height:32px;border:1px solid var(--fio-2);border-radius:var(--pill);font:600 11.5px var(--mono);background:var(--panel)}.tasks-root .prio-btn.active{border-color:currentColor;background:color-mix(in srgb,currentColor 12%,var(--panel))}.tasks-root .confirm-dialog{width:min(420px,100%);padding:22px 22px 16px}.tasks-root .confirm-dialog p{margin:0 0 20px;font-size:16px;font-weight:500;line-height:1.45;letter-spacing:-.01em}@media(max-width:700px){.tasks-root .detail-grid{grid-template-columns:minmax(0,1fr)}.tasks-root .detail-side{border-left:0;border-top:1px solid var(--fio)}}.tasks-root .toasts{position:fixed;left:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:60}.tasks-root .toast{display:flex;align-items:center;gap:16px;background:var(--prim-bg);color:var(--prim-tx);padding:11px 16px;border-radius:var(--r-md);box-shadow:var(--shadow-pop);font-size:13px;font-weight:500;max-width:min(420px,calc(100vw - 40px));animation:rise .2s ease-out}.tasks-root .toast button{color:var(--ac);font-weight:700}@media(prefers-reduced-motion:reduce){.tasks-root .toast{animation:none}.tasks-root .chevron svg{transition:none}}.tasks-root .upcoming{display:flex;flex-direction:column;height:100%}.tasks-root .upcoming-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:22px 20px 18px 24px}.tasks-root .month-title{font-weight:700;font-size:clamp(28px,3vw,46px);line-height:.95;letter-spacing:-.045em;margin:0}.tasks-root .week-meta{color:var(--tx3)}.tasks-root .focus-chip{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px 0 12px;border-radius:var(--pill);background:var(--prim-bg);color:var(--prim-tx);font-size:13px;font-weight:600}.tasks-root .focus-chip svg{opacity:.6}.tasks-root .focus-chip:hover svg{opacity:1}.tasks-root .cal-nav{display:flex;align-items:center;height:34px;border:1px solid var(--fio-2);border-radius:var(--pill);padding:2px}.tasks-root .cal-nav button{height:28px;padding:0 12px;border-radius:var(--pill);color:var(--tx2);font-size:13px;font-weight:600;display:grid;place-items:center}.tasks-root .cal-nav button:hover{background:var(--hover);color:var(--tx)}.tasks-root .select-days select{height:34px;border:1px solid var(--fio-2);background:transparent;border-radius:var(--pill);padding:0 12px;font-size:13px;font-weight:600}.tasks-root .cal-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior-x:contain}.tasks-root .cal-canvas{--hour: 60px;min-height:100%}.tasks-root .cal-head{position:sticky;top:0;z-index:6;background:var(--panel)}.tasks-root .cal-row{display:grid;grid-template-columns:var(--gutter) repeat(var(--total),var(--colw))}.tasks-root .cal-head .gutter{position:sticky;left:0;z-index:2;background:var(--panel)}.tasks-root .cal-days{border-top:1px solid var(--fio)}.tasks-root .day-label{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:4px;padding:10px;min-width:0}.tasks-root .day-num{font-weight:600;font-size:clamp(18px,1.7vw,26px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;padding:3px 0;border-radius:var(--pill)}.tasks-root .day-wd{color:var(--tx3)}.tasks-root .day-label.today .day-num{background:var(--ac);color:var(--ac-on);padding:3px 9px;margin-left:-9px}.tasks-root .day-label.today .day-wd{color:var(--ac)}.tasks-root .cal-allday{border-top:1px solid var(--fio);border-bottom:1px solid var(--fio);min-height:38px}.tasks-root .allday-label{letter-spacing:.06em;white-space:nowrap;color:var(--tx3);text-align:right;padding:13px 8px 0 0;font-size:9.5px}.tasks-root .allday-cell{border-left:1px solid var(--fio);padding:5px;display:flex;flex-direction:column;gap:3px;cursor:cell;min-width:0}.tasks-root .holiday{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;background:repeating-linear-gradient(135deg,transparent 0 5px,var(--fio) 5px 6px);box-shadow:inset 0 0 0 1px var(--fio)}.tasks-root .allday-task{--g: var(--neutral);display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;min-width:0;background:color-mix(in srgb,var(--g) var(--tint),var(--panel));box-shadow:inset 3px 0 0 var(--g)}.tasks-root .allday-task .check{width:13px;height:13px;margin:0}.tasks-root .allday-task.projected{background:transparent;box-shadow:inset 0 0 0 1px var(--fio-2)}.tasks-root .cal-body{display:grid;grid-template-columns:var(--gutter) minmax(0,1fr)}.tasks-root .hours{position:sticky;left:0;z-index:5;background:var(--panel)}.tasks-root .hour-label{position:absolute;right:10px;transform:translateY(-50%);font:10.5px var(--mono);color:var(--tx3)}.tasks-root .cal-cols{display:grid;grid-template-columns:repeat(var(--total),var(--colw));position:relative;isolation:isolate;background-image:repeating-linear-gradient(to bottom,var(--fio) 0 1px,transparent 1px var(--hour))}.tasks-root .cal-col{position:relative;border-left:1px solid var(--fio);cursor:cell}.tasks-root .cal-col.today{background:color-mix(in srgb,var(--ac) 4%,transparent)}.tasks-root .now-line{position:absolute;left:-1px;right:0;height:2px;background:var(--ac);z-index:3;pointer-events:none}.tasks-root .now-line:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--ac)}.tasks-root .ev{--g: var(--neutral);position:absolute;border-radius:var(--r-sm);padding:6px 8px 6px 10px;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-size:12.5px;z-index:1;background:color-mix(in srgb,var(--g) var(--tint),var(--panel));box-shadow:inset 3px 0 0 var(--g);transition:opacity .15s,filter .15s}.tasks-root .ev:hover{z-index:20!important;box-shadow:inset 3px 0 0 var(--g),0 4px 14px #0000001f}.tasks-root .ev.stacked{box-shadow:inset 3px 0 0 var(--g),0 0 0 2px var(--panel)}.tasks-root .ev.stacked:hover{box-shadow:inset 3px 0 0 var(--g),0 0 0 2px var(--panel),0 4px 14px #0000001f}.tasks-root .ev.dragging{cursor:grabbing;z-index:10;box-shadow:inset 3px 0 0 var(--g),0 10px 26px #00000038}.tasks-root .ev.projected{background:transparent;box-shadow:inset 0 0 0 1px var(--fio-2);cursor:pointer;color:var(--tx2)}.tasks-root .ev.dim,.tasks-root .allday-task.dim{opacity:.3;filter:saturate(.35)}.tasks-root .ev.dim:hover,.tasks-root .allday-task.dim:hover{opacity:.85;filter:none}.tasks-root .ev-top{display:flex;align-items:flex-start;gap:6px}.tasks-root .ev .check{width:13px;height:13px;margin-top:2px;background:var(--panel)}.tasks-root .ev-title{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tasks-root .ev-flag{flex:none;margin-top:1px}.tasks-root .allday-task .ev-title{-webkit-line-clamp:1}.tasks-root .ev-time{display:flex;align-items:center;gap:5px;font:10.5px var(--mono);color:var(--tx2);margin:3px 0 0 19px}.tasks-root .ev.compact{display:flex;align-items:center;gap:6px;padding-top:2px;padding-bottom:2px}.tasks-root .ev.compact .ev-top{flex:1;min-width:0;align-items:center}.tasks-root .ev.compact .ev-title{-webkit-line-clamp:1}.tasks-root .ev.compact .ev-time{margin:0;white-space:nowrap}.tasks-root .ev-resize{position:absolute;left:0;right:0;bottom:0;height:7px;cursor:ns-resize}.tasks-root .drop-ghost{position:absolute;left:3px;right:3px;z-index:4;pointer-events:none;border-radius:var(--r-sm);padding:6px 9px;border:1.5px dashed var(--ac);background:var(--ac-soft);font-size:12.5px;display:flex;flex-direction:column;overflow:hidden}.tasks-root .drop-ghost .ev-time{margin:3px 0 0}.tasks-root .allday-cell.drop-target{background:var(--ac-soft);outline:1.5px dashed var(--ac);outline-offset:-3px;border-radius:6px}@media(max-width:760px){.tasks-root .upcoming-head{padding:16px 12px 12px}.tasks-root .day-label{padding:8px 6px}}.tasks-root .ctx-menu{position:fixed;z-index:70;width:256px;max-height:calc(100vh - 16px);overflow-y:auto;background:var(--panel);border:1px solid var(--fio-2);border-radius:14px;box-shadow:var(--shadow-pop);padding:6px;display:flex;flex-direction:column;gap:1px;font-size:13.5px}.tasks-root .ctx-title{padding:8px 9px;font-size:15px;font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-root .ctx-item{display:flex;align-items:center;gap:10px;height:34px;padding:0 9px;border-radius:var(--r-sm);text-align:left;width:100%;font-weight:500}.tasks-root .ctx-item svg{color:var(--tx2);flex:none}.tasks-root .ctx-item:hover,.tasks-root .ctx-item:focus-visible{background:var(--hover);outline:none}.tasks-root .ctx-item.on{font-weight:700}.tasks-root .ctx-item.danger,.tasks-root .ctx-item.danger svg{color:var(--danger)}.tasks-root .ctx-grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-root .ctx-sep{height:1px;background:var(--fio);margin:5px 4px}.tasks-root .ctx-label{display:flex;align-items:center;gap:6px;padding:8px 9px 5px;color:var(--tx3)}.tasks-root .ctx-row{display:flex;flex-wrap:wrap;gap:4px;padding:0 7px 5px}.tasks-root .ctx-pill{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border:1px solid var(--fio-2);border-radius:var(--pill);font-size:12px;font-weight:600}.tasks-root .ctx-pill:hover{background:var(--hover)}.tasks-root .ctx-pill.on{background:var(--prim-bg);border-color:var(--prim-bg);color:var(--prim-tx)}.tasks-root .ctx-prio{font:600 11px var(--mono)}.tasks-root .ctx-prio.on{background:color-mix(in srgb,currentColor 14%,transparent);border-color:currentColor;color:inherit}.tasks-root .ctx-groups{display:flex;flex-direction:column;max-height:190px;overflow-y:auto}.tasks-root .badge{position:absolute;top:-1px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--pill);background:var(--p1);color:#fff;font:600 10px/16px var(--mono);text-align:center}.tasks-root .notif-panel{width:320px}.tasks-root .notif-panel .side-tasks{margin:0 0 4px;padding:0;border:0}.tasks-root .notif-panel .side-task{cursor:grab}.tasks-root .ctx-label.notif-urgent{color:var(--p1)}.tasks-root .notif-empty{margin:0;padding:2px 9px 8px;font-size:12.5px;color:var(--tx3)}.tasks-root .notif-hint{margin:4px 9px 6px;font-size:11.5px;color:var(--tx3)}.tasks-root .project-item{position:relative}.tasks-root .project-item.drop-before:before,.tasks-root .project-item.drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:var(--ac);pointer-events:none}.tasks-root .project-item.drop-before:before{top:-1px}.tasks-root .project-item.drop-after:after{bottom:-1px}.tasks-root .project-item.dragging{opacity:.45}.tasks-root .kind-toggle{display:inline-flex;height:32px;padding:2px;border-radius:var(--pill);border:1px solid var(--fio-2)}.tasks-root .kind-toggle button{display:inline-flex;align-items:center;gap:5px;padding:0 11px;border-radius:var(--pill);font-size:12.5px;font-weight:600;color:var(--tx3)}.tasks-root .kind-toggle button:hover{color:var(--tx)}.tasks-root .kind-toggle button.on{background:var(--prim-bg);color:var(--prim-tx)}.tasks-root .kind-toggle.wide{display:flex;width:100%}.tasks-root .kind-toggle.wide button{flex:1;justify-content:center}.tasks-root .pin{flex:none;color:var(--tx2)}.tasks-root .ev .pin{color:var(--g);filter:brightness(.8)}.tasks-root .side-task .pin{color:var(--tx3)}.tasks-root .group-dot-btn{display:grid;place-items:center;width:20px;height:20px;margin:0 2px 0 0;border-radius:50%;cursor:pointer;flex:none}.tasks-root .group-dot-btn:hover{background:var(--hover)}.tasks-root .group-dot-btn .group-dot{margin:0;background:var(--dot);box-shadow:inset 0 0 0 1.5px var(--dot);transition:background .15s}.tasks-root .group-dot-btn.off .group-dot{background:transparent}.tasks-root .nav-item.hidden-group .nav-label{color:var(--tx3)}.tasks-root .check.unscheduled{background:transparent;border-style:dashed}.tasks-root .side-section.with-action{display:flex;align-items:center;justify-content:space-between;padding-right:4px}.tasks-root .side-section.with-action .icon-btn{color:var(--tx3)}.tasks-root .side-section.with-action .icon-btn:hover{color:var(--tx)}.tasks-root .cal-row-item{cursor:default}.tasks-root .cal-row-item:hover{background:none}.tasks-root .muted-label{color:var(--tx3)}.tasks-root .cal-error{color:var(--danger);display:grid;place-items:center}.tasks-root .cal-error-text{color:var(--danger)}.tasks-root .meeting-line{cursor:default}.tasks-root .form-help{margin:0;font-size:11.5px;line-height:1.45;color:var(--tx3)}.tasks-root .form-help b{color:var(--tx2);font-weight:600}.tasks-root .project-form>input+input{font-family:var(--mono);font-size:12px}.tasks-root .someday-input{margin:2px 4px 6px;height:34px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--fio-2);background:var(--panel);font-size:13.5px;outline:0}.tasks-root .someday-input:focus{border-color:var(--tx3)}.tasks-root .someday-empty{margin-left:10px;line-height:1.4}.tasks-root .ev.meeting,.tasks-root .allday-task.meeting{text-align:left;cursor:pointer;font:inherit;color:inherit;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--g) calc(var(--tint) + 4%),var(--panel)) 0 6px,color-mix(in srgb,var(--g) var(--tint),var(--panel)) 6px 12px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g) 45%,transparent)}.tasks-root .ev.meeting.stacked{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g) 45%,transparent),0 0 0 2px var(--panel)}.tasks-root .ev.meeting .ev-time{margin-left:19px}.tasks-root .meeting-ico{flex:none;margin-top:2px;color:var(--g);filter:brightness(.8)}.tasks-root .allday-task.meeting{border:0;width:100%}.tasks-root .meeting-card{width:320px;gap:4px}.tasks-root .mc-line{display:flex;align-items:center;gap:8px;padding:2px 9px;font-size:13px;color:var(--tx2)}.tasks-root .mc-cal{font-weight:600;color:var(--tx)}.tasks-root .mc-join{margin:8px 9px 4px;gap:8px;height:36px}.tasks-root .mc-desc{margin:6px 9px 2px;font-size:12.5px;line-height:1.45;color:var(--tx2);white-space:pre-line;max-height:140px;overflow:auto}.tasks-root .mc-hint{margin:6px 9px 4px;font-size:11px;color:var(--tx3)}.tasks-root .project-item.drop-into,.tasks-root .side-section.drop-into{box-shadow:inset 0 0 0 1.5px var(--ac);background:var(--ac-soft);border-radius:var(--r-md)}.tasks-root .section-title{display:flex;align-items:center;gap:6px;min-width:0;margin-left:-6px}.tasks-root .section-name{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;padding:2px 0}.tasks-root .section-name:hover,.tasks-root .section-head.focused .section-name{color:var(--tx)}.tasks-root .section-list .side-tasks{margin-left:4px;border-left:0;padding-left:0}.tasks-root .section-list .side-tasks-empty{margin-left:10px}