:root{--standalone-color-oklab: min(l, .5);--blue-1: #99c1f1;--blue-2: #62a0ea;--blue-3: #3584e4;--blue-4: #1c71d8;--blue-5: #1a5fb4;--green-1: #8ff0a4;--green-2: #57e389;--green-3: #33d17a;--green-4: #2ec27e;--green-5: #26a269;--yellow-1: #f9f06b;--yellow-2: #f8e45c;--yellow-3: #f6d32d;--yellow-4: #f5c211;--yellow-5: #e5a50a;--orange-1: #ffbe6f;--orange-2: #ffa348;--orange-3: #ff7800;--orange-4: #e66100;--orange-5: #c64600;--red-1: #f66151;--red-2: #ed333b;--red-3: #e01b24;--red-4: #c01c28;--red-5: #a51d2d;--purple-1: #dc8add;--purple-2: #c061cb;--purple-3: #9141ac;--purple-4: #813d9c;--purple-5: #613583;--brown-1: #cdab8f;--brown-2: #b5835a;--brown-3: #986a44;--brown-4: #865e3c;--brown-5: #63452c;--light-1: #fff;--light-2: #f6f5f4;--light-3: #deddda;--light-4: #c0bfbc;--light-5: #9a9996;--dark-1: #77767b;--dark-2: #5e5c64;--dark-3: #3d3846;--dark-4: #241f31;--dark-5: #000;--accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab) a b);--accent-blue: #3584e4;--accent-teal: #2190a4;--accent-green: #3a944a;--accent-yellow: #c88800;--accent-orange: #ed5b00;--accent-red: #e62d42;--accent-pink: #d56199;--accent-purple: #9141ac;--accent-slate: #6f8396;--destructive-bg-color: #e01b24;--destructive-fg-color: #fff;--destructive-color: #c30000;--success-bg-color: #2ec27e;--success-fg-color: #fff;--success-color: #007c3d;--warning-bg-color: #e5a50a;--warning-fg-color: rgb(0 0 0 / 80%);--warning-color: #905400;--error-bg-color: #e01b24;--error-fg-color: #fff;--error-color: #c30000;--window-bg-color: #fafafb;--window-fg-color: rgb(0 0 6 / 80%);--view-bg-color: #fff;--view-fg-color: rgb(0 0 6 / 80%);--headerbar-bg-color: #fff;--headerbar-fg-color: rgb(0 0 6 / 80%);--headerbar-border-color: rgb(0 0 6 / 80%);--headerbar-backdrop-color: #fafafb;--headerbar-shade-color: rgb(0 0 6 / 12%);--headerbar-darker-shade-color: rgb(0 0 6 / 12%);--sidebar-bg-color: #ebebed;--sidebar-fg-color: rgb(0 0 6 / 80%);--sidebar-backdrop-color: #f2f2f4;--sidebar-border-color: rgb(0 0 6 / 7%);--sidebar-shade-color: rgb(0 0 6 / 7%);--secondary-sidebar-bg-color: #f3f3f5;--secondary-sidebar-fg-color: rgb(0 0 6 / 80%);--secondary-sidebar-backdrop-color: #f6f6fa;--secondary-sidebar-border-color: rgb(0 0 6 / 7%);--secondary-sidebar-shade-color: rgb(0 0 6 / 7%);--card-bg-color: #fff;--card-fg-color: rgb(0 0 6 / 80%);--card-shade-color: rgb(0 0 6 / 7%);--overview-bg-color: #f3f3f5;--overview-fg-color: rgb(0 0 6 / 80%);--thumbnail-bg-color: #fff;--thumbnail-fg-color: rgb(0 0 6 / 80%);--active-toggle-bg-color: #fff;--active-toggle-fg-color: rgb(0 0 6 / 80%);--dialog-bg-color: #fafafb;--dialog-fg-color: rgb(0 0 6 / 80%);--popover-bg-color: #fff;--popover-fg-color: rgb(0 0 6 / 80%);--popover-shade-color: rgb(0 0 6 / 7%);--shade-color: rgb(0 0 6 / 7%);--scrollbar-outline-color: #fff;--window-radius: 12px;--border-opacity: 15%;--dim-opacity: 55%;--disabled-opacity: 50%;--border-color: color-mix(in srgb, currentcolor var(--border-opacity), transparent)}@media (prefers-color-scheme: dark){:root{--standalone-color-oklab: max(l, .85);--destructive-bg-color: #c01c28;--destructive-fg-color: #fff;--destructive-color: #ff938c;--success-bg-color: #26a269;--success-fg-color: #fff;--success-color: #78e9ab;--warning-bg-color: #cd9309;--warning-fg-color: rgb(0 0 0 / 80%);--warning-color: #ffc252;--error-bg-color: #c01c28;--error-fg-color: #fff;--error-color: #ff938c;--window-bg-color: #222226;--window-fg-color: #fff;--view-bg-color: #1d1d20;--view-fg-color: #fff;--headerbar-bg-color: #2e2e32;--headerbar-fg-color: #fff;--headerbar-border-color: #fff;--headerbar-backdrop-color: #222226;--headerbar-shade-color: rgb(0 0 6 / 36%);--headerbar-darker-shade-color: rgb(0 0 6 / 90%);--sidebar-bg-color: #2e2e32;--sidebar-fg-color: #fff;--sidebar-backdrop-color: #28282c;--sidebar-border-color: rgb(0 0 6 / 36%);--sidebar-shade-color: rgb(0 0 6 / 25%);--secondary-sidebar-bg-color: #28282c;--secondary-sidebar-fg-color: #fff;--secondary-sidebar-backdrop-color: #252529;--secondary-sidebar-border-color: rgb(0 0 6 / 36%);--secondary-sidebar-shade-color: rgb(0 0 6 / 25%);--card-bg-color: rgb(255 255 255 / 8%);--card-fg-color: #fff;--card-shade-color: rgb(0 0 6 / 36%);--overview-bg-color: #28282c;--overview-fg-color: #fff;--thumbnail-bg-color: #39393d;--thumbnail-fg-color: #fff;--active-toggle-bg-color: rgb(255 255 255 / 20%);--active-toggle-fg-color: #fff;--dialog-bg-color: #36363a;--dialog-fg-color: #fff;--popover-bg-color: #36363a;--popover-fg-color: #fff;--popover-shade-color: rgb(0 0 6 / 25%);--shade-color: rgb(0 0 6 / 25%);--scrollbar-outline-color: rgb(0 0 6 / 50%)}}:root{--accent-bg-color: var(--accent-blue);--accent-fg-color: white;--transition-speed: .25s;--button-bg-color: rgb(0 0 0 / 8%);--button-fg-color: rgb(0 0 0 / 50%);--task-title-fz: 1.1rem;--font-family: "Gilroy", sans-serif;--font-family-monospace: "Chivo Mono", monospace}@media (prefers-color-scheme: dark){:root{--window-bg-color: #242424;--button-bg-color: rgb(255 255 255 / 8%);--button-fg-color: rgb(255 255 255 / 80%)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html{font-size:16px}body{padding:0;margin:0;background:var(--window-bg-color)!important;color:var(--window-fg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;text-rendering:optimizelegibility;transition:color .5s,background-color .5s}body,input,textarea,button{font-family:var(--font-family)}.monospace{font-family:var(--font-family-monospace)}#app{display:flex;max-width:760px;min-height:100vh;flex-direction:column;padding:0 1rem;margin:0 auto;font-weight:400}a,.green{padding:3px;color:var(--accent-bg-color);text-decoration:none;transition:var(--transition-speed)}@media (hover: hover){a:hover,.green:hover{background-color:var(--accent-bg-color);color:var(--accent-color)}}.btn{padding:5px 15px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--button-bg-color);color:var(--button-fg-color);cursor:pointer;font-weight:400;transition:.2s}@media (hover: hover){.btn:hover{background-color:var(--accent-bg-color);color:var(--accent-fg-color)}}.btn-link{padding:0;border:unset;background-color:unset;color:var(--button-fg-color);cursor:pointer;transition:.2s}@media (hover: hover){.btn-link:hover{color:var(--accent-fg-color)}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.clocks[data-v-bb4bac8f]{display:flex;cursor:default;font-size:1.5rem;gap:12px}.clock[data-v-bb4bac8f]{padding:2px 12px;border-radius:50px;background-color:color-mix(in srgb,var(--blue-3) 25%,transparent);color:oklab(from var(--blue-3) var(--standalone-color-oklab) a b)}.clock-number[data-v-bb4bac8f]{font-family:var(--font-family-monospace)}header[data-v-f70f53f7]{max-height:100vh;line-height:1.5}nav[data-v-f70f53f7]{padding:1rem 0;margin-left:-1rem;font-size:1rem;text-align:left}nav a.router-link-exact-active[data-v-f70f53f7]{color:var(--accent-color)}nav a.router-link-exact-active[data-v-f70f53f7]:hover{background-color:transparent}nav a[data-v-f70f53f7]{display:inline-block;padding:0 1rem;border-left:1px solid var(--border-color)}nav a[data-v-f70f53f7]:first-of-type{border:0}header .wrapper[data-v-f70f53f7]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem 0}.clock-wrap[data-v-f70f53f7]{display:flex;align-items:center;justify-content:center}.fill-space[data-v-f70f53f7]{flex:1 1 auto}footer[data-v-f70f53f7]{padding:.5rem;cursor:default;opacity:.2;text-align:center;transition:var(--transition-speed)}footer[data-v-f70f53f7]:hover{opacity:1}svg[data-v-76aa6b74]{transform:rotate(var(--r, 0deg)) scale(var(--sx, 1),var(--sy, 1))}path[data-v-76aa6b74]{fill:currentColor}.task-timeset-input-wrap[data-v-eb61c93e]{display:flex;overflow:hidden;width:3.5rem;flex-direction:column;border-radius:6px;background-color:var(--card-bg-color)}.task-timeset-btn[data-v-eb61c93e]{border:unset;background-color:transparent;color:var(--card-fg-color);font-size:1.2rem;outline:none;transition:var(--transition-speed)}@media (hover: hover){.task-timeset-btn[data-v-eb61c93e]:hover{background-color:var(--card-bg-color)}}.task-timeset-input[data-v-eb61c93e]{border:unset;border-top:1px solid var(--shade-color);border-bottom:1px solid var(--shade-color);background-color:transparent;color:var(--card-fg-color);font-family:var(--font-family-monospace);font-size:2rem;outline:none;text-align:center;transition:var(--transition-speed)}.task-timeset-input[data-v-eb61c93e]:focus,.task-timeset-input[data-v-eb61c93e]:active{background-color:var(--card-bg-color)}@media (hover: hover){.task-timeset-input[data-v-eb61c93e]:hover{background-color:var(--card-bg-color)}}.task-timeset[data-v-a11ea8ae]{display:flex;justify-content:center;gap:3px}.task-timeset-devider[data-v-a11ea8ae]{display:flex;overflow:hidden;align-items:center;justify-content:center;padding-bottom:5px;font-family:var(--font-family-monospace);font-size:2rem}.task-editor[data-v-d88d7423]{position:fixed;display:flex;padding:1rem;background-color:#000000b3;top:0;right:0;bottom:0;left:0;place-content:center center;place-items:center center}.task-editor__content[data-v-d88d7423]{display:flex;width:300px;flex-direction:column;padding:1rem;border-radius:var(--window-radius);background-color:color(from var(--window-bg-color) srgb r g b/100%);gap:12px}.task-editor__id[data-v-d88d7423]{font-size:.55rem;text-align:center}.task-editor__title-input-wrap[data-v-d88d7423]{overflow:hidden;border-radius:6px;background-color:var(--card-bg-color)}.task-editor__title-input[data-v-d88d7423]{width:100%;padding:6px 8px;border:unset;background-color:transparent;color:var(--card-fg-color);font-size:1rem;outline:none}.task-editor__title-input[data-v-d88d7423]:focus,.task-editor__title-input[data-v-d88d7423]:active{background-color:var(--card-bg-color)}.task-editor__label[data-v-d88d7423]{overflow:hidden;padding:6px 8px;border-radius:6px;background-color:var(--card-bg-color)}.task-editor__label.not-active[data-v-d88d7423]{opacity:.7}.task-editor__actions[data-v-d88d7423]{display:flex;justify-content:center;gap:12px}.task-editor__actions>.btn[data-v-d88d7423]{display:flex;flex:1 1 50%;align-items:center;justify-content:center}.task-editor__btn-remove[data-v-d88d7423]{color:var(--destructive-bg-color)}@media (hover: hover){.task-editor__btn-remove[data-v-d88d7423]:hover{background-color:var(--destructive-bg-color);color:var(--destructive-fg-color)}}.task-editor__btn-reset[data-v-d88d7423]{color:var(--warning-bg-color)}@media (hover: hover){.task-editor__btn-reset[data-v-d88d7423]:hover{background-color:var(--warning-bg-color);color:var(--warning-fg-color)}}.task-item[data-v-d4434d89]{position:relative;display:flex;flex:0 0 100%;padding:1rem;border-radius:var(--window-radius);background-color:var(--card-bg-color);box-shadow:0 .5px 2px .5px var(--card-shade-color);line-height:1;transition:background-color var(--transition-speed)}.task-item[data-v-d4434d89]:hover{background-color:color(from var(--card-bg-color) srgb r g b/9%)}.task-item.active[data-v-d4434d89]{background-color:color(from var(--card-bg-color) srgb r g b/12%)}.task-item.sortable-ghost[data-v-d4434d89]{overflow:hidden;border:1px dashed white;background-color:inherit}.task-item.sortable-ghost[data-v-d4434d89]>*{opacity:0}.details[data-v-d4434d89]{flex:1;margin-right:1rem}.task-title-input[data-v-d4434d89]{width:100%;padding:5px 10px 5px 0;border:none;border-bottom:1px solid var(--border-color);margin-bottom:.4rem;background:inherit;color:inherit;font-size:var(--task-title-fz);font-weight:500;opacity:.8;outline:none;transition:var(--transition-speed)}.task-title-input[data-v-d4434d89]::-moz-focus-inner{border:0}.task-title-input[data-v-d4434d89]:active,.task-title-input[data-v-d4434d89]:focus{border-color:var(--active-toggle-bg-color);color:inherit;opacity:1}.task-item.active .task-title-input[data-v-d4434d89]{opacity:1}.task-labels[data-v-d4434d89]{display:flex;gap:12px}.task-labels__fill-space[data-v-d4434d89]{flex:1 1 auto}.task-label[data-v-d4434d89]{display:inline-block;padding:2px 7px;border-radius:50px;background-color:color(from var(--blue-5) srgb r g b/70%);color:#fff;font-size:.85rem;font-weight:300}.task-label_hours[data-v-d4434d89]{background-color:color(from var(--brown-5) srgb r g b/70%);color:#fffc;font-family:var(--font-family-monospace),monospace}.task-label_independent[data-v-d4434d89]{background-color:color(from var(--purple-5) srgb r g b/70%)}.task-menu-btn[data-v-d4434d89]{position:absolute;right:-6px;width:24px;height:36px;color:var(--button-bg-color);transition:var(--transition-speed)}.task-menu-btn[data-v-d4434d89]:hover{color:var(--button-fg-color)}.timer[data-v-d4434d89]{position:relative}.timer-control-button[data-v-d4434d89]{display:flex;width:36px;height:36px;align-items:center;justify-content:center;padding:0;border:unset;border-radius:50px;margin-left:.5rem;background-color:var(--button-bg-color);color:var(--button-fg-color);cursor:pointer;transition:var(--transition-speed)}.task-item.active .timer-control-button[data-v-d4434d89]{background-color:var(--destructive-bg-color);color:var(--destructive-fg-color)}@media (hover: hover){.timer-control-button[data-v-d4434d89]:hover{background-color:var(--accent-bg-color);color:var(--accent-fg-color)}}.timer-clock[data-v-d4434d89]{margin-top:7px;color:var(--light-5);font-size:1.3rem}.timer-clock.timer-clock-disable[data-v-d4434d89]{opacity:.3}.task-item.active .timer-clock[data-v-d4434d89]{color:inherit}.timer-clock .timer-clock-number[data-v-d4434d89]{font-family:var(--font-family-monospace),monospace}.timer-clock small[data-v-d4434d89]{color:var(--light-5);font-size:.5em;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.timer-clock .timer-time-number[data-v-d4434d89]{position:relative;bottom:-5px;width:5em;color:var(--light-5);font-family:var(--font-family-monospace),monospace;font-size:.8rem;line-height:.5;text-align:center}.timer-clock:not(.timer-clock-disable) .timer-time-number[data-v-d4434d89]{opacity:.7}.task-list-view[data-v-7f702fd1]{display:flex;flex-direction:column;align-items:center;gap:12px}.task-list[data-v-7f702fd1]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}