@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #1a1d1e;--ink-soft: #6b7280;--ink-faint: #9ca3af;--paper: #ffffff;--paper-soft: #fafaf9;--line: #ececeb;--late: #c2410c;--radius: 8px}*{box-sizing:border-box}body{margin:0;font-family:Inter Variable,-apple-system,SF Pro Text,system-ui,sans-serif;font-size:15px;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input{font:inherit;color:inherit}.page{max-width:720px;margin:0 auto;padding:40px 20px 96px}.topbar{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px}.topbar h1{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0}.brand{color:var(--ink-faint);font-weight:500}.user{font-size:13px;color:var(--ink-soft)}.user-out{color:var(--ink-faint)}.user:hover .user-out{color:var(--ink-soft)}.addbar input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-soft);outline:none;transition:border-color .15s}.addbar input:focus{border-color:#c7c7c5;background:var(--paper)}.addbar input::placeholder{color:var(--ink-faint)}.filters{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:18px 0 8px}.filter-group{display:flex;flex-wrap:wrap;gap:2px}.filter-group button{padding:5px 10px;font-size:13px;color:var(--ink-soft);border-radius:6px;display:inline-flex;align-items:center;gap:6px}.filter-group button:hover{color:var(--ink)}.filter-group button.on{color:var(--ink);background:#f1f1ef;font-weight:500}.dot{width:7px;height:7px;border-radius:50%;background:var(--dept, var(--ink-faint));display:inline-block}.dept-add{padding:5px 9px;font-size:14px;color:var(--ink-faint);border-radius:6px}.dept-add:hover{color:var(--ink);background:#f1f1ef}.dept-add-form input{border:none;border-bottom:1px solid var(--line);outline:none;padding:5px 2px;font-size:13px;background:transparent;width:160px}.dept-drag{color:transparent;cursor:grab;font-size:10px;margin-right:8px;-webkit-user-select:none;user-select:none}.group h2:hover .dept-drag{color:var(--ink-faint)}.group h2.drop-before-dept{box-shadow:0 -2px 0 0 var(--ink-faint)}.dept-gear{margin-left:8px;color:transparent;font-size:11px}.group h2:hover .dept-gear{color:var(--ink-faint)}.dept-gear:hover{color:var(--ink-soft)!important}.dept-edit{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--line)}.dept-edit input[type=color]{width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:5px;background:none;cursor:pointer}.dept-edit-label{border:none;border-bottom:1px solid var(--line);outline:none;font-size:13px;font-weight:600;padding:2px;background:transparent}.dept-btn{font-size:12px;color:var(--ink-soft);padding:3px 8px;border:1px solid var(--line);border-radius:6px}.dept-btn.danger{color:var(--late)}.group{margin-top:30px}.group h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dept, var(--ink-soft));margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--line)}.group ul{list-style:none;margin:0;padding:0}.empty{color:var(--ink-faint);font-size:13px;margin:10px 0 0}.task-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-radius:6px}.task-row:hover{background:var(--paper-soft)}.check{display:flex;flex-shrink:0;padding:2px}.title{flex:1;min-width:0;cursor:text;overflow-wrap:anywhere}.is-done>.task-row .title{color:var(--ink-faint);text-decoration:line-through;text-decoration-color:var(--line)}.title-edit{flex:1;border:none;border-bottom:1px solid var(--line);outline:none;padding:0 0 1px;background:transparent}.meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.due-wrap{position:relative}.due{font-size:12.5px;color:var(--ink-soft);cursor:pointer}.due.is-late{color:var(--late)}.due-empty{color:transparent}.task-row:hover .due-empty{color:var(--ink-faint)}.popover-backdrop{position:fixed;inset:0;z-index:30}.popover{position:absolute;top:26px;right:-8px;z-index:31;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 8px 28px #14181814}.popover-clear{display:block;width:100%;margin-top:6px;padding:7px;font-size:12.5px;color:var(--ink-soft);border-top:1px solid var(--line);text-align:center}.popover-clear:hover{color:var(--late)}.popover .rdp-root{--rdp-accent-color: #1d9ba1;--rdp-accent-background-color: #e9f5f6;--rdp-today-color: #1d9ba1;--rdp-day-width: 32px;--rdp-day-height: 32px;--rdp-day_button-width: 30px;--rdp-day_button-height: 30px;--rdp-nav_button-width: 28px;--rdp-nav_button-height: 28px;font-size:13px}.popover .rdp-month_caption{font-size:13.5px;font-weight:600}.popover .rdp-weekday{font-size:11px;color:var(--ink-faint);font-weight:500}.popover .rdp-chevron{fill:var(--ink-soft);width:14px;height:14px}.sub-toggle{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--ink-faint);padding:2px 6px;border-radius:6px}.sub-toggle:hover{color:var(--ink-soft);background:#f1f1ef}.sub-toggle .chev{display:inline-block;transition:transform .12s}.sub-toggle.open .chev{transform:rotate(90deg)}.assignee{font-size:12.5px;color:var(--ink-soft);padding:2px 8px;border:1px solid var(--line);border-radius:999px}.assignee:hover{border-color:#d4d4d2}.ghost{color:transparent;font-size:15px;width:20px;text-align:center}.task-row:hover .ghost{color:var(--ink-faint)}.task-row .ghost:hover{color:var(--ink-soft)}.task-row .ghost.danger:hover{color:var(--late)}.add-row{display:flex;align-items:center;gap:10px;padding:7px 4px}.add-row-circle{width:20px;text-align:center;color:var(--ink-faint);font-size:14px;flex-shrink:0;padding-left:20px}.add-row input{flex:1;border:none;outline:none;background:transparent;padding:2px 0}.add-row input::placeholder{color:var(--ink-faint);opacity:.7}.drag-handle{color:transparent;cursor:grab;font-size:11px;width:14px;flex-shrink:0;-webkit-user-select:none;user-select:none}.task-row:hover .drag-handle{color:var(--ink-faint)}.task.is-dragging{opacity:.35}.task.drop-before{box-shadow:0 -2px 0 0 var(--ink-faint)}.group ul ul.subtasks,ul.subtasks{list-style:none;margin:0;padding-left:54px}.is-sub .task-row{padding-top:5px;padding-bottom:5px;font-size:14px}.is-sub .check svg{width:14px;height:14px}.sub-form{padding-left:54px}.sub-form input{width:100%;border:none;border-bottom:1px solid var(--line);outline:none;padding:4px 2px;font-size:14px;background:transparent}.done-group{margin-top:44px}.done-toggle{font-size:13px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px}.chev{display:inline-block;transition:transform .12s;color:var(--ink-faint)}.chev.open{transform:rotate(90deg)}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px}.login-title{font-size:18px;font-weight:600;margin:0 0 14px;text-align:center}.login-brand{color:var(--ink-faint);font-weight:500}.login-google{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);font-weight:500;background:var(--paper);transition:border-color .15s}.login-google:hover{border-color:#c7c7c5}.login-error{color:var(--late);font-size:13px;margin:0;text-align:center}@media(max-width:560px){.page{padding:24px 14px 80px}.filters{flex-direction:column;gap:4px}.task-row{padding-top:12px;padding-bottom:12px}.ghost,.due-empty{color:var(--ink-faint)}}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}