body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{min-height:100vh;display:flex;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.task-container{display:flex;flex-direction:column;align-items:center;grid-gap:20px;gap:20px;max-width:432px;width:100%;padding:0 16px;box-sizing:border-box;position:relative}.logout-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-top:10px;grid-gap:10px;gap:10px}.new-task-form{flex-direction:column;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);box-sizing:border-box;position:relative;left:0;right:0}.new-task-form,.task-input-container{display:flex;grid-gap:8px;gap:8px;width:100%}.task-input-container{align-items:center}.search-toggle-btn{background:none;border:none;cursor:pointer;font-size:20px;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.search-toggle-btn:hover{background:#f5f5f7;transform:scale(1.1)}.search-toggle-btn.active{background:#e3f2fd;color:#1976d2}.new-task-input{flex:1 1;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;transition:all .2s ease;resize:none;overflow:hidden;font-family:inherit;line-height:1.4;min-height:20px;display:block;width:100%;box-sizing:border-box}.new-task-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.add-task-btn{width:100%;padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;box-sizing:border-box;margin-top:4px}.add-task-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.add-task-btn:not(:disabled):hover{background-color:#45a049;transform:translateY(-1px)}.add-task-btn:not(:disabled):active{transform:translateY(0)}.task-stack{min-height:600px;display:flex;flex-direction:column;align-items:center;position:relative;left:0;right:0}.task-stack,.task-wrapper{width:100%;box-sizing:border-box}.task-wrapper{position:absolute;transition:all .3s ease;z-index:var(--z-index);transform:translateY(0)}.task-wrapper:hover{transform:translateY(20px)!important;z-index:100!important}.task-wrapper{top:calc(var(--index)*-10px)}.task-wrapper:hover~.task-wrapper{transform:translateY(40px)!important}.category-section{display:flex;grid-gap:8px;gap:8px;align-items:center;width:100%}.category-select-trigger{grid-gap:8px;gap:8px;padding:6px 8px;border:1px solid #ddd;font-size:13px;background-color:#fff;color:#666;transition:all .2s ease;width:100%;margin-top:4px}.category-select-trigger:hover{border-color:#4caf50}.category-select-trigger:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.urgency-pills{display:flex;background:#f5f5f7;padding:4px;border-radius:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-height:23px;height:100%;border:1px solid #e0e0e0}.urgency-pill,.urgency-pills{grid-gap:4px;gap:4px;align-items:center}.urgency-pill{padding:3px 8px;border:none;border-radius:6px;background:transparent;color:#666;cursor:pointer;font-size:11px;transition:all .2s ease;display:inline-flex;white-space:nowrap;line-height:1}.urgency-pill:hover{background:rgba(0,0,0,.05)}.urgency-pill.active{background:#fff;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1)}.urgency-pill.active[data-urgency=high]{color:#d32f2f}.urgency-pill.active[data-urgency=medium]{color:#f57c00}.urgency-pill.active[data-urgency=low]{color:#1976d2}.category-select-container{margin-bottom:0}.add-category-btn{padding:6px 10px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;white-space:nowrap;transition:all .2s ease;color:#666}.add-category-btn:hover{background-color:#e9ecef;border-color:#4caf50;color:#4caf50}.new-category-input{display:flex;grid-gap:6px;gap:6px;flex-grow:1}.new-category-input input{flex-grow:1;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:13px}.new-category-input input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.cancel-category-btn,.confirm-category-btn{padding:6px 10px;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;white-space:nowrap;transition:all .2s ease}.confirm-category-btn{background-color:#f8f9fa;color:#4caf50}.confirm-category-btn:hover{background-color:#e8f5e9;border-color:#4caf50}.cancel-category-btn{background-color:#f8f9fa;color:#d32f2f}.cancel-category-btn:hover{background-color:#ffebee;border-color:#d32f2f}.category-pills{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap;width:100%;position:relative}.category-pill-separator{width:1px;height:24px;background-color:#e0e0e0;margin:0 4px}.category-pill{padding:4px 12px;border-radius:8px;background:#fff;color:#666;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid #e0e0e0;-webkit-user-select:none;user-select:none;position:relative}.category-pill:hover{background:#e0e0e0;color:#333}.category-pill.active{background:#4caf50;color:#fff}.category-pill.active:hover{background:#43a047}.category-pill.non-draggable{background-color:#f0f0f0;color:#393939;border-left:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;border-color:#d0d0d0 #d0d0d0 #b0b0b0 #b0b0b0;border-style:solid;border-width:1px 1px 3px}.category-pill.non-draggable:hover{background-color:#e8e8e8}.category-pill.non-draggable.active{background:#4caf50;color:#fff;border:1px solid #43a047;border-color:#388e3c #388e3c #43a047 #43a047;border-style:solid;border-width:3px 3px 1px 1px}.category-pill.non-draggable.active:hover{background:#43a047}.category-pill.settings{padding:4px 8px;font-size:14px;opacity:.7;transition:all .2s ease}.category-pill.settings:hover{opacity:1}.category-pill.dragging{opacity:.5;cursor:grabbing;transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.category-pill:not(.settings):not(.dragging){cursor:grab}.category-pill:not(.settings):not(.dragging):active{cursor:grabbing}.no-tasks-message{text-align:center;color:#666;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:14px;margin-top:16px;font-style:italic;position:relative;max-width:400px;margin-left:auto;margin-right:auto}.no-tasks-message:after,.no-tasks-message:before{content:'"';font-size:24px;color:#000;position:absolute;opacity:.5;display:none}.no-tasks-message[data-category=pinned]:after,.no-tasks-message[data-category=pinned]:before,.no-tasks-message[data-category=today]:after,.no-tasks-message[data-category=today]:before{display:block}.no-tasks-message:before{top:10px;left:10px}.no-tasks-message:after{bottom:10px;right:10px}.no-tasks-message span{display:block;margin-top:8px;font-size:12px;color:#999;font-style:normal}.task-form-row{display:flex;grid-gap:8px;gap:8px;width:100%;justify-content:space-between;align-items:center}@media screen and (max-width:421px){.task-form-row{flex-wrap:wrap}}.urgency-select{border:none;border-radius:999px;font-size:11px;color:#555;background-color:#f5f5f7;cursor:pointer;transition:background .2s ease;height:20px;box-shadow:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding:2px 24px 2px 10px;min-width:100px}.urgency-select:focus,.urgency-select:hover{background-color:#e0e0e0}.urgency-select:focus{outline:none}.urgency-select option{padding:4px 8px;font-size:11px;color:#555;background:#fff}.task-form-actions{display:flex;flex-direction:column;align-items:flex-end;margin-top:8px;grid-gap:4px;gap:4px}.view-snoozed-btn{padding:4px 8px;background:#f5f5f7;border:1px solid #ddd;border-radius:8px;color:#666;font-size:11px;cursor:pointer;transition:all .2s ease;width:auto}.view-snoozed-btn:hover{background:#e0e0e0;border-color:#4caf50;color:#4caf50}.snooze-alert{font-size:14px;z-index:9999;pointer-events:none}.delete-alert{background:#dc3545;font-size:14px;z-index:9999;animation:slideIn .3s ease,fadeOut .3s ease 1.7s;pointer-events:none}.category-delete-alert,.delete-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.category-delete-alert{background-color:#d32f2f;z-index:1000;animation:alertFadeIn .3s ease}@keyframes alertFadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.archive-alert{background:#ff9800}.archive-alert,.share-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideIn .3s ease,fadeOut .3s ease 1.7s;pointer-events:none}.share-alert{background:#4c6ef5}.task-progress{margin:0;padding:0;width:100%}.today-expiration-callout{background:linear-gradient(135deg,#fff4e6,#ffe8cc);border:1px solid #ffb366;border-radius:8px;padding:12px 16px;display:flex;align-items:center;grid-gap:10px;gap:10px;box-shadow:0 2px 8px rgba(255,153,0,.15);animation:slideDown .3s ease-out}.today-expiration-callout .callout-icon{font-size:20px;flex-shrink:0}.today-expiration-callout .callout-text{color:#9c5100;font-size:14px;font-weight:500;line-height:1.4}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}iframe[style*="z-index: 2147483647"]{display:none!important;pointer-events:none!important}.form-will-do-switcher-container,.form-will-do-switcher-wrapper{display:inline-flex;position:relative}.form-will-do-switcher-container{width:80px;height:27px}.form-will-do-switcher-container label{font-weight:500!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.form-will-do-switcher-container>div:before{outline:1px solid #1976d2!important;outline-offset:-1px!important}.task-card{position:relative;background:#fff;border-radius:8px;padding:12px;margin:0;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease;width:100%;box-sizing:border-box;min-height:20px}.task-card[data-urgency=high]{background:#fff5f5;border-left:4px solid #ff4d4f}.task-card[data-urgency=medium]{background:#fff7e6;border-left:4px solid #faad14}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.task-wrapper:first-child .task-card{box-shadow:0 4px 6px rgba(0,0,0,.1)}.task-wrapper:nth-child(2) .task-card{box-shadow:0 6px 8px rgba(0,0,0,.12)}.task-wrapper:nth-child(3) .task-card{box-shadow:0 8px 10px rgba(0,0,0,.14)}.task-wrapper:nth-child(4) .task-card{box-shadow:0 10px 12px rgba(0,0,0,.16)}.task-wrapper:nth-child(5) .task-card{box-shadow:0 12px 14px rgba(0,0,0,.18)}.task-wrapper:nth-child(n+6) .task-card{box-shadow:0 14px 16px rgba(0,0,0,.2)}.task-wrapper{margin:0;position:relative}.task-wrapper+.task-wrapper{margin-top:2px}.task-wrapper:has(.task-card[style*=height])+.task-wrapper{margin-top:4px}.task-content{display:flex;flex-direction:column;grid-gap:8px;gap:8px;width:calc(100% - 35px)}.task-header{display:flex;align-items:flex-start;grid-gap:12px;gap:12px;flex-wrap:wrap;width:100%}.task-title{font-size:16px;color:#333;cursor:text;flex:1 1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.task-meta{display:flex;align-items:center;grid-gap:8px;gap:8px}.task-category{font-size:12px;color:#666;background:#f5f5f7;padding:4px 8px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-block;white-space:nowrap;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid #e0e0e0}.task-category:hover{background:#e0e0e0}.task-category-select{position:absolute;top:100%;left:0;margin-top:4px;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);width:200px;padding:8px}.category-options{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.category-option{padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#333}.category-option:hover{background:#f5f5f7}.category-create{margin-top:8px;padding-top:8px;border-top:1px solid #eee;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.category-create input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}.category-create input:focus{border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.category-create button{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.category-create button:hover:not(:disabled){background:#43a047}.category-create button:disabled{background:#ccc;cursor:not-allowed}.task-actions-top{top:12px;z-index:1}.task-actions-bottom,.task-actions-top{position:absolute;right:12px;display:flex;grid-gap:8px;gap:8px;align-items:center;justify-content:flex-end}.task-actions-bottom{bottom:12px}.delete-btn,.edit-btn{padding:6px 12px;font-size:14px;transition:background-color .2s}.edit-btn{background-color:#f0f0f0;color:#333}.edit-btn:hover{background-color:#e0e0e0}.delete-btn{background:none;border:none;color:#999;cursor:pointer;font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:500px;transition:all .2s ease;padding:0;line-height:1;position:relative;z-index:0}.delete-btn:hover{background-color:#ffebee;color:#d32f2f;transform:scale(1.1)}.delete-btn:hover:after{content:"Delete task";padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px}.delete-btn:hover:after,.delete-btn:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000}.delete-btn:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.task-checkbox{width:24px;height:24px;cursor:pointer;border-radius:50%;appearance:none;-webkit-appearance:none;border:2px solid #ddd;background:#fff;transition:all .2s ease;position:relative;margin:0}.task-checkbox:checked{background:#4caf50;border-color:#4caf50}.task-checkbox:checked:after{content:"";position:absolute;left:7px;top:4px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-checkbox:hover{border-color:#4caf50;transform:scale(1.1)}.task-checkbox:checked:hover{background:#43a047;transform:scale(1.1)}.task-edit-input{flex-grow:1;padding:4px 8px;border:1px solid #4caf50;border-radius:4px;font-size:16px;outline:none;resize:none;overflow:hidden;font-family:inherit;line-height:1.5;min-height:24px;display:block}.task-edit-input:focus{box-shadow:0 0 0 2px rgba(76,175,80,.2)}.completed .task-title{text-decoration:line-through;color:#999}.completed .task-category{opacity:.6}.task-urgency-container{position:relative}.task-urgency-container:has(.urgency-select-dropdown):before{content:"";position:absolute;top:-20px;left:-30px;right:-30px;bottom:-20px;z-index:-1;background:transparent;pointer-events:auto}.task-urgency{font-size:16px;display:flex;align-items:center;margin-right:4px;transition:all .2s ease;cursor:pointer;transform-origin:center;width:24px;height:24px;border-radius:50%;justify-content:center;position:relative;z-index:10}.task-urgency:hover{opacity:1;transform:scale(1.1);background-color:#fff3e0;color:#f57c00}.task-urgency:hover:after{content:"Change urgency";padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px}.task-urgency:hover:after,.task-urgency:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000}.task-urgency:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.urgency-select-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:4px;z-index:100000;min-width:170px}.urgency-select-dropdown:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;z-index:-1;background:transparent;pointer-events:auto}.urgency-option{padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#333;display:flex;align-items:center;grid-gap:8px;gap:8px}.urgency-option:hover{background:#f5f5f7}.task-list{display:flex;flex-direction:column}.snooze-btn{background:none;border:none;color:#999;cursor:pointer;font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;line-height:1;position:relative;z-index:10}.snooze-btn:hover{background-color:#fff3e0;color:#f57c00;transform:scale(1.1)}.snooze-btn:hover:after{content:"Snooze until...";padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px}.snooze-btn:hover:after,.snooze-btn:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000}.snooze-btn:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.snooze-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#4caf50;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;animation:slideIn .3s ease,fadeOut .3s ease 1.7s}@keyframes slideIn{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.snooze-container{position:relative;display:inline-block}.snooze-dropdown{position:fixed;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:8px;min-width:150px;z-index:9999;margin-bottom:8px;right:12px}.snooze-option{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;border-radius:4px;font-size:14px;color:#333;transition:background-color .2s}.snooze-option:hover{background-color:#f5f5f5}.date-picker-container{margin-top:8px;padding-top:8px;border-top:1px solid #eee;width:100%;box-sizing:border-box}.date-picker{border:1px solid #ddd;border-radius:4px;margin-bottom:8px;box-sizing:border-box}.date-picker,.date-submit-btn{width:100%;padding:8px;font-size:14px}.date-submit-btn{background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.date-submit-btn:hover{background-color:#444}.date-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}input[type=date]{-webkit-appearance:none;appearance:none;background-color:#fff;font-family:inherit}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .2s;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.mantine-DatePicker-day[data-autofocus=true]{background-color:#000!important;color:#fff!important}.mantine-DatePicker-day[data-autofocus=true]:hover{background-color:#444!important}.mantine-DatePicker-day[data-today=true]{background-color:#e3f2fd;color:rgba(25,118,210,.48627450980392156);font-weight:700}.mantine-DatePicker-day[data-today=true]:hover{background-color:#e3f2fd}.will-do-today-btn{background:none;border:none;cursor:pointer;font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;line-height:1;position:relative;z-index:10}.will-do-today-btn:hover{background-color:#f0f0f0;transform:scale(1.1)}.will-do-today-btn.active{background-color:#e3f2fd;color:#1976d2;border:1px solid #1976d2}.will-do-tooltip{bottom:100%;background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;margin-bottom:8px;pointer-events:none;z-index:1000}.will-do-tooltip,.will-do-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.will-do-tooltip:after{content:"";top:100%;border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.note-icon{font-size:14px;color:#999;flex-shrink:0;opacity:.7;transition:opacity .2s ease}.note-icon:hover{opacity:1}.task-source-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:#f5f5f7;color:#666;text-decoration:none;transition:all .2s ease}.task-source-icon:hover{background:#e0e0e0;transform:scale(1.1)}.manual-order-controls{display:flex;flex-direction:row;grid-gap:8px;gap:8px}.manual-order-btn{background:none;border:none;cursor:pointer;font-size:14px;color:#666;padding:4px;border-radius:500px;transition:all .2s ease;position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:10}.manual-order-btn:hover{background-color:#fff3e0;color:#f57c00;transform:scale(1.1)}.manual-order-btn:disabled{opacity:.4;cursor:not-allowed;color:#ccc}.manual-order-btn:disabled:hover{background-color:initial;transform:none;color:#ccc}.manual-order-tooltip{bottom:100%;padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px;z-index:1000}.manual-order-tooltip,.manual-order-tooltip:after{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.manual-order-tooltip:after{content:"";top:100%;border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.timer-btn{background:none;border:none;color:#666;cursor:pointer;font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;line-height:1;position:relative;z-index:10}.timer-btn:hover{background-color:#e8f5e9;color:#2e7d32;transform:scale(1.1)}.timer-btn:hover:after{content:attr(title);padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px}.timer-btn:hover:after,.timer-btn:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000}.timer-btn:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.timer-btn svg{width:16px;height:16px}.task-timer-display{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#fd47aa,#ff9225);color:#fff;border-radius:8px;margin-top:8px;margin-bottom:4px;font-size:14px;font-weight:500;animation:pulse 2s infinite;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(102,126,234,.7)}70%{box-shadow:0 0 0 10px rgba(102,126,234,0)}to{box-shadow:0 0 0 0 rgba(102,126,234,0)}}.timer-label{opacity:.9;font-weight:600;margin-top:-3px}.timer-time{font-family:"Courier New",monospace;font-weight:600;letter-spacing:.5px}.task-elapsed-time{font-size:12px;color:#666;margin-top:4px;border-radius:6px;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shared-users-container{display:flex;align-items:center;margin-left:8px}.shared-user-circle{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;background:#4c6ef5;z-index:1;transition:transform .2s ease,z-index .2s ease}.shared-user-circle>.shared-user-initials,.shared-user-circle>img{border-radius:50%;overflow:hidden}.shared-user-circle:hover{transform:scale(1.2);z-index:10}.shared-user-avatar{width:100%;height:100%;object-fit:cover;display:block}.shared-user-initials{color:#fff;font-size:12px;font-weight:600}.shared-user-tooltip{bottom:calc(100% + 8px);background:#333;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none}.shared-user-tooltip,.shared-user-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.shared-user-tooltip:after{content:"";top:100%;border:4px solid transparent;border-top-color:#333}.shared-user-count{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e9ecef;color:#495057;font-size:10px;font-weight:600;margin-left:-8px;border:2px solid #fff}.modal-content{box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:400px;width:90%;animation:modalFadeIn .3s ease}.modal-content h2{margin:0 0 16px;color:#333;font-size:20px}.modal-content p{margin:0 0 24px;color:#000;font-size:16px;line-height:1.5}.modal-buttons{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px}.modal-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.cancel-btn{background-color:#f5f5f5;color:#333}.cancel-btn:hover{background-color:#e0e0e0}.confirm-btn{background-color:#dc3545;color:#fff}.confirm-btn:hover{background-color:#c82333}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.category-select-container{position:relative;min-width:130px;max-width:180px;margin:0 20px 0 0}.category-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:2px 10px;border-radius:8px;font-size:11px;color:#555;background-color:#f5f5f7;cursor:pointer;transition:background .2s ease;min-height:20px;box-shadow:none;position:relative;border:1px solid #e0e0e0;white-space:normal;word-wrap:break-word}.category-select-trigger:after{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:contain;margin-left:4px;opacity:.5}.category-select-trigger:hover{background-color:#e0e0e0}.category-select-container:focus-within .category-select-trigger:after{transform:rotate(180deg)}.category-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:2px;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:1000;animation:dropdownFadeIn .2s ease;min-width:100px}.category-select-search{padding:4px 5px;border:none;max-width:100%;box-sizing:border-box}.category-select-search:focus-visible{outline:none;border:none;box-shadow:none}.category-select-search input{width:100%;max-width:100%;box-sizing:border-box;padding:2px 8px;border:none;border-radius:6px;font-size:11px;background:#f5f5f7;outline:none;transition:background .2s ease;height:18px}.category-select-search input:focus{background:#e0e0e0}.category-select-search input:focus,.category-select-search input:focus-visible{outline:none;border:none;box-shadow:none}.category-select-options{max-height:120px;overflow-y:auto;padding:2px 0}.category-select-option{padding:4px 10px;font-size:11px;color:#555;cursor:pointer;border-radius:6px;transition:background .2s,color .2s;min-height:18px;line-height:18px;white-space:normal;width:100%;box-sizing:border-box}.category-select-option:hover{background-color:#f5f5f7;color:#4caf50}.category-select-create{padding:4px 10px;border-top:1px solid #f0f0f0;font-size:11px}.category-select-create-option{padding:4px 10px;font-size:11px;color:#4caf50;cursor:pointer;border-radius:6px;height:18px;line-height:18px;background:none;transition:background .2s}.category-select-create-option:hover{background-color:#e8f5e9}.category-select-empty{padding:6px;text-align:center;font-size:11px;color:#aaa}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{background:rgba(0,0,0,.5)}.modal-content{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);position:relative;max-height:90vh;display:flex;flex-direction:column}.category-modal{max-width:400px;width:90%}.category-modal h2{margin:0;padding-bottom:8px}.category-subtext{color:#666;font-size:12px;margin:-8px 0 16px}.category-list{flex-direction:column;grid-gap:8px;gap:8px;margin-top:16px;padding-top:10px;padding-bottom:10px;overflow-y:auto;padding-right:8px}.category-item,.category-list{display:flex;position:relative}.category-item{align-items:center;grid-gap:12px;gap:12px;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:grab;z-index:1}.category-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.category-item.dragging{opacity:.5;cursor:grabbing}.category-item.drag-over{border:2px dashed #2196f3;background:#f5f5f7}.category-item.transitioning{z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:scale(1.02)}.category-number{color:#666;font-size:14px;font-weight:500;min-width:20px}.drag-handle{color:#999;cursor:grab;font-size:16px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.category-name{flex:1 1;font-size:14px;color:#333}.category-actions{display:flex;grid-gap:8px;gap:8px}.delete-btn,.edit-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:500px;transition:all .2s ease}.edit-btn:hover{background:#f5f5f7}.delete-btn:hover{background:#ffebee}input[type=text]{flex:1 1;padding:8px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none}input[type=text]:focus{border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.1)}.reorder-buttons{display:none;flex-direction:column;grid-gap:2px;gap:2px}.reorder-btn{background:none;border:none;cursor:pointer;padding:4px;color:#666;opacity:.7;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.reorder-btn svg{width:18px;height:18px}.reorder-btn:hover:not(:disabled){opacity:1;color:#2196f3}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.archive-btn,.unarchive-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:500px;transition:all .2s ease}.archive-btn:hover{background:#fff3e0}.unarchive-btn:hover{background:#e8f5e8}.archived-section{margin-top:20px;border-top:1px solid #eee;padding-top:16px}.show-archived-btn{background:none;border:none;cursor:pointer;color:#666;font-size:14px;padding:8px 0;width:100%;text-align:left;transition:color .2s ease}.show-archived-btn:hover{color:#333}.archived-categories{margin-top:12px;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.category-item.archived{opacity:.7;background:#f8f8f8;border:1px solid #e0e0e0}.category-item.archived:hover{opacity:.9;box-shadow:0 2px 4px rgba(0,0,0,.1)}.category-name.archived,.category-number.archived{color:#888}@media (max-width:768px){.reorder-buttons{display:flex}.category-item{cursor:default}.category-item:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)}}.snoozed-tasks-modal{max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.snoozed-tasks-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;margin-top:16px}.snoozed-task-item{justify-content:space-between;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.snoozed-task-info,.snoozed-task-item{display:flex;align-items:flex-start;grid-gap:12px;gap:12px}.snoozed-task-info{flex:1 1;min-width:0;flex-wrap:wrap}.snoozed-task-urgency{font-size:16px;flex-shrink:0;margin-right:6px}.snoozed-task-title{font-size:14px;color:#333;flex:1 1;min-width:0;white-space:normal;word-break:normal;overflow-wrap:break-word}.snoozed-task-category{font-size:12px;color:#666;background:#f5f5f7;padding:4px 8px;border-radius:8px;white-space:nowrap;margin-right:5px}.snoozed-task-time{font-size:12px;color:#666;white-space:normal;word-break:normal}.unsnooze-btn{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease;white-space:nowrap;margin-left:12px;flex-shrink:0}.unsnooze-btn:hover{background:#43a047;transform:translateY(-1px)}.snoozed-task-title-row{display:flex;flex-direction:row}@media (max-width:480px){.snoozed-task-item{flex-direction:column}.snoozed-task-info{flex-direction:column}.snoozed-task-info,.snoozed-task-title-row{align-items:flex-start;grid-gap:8px;gap:8px;width:100%}.snoozed-task-title-row{display:flex}.snoozed-task-meta-row{display:flex;align-items:center;grid-gap:8px;gap:8px;width:100%}.snoozed-task-title{flex:1 1}.snoozed-task-category,.snoozed-task-time{margin-top:0}.unsnooze-btn{margin-left:0;margin-top:8px;width:100%}}.no-snoozed-tasks{text-align:center;color:#666;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.task-description-modal{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.modal-header{display:flex;align-items:center;grid-gap:8px;gap:8px;margin:0;width:100%;padding-bottom:16px;border-bottom:1px solid #eee;position:relative}.modal-task-checkbox{width:24px;height:24px;cursor:pointer;border-radius:50%;appearance:none;-webkit-appearance:none;border:2px solid #ddd;background:#fff;transition:all .2s ease;position:relative;margin:0 8px 0 0;flex-shrink:0}.modal-task-checkbox:checked{background:#4caf50;border-color:#4caf50}.modal-task-checkbox:checked:after{content:"";position:absolute;left:7px;top:4px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.modal-task-checkbox:hover{border-color:#4caf50;transform:scale(1.1)}.modal-task-checkbox:checked:hover{background:#43a047;transform:scale(1.1)}.modal-header h2{margin:0;font-size:1.5rem;color:#333;font-weight:600}.modal-title{cursor:pointer;padding:4px 8px;margin-right:48px!important;border-radius:4px;transition:background-color .2s;color:#228be6;font-weight:500;font-size:1.5rem;width:100%;display:flex;align-items:center;grid-gap:8px;gap:8px}.title-edit-icon{width:22px;height:22px;opacity:.6;transition:opacity .2s}.modal-title:hover .title-edit-icon{opacity:1}.modal-title:hover{background-color:#f0f0f0}.modal-title-edit-input{font-size:1.5rem!important;padding:4px 8px;border:1px solid #ddd;border-radius:4px;width:100%!important;max-width:none!important;font-family:inherit;color:#000!important;font-weight:500;background:transparent;resize:none;overflow:hidden;line-height:1.5;min-height:2rem;display:block;box-sizing:border-box;margin:0;margin-right:48px!important}.modal-title-edit-input:focus{outline:none;border-color:#228be6;box-shadow:0 0 0 2px rgba(34,139,230,.2)}.modal-description-label{margin:0!important;font-size:.875rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.editor-container{display:flex;flex-direction:column;grid-gap:10px;gap:10px;flex:1 1;min-height:300px;max-height:calc(90vh - 200px);border:1px solid #ddd;border-radius:8px;position:relative}.editor-toolbar{display:flex;flex-wrap:wrap;grid-gap:4px;gap:4px;padding:8px;border-bottom:1px solid #ddd;background:#f8f9fa;position:relative;z-index:2;border-top-right-radius:8px;border-top-left-radius:8px}.editor-toolbar button{padding:6px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#666}.editor-toolbar button:hover{background:#f0f0f0;color:#333}.editor-toolbar button.is-active{background:#e9ecef;border-color:#adb5bd;color:#333}.ProseMirror{padding:20px;min-height:200px;outline:none;color:#000}.editor-toolbar+*{overflow-y:auto}.ProseMirror p{margin:0 0 .5em;color:#000}.ProseMirror h1{font-size:2em;margin:.67em 0}.ProseMirror h2{font-size:1.5em;margin:.75em 0}.ProseMirror h3{font-size:1.17em;margin:.83em 0}.ProseMirror ol,.ProseMirror ul{padding-left:1.2em;margin:.2em 0}.ProseMirror blockquote{border-left:3px solid #ddd;margin:1em 0;padding-left:1em;color:#666}.ProseMirror ul[data-type=taskList]{list-style:none;padding:0;margin:.1em 0}.ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;grid-gap:.3rem;gap:.3rem;margin:.1em 0}.ProseMirror ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5rem;-webkit-user-select:none;user-select:none;margin-top:2px}.ProseMirror ul[data-type=taskList] li>div{flex:1 1 auto}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;color:#666}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.task-meta-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;grid-gap:12px;gap:12px;margin-top:auto}.task-created-date{font-size:.875rem;color:#868e96}.task-owner-info{font-size:.875rem;color:#495057;margin-top:4px;padding:8px 12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #4c6ef5;display:flex;justify-content:space-between;align-items:center;grid-gap:12px;gap:12px}.task-owner-info strong{color:#4c6ef5}.owner-email-row{flex-shrink:0}.owner-time-row{font-size:.75rem;color:#868e96;flex-shrink:0}.shared-with-section{margin-top:8px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.shared-with-header{font-size:.875rem;font-weight:600;color:#495057;margin-bottom:8px}.shared-with-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.shared-with-item{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#fff;border-radius:6px;border:1px solid #dee2e6}.shared-with-user{display:flex;align-items:center;grid-gap:10px;gap:10px}.shared-with-avatar,.shared-with-initials{width:28px;height:28px;border-radius:50%;flex-shrink:0}.shared-with-avatar{object-fit:cover}.shared-with-initials{background:#4c6ef5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.shared-with-info{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.shared-with-email{font-size:.875rem;color:#495057}.shared-with-time{font-size:.75rem;color:#868e96}.remove-shared-user-btn{width:24px;height:24px;border-radius:50%;border:1px solid #dee2e6;background:#fff;color:#868e96;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0 0 2px;position:relative}.remove-shared-user-btn:hover{background:#ff6b6b;color:#fff;border-color:#ff6b6b}.remove-shared-user-btn:hover:after{content:attr(title);padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px}.remove-shared-user-btn:hover:after,.remove-shared-user-btn:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000}.remove-shared-user-btn:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.modal-actions{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.modal-actions-row-1{justify-content:flex-start;flex-wrap:wrap}.modal-actions-row-1,.modal-actions-row-2{display:flex;align-items:center;grid-gap:10px;gap:10px;width:100%}.modal-actions-row-2{justify-content:flex-end}@media (min-width:600px){.modal-actions{flex-direction:row;justify-content:space-between}.modal-actions,.modal-actions-row-1,.modal-actions-row-2{grid-gap:10px;gap:10px}.modal-actions-row-1{flex-wrap:nowrap}}.modal-actions-right{display:flex;grid-gap:10px;gap:10px}.modal-timer-display{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#fd47aa,#ff9225);color:#fff;border-radius:8px;font-size:14px;font-weight:500;animation:pulse 2s infinite;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-timer-display.paused{background:linear-gradient(135deg,#868e96,#495057);animation:none}.modal-timer-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8f9fa;border:2px solid #dee2e6;border-radius:50%;cursor:pointer;font-size:18px;transition:all .2s ease;position:relative}.modal-timer-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:scale(1.1)}.modal-timer-btn:hover:after{content:attr(title);padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px}.modal-timer-btn:hover:after,.modal-timer-btn:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000}.modal-timer-btn:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.modal-snooze-container,.modal-urgency-container{position:relative;display:inline-block}.modal-snooze-container .snooze-btn,.modal-urgency-container .task-urgency{width:40px;height:40px;margin-right:0}.modal-snooze-container .snooze-btn{background:none;border:none;color:#666;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;line-height:1;position:relative}.modal-snooze-container .snooze-btn:hover{background:#fff3e0;color:#f57c00;transform:scale(1.1)}.modal-snooze-container .snooze-btn:hover:after{content:"Snooze until...";padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px}.modal-snooze-container .snooze-btn:hover:after,.modal-snooze-container .snooze-btn:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000}.modal-snooze-container .snooze-btn:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.modal-snooze-dropdown{bottom:calc(100% + 8px);padding:8px;min-width:180px}.modal-snooze-dropdown,.modal-urgency-container .urgency-select-dropdown{position:absolute;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1001}.modal-urgency-container .urgency-select-dropdown{top:calc(100% + 4px);bottom:auto;margin-top:0;padding:4px;min-width:170px}.clear-btn,.share-btn{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:11px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;background:#fff;border:1px solid #ddd;color:#666;width:-webkit-max-content;width:max-content}.clear-btn:hover{background:#fff5f5;border-color:#ff6b6b;color:#ff6b6b}.share-btn:hover{background:#f0f7ff;border-color:#4c6ef5;color:#4c6ef5}.clear-btn svg,.share-btn svg{width:16px;height:16px}.cancel-btn,.save-btn{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.cancel-btn{background:#f8f9fa;border:1px solid #ddd;color:#495057}.save-btn{background:#228be6;border:1px solid #228be6;color:#fff}.cancel-btn:hover{background:#e9ecef}.save-btn:hover{background:#1c7ed6}.editor-link{color:#228be6;text-decoration:underline;cursor:pointer}.editor-link:hover{color:#1c7ed6;text-decoration:none}.toolbar-separator{display:flex;align-items:center;padding:0 5px;color:#666;opacity:.5}.toolbar-separator svg{width:1px;height:24px}.color-picker-container{position:relative;display:inline-block}.color-picker-container button{padding:6px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#666}.color-picker-container button:hover{background:#f0f0f0;color:#333}.color-picker-container button.is-active{background:#e9ecef;border-color:#adb5bd;color:#333}.color-picker-dropdown{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:12px;z-index:1001}.color-picker-dropdown .mantine-ColorSwatch-root{width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;margin:0!important}.color-picker-dropdown .mantine-ColorPicker-swatches{grid-gap:5px!important;gap:5px!important}.ProseMirror [style*=color]{transition:color .2s ease}.modal-delete-btn{position:absolute;top:4px;right:4px;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #ddd;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.modal-delete-btn:hover{background:#fff5f5;border-color:#ff6b6b;color:#ff6b6b;transform:scale(1.1)}.modal-delete-btn:hover:after{content:"Delete task";padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:8px}.modal-delete-btn:hover:after,.modal-delete-btn:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000}.modal-delete-btn:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.will-do-switcher-container,.will-do-switcher-wrapper{display:inline-flex;position:relative}.will-do-switcher-container{width:120px;height:40px}.will-do-switcher-container label{font-weight:500!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.will-do-switcher-container>div:before{outline:2px solid #1976d2!important;outline-offset:-2px!important}.switcher-tooltip-floating{position:fixed;transform:translate(-50%,calc(-100% - 8px));background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:10000}.switcher-tooltip-floating:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.share-task-modal{max-width:500px;width:90%;padding:24px}.share-task-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.share-task-modal .modal-title{font-size:24px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;font-size:32px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-btn:hover{color:#000}.share-form-content{margin-bottom:24px}.share-form-content label{display:block;font-weight:500;margin-bottom:8px;color:#333}.share-email-input-container{position:relative}.share-email-input{width:100%;padding:10px 12px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .2s;box-sizing:border-box}.share-email-input:focus{outline:none;border-color:#4c6ef5}.share-email-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.share-email-input-container:has(.share-email-suggestions) .share-email-input:focus{border-radius:8px 8px 0 0;border-bottom-color:#e0e0e0}.share-email-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #4c6ef5;border-top:1px solid #e0e0e0;border-radius:0 0 8px 8px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-height:200px;overflow-y:auto;z-index:1000;margin-top:-2px}.share-email-suggestion{padding:10px 12px;cursor:pointer;transition:background-color .2s;font-size:15px;color:#333}.share-email-suggestion:hover{background-color:#f5f5f5}.share-email-suggestion:last-child{border-radius:0 0 6px 6px}.share-error-message{margin-top:8px;padding:10px;background-color:#ffe0e0;color:#d32f2f;border-radius:6px;font-size:14px}.share-modal-actions{display:flex;grid-gap:12px;gap:12px;justify-content:flex-end}.share-cancel-btn,.share-submit-btn{padding:10px 20px;font-size:16px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.share-cancel-btn{background-color:#f5f5f5;color:#333}.share-cancel-btn:hover:not(:disabled){background-color:#e0e0e0}.share-submit-btn{background-color:#4c6ef5;color:#fff}.share-submit-btn:hover:not(:disabled){background-color:#3b5bdb}.share-cancel-btn:disabled,.share-submit-btn:disabled{opacity:.5;cursor:not-allowed}.logout-container .task-heatmap{position:absolute;top:100%;right:0;margin-top:10px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;transition:all .3s ease;max-height:70vh;overflow-y:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logout-container{position:relative}.heatmap-header{display:flex;justify-content:center;align-items:center;margin-bottom:15px}.heatmap-header h3{margin:0;font-size:15px;font-weight:600;color:#333}.heatmap-container{position:relative;display:flex;grid-gap:10px;gap:10px;justify-content:center;align-items:flex-start}.heatmap-grid{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.weekday-labels{display:flex;grid-gap:2px;gap:2px;margin-bottom:5px;font-size:10px;color:#666;margin-left:0}.weekday-label{width:20px;text-align:center}.heatmap-months{position:relative;width:30px;font-size:10px;color:#666}.month-label{position:absolute;right:0;text-align:right;padding-right:5px;white-space:nowrap}.weeks-container{flex-direction:column}.week-row,.weeks-container{display:flex;grid-gap:2px;gap:2px}.day-cell{width:20px;height:20px;border-radius:2px;transition:all .2s;cursor:pointer}.day-cell:hover{outline:1px solid #333;outline-offset:1px}.day-cell.empty{background-color:initial;cursor:default}.day-cell.empty:hover{outline:none}.day-cell.intensity-0{background-color:#ebedf0}.day-cell.intensity-1{background-color:#9be9a8}.day-cell.intensity-2{background-color:#40c463}.day-cell.intensity-3{background-color:#30a14e}.day-cell.intensity-4{background-color:#216e39}.legend-cells{grid-gap:10px;gap:10px;justify-content:center;flex-wrap:wrap;max-width:150px}.legend-cells,.legend-item{display:flex;align-items:center}.legend-item{grid-gap:3px;gap:3px}.legend-text{font-size:11px;color:#586069}.heatmap-tooltip{position:fixed;background:rgba(0,0,0,.9);color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;pointer-events:none;z-index:10000;white-space:nowrap;transform:translate(-50%,-100%);margin-top:-10px}.heatmap-toggle-button{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;grid-gap:5px;gap:5px}.heatmap-toggle-button:hover{background:#f6f8fa;border-color:#d1d5da}@media (max-width:768px){.logout-container .task-heatmap{padding:15px;min-width:280px}.heatmap-container{overflow-x:auto;max-width:calc(100vw - 60px)}}
/*# sourceMappingURL=main.45b39015.chunk.css.map */