@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(/static/media/Montserrat-Regular.24785cc015b27a3e964b.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:url(/static/media/Montserrat-Bold.50f0257aa1e905f4bfaf.ttf) format("truetype")}:root{--brand-blue:#00bfff;--border-color:#e3e6ea;--navigation-menu-height:52px}*{font-family:Montserrat,sans-serif}*,html{box-sizing:border-box}html{font-size:15px}body,h1,h2,h3,h4,h5,h6,ol,p,ul{-webkit-font-smoothing:antialiased;font-weight:400;margin:0;padding:0}ol,ul{list-style:none}#root{height:100dvh;overflow:hidden}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:90%;width:1200px}input{border:1px solid #ccc;border-radius:10px;font-size:16px;outline:none;padding:10px;width:100%}input:focus{border:1px solid #74b4ff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-track{background:#e9e8e8}::-webkit-scrollbar-thumb:hover{background:#a9a8a8}.steps-container{height:100%;overflow:auto;padding:2px 4px 16px 0}.steps-container .dnd-sortable-tree_simple_tree-item{-webkit-tap-highlight-color:transparent;border:1px solid #e6e9ef!important;border-radius:4px!important;column-gap:4px;padding:2px 2px 2px 10px;-ms-touch-action:none;user-select:none;-webkit-user-select:none}.steps-container .dnd-sortable-tree_simple_tree-item:hover{background:#fbfcfe}.steps-container .dnd-sortable-tree_simple_tree-item .dnd-sortable-tree_simple_handle{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='%23b8c0ca'%3E%3Ccircle cx='7' cy='5' r='1.2'/%3E%3Ccircle cx='7' cy='10' r='1.2'/%3E%3Ccircle cx='7' cy='15' r='1.2'/%3E%3Ccircle cx='13' cy='5' r='1.2'/%3E%3Ccircle cx='13' cy='10' r='1.2'/%3E%3Ccircle cx='13' cy='15' r='1.2'/%3E%3C/g%3E%3C/svg%3E") 50% /16px 20px no-repeat;display:none;touch-action:none;transition:background .15s ease;width:10px}.steps-container.reorder-enabled .dnd-sortable-tree_simple_tree-item .dnd-sortable-tree_simple_handle{display:block}.steps-container .dnd-sortable-tree_simple_tree-item:focus-within .dnd-sortable-tree_simple_handle,.steps-container .dnd-sortable-tree_simple_tree-item:hover .dnd-sortable-tree_simple_handle{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='%23111'%3E%3Ccircle cx='7' cy='5' r='1.2'/%3E%3Ccircle cx='7' cy='10' r='1.2'/%3E%3Ccircle cx='7' cy='15' r='1.2'/%3E%3Ccircle cx='13' cy='5' r='1.2'/%3E%3Ccircle cx='13' cy='10' r='1.2'/%3E%3Ccircle cx='13' cy='15' r='1.2'/%3E%3C/g%3E%3C/svg%3E")}.collapsed-icon{font-size:14px}.element-section{background:#fff;border:1px solid #eceff3;border-radius:8px;box-shadow:0 2px 8px #0f172a0a;margin-bottom:14px;padding:8px 10px 10px}.element-section-collapsed{padding-bottom:8px}.element-section-header{align-items:center;background:#0000;border:0;border-radius:0;box-shadow:none;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:0;margin-bottom:0;padding:0 0 8px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.element-section-collapsed .element-section-header{padding-bottom:0}.element-section-header:hover{background:#0000}.section-collapse-icon{color:#888;font-size:12px}.section-action-icon{color:#888;cursor:pointer;font-size:14px;margin-left:auto;transition:color .2s ease}.section-action-icon:hover{color:var(--brand-blue)}.section-count{align-items:center;background:#f1f5f9;border-radius:999px;color:#7b8794;display:inline-flex;font-size:11px;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 7px}.add-element-header-button{background:#0000;border:none;border-radius:4px;color:var(--brand-blue);cursor:pointer;font-size:14px;margin-left:auto;padding:4px;transition:all .2s}.add-element-header-button:hover{background:#0000000d}.element-section-add{margin-bottom:12px;padding:0}.element-section-add-bottom{margin-bottom:0;margin-top:7px}.empty-element-section-message{color:#8b96a5;font-size:13px;padding:4px 0 10px}.flat-elements-list{display:flex;flex-direction:column}.flat-element-item{width:100%}.habit-sortable-item{align-items:stretch;display:flex;gap:6px}.flat-element-content{flex:1 1;min-width:0}.habit-drag-handle{align-self:center;background:#0000;border:0;color:#b8c0ca;cursor:grab;flex:0 0 auto;padding:6px 2px;touch-action:none;transition:color .15s ease}.habit-drag-handle:hover{color:#111}.habit-drag-handle:active{cursor:grabbing}.completed{color:#ccc;-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.todo-text{-webkit-tap-highlight-color:transparent;cursor:pointer;flex:1 1;overflow-wrap:anywhere;white-space:pre-wrap;width:100%}.todo-wrapper{display:flex;flex-direction:column;width:100%}.todo-container{align-items:center;column-gap:10px;display:flex;justify-content:space-between;padding:5px}.todo-left-section{align-items:flex-start;column-gap:10px;display:flex;flex:1 1;flex-direction:column}.todo-right-section{align-items:center;column-gap:5px;display:flex}.task-row-icon-button{align-items:center;background:none;border:none;color:#b8c0ca;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;min-height:22px;min-width:22px;padding:2px;transition:color .15s ease}.task-row-icon-button:focus-visible,.task-row-icon-button:hover{color:#111}.todo-container:focus-within .task-row-icon-button,.todo-container:hover .task-row-icon-button{color:#111}.drag-handle{cursor:grab;padding:5px}.drag-handle:active{cursor:grabbing}.chevron-icon{font-size:14px}.subtasks{background-color:#fafafa;border-left:2px solid #eee;display:flex;flex-direction:column}.new-subtask{align-items:center;column-gap:10px;display:flex;margin-left:35px}.new-subtask .formatted-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-family:inherit;font-size:inherit;height:auto;line-height:1.5;max-height:7.5em;min-height:33px;overflow-wrap:anywhere;overflow-y:auto;padding:4px 12px;resize:none;white-space:pre-wrap}.new-subtask .formatted-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.task-metadata{column-gap:12px;cursor:pointer;flex-wrap:wrap;margin-top:4px;width:100%}.metadata-item,.task-metadata{align-items:center;display:flex;flex-direction:row}.metadata-item{color:#666;column-gap:4px;font-size:12px}.metadata-icon{color:#999;font-size:11px}.metadata-text{color:#666;font-size:12px}.metadata-text.overdue{color:#dc3545}.subtask-options{margin-left:35px;margin-top:4px}.button-container{-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;color:#fff;cursor:pointer;height:34px;min-width:34px}.primary{background:#00bfff;color:#fff}.secondary{background:#fff;border:1px solid #00bfff;color:#00bfff}.success{background:#15bd15}.danger{background:#fb2e2e}.warning{background:orange}.info{background:#5f9ea0}.list-selection-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.list-selection-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:90%}.list-selection-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.list-selection-header h3{font-size:18px;margin:0}.list-selection-content{max-height:60vh;overflow-y:auto;padding:16px}.list-selection-items{list-style:none;margin:0;padding:0}.list-selection-item{border-radius:4px;cursor:pointer;padding:12px 16px;transition:background-color .2s}.list-selection-item:hover{background-color:#f5f5f5}.confirmation-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirmation-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;box-sizing:border-box;max-width:300px;width:90%}.confirmation-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.confirmation-header h3{font-size:18px;margin:0}.close-button{background:none;color:#666;font-size:20px}.confirmation-content{padding:16px}.confirmation-actions{border-top:1px solid #eee;column-gap:10px;display:flex;justify-content:flex-end;padding:16px}.todo-add-step-container{display:flex;flex-direction:column;row-gap:1px;width:100%}.input-button-row{align-items:flex-start;column-gap:10px;display:flex;flex-direction:row;width:100%}.add-task-collapsed-button{align-items:center;background:#0000;border:0;color:#7d8792;cursor:pointer;display:flex;font:inherit;gap:10px;min-height:30px;padding:5px 4px 3px;text-align:left;width:100%}.add-task-collapsed-button:hover{color:#3f4750}.add-task-collapsed-icon{color:#9aa3ad;display:inline-flex;font-size:12px;justify-content:center;width:16px}.frequency-select{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:12px;min-width:70px;padding:4px 8px}.frequency-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.add-button{flex-shrink:0;font-size:40px}.formatted-input{border:1px solid #d9dee7;border-radius:6px;flex:1 1;font-family:inherit;font-size:inherit;height:auto;line-height:1.35;max-height:7.5em;min-height:34px;overflow-wrap:anywhere;overflow-y:auto;padding:4px 14px;resize:none;white-space:pre-wrap}.formatted-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 2px #00bfff24;outline:none}.task-options-row{animation:fadeInSlideDown .3s ease-out;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:3px;flex-direction:row;justify-content:space-between;padding:2px}.task-options-row,.task-options-row .option-group-left{align-items:center;column-gap:16px;display:flex}.task-options-row .option-group-right{column-gap:5px;display:flex;padding:0 5px}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.option-icon{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.option-icon:hover{background-color:#f0f0f0;color:#333}.option-icon.active{color:#007bff}.option-group{align-items:center;column-gap:6px;display:flex;flex-direction:row}.hidden-input,.hidden-select{height:0;margin:0;padding:0;position:absolute;visibility:hidden;width:0}input[type=date],input[type=datetime-local]{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color-scheme:light;cursor:pointer;font-family:inherit;font-size:12px;padding:4px 8px}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .2s;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]:focus,input[type=datetime-local]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.option-text{color:#666;font-size:12px;font-weight:500}.note-element{-webkit-tap-highlight-color:transparent;background:#0000;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;margin:4px 0;padding:8px 12px;position:relative;transition:background .15s;width:100%}.multi-line-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.note-element:hover{background:#00000008}.note-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.note-title{font-weight:600}.note-content,.note-title{color:#333;flex:1 1;font-size:14px}.note-content{word-wrap:break-word;line-height:1.4;white-space:pre-wrap}.note-content h2,.note-content h3,.note-content p{margin:0 0 6px}.note-content h2{font-size:16px;font-weight:700}.note-content h3{font-size:15px;font-weight:700}.note-content [data-indent="1"]{margin-left:20px}.note-content [data-indent="2"]{margin-left:40px}.note-content [data-indent="3"]{margin-left:60px}.note-content [data-indent="4"]{margin-left:80px}.note-content ol,.note-content ul{margin:2px 0 6px 18px;padding:0}.note-content ul{list-style:disc}.note-content ol{list-style:decimal}.note-content ul[data-checklist=true]{list-style:none;margin-left:0}.note-content ul[data-checklist=true] ul[data-checklist=true]{margin-left:22px}.note-content ul[data-checklist=true] li{padding-left:22px;position:relative}.note-content ul[data-checklist=true] li:before{background:#fff;border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;content:"";height:14px;left:0;position:absolute;top:.28em;width:14px}.note-content ul[data-checklist=true] li[data-checked=true]{color:#64748b;text-decoration:line-through}.note-content ul[data-checklist=true] li[data-checked=true]:before{background:#0ea5e9;border-color:#0ea5e9}.note-content ul[data-checklist=true] li[data-checked=true]:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:7px;left:5px;position:absolute;top:calc(.28em + 2px);transform:rotate(45deg);width:4px}.note-content table{border-collapse:collapse;margin:4px 0 6px;table-layout:fixed;width:100%}.note-content td,.note-content th{border:1px solid #d9dee7;min-width:60px;padding:6px;vertical-align:top}.note-content th{background:#f8fafc;font-weight:700}.note-meta{display:flex;justify-content:flex-end;margin-top:4px}.note-last-updated{color:#666;font-size:12px;font-style:italic}.habit-history-modal-overlay{align-items:center;background:#00000080;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.habit-history-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;box-sizing:border-box;max-height:calc(100dvh - 32px);max-width:400px;overflow-y:auto;overscroll-behavior:contain;padding:24px;width:90%}.habit-history-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.habit-history-header-content{display:flex;flex-direction:column;gap:4px}.habit-history-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.habit-history-habit-name{color:#666;font-size:14px;font-weight:500}.habit-history-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.habit-history-close:hover{background:#f5f5f5;color:#333}.habit-history-navigation{gap:16px;margin-bottom:20px}.habit-history-nav-button,.habit-history-navigation{align-items:center;display:flex;justify-content:center}.habit-history-nav-button{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;height:32px;transition:all .2s;width:32px}.habit-history-nav-button:hover{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.habit-history-today-button{background:#fff;border:1px solid var(--brand-blue);border-radius:6px;color:var(--brand-blue);cursor:pointer;font-size:12px;font-weight:500;margin-left:8px;padding:6px 12px;transition:all .2s}.habit-history-today-button:hover{background:var(--brand-blue);color:#fff}.habit-history-month-label{color:#333;font-size:16px;font-weight:600;min-width:150px;text-align:center}.habit-history-calendar{margin-bottom:20px}.habit-history-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.habit-history-weekday{color:#999;font-size:11px;font-weight:600;text-align:center;text-transform:uppercase}.habit-history-days{display:grid;grid-template-columns:repeat(7,1fr)}.habit-history-day{aspect-ratio:1;flex-direction:column;gap:2px}.habit-history-day,.habit-history-day-circle{align-items:center;display:flex;justify-content:center}.habit-history-day-circle{background:#fff;border:1px solid #e0e0e0;border-radius:50%;color:#333;cursor:pointer;font-size:13px;font-weight:500;height:32px;overflow:hidden;position:relative;transition:all .2s;width:32px}.habit-history-day-circle:before{background:#fff;border-radius:50%;content:"";inset:3px;position:absolute;z-index:0}.habit-history-day-number{position:relative;text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none;z-index:1}.habit-history-day-circle:hover:not(.empty){border-color:var(--brand-blue);transform:scale(1.05)}.habit-history-day-circle.empty{background:#0000;border:none;cursor:default}.habit-history-day-circle.empty:before{display:none}.habit-history-day-circle.completed{background:linear-gradient(135deg,#20b86a,#159957);border-color:#20a862;box-shadow:inset 0 -1px 0 #00000014;color:#fff;text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none}.habit-history-day-circle.completed:before{display:none}.habit-history-day-circle.partial{background:conic-gradient(#20b86a var(--habit-progress),#e8eef5 0);border-color:#bfe9d1;box-shadow:inset 0 0 0 1px #20b86a14;color:#167a48;font-weight:700}.habit-history-day-circle.partial:before{background:#fbfdfc;box-shadow:0 0 0 1px #20b86a14}.habit-history-day-circle.completed:hover{background:linear-gradient(135deg,#1dab63,#138a4f);border-color:#188d53}.habit-history-day-circle.today{border-color:var(--brand-blue);font-weight:600}.habit-history-day-circle.selected{border-color:var(--brand-blue);box-shadow:0 0 0 3px #00bfff2e;transform:scale(1.06)}.habit-history-day-circle.today.completed{border-color:#27ae60}.habit-history-day-circle.future{background:#f5f5f5;border-color:#e0e0e0!important;cursor:not-allowed;opacity:.5}.habit-history-day-circle.future:hover{border-color:#e0e0e0!important;transform:none}.habit-history-day-circle.untracked{background:#f7f7f7;border-style:dashed;cursor:not-allowed;opacity:.45}.habit-history-day-circle.untracked:hover{border-color:#e0e0e0;transform:none}.habit-history-stats{border-top:1px solid #eee;display:flex;justify-content:space-around;padding-top:16px}.habit-history-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.habit-history-stat-value{color:var(--brand-blue);font-size:20px;font-weight:700}.habit-history-stat-label{color:#999;font-size:11px;font-weight:500;text-transform:uppercase}.habit-history-quick-log{background:#f8fbff;border:1px solid #e8eef5;border-radius:6px;margin-top:16px;padding:12px}.habit-history-quick-log h4{color:#333;font-size:14px;margin:0 0 10px}.habit-history-quick-log-row{align-items:center;display:flex;gap:8px}.habit-history-quick-log-row input{border:1px solid var(--border-color);border-radius:4px;font-size:15px;padding:8px 10px;width:100%}.habit-history-quick-log-row input:focus{border-color:var(--brand-blue);outline:none}.habit-history-quick-log-row span{color:#6b7280;font-size:13px}.habit-history-quick-log-target{color:#6b7280;font-size:12px;margin-top:8px}.habit-history-quick-log-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.habit-history-quick-log-actions button{background:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-weight:700;padding:7px 12px}.habit-history-quick-log-actions button.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}@media (max-width:520px){.habit-history-modal-overlay{align-items:center;padding:16px 12px max(16px,env(safe-area-inset-bottom))}.habit-history-modal{border-radius:12px;max-height:calc(100dvh - max(32px, env(safe-area-inset-bottom) + 28px));max-width:none;padding:18px;scroll-padding-bottom:180px;width:100%}.habit-history-header{margin-bottom:14px}.habit-history-navigation{gap:8px;margin-bottom:14px}.habit-history-month-label{font-size:14px;min-width:120px}.habit-history-calendar{margin-bottom:14px}.habit-history-day-circle{font-size:12px;height:30px;width:30px}.habit-history-stats{padding-top:12px}.habit-history-quick-log{margin-top:14px}}.add-habit-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-habit-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;box-sizing:border-box;max-height:90dvh;max-width:400px;min-width:300px;overflow-y:auto;padding:24px;width:90%}.add-habit-modal h3{color:#333;font-size:18px;margin:0 0 20px}.add-habit-field{margin-bottom:20px}.add-habit-target-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr)}.add-habit-checkbox-row{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.add-habit-checkbox-row input{appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #cfd7df;border-radius:5px;cursor:pointer;display:grid;flex:0 0 auto;height:18px;margin:0;place-content:center;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;width:18px}.add-habit-checkbox-row input:before{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";height:5px;opacity:0;transform:rotate(-45deg) translate(1px,-1px);width:9px}.add-habit-checkbox-row input:checked{background:var(--brand-blue);border-color:var(--brand-blue)}.add-habit-checkbox-row input:checked:before{opacity:1}.add-habit-checkbox-row input:focus-visible{box-shadow:0 0 0 3px #00bfff33;outline:none}.add-habit-checkbox-row:hover input{border-color:var(--brand-blue)}.add-habit-field label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.add-habit-input,.add-habit-textarea{border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.add-habit-textarea{min-height:74px;resize:vertical}.add-habit-input:focus,.add-habit-textarea:focus{border-color:var(--brand-blue);outline:none}.add-habit-more-options{align-items:center;background:#0000;border:none;color:var(--brand-blue);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;margin:-4px 0 16px;padding:4px 0}.add-habit-more-options svg{font-size:11px}.add-habit-options-panel{background:#f8fbff;border:1px solid #e8eef5;border-radius:6px;margin:-4px 0 18px;padding:12px}.add-habit-options-panel .add-habit-checkbox-row:last-child,.add-habit-options-panel .add-habit-field:last-child{margin-bottom:0}.add-habit-day-picker{display:flex;flex-wrap:wrap;gap:10px}.add-habit-day-toggle{align-items:center;background:#fff;border:2px solid #d8dde3;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.add-habit-day-toggle:hover{background:#00bfff0f;border-color:var(--brand-blue);color:var(--brand-blue)}.add-habit-day-toggle.selected{background:#27ae60;border-color:#27ae60;color:#fff}.add-habit-day-toggle:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 2px #00bfff2e;outline:none}.add-habit-mode-selector{background:#f4f6f8;border:1px solid #e5eaf0;border-radius:6px;display:inline-flex;gap:2px;margin-bottom:18px;padding:2px}.add-habit-mode-selector label{align-items:center;border:1px solid #0000;border-radius:4px;color:#5f6b7a;cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:center;min-height:28px;padding:5px 10px;text-align:center;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.add-habit-mode-selector label:hover{color:#2d3a4a}.add-habit-mode-selector input{opacity:0;pointer-events:none;position:absolute}.add-habit-mode-selector label.selected{background:#fff;border-color:#00bfff4d;box-shadow:0 1px 4px #00bfff24;color:var(--brand-blue)}.add-habit-mode-selector label:has(input:focus-visible){outline:2px solid #00bfff47;outline-offset:2px}.add-habit-smart-layout{display:flex;flex-direction:column;gap:16px}.add-habit-goal-area h4{color:#333;font-size:15px;font-weight:700;margin:0 0 10px}.add-habit-smart-section{background:#f8fbff;border:1px solid #e8eef5;border-radius:6px;padding:14px}.add-habit-smart-section h4{color:#333;font-size:15px;font-weight:700;margin:0 0 14px}.add-habit-helper-text{color:#6b7280;font-size:12px;line-height:1.4;margin:-2px 0 0}.add-habit-difficulty-section h4{margin-bottom:10px}.add-habit-difficulty-check,.add-habit-smart-section .add-habit-field:last-child{margin-bottom:0}.add-habit-smart-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.add-habit-smart-section-header h4{margin:0}.add-habit-step-add{align-items:center;background:#0000;border:none;color:var(--brand-blue);cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:4px}.add-habit-step-add-bottom{background:#00bfff0a;border:1px dashed #00bfff73;border-radius:6px;margin-top:12px;padding:9px 10px;width:100%}.add-habit-step-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.add-habit-step-card.current{border-color:var(--brand-blue);box-shadow:0 0 0 2px #00bfff1f}.add-habit-step-card+.add-habit-step-card{margin-top:12px}.add-habit-step-header{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto auto minmax(0,1fr) auto;margin-bottom:0}.add-habit-step-card.expanded .add-habit-step-header{margin-bottom:12px}.add-habit-step-current-selector{align-items:center;cursor:pointer;display:flex;justify-content:center}.add-habit-step-current-selector input{opacity:0;pointer-events:none;position:absolute}.add-habit-step-current-selector span{background:#fff;border:2px solid #cfd7df;border-radius:50%;box-sizing:border-box;height:16px;width:16px}.add-habit-step-current-selector input:checked+span{background:var(--brand-blue);border-color:var(--brand-blue);box-shadow:inset 0 0 0 3px #fff}.add-habit-step-current-selector:has(input:focus-visible) span{outline:2px solid #00bfff40;outline-offset:2px}.add-habit-step-collapse{background:#0000;border:none;border-radius:4px;color:#8a8f98;cursor:pointer;flex-shrink:0;height:22px;width:22px}.add-habit-step-collapse:hover{background:#f1f5f9;color:#4b5563}.add-habit-step-title-input{background:#0000;border:1px solid #0000;border-radius:4px;color:#333;font:inherit;font-size:14px;font-weight:700;height:30px;line-height:1.25;max-height:44px;min-height:30px;min-width:0;overflow:hidden;padding:5px;resize:none;width:100%}.add-habit-step-title-input:hover{background:#f8fbff;border-color:#e8eef5}.add-habit-step-title-input:focus{background:#fff;border-color:var(--brand-blue);box-shadow:0 0 0 2px #00bfff1f;outline:none}.add-habit-step-actions{display:flex;gap:3px}.add-habit-step-actions button{background:#0000;border:1px solid #0000;border-radius:4px;color:#8a8f98;cursor:pointer;font-size:12px;height:24px;width:24px}.add-habit-step-actions button:hover:not(:disabled){background:#00bfff0f;border-color:#00bfff40;color:var(--brand-blue)}.add-habit-step-actions button:disabled{cursor:not-allowed;opacity:.35}.add-habit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.add-habit-cancel{background:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.add-habit-cancel:hover{background:#f5f5f5}.add-habit-submit{background:var(--brand-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.add-habit-submit:hover{opacity:.9}.habit-element{-webkit-tap-highlight-color:transparent;background:#0000;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;margin:5px 0;padding:9px 11px;position:relative;width:100%}.habit-title-row{align-items:center;column-gap:8px;display:flex;justify-content:space-between;margin-bottom:2px}.habit-title-actions{align-items:center;display:flex;opacity:.7;transition:opacity .2s ease}.habit-element:hover .habit-title-actions{opacity:1}.habit-title{color:#333;flex:1 1;font-size:14px;font-weight:600;min-width:0;overflow-wrap:anywhere}.habit-meta-line{align-items:center;color:#7a8491;display:flex;flex-wrap:wrap;font-size:10px;gap:4px;line-height:1.35;margin-bottom:8px;overflow-wrap:anywhere}.habit-meta-separator{color:#b8c0ca}.habit-note{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#6b7280;display:-webkit-box;font-size:11px;line-height:1.35;margin:-2px 0 8px;overflow:hidden;overflow-wrap:anywhere}.habit-smart-summary{color:#6b7280;display:flex;flex-direction:column;font-size:12px;gap:3px;line-height:1.35;margin:-3px 0 8px}.habit-smart-summary span{color:#7a8491;font-weight:700}.habit-smart-prompt{align-items:center;background:#f8fbff;border:1px solid #dbeafe;border-radius:4px;color:#1f2937;display:flex;font-size:12px;gap:10px;justify-content:space-between;margin:7px 0 0;padding:7px 9px}.habit-smart-prompt div{display:flex;flex-direction:column;gap:2px;min-width:0}.habit-smart-prompt span{color:#4b5563;overflow-wrap:anywhere}.habit-smart-prompt button{background:var(--brand-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;padding:5px 9px}.habit-smart-prompt-warning{background:#fffaf3;border-color:#fed7aa}.habit-smart-prompt-actions{display:flex;flex-direction:row!important;flex-wrap:wrap;justify-content:flex-end}.habit-smart-prompt-warning button{background:#f97316}.habit-progress{display:flex;gap:10px;justify-content:flex-start;margin-bottom:0;margin-top:2px}.habit-progress-item{align-items:center;display:flex;min-width:0}.habit-progress-circle{align-items:center;background:#fff;border:1px solid #d9dee7;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;overflow:hidden;position:relative;transition:background .2s,border-color .2s,box-shadow .2s;width:28px}.habit-progress-circle:before{background:#fff;border-radius:50%;content:"";inset:2px;position:absolute;z-index:0}.habit-day-letter{color:#8b96a3;font-size:10px;font-weight:700;line-height:1;position:relative;z-index:1}.habit-progress-circle:hover{border-color:var(--brand-blue);box-shadow:0 0 0 2px #00bfff1a}.habit-progress-circle.completed{background:linear-gradient(135deg,#20b86a,#159957);border-color:#20a862;box-shadow:inset 0 -1px 0 #00000014;text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none}.habit-progress-circle.completed:before{display:none}.habit-progress-circle.completed .habit-day-letter{color:#fff;text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none}.habit-progress-circle.partial{background:conic-gradient(#22ad68 var(--habit-progress),#eef3f7 0);border-color:#c8ead7;box-shadow:inset 0 0 0 1px #20b86a0f;color:#167a48}.habit-progress-circle.partial:before{background:#fcfefd;box-shadow:0 0 0 1px #20b86a0f}.habit-progress-circle.partial .habit-day-letter{color:#167a48}.habit-progress-circle.completed:hover{background:#219150;border-color:#219150}.habit-progress-circle.today{border-color:#9ce8ff;box-shadow:0 0 0 3px #00bfff14}.habit-progress-circle.today.completed{border-color:#27ae60}.habit-progress-circle.future{background:#f5f5f5;border-color:#e0e0e0!important;cursor:not-allowed;opacity:.42}.habit-progress-circle.future .habit-day-letter{color:#9aa3ad}.habit-progress-circle.future.completed{background:#f5f5f5;border-color:#e0e0e0!important}.habit-progress-circle.future:hover{border-color:#e0e0e0!important;box-shadow:none}.habit-progress-circle.untracked{background:#f7f7f7;border-style:dashed;cursor:not-allowed;opacity:.34}.habit-progress-circle.untracked .habit-day-letter{color:#9aa3ad}.habit-progress-circle.untracked:hover{border-color:#e0e0e0;box-shadow:none}.habit-history-button{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s;width:28px}.habit-history-button:hover{background:#00bfff14;border-radius:4px;color:var(--brand-blue)}@media (max-width:520px){.habit-progress{gap:6px;justify-content:space-between}}.habit-quick-log-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.habit-quick-log-modal{background:#fff;border-radius:8px;box-shadow:0 8px 28px #0000003d;padding:20px;width:min(320px,calc(100vw - 32px))}.habit-quick-log-modal h3{color:#333;font-size:17px;margin:0 0 16px}.habit-quick-log-field label{color:#333;display:block;font-size:13px;font-weight:700;margin-bottom:8px}.habit-quick-log-input-row{align-items:center;display:flex;gap:8px}.habit-quick-log-input-row input{border:1px solid var(--border-color);border-radius:4px;font-size:16px;padding:10px 12px;width:100%}.habit-quick-log-input-row input:focus{border-color:var(--brand-blue);outline:none}.habit-quick-log-input-row span,.habit-quick-log-target{color:#6b7280;font-size:13px}.habit-quick-log-target{margin-top:8px}.habit-quick-log-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.habit-quick-log-actions button{background:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-weight:700;padding:8px 14px}.habit-quick-log-actions button.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.time-picker{align-items:center;display:flex;gap:4px}.time-picker-field{align-items:center;display:flex;gap:2px}.time-picker-input{-moz-appearance:textfield;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 6px;text-align:center;width:48px}.time-picker-input::-webkit-inner-spin-button,.time-picker-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-picker-input:focus{border-color:var(--brand-blue);outline:none}.time-picker-label{color:#888;font-size:11px;min-width:20px}.time-picker-separator{color:#555;font-size:16px;font-weight:600;margin:0 2px}.timer-element{-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e4e9ee;border-radius:8px;box-shadow:0 1px 2px #12202d0a;box-sizing:border-box;margin:8px 0;padding:14px 16px;position:relative;width:100%}.timer-header{gap:16px;justify-content:space-between;margin-bottom:12px;padding:0}.timer-header,.timer-header-left{align-items:flex-start;display:flex}.timer-header-left{flex:1 1;gap:10px;min-width:0}.timer-header-text{display:flex;flex-direction:column;gap:3px;min-width:0}.timer-header-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.timer-header-clock{align-items:center;background:#eef6fb;border-radius:50%;color:#1f8fc7;display:flex;font-size:11px;height:22px;justify-content:center;margin-top:1px;width:22px}.timer-header-title{color:#26323b;font-size:15px;font-weight:650;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-main-time{font-feature-settings:"tnum";color:#087eb8;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:17px;font-variant-numeric:tabular-nums;font-weight:650;line-height:32px;min-width:58px;text-align:right}.timer-main-time.overtime{color:#c84242}.timer-doing-task{color:#7b8791;font-size:12px;font-weight:500;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-play-button{align-items:center;background:#0ea5df;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:background .18s ease,transform .18s ease;width:32px}.timer-play-button:hover{background:#078ec2;transform:translateY(-1px)}.timer-reset-button{align-items:center;background:#f7fafc;border:1px solid #d7e1e8;border-radius:50%;color:#4f6573;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;padding:0;transition:background .18s ease,border-color .18s ease,color .18s ease;width:32px}.timer-reset-button:hover{background:#eef5f8;border-color:#bfd0da;color:#283842}.timer-menu-button{align-items:center;border-radius:50%;color:#778691;display:flex;height:32px;justify-content:center;padding:0;transition:background .18s ease,color .18s ease;width:32px}.timer-menu-button:hover,.timer-menu-button[aria-expanded=true]{background:#f2f6f8!important;color:#26323b}.timer-progress-row{margin:0 0 12px}.timer-progress-copy{color:#6d7b86;display:flex;font-size:12px;font-weight:650;gap:8px;justify-content:space-between;margin-bottom:7px}.timer-progress-track{background:#edf1f4;border-radius:999px;height:5px;overflow:hidden;width:100%}.timer-progress-fill{background:#0ea5df;border-radius:inherit;height:100%;transition:width .2s ease}.timer-subtimers-section{margin-top:6px}.timer-subtimers-header{align-items:center;background:#0000;border:0;border-bottom:1px solid #eef2f5;border-radius:0;border-top:1px solid #eef2f5;color:#51616d;cursor:pointer;display:flex;font-size:12px;font-weight:650;gap:6px;letter-spacing:0;padding:8px 0;text-transform:uppercase}.timer-subtimers-header:hover{color:#26323b}.stopwatch-steps-toggle{text-align:left;width:100%}.stopwatch-element .timer-session-step{grid-template-columns:minmax(120px,1fr) 90px}.subtimers-collapse-icon{color:#8d99a3;font-size:11px}.subtimers-title{color:inherit;font-size:12px;font-weight:650}.timer-subtimers-list{display:flex;flex-direction:column;gap:2px;margin-top:6px}.timer-subtimer-item{align-items:center;background:#0000;border:1px solid #0000;border-left-width:3px;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 6px 8px 10px;transition:background .18s ease,border-color .18s ease}.timer-subtimer-item:hover{background:#f8fafb}.timer-subtimer-item.active{background:#f7fbfd;border-color:#e0eff7 #e0eff7 #e0eff7 #0ea5df}.timer-subtimer-item.completed{background:#0000}.timer-subtimer-dot{align-items:center;background:#dbe1e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:7px;height:12px;justify-content:center;width:12px}.timer-subtimer-dot.active{background:#0ea5df}.timer-subtimer-dot.completed{background:#5fbd83}.timer-subtimer-info{align-items:center;display:flex;flex:1 1;justify-content:space-between;min-width:0}.timer-subtimer-text{color:#2f3b44;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-subtimer-time{font-feature-settings:"tnum";color:#7f8b94;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-variant-numeric:tabular-nums}.timer-auto-move-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:50%;color:#b6c0c8;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:28px;justify-content:center;transition:background .18s ease,border-color .18s ease,color .18s ease;width:28px}.timer-auto-move-button.active{background:#eef8fc;border-color:#d5e7f0;color:#1687b9}.timer-auto-move-button:hover{background:#f3f7f9;color:#1687b9}.timer-complete-step-button{align-items:center;background:#f7fafc;border:1px solid #d7e1e8;border-radius:50%;color:#63727d;cursor:not-allowed;display:flex;flex-shrink:0;font-size:11px;height:32px;justify-content:center;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;width:32px}.timer-complete-step-button.active{background:#f7fafc;border-color:#d7e1e8;color:#1687b9;cursor:pointer}.timer-complete-step-button.active:hover{background:#eef8fc;border-color:#c7dfe9;transform:translateY(-1px)}.timer-complete-step-button:disabled{background:#f2f4f6;border-color:#d8dde2;color:#a3abb3;cursor:not-allowed;transform:none}.timer-audio-toggle{align-items:center;background:#0000;border:1px solid #0000;border-radius:50%;color:#9aa7b0;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;position:relative;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;width:32px}.timer-audio-toggle.active{background:#f4fafc;border-color:#d7e8f0;color:#1687b9}.timer-audio-toggle:not(.active):after{background:currentColor;border-radius:999px;content:"";height:2px;position:absolute;transform:rotate(-38deg);width:15px}.timer-audio-toggle:hover{background:#f2f6f8;color:#26323b;transform:translateY(-1px)}.timer-add-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#1687b9;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:flex-start;margin-top:4px;padding:8px 4px;transition:color .18s ease;width:-webkit-fit-content;width:fit-content}.timer-add-item:hover{color:#086f9c}.timer-edit-overlay{align-items:center;background:#19232d8c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.timer-edit-dialog{border-radius:10px;width:min(92%,560px)}.timer-edit-dialog,.timer-stats-dialog{background:#fff;box-shadow:0 18px 46px #10233447;box-sizing:border-box;max-height:calc(100vh - 32px);overflow-y:auto;padding:20px}.timer-stats-dialog{border-radius:8px;width:min(92%,620px)}.timer-stats-dialog h3{color:#26323b;font-size:18px;margin:0}.timer-stats-tabs{border-bottom:1px solid #e4eaee;display:flex;gap:22px;margin:-6px 0 18px}.timer-stats-tabs button{align-items:center;background:#0000;border:0;border-bottom:2px solid #0000;color:#74818b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:10px 1px 9px}.timer-stats-tabs button:hover{color:#34424c}.timer-stats-tabs button.active{border-bottom-color:#1687b9;color:#26323b}.timer-stats-tabs button span{background:#eef3f6;border-radius:9px;color:#64737e;font-size:10px;min-width:18px;padding:1px 5px;text-align:center}.timer-stats-summary{border-bottom:1px solid #e8edf1;border-top:1px solid #e8edf1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.timer-stat-item{border-right:1px solid #e8edf1;min-width:0;padding:16px 12px}.timer-stat-item:first-child{padding-left:0}.timer-stat-item:last-child{border-right:0;padding-right:0}.timer-stat-item span{color:#77838e;display:block;font-size:11px;line-height:1.35;min-height:30px}.timer-stat-item strong{font-feature-settings:"tnum";color:#26323b;display:block;font-size:20px;font-variant-numeric:tabular-nums;font-weight:650;margin-top:5px}.timer-stats-section-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin:22px 0 9px}.timer-stats-section-heading h4{color:#33414b;font-size:14px;margin:0}.timer-stats-section-heading span{color:#77838e;font-size:12px}.timer-stats-table{border:1px solid #e1e7eb;border-radius:6px;overflow:hidden;width:100%}.timer-stats-table-row{font-feature-settings:"tnum";align-items:center;border-bottom:1px solid #edf1f3;color:#53616b;display:grid;font-size:12px;font-variant-numeric:tabular-nums;grid-template-columns:minmax(120px,1fr) 56px 88px 78px;min-height:42px}.timer-stats-table-row:last-child{border-bottom:0}.timer-stats-table-row>span{padding:8px 10px;text-align:right}.timer-stats-table-row>span:first-child{text-align:left}.timer-stats-table-header{background:#f7f9fa;color:#77838e;font-size:11px;font-weight:650;min-height:36px}.timer-stats-step-name{color:#34424c;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-stats-table-row .has-overtime{color:#bb4545}.timer-stats-empty{color:#7d8992;font-size:12px;margin:12px 0 0;text-align:center}.timer-session-list{display:flex;flex-direction:column;gap:8px}.timer-session-item{background:#fff;border:1px solid #e0e7eb;border-radius:6px;overflow:hidden}.timer-session-item.expanded{border-color:#cddce4}.timer-session-trigger{grid-gap:10px;align-items:center;background:#0000;border:0;color:#34424c;cursor:pointer;display:grid;gap:10px;grid-template-columns:16px minmax(0,1fr) auto;min-height:58px;padding:10px 12px;text-align:left;width:100%}.timer-session-trigger:hover{background:#f8fafb}.timer-session-chevron{color:#89969f;font-size:10px}.timer-session-identity{display:flex;flex-direction:column;gap:3px;min-width:0}.timer-session-identity strong{color:#2e3c45;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-session-identity small{font-feature-settings:"tnum";color:#7a8790;font-size:11px;font-variant-numeric:tabular-nums}.timer-session-result,.timer-session-step-result{font-feature-settings:"tnum";color:#56656f;font-size:11px;font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.timer-session-result.overtime,.timer-session-step-result.overtime{color:#b44545}.timer-session-result.ahead,.timer-session-result.on-time,.timer-session-step-result.ahead,.timer-session-step-result.on-time{color:#31815a}.timer-session-result.abandoned,.timer-session-step-result.incomplete,.timer-session-step-result.skipped{color:#7d8992}.timer-session-details{background:#fbfcfd;border-top:1px solid #edf1f3;padding:0 12px 12px 38px}.timer-session-meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 0}.timer-session-meta>span{color:#7b8790;display:flex;flex-direction:column;font-size:10px;gap:3px;text-transform:uppercase}.timer-session-meta strong{color:#3a4852;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.timer-session-steps{background:#fff;border:1px solid #e2e8eb;border-radius:5px;overflow:hidden}.timer-session-step{grid-gap:8px;align-items:center;border-bottom:1px solid #edf1f3;display:grid;gap:8px;grid-template-columns:minmax(110px,1fr) 68px 68px 88px;min-height:48px;padding:7px 10px}.timer-session-step:last-child{border-bottom:0}.timer-session-step>span{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:right}.timer-session-step>span:first-child{text-align:left}.timer-session-step small{color:#87939b;font-size:9px;text-transform:uppercase}.timer-session-step strong{color:#3b4953;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-session-step-result{display:block!important;text-align:right}.timer-session-empty{color:#9aa5ad;padding:42px 20px;text-align:center}.timer-session-empty svg{font-size:20px;margin-bottom:9px}.timer-session-empty p{font-size:12px;margin:0}.timer-edit-dialog-header{align-items:flex-start;border-bottom:1px solid #e8edf1;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;padding-bottom:16px}.timer-edit-dialog h3{color:#333;font-size:18px;margin:0}.timer-edit-dialog-header p{color:#77838e;font-size:12px;margin:4px 0 0}.timer-edit-close-button{align-items:center;background:#f1f4f6;border:0;border-radius:4px;color:#60707d;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.timer-edit-close-button:hover{background:#e3e9ed;color:#263640}.timer-edit-field{margin-bottom:22px}.timer-edit-field label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:7px}.timer-edit-input{border:1px solid #ccd6dd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.timer-edit-input:focus{border-color:var(--brand-blue);outline:none}.timer-edit-subtimers{margin-bottom:14px}.timer-edit-section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timer-edit-section-heading label{color:#333;display:block;font-size:14px;font-weight:600}.timer-edit-section-heading span{background:#e8f5fb;border-radius:10px;color:var(--brand-blue);font-size:12px;font-weight:600;min-width:22px;padding:2px 6px;text-align:center}.timer-edit-subtimer-item{align-items:center;background:#fbfcfd;border:1px solid #e0e6ea;border-radius:6px;display:flex;gap:8px;margin-bottom:8px;padding:8px}.timer-edit-subtimer-number{align-items:center;background:#e8f5fb;border-radius:50%;color:var(--brand-blue);display:flex;flex:0 0 24px;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.timer-edit-subtimer-input{border:1px solid #ccd6dd;border-radius:5px;box-sizing:border-box;flex:1 1;font-size:14px;min-width:0;padding:9px 10px;transition:border-color .2s}.timer-edit-subtimer-input:focus{border-color:var(--brand-blue);outline:none}.timer-edit-dialog .time-picker{background:#fff;border:1px solid #ccd6dd;border-radius:5px;flex:0 0 auto;gap:0;height:34px;overflow:hidden}.timer-edit-dialog .time-picker-select{background:#0000;border:0;gap:4px;height:auto;overflow:visible}.timer-edit-dialog .time-picker-select select{background-color:#fff;border:1px solid #ccd6dd;border-radius:5px;color:#4a5964;cursor:pointer;font-size:12px;height:34px;padding:0 22px 0 8px;width:68px}.timer-edit-dialog .time-picker-select select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 2px #3498db1f;outline:none}.duration-picker{flex:0 0 auto;position:relative}.duration-picker-trigger{font-feature-settings:"tnum";align-items:center;background:#fff;border:1px solid #ccd6dd;border-radius:5px;color:#4a5964;cursor:pointer;display:flex;font-size:13px;font-variant-numeric:tabular-nums;gap:8px;height:34px;justify-content:space-between;padding:0 9px 0 11px;width:92px}.duration-picker-trigger:hover,.duration-picker-trigger[aria-expanded=true]{border-color:var(--brand-blue)}.duration-picker-trigger:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 2px #3498db1f;outline:none}.duration-picker-chevron{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid #75838e;height:0;width:0}.duration-picker-popover{align-items:flex-end;background:#fff;border:1px solid #d6e0e6;border-radius:6px;box-shadow:0 10px 28px #1c30402e;display:flex;gap:8px;padding:12px;position:absolute;right:0;top:calc(100% + 6px);white-space:nowrap;z-index:20}.duration-picker-popover label{color:#71808b;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:5px}.duration-picker-popover select{background:#fff;border:1px solid #ccd6dd;border-radius:5px;color:#33424d;font-size:13px;height:34px;padding:0 8px;width:70px}.duration-picker-popover select:focus{border-color:var(--brand-blue);outline:none}.duration-picker-divider{color:#8b98a2;font-weight:700;padding-bottom:7px}.timer-add-subtimer .duration-picker-popover{bottom:calc(100% + 6px);top:auto}.timer-edit-dialog .time-picker-field{gap:0;height:100%}.timer-edit-dialog .time-picker-input{background:#0000;border:0;border-radius:0;font-size:13px;height:100%;padding:6px 2px;width:38px}.timer-edit-dialog .time-picker:focus-within{border-color:var(--brand-blue);box-shadow:0 0 0 2px #3498db1f}.timer-edit-dialog .time-picker-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.timer-edit-dialog .time-picker-separator{color:#8a98a3;font-size:15px;font-weight:600;margin:0}.timer-remove-subtimer{background:#0000;border:1px solid #d7dfe5;border-radius:5px;color:#87939c;cursor:pointer;font-size:12px;height:32px;padding:0;transition:background .2s;width:32px}.timer-remove-subtimer:hover{background:#fff2f2;border-color:#e6a7a7;color:#c53b3b}.timer-add-subtimer{align-items:center;background:#f8fafb;border:1px dashed #aebdc8;border-radius:6px;display:flex;gap:8px;margin-top:10px;padding:8px}.timer-edit-subtimer-number-add{background:#0000;color:#7d8a94}.timer-add-subtimer-controls{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.timer-add-subtimer-button{background:var(--brand-blue);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;height:32px;padding:0;transition:background .2s;width:32px}.timer-add-subtimer-button:hover{background:#2980b9}.timer-edit-actions{border-top:1px solid #e8edf1;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.timer-edit-actions button{background:#fff;border:1px solid #ccd6dd;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s}.timer-edit-actions button.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.timer-edit-actions button:hover{opacity:.9}@media (max-width:520px){.duration-picker-popover{bottom:auto;box-sizing:border-box;gap:4px;justify-content:center;left:50%;max-width:calc(100vw - 24px);padding:10px 8px;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:min(280px,calc(100vw - 24px))}.duration-picker-popover select{font-size:12px;padding:0 4px;width:60px}.duration-picker-popover label{font-size:10px;gap:4px}.duration-picker-divider{padding-bottom:6px}.timer-element{padding:12px}.timer-header{align-items:stretch;flex-direction:column;gap:12px}.timer-header-right{flex-wrap:wrap;justify-content:flex-start}.timer-main-time{margin-right:auto;text-align:left}.timer-edit-dialog,.timer-stats-dialog{padding:16px;width:calc(100% - 20px)}.timer-stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-stat-item:nth-child(2){border-right:0}.timer-stat-item:nth-child(-n+2){border-bottom:1px solid #e8edf1}.timer-stat-item:nth-child(3){padding-left:0}.timer-stats-table{overflow-x:auto}.timer-stats-table-row{min-width:460px}.timer-session-trigger{grid-template-columns:14px minmax(0,1fr)}.timer-session-result{grid-column:2;justify-self:start}.timer-session-details{padding-left:12px}.timer-session-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-session-steps{overflow-x:auto}.timer-session-step{min-width:430px}.stopwatch-element .timer-session-step{grid-template-columns:minmax(120px,1fr) 80px;min-width:0}.timer-add-subtimer,.timer-edit-subtimer-item{align-items:flex-start}.timer-add-subtimer-controls .time-picker,.timer-edit-subtimer-item,.timer-edit-subtimer-item .time-picker{flex-wrap:wrap}.timer-edit-subtimer-item .timer-edit-subtimer-input{min-width:calc(100% - 72px)}.timer-edit-subtimer-item .time-picker{margin-left:32px}.timer-add-subtimer-controls{flex-wrap:wrap}.timer-add-subtimer-controls .timer-edit-subtimer-input{flex-basis:100%}}.time-tracker-element{background:#fff;border:1px solid #dfe5e9;border-radius:6px;box-sizing:border-box;color:#25313a;margin:4px 0;width:100%}.time-tracker-activity,.time-tracker-controls,.time-tracker-custom,.time-tracker-history-row,.time-tracker-history-toggle,.time-tracker-picker-header,.time-tracker-running,.time-tracker-topbar{align-items:center;display:flex}.time-tracker-topbar{justify-content:space-between;padding:12px 14px 9px}.time-tracker-heading{align-items:center;display:flex;gap:9px;min-width:0}.time-tracker-mark{background:#eaf7f3;border-radius:5px;color:#16856a;display:grid;flex:0 0 28px;font-size:13px;height:28px;place-items:center;width:28px}.time-tracker-activity>span:nth-child(2),.time-tracker-heading div,.time-tracker-history-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.time-tracker-heading strong{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-tracker-heading small{color:#84919a;font-size:10px;margin-top:2px}.time-tracker-menu{color:#77848d;height:30px;padding:0;width:30px}.time-tracker-running{background:#fbfcfc;border-bottom:1px solid #edf1f3;border-top:1px solid #edf1f3;gap:14px;min-height:66px;padding:11px 14px}.time-tracker-activity{background:#0000;border:0;color:inherit;cursor:pointer;flex:1 1;gap:10px;min-width:0;padding:0;text-align:left}.time-tracker-activity-icon{background:#eef2f4;border-radius:6px;color:#6d7b85;display:grid;flex:0 0 34px;height:34px;place-items:center;width:34px}.time-tracker-activity-grid .work,.time-tracker-activity-icon.work{background:#e9f6ef;color:#25835b}.time-tracker-activity-grid .study,.time-tracker-activity-icon.study{background:#eaf2fb;color:#3277ad}.time-tracker-activity-grid .exercise,.time-tracker-activity-icon.exercise{background:#fff1e8;color:#c5682c}.time-tracker-activity-grid .break,.time-tracker-activity-icon.break{background:#f6effa;color:#865da0}.time-tracker-activity-grid .travel,.time-tracker-activity-icon.travel{background:#eef6f7;color:#347b83}.time-tracker-activity-grid .personal,.time-tracker-activity-icon.personal{background:#fff4e0;color:#a56e19}.time-tracker-activity-grid .other{background:#eef2f4;color:#667781}.time-tracker-activity small{color:#87939b;font-size:9px;font-weight:600;margin-bottom:2px;text-transform:uppercase}.time-tracker-activity strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-tracker-edit-icon{color:#a0abb2;font-size:10px}.time-tracker-time{font-feature-settings:"tnum";color:#40515b;font-size:20px;font-variant-numeric:tabular-nums;font-weight:600;min-width:64px;text-align:right}.time-tracker-time.running{color:#16856a}.time-tracker-controls{gap:6px}.time-tracker-controls button{align-items:center;border-radius:5px;cursor:pointer;display:inline-flex;gap:6px;height:34px;justify-content:center}.time-tracker-play{background:#16856a;border:0;color:#fff;width:34px}.time-tracker-next{color:#40515b;font-size:11px;font-weight:600;padding:0 11px}.time-tracker-finish,.time-tracker-next{background:#fff;border:1px solid #cfd9de}.time-tracker-finish{color:#65747e;width:34px}.time-tracker-controls button:disabled{cursor:default;opacity:.38}.time-tracker-history-toggle{background:#fff;border:0;color:#66757f;cursor:pointer;gap:8px;min-height:38px;padding:7px 14px;text-align:left;width:100%}.time-tracker-history-toggle>svg{font-size:10px;width:10px}.time-tracker-history-toggle span{font-size:11px;font-weight:600;text-transform:uppercase}.time-tracker-history-toggle strong{background:#eef2f4;border-radius:9px;font-size:9px;min-width:20px;padding:2px 5px;text-align:center}.time-tracker-history-toggle small{font-feature-settings:"tnum";color:#43545e;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;margin-left:auto}.time-tracker-history-list{padding:0 14px 9px 32px}.time-tracker-history-list>p{color:#929da4;font-size:11px;margin:3px 0 8px}.time-tracker-history-row{border-top:1px solid #edf1f3;gap:9px;min-height:40px}.time-tracker-history-dot{background:#48a98e;border-radius:50%;flex:0 0 6px;height:6px;width:6px}.time-tracker-history-row>span:nth-child(2){flex:1 1}.time-tracker-history-row strong{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-tracker-history-row small{color:#929da4;font-size:9px;margin-top:2px}.time-tracker-history-row b{font-feature-settings:"tnum";color:#465761;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600}.time-tracker-picker-overlay{align-items:flex-end;background:#141c2261;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.time-tracker-picker{background:#fff;border-radius:8px 8px 6px 6px;box-shadow:0 20px 55px #101c243d;padding:10px 18px 18px;width:min(460px,100%)}.time-tracker-picker-handle{background:#d7dee2;border-radius:2px;height:3px;margin:0 auto 12px;width:34px}.time-tracker-picker-header{gap:12px;justify-content:space-between;margin-bottom:14px}.time-tracker-picker-header h3{color:#26343d;font-size:16px;margin:0}.time-tracker-picker-header p{color:#84919a;font-size:10px;margin:3px 0 0}.time-tracker-picker-header button{background:#f0f3f5;border:0;border-radius:4px;color:#65747e;cursor:pointer;font-size:20px;height:30px;width:30px}.time-tracker-activity-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.time-tracker-activity-grid button{align-items:center;background:#fff;border:1px solid #e1e7ea;border-radius:6px;color:#34444e;cursor:pointer;display:flex;flex-direction:column;gap:7px;height:74px;justify-content:center;min-width:0;padding:9px 5px}.time-tracker-activity-grid button:hover{background:#fbfdfc;border-color:#85b9aa}.time-tracker-activity-grid button span{border-radius:6px;display:grid;height:30px;place-items:center;width:30px}.time-tracker-activity-grid button strong{font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.time-tracker-custom{border-top:1px solid #edf1f3;gap:8px;margin-top:12px;padding-top:12px}.time-tracker-custom input{border:1px solid #cfd9de;border-radius:5px;box-sizing:border-box;flex:1 1;font-size:12px;height:36px;min-width:0;padding:0 11px}.time-tracker-custom input:focus{border-color:#16856a;box-shadow:0 0 0 2px #16856a1a;outline:none}.time-tracker-custom button{align-items:center;background:#16856a;border:0;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;height:36px;padding:0 12px}.time-tracker-custom button:disabled{cursor:default;opacity:.4}@media (max-width:560px){.time-tracker-running{flex-wrap:wrap;gap:10px}.time-tracker-activity{flex-basis:calc(100% - 80px)}.time-tracker-controls{width:100%}.time-tracker-next{flex:1 1}.time-tracker-picker-overlay{padding:8px}.time-tracker-picker{padding:8px 12px 14px}.time-tracker-activity-grid{gap:6px}.time-tracker-custom button span{display:none}}.add-timer-modal-overlay{align-items:center;background:#19232d8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.add-timer-modal{background:#fff;border-radius:10px;box-shadow:0 18px 46px #10233447;box-sizing:border-box;max-height:calc(100vh - 32px);overflow-y:auto;padding:20px;width:min(92%,560px)}.add-timer-header{align-items:flex-start;border-bottom:1px solid #e8edf1;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;padding-bottom:16px}.add-timer-modal h3{color:#333;font-size:18px;margin:0}.add-timer-header p{color:#77838e;font-size:12px;margin:4px 0 0}.add-timer-close{align-items:center;background:#f1f4f6;border:0;border-radius:4px;color:#60707d;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.add-timer-close:hover{background:#e3e9ed;color:#263640}.add-timer-field{margin-bottom:22px}.element-mode-selector{grid-gap:3px;background:#f3f6f8;border:1px solid #dce4e9;border-radius:6px;display:grid;gap:3px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px;padding:3px}.element-mode-selector button{background:#0000;border:0;border-radius:4px;color:#6d7b85;cursor:pointer;font-size:12px;font-weight:600;min-height:34px;padding:6px 12px}.element-mode-selector button.active{background:#fff;box-shadow:0 1px 3px #182b381f;color:#26343e}.simple-duration-field{align-items:center;border-bottom:1px solid #e8edf1;border-top:1px solid #e8edf1;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;padding:12px}.simple-duration-field label{color:#36444e;font-size:13px;font-weight:600}.add-timer-field label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:7px}.add-timer-input,.add-timer-subtimer-input{background:#fff;border:1px solid #ccd6dd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:9px 10px}.add-timer-input{padding:10px 12px;width:100%}.add-timer-input:focus,.add-timer-subtimer-input:focus{border-color:var(--brand-blue);outline:none}.add-timer-subtimers{margin-bottom:14px}.add-timer-section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.add-timer-section-heading label{color:#333;font-size:14px;font-weight:600}.add-timer-section-heading span{background:#e8f5fb;border-radius:10px;color:var(--brand-blue);font-size:12px;font-weight:600;min-width:22px;padding:2px 6px;text-align:center}.add-timer-subtimer-item{align-items:center;background:#fbfcfd;border:1px solid #e0e6ea;border-radius:6px;display:flex;gap:8px;margin-bottom:8px;padding:8px}.add-timer-subtimer-number{align-items:center;background:#e8f5fb;border-radius:50%;color:var(--brand-blue);display:flex;flex:0 0 24px;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.add-timer-subtimer-input{flex:1 1;min-width:0}.add-timer-remove-button{background:#0000;border:1px solid #d7dfe5;border-radius:5px;color:#87939c;cursor:pointer;flex:0 0 32px;font-size:12px;height:32px;padding:0;width:32px}.add-timer-remove-button:hover{background:#fff2f2;border-color:#e6a7a7;color:#c53b3b}.add-timer-add-subtimer{align-items:center;background:#f8fafb;border:1px dashed #aebdc8;border-radius:6px;color:#667681;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:8px 12px;width:100%}.add-timer-add-subtimer:hover{background:#f4f9fc;border-color:var(--brand-blue);color:var(--brand-blue)}.add-timer-actions{border-top:1px solid #e8edf1;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.add-timer-cancel,.add-timer-submit{border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px}.add-timer-cancel{background:#fff;border:1px solid #ccd6dd}.add-timer-cancel:hover{background:#f5f7f8}.add-timer-submit{background:var(--brand-blue);border:1px solid var(--brand-blue);color:#fff}.add-timer-submit:hover{opacity:.9}@media (max-width:520px){.add-timer-modal{padding:16px;width:calc(100% - 20px)}.add-timer-subtimer-item{align-items:flex-start;flex-wrap:wrap}.add-timer-subtimer-input{min-width:calc(100% - 72px)}.add-timer-subtimer-item .duration-picker{margin-left:32px}}.note-table-controls{inset:0;pointer-events:none;position:absolute;z-index:4}.note-table-handle{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:999px;box-shadow:0 4px 12px #0f172a1f;color:#64748b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;height:22px;justify-content:center;line-height:1;padding:0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:22px}.note-table-handle.active,.note-table-handle:hover{background:#e0f7ff;border-color:#0ea5e9;color:#0286c2}.note-table-menu{background:#fff;border:1px solid #d9dee7;border-radius:6px;box-shadow:0 8px 24px #0f172a29;display:flex;flex-direction:column;min-width:156px;overflow:hidden;pointer-events:auto;position:absolute;transform:translateY(-50%)}.note-table-row-menu{transform:translate(-100%,-50%)}.note-table-column-menu{transform:translate(-50%)}.note-table-menu button{background:#fff;border:none;color:#334155;cursor:pointer;font:inherit;font-size:12px;line-height:1.2;padding:9px 10px;text-align:left;white-space:nowrap}.note-table-menu button:hover{background:#f1f5f9}.note-formatting-toolbar{-webkit-overflow-scrolling:touch;align-items:center;border-top:1px solid #eef1f5;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:4px;margin-top:8px;max-width:100%;min-height:38px;overflow-x:auto;overflow-y:hidden;padding:6px 0 max(2px,env(safe-area-inset-bottom));scrollbar-width:none;touch-action:pan-x}.note-formatting-toolbar::-webkit-scrollbar{display:none}.note-formatting-toolbar>*{flex:0 0 auto}.note-formatting-style-select{background:#fff;border:1px solid #d9dee7;border-radius:4px;color:#4b5563;cursor:pointer;font:inherit;font-size:12px;height:30px;margin-right:4px;padding:0 8px}.note-formatting-style-select:focus{border-color:var(--brand-blue);outline:none}.note-formatting-toolbar-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:background .2s,color .2s;width:30px}.note-formatting-toolbar-button:hover{background:#f1f5f9;color:#1f2937}.note-formatting-toolbar-button.active{background:#00bfff1f;color:#0286c2}.note-formatting-table-picker-wrapper{position:relative}.note-formatting-table-picker{background:#fff;border:1px solid #d9dee7;border-radius:6px;box-shadow:0 8px 24px #0f172a29;padding:8px;position:fixed;z-index:1300}.note-formatting-table-picker-label{color:#4b5563;font-size:12px;font-weight:600;line-height:1;margin-bottom:8px;text-align:center}.note-formatting-table-picker-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,18px)}.note-formatting-table-picker-cell{background:#fff;border:1px solid #cbd5e1;border-radius:3px;cursor:pointer;height:18px;padding:0;width:18px}.note-formatting-table-picker-cell.selected,.note-formatting-table-picker-cell:focus,.note-formatting-table-picker-cell:hover{background:#00bfff24;border-color:#0ea5e9;outline:none}.note-modal-overlay{align-items:center;background:#00000080;bottom:0;justify-content:center;left:0;overflow:hidden;padding:8px;position:fixed;right:0;top:0;z-index:1000}.note-modal,.note-modal-overlay{box-sizing:border-box;display:flex}.note-modal{background:#fff;border:1px solid #eef1f5;border-radius:8px;box-shadow:0 4px 20px #0003;flex-direction:column;height:calc(100% - 8px);max-height:calc(100% - 8px);max-width:700px;padding:10px;width:100%}.note-modal-toolbar{display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:10px}.note-modal-content-area{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.note-modal-title-input{border:none;color:#1f2937;flex:0 0 auto;font-size:16px;font-weight:700;line-height:1.3;padding:4px;width:100%}.note-modal-title-input::placeholder{color:#cbd5e1}.note-modal-input{border:none;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:15px;line-height:1.6;min-height:0;overflow-y:auto;padding:4px;white-space:pre-wrap;width:100%}.note-modal-input:empty:before{color:#cbd5e1;content:attr(data-placeholder);pointer-events:none}.note-modal-input:focus{outline:none}.note-modal-input h2,.note-modal-input h3,.note-modal-input p{margin:0 0 8px}.note-modal-input h2{font-size:20px;font-weight:700;line-height:1.3}.note-modal-input h3{font-size:17px;font-weight:700;line-height:1.35}.note-modal-input [data-indent="1"]{margin-left:24px}.note-modal-input [data-indent="2"]{margin-left:48px}.note-modal-input [data-indent="3"]{margin-left:72px}.note-modal-input [data-indent="4"]{margin-left:96px}.note-modal-input ol,.note-modal-input ul{margin:4px 0 8px 22px;padding:0}.note-modal-input ul{list-style:disc}.note-modal-input ol{list-style:decimal}.note-modal-input li{margin:2px 0}.note-modal-input ul[data-checklist=true]{list-style:none;margin-left:0}.note-modal-input ul[data-checklist=true] ul[data-checklist=true]{margin-left:26px}.note-modal-input ul[data-checklist=true] li{padding-left:26px;position:relative}.note-modal-input ul[data-checklist=true] li:before{background:#fff;border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;content:"";height:15px;left:0;position:absolute;top:.42em;width:15px}.note-modal-input ul[data-checklist=true] li[data-checked=true]{color:#64748b;text-decoration:line-through}.note-modal-input ul[data-checklist=true] li[data-checked=true]:before{background:#0ea5e9;border-color:#0ea5e9}.note-modal-input ul[data-checklist=true] li[data-checked=true]:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:calc(.42em + 2px);transform:rotate(45deg);width:4px}.note-modal-input table{border-collapse:collapse;margin:8px 0 12px;table-layout:fixed;width:100%}.note-modal-input td,.note-modal-input th{border:1px solid #d9dee7;min-width:80px;padding:8px;vertical-align:top}.note-modal-input th{background:#f8fafc;font-weight:700}.note-modal-actions{display:flex;gap:8px;justify-content:flex-end}.note-modal-content-area input:focus{border:none}@media (min-height:500px){.note-modal-overlay{align-items:center}}@media (min-width:768px) and (min-height:600px){.note-modal{height:min(680px,calc(100% - 32px));max-height:calc(100% - 32px)}.note-modal-input{min-height:350px}}.todo-header-container{align-items:center;column-gap:10px;display:flex;padding:10px 0}.todo-header-text{flex:1 1}.action-buttons{column-gap:7px;display:flex}.home-screen{align-items:center;display:flex;flex-direction:column;height:calc(100% - var(--navigation-menu-height));margin-top:var(--navigation-menu-height);padding:0 10px}.list-container{display:flex;flex:1 1;flex-direction:column;max-width:700px;overflow:hidden;width:100%}.list-container-header{flex-shrink:0}.list-container-body{flex:1 1;min-height:0;overflow:hidden;padding:10px 0;width:100%}.list-container-add{flex-shrink:0}.navigation-menu-container{position:fixed;top:0;width:100%;z-index:10}.navigation-menu{align-items:center;background-color:var(--brand-blue);color:#fff;column-gap:10px;display:flex;justify-content:center;min-height:var(--navigation-menu-height);padding:10px 16px}.navigation-menu-item{display:flex;flex:1 1;font-size:21px;justify-content:center;line-height:1.2;margin-left:28px}.menu-icon{font-size:21px}.folder-menu-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.folder-menu{background-color:#f7f7f7;box-shadow:-2px 0 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:10px;position:fixed;right:0;top:0;width:250px;z-index:1000}.folder-menu-header{align-items:center;display:flex;justify-content:space-between;padding:10px 5px}.folder-menu .language-button{padding-left:0}.header-actions{align-items:center;display:flex;gap:5px}.trash-bin-icon{color:#333;cursor:pointer;font-size:18px;padding:10px;transition:color .2s}.trash-bin-icon:hover{color:var(--brand-blue)}.close-menu-icon{color:#333;cursor:pointer;display:flex;font-size:20px;justify-content:flex-end;padding:10px}.planner-menu-item{align-items:center;border-radius:5px;cursor:pointer;display:flex;padding:12px 5px;transition:background-color .2s}.planner-menu-item:hover{background-color:#e9e9e9}.planner-menu-icon{color:#4a90e2;font-size:16px;margin-right:10px}.planner-menu-text{color:#333;font-size:14px;font-weight:500}.planner-menu-count{color:#888;font-weight:400;margin-left:4px}.menu-separator{background-color:#e0e0e0;height:1px;margin:10px 0}.folder-menu-footer{grid-gap:6px;align-items:center;border-top:1px solid #e0e0e0;display:grid;gap:6px;grid-template-columns:1fr auto;margin-top:8px;padding-top:8px}.folder-menu-new{min-width:0}.folder-menu-new,.folder-menu-tools{position:relative}.folder-menu-new-button,.folder-menu-popover-option,.folder-menu-tools-button{align-items:center;background:#0000;border:0;border-radius:5px;color:#4b5563;cursor:pointer;display:flex;font:inherit;gap:8px;padding:8px 6px;text-align:left;width:100%}.folder-menu-new-button{color:#1388d6;font-weight:600}.folder-menu-tools-button{color:#6f7782;justify-content:center;min-height:34px;width:34px}.folder-menu-new-button:hover,.folder-menu-popover-option:hover,.folder-menu-tools-button:hover{background-color:#e9e9e9}.folder-menu-popover{background:#fff;border:1px solid #e0e0e0;border-radius:6px;bottom:calc(100% + 6px);box-shadow:0 4px 10px #00000014;left:0;padding:4px;position:absolute;width:100%;z-index:2}.folder-menu-tools-popover{left:auto;right:0;width:190px}.folder-menu-container{flex-grow:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:4px}.folder-menu-section{margin-bottom:10px}.folder-menu-section+.folder-menu-section{border-top:1px solid #e0e0e0;padding-top:10px}.folder-menu-section-title{color:#8b96a3;font-size:11px;font-weight:700;letter-spacing:0;padding:4px 5px;text-transform:uppercase}.root-list-items{margin-bottom:8px}.folder-list-items{border-left:1px solid #e3e6ea;margin-left:5px;padding-left:14px}.folder-add-list-row{align-items:center;background:#0000;border:0;border-radius:5px;color:#7d8792;cursor:pointer;display:flex;font:inherit;gap:10px;margin:5px 0;min-height:34px;padding:0 5px;text-align:left;width:100%}.folder-add-list-row:hover{background-color:#e9e9e9;color:#3f4750}.folder-menu-item{align-items:center;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;margin:5px 0;padding:0 5px;transition:background-color .2s}.folder-menu-item:hover{background-color:#e9e9e9}.folder-menu-item input{border:none;border-radius:5px;padding:10px}.folder-menu-item input:focus{border:2px solid var(--brand-blue);box-sizing:border-box;outline:none}.folder-menu-item .list-name{align-items:center;column-gap:3px;display:flex;min-width:0;padding:10px 0;width:100%}.folder-menu-item .list-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-menu-item.add-folder{padding:5px}.folder-menu-item button{background-color:var(--brand-blue);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:3px;transition:background-color .2s}.folder-menu-item button:hover{background-color:#0286ea}.selected{background-color:#fff}.list-left-section{align-items:center;display:flex;flex:1 1;min-width:0}.list-drag-handle{color:#888;cursor:grab;margin-right:8px}.list-drag-handle:hover{color:#333}.list-menu-icon{color:#8b96a3;flex:0 0 16px;font-size:12px;margin-right:8px;text-align:center}@media (max-width:520px){.folder-menu{width:min(92vw,360px)}}.folder-selection-overlay{align-items:center;background:#00000059;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1300}.folder-selection-dialog{background:#fff;border-radius:8px;overflow:hidden;width:320px}.folder-selection-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 12px}.folder-selection-content{padding:10px 12px}.folder-selection-items{list-style:none;margin:0;padding:0}.folder-selection-item{border-radius:6px;cursor:pointer;padding:10px}.folder-selection-item:hover{background:#f3f3f3}.folder-selection-item.selected{background:#e9f6ff}.close-button{background:#0000;border:none;cursor:pointer;font-size:18px;line-height:1}.folder-header{border-radius:5px;color:#333;font-weight:600;justify-content:space-between;padding:6px 5px}.folder-header,.folder-header-left{align-items:center;display:flex;gap:8px}.folder-header-left{cursor:pointer;flex:1 1;min-width:0;-webkit-user-select:none;user-select:none}.folder-icon,.folder-name{font-size:14px}.folder-name{align-items:center;column-gap:3px;display:flex;min-width:0}.folder-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-list-count{color:#888;font-weight:400}.folder-drag-handle{color:#888;cursor:grab}.folder-drag-handle:hover{color:#333}.folder-header-actions{align-items:center;display:flex;gap:4px}.folder-header-add-list{align-items:center;background:#0000;border:0;border-radius:5px;color:#6f7782;cursor:pointer;display:inline-flex;font-size:12px;justify-content:center;padding:4px}.folder-header-add-list:hover{background-color:#e9e9e9;color:#333}.add-list-modal-overlay{align-items:center;background-color:#00000059;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.add-list-modal{background:#fff;border-radius:8px;padding:16px;width:320px}.add-list-modal-title{font-weight:600;margin-bottom:12px}.add-list-modal input[type=text]{box-sizing:border-box;width:100%}.add-list-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.rename-folder-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.rename-folder-modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;padding:20px;width:300px}.rename-folder-modal-title{font-size:18px;font-weight:700;margin-bottom:15px}.rename-folder-modal input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:15px;padding:10px;width:100%}.rename-folder-modal input:focus{border-color:var(--brand-blue);outline:none}.rename-folder-modal-actions{display:flex;gap:10px;justify-content:flex-end}.language-switcher{display:inline-block;position:relative}.language-button{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:color .2s}.language-button:hover{color:#333}.current-language{font-weight:500}.language-menu{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;min-width:120px;overflow:hidden;position:absolute;top:100%;z-index:1000}.language-option{background:#0000;border:none;color:#333;cursor:pointer;font-size:14px;padding:10px 16px;text-align:left;transition:background .2s;width:100%}.language-option:hover{background:#f5f5f5}.language-option.active{background:#e3f2fd;color:#1976d2;font-weight:500}.trash-bin-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.trash-bin{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.trash-bin-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.trash-bin-header h2{color:#333;font-size:24px;margin:0}.trash-bin-header .close-button{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:5px;transition:color .2s}.trash-bin-header .close-button:hover{color:#333}.trash-bin-info{background-color:#fff3cd;border-bottom:1px solid #ffe69c;color:#856404;padding:12px 20px}.trash-bin-info small{font-size:12px}.trash-bin-content{flex:1 1;overflow-y:auto;padding:20px}.trash-bin-empty{color:#999;padding:40px 20px;text-align:center}.trash-bin-empty p{font-size:16px;margin:0}.trash-items-list{display:flex;flex-direction:column;gap:12px}.trash-item{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s}.trash-item:hover{background-color:#f0f0f0}.trash-item-info{align-items:flex-start;display:flex;flex:1 1;gap:12px}.trash-item-icon{color:#666;font-size:18px;margin-top:2px}.trash-item-details{flex:1 1}.trash-item-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.trash-item-type{background-color:#007bff1a;border-radius:4px;color:var(--brand-blue);font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.trash-item-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:15px;font-weight:600;overflow:hidden;overflow-wrap:anywhere}.trash-item-breadcrumb{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:4px;margin-bottom:4px}.breadcrumb-item{color:#666}.breadcrumb-item:hover{color:var(--brand-blue);cursor:pointer}.breadcrumb-separator,.trash-item-date{color:#999;font-size:12px}.trash-item-actions{display:flex;gap:8px}.trash-item-actions button{height:36px;min-width:36px}.daily-planner{background:#fff;display:flex;flex-direction:column;height:100%;max-width:700px;width:100%}.view-controls{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.view-now-button{margin-left:auto;padding:6px 14px}.view-button{background:#0000;border:none;border-radius:10px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;min-width:60px;padding:6px 12px;text-align:center;transition:background .2s}.view-button:hover{background:#f0f0f0}.today-button,.view-button.active{background:#00bfff;color:#fff}.today-button{border:none;border-radius:10px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.today-button:hover{background:#00bfff}.planner-timeline{flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.planner-timeline.timeline-mode{padding-top:0}.current-hour-line{background:#00bfff;height:2px;left:0;pointer-events:none;position:absolute;right:0;z-index:5}.timeline-current-hour-line{left:15px;z-index:1}.timeline-current-time-label{background:#fff;border-radius:13px;color:#00bfff;font-size:.9rem;font-weight:700;left:10px;padding:2px 4px;pointer-events:none;position:absolute;z-index:6}.schedule-view{padding:10px}.no-tasks{color:#666;font-size:1rem;padding:40px;text-align:center}.schedule-day{margin-bottom:20px}.schedule-date-header{background:#fff;border-bottom:1px solid #e0e0e0;color:#333;font-size:1.1rem;font-weight:600;margin-bottom:10px;padding:10px}.schedule-tasks{display:flex;flex-direction:column;gap:8px}.schedule-task{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:background .2s}.schedule-task:hover{background:#f9f9f9}.schedule-task.completed{opacity:.6}.schedule-task.completed .schedule-task-title{text-decoration:line-through}.schedule-task-content{align-items:center;display:flex;flex:1 1;gap:12px}.timeline-view{min-height:100%;position:relative}.timeline-zoom-controls{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;padding:12px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:7}.timeline-active-period-label{color:#333;font-size:1rem;font-weight:700;margin-right:auto}.timeline-zoom-button{background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1.2rem;height:32px;line-height:1;transition:background .2s;width:32px}.timeline-zoom-button:hover:not(:disabled){background:#e0e0e0}.timeline-zoom-button:disabled{cursor:default;opacity:.4}.timeline-scale-label{color:#666;font-size:.85rem;font-weight:600;min-width:58px;text-align:center}.timeline-rows{display:flex;flex-direction:column;position:relative}.timeline-period{margin-bottom:18px}.timeline-period:not(.timeline-period-hours):first-of-type{margin-top:-45px}.timeline-period-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;color:#333;display:flex;font-size:1rem;font-weight:700;padding:12px 10px}.timeline-period-hours{margin-bottom:0}.timeline-period-hours .timeline-period-header{border:none;font-size:.95rem;height:0;min-height:0;padding:0;position:relative;z-index:3}.timeline-period-hours .timeline-period-header span{background:#fff;box-sizing:border-box;display:block;font-size:.82rem;line-height:1.1;overflow:hidden;padding:0 6px;position:absolute;text-align:center;text-overflow:ellipsis;top:-18px;white-space:nowrap;width:55px}.timeline-period-hours .timeline-period-header span:first-child{font-weight:700;left:7px}.timeline-period-hours .timeline-period-header span:last-child{color:#666;font-size:.76rem;font-weight:600;left:7px;top:-3px}.timeline-slot{align-items:stretch;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;min-height:72px;touch-action:pan-y;transition:background .2s}.timeline-slot:hover{background:#f9f9f9}.timeline-slot.current{border-left:3px solid #00bfff}.timeline-label{box-sizing:border-box;color:#666;flex-shrink:0;font-size:.9rem;font-weight:600;padding:0 10px;width:80px}.timeline-task-area{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;padding:10px;touch-action:pan-y}.timeline-empty{color:#aaa;font-size:.85rem;padding:8px 0}.timeline-task{align-items:center;background:#fff;border-left:4px solid #00bfff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;gap:12px;padding:8px 10px;touch-action:none;transition:box-shadow .2s,transform .2s}.timeline-task:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.timeline-task.completed{border-left-color:#888;opacity:.6;text-decoration:line-through}.timeline-task-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.timeline-hour-task{box-sizing:border-box;left:70px;overflow:hidden;position:absolute;right:0;touch-action:none;z-index:2}.timeline-hour-drag-preview{left:100px;right:20px}.drag-preview{background:#00bfff33;border:2px dashed #00bfff;border-radius:8px;box-sizing:border-box;left:70px;max-height:1440px;overflow:hidden;pointer-events:none;position:absolute;right:0;z-index:10}.drag-preview-content{align-items:center;display:flex;gap:8px;height:100%;justify-content:center;padding:6px 10px}.drag-preview-time{background:#fff;border-radius:10px;color:#00bfff;font-size:.85rem;font-weight:600;padding:1px 8px}.draft-selection-preview{background:#00bfff42;border:2px solid #00bfff;cursor:move;pointer-events:auto;touch-action:none}.draft-selection-preview .drag-preview-content{justify-content:space-between}.draft-selection-actions{align-items:center;display:flex;gap:6px;margin-left:auto}.draft-selection-button{background:#fff;border:none;border-radius:50%;box-shadow:0 1px 4px #0000002e;color:#333;cursor:pointer;font-size:1rem;font-weight:700;height:28px;line-height:1;width:28px}.draft-selection-resize-handle{align-items:center;background:#00bfff29;color:#00bfff;display:flex;font-size:.75rem;justify-content:center}.draft-selection-button:hover{background:#f0f8ff}.resize-handle{cursor:ns-resize;height:8px;left:0;position:absolute;right:0;touch-action:none;z-index:10}.resize-handle-top{top:0}.resize-handle-bottom{bottom:0}.resize-handle:hover{background:#00bfff33}.task-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.task-checkbox{accent-color:#00bfff;cursor:pointer;height:18px;width:18px}.task-title{color:#333;font-size:.95rem;font-weight:500}.task-interval{color:#666;font-size:.75rem}.task-source{color:#999;font-size:.7rem;font-weight:400}.delete-task-button{background:#0000;border:none;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;padding:4px 8px;transition:color .2s}.delete-task-button:hover{color:#e74c3c}.add-task-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-task-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:560px;padding:24px;width:90%}.add-task-content h3{color:#333;margin:0 0 16px}.add-task-input{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:1rem;margin-bottom:16px;padding:12px;width:100%}.add-task-input:focus{border-color:#00bfff;outline:none}.add-task-time-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.add-task-field{color:#555;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:6px}.add-task-duration-field{margin-bottom:18px}.add-task-select{background:#fff;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;color:#333;font-size:.95rem;padding:10px 12px;width:100%}.add-task-select:focus{border-color:#00bfff;outline:none}.add-task-datetime-input .MuiOutlinedInput-root{border-radius:10px;font-family:inherit}.add-task-datetime-input .MuiInputBase-input{font-size:.95rem;padding:10px 12px}.add-task-buttons{display:flex;gap:12px;justify-content:flex-end}.confirm-button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.confirm-button,.confirm-button:hover{background:#00bfff}.cancel-button{background:#f0f0f0;border:none;border-radius:10px;color:#333;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.cancel-button:hover{background:#e0e0e0}@media (max-width:480px){.add-task-time-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.be83a9e3.css.map*/