:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden;overflow-y:auto;max-width:100vw;width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;height:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.delete-confirm-modal-v2{max-width:500px;width:90%}.delete-confirm-content-v2{padding:1.5rem}.delete-info-text{margin:0 0 1.5rem;padding:1rem;background:#3b82f61a;border-left:3px solid rgba(59,130,246,.5);border-radius:4px;font-size:.9rem;line-height:1.6;color:#60a5fa}.delete-options-v2{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.delete-option-item{position:relative;display:flex;align-items:center;gap:.5rem;padding:1rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;transition:all .2s ease}.delete-option-item:hover{background:#ffffff14;border-color:#3b82f64d}.delete-option-label{flex:1;display:flex;align-items:center;gap:.75rem;cursor:pointer}.delete-option-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.option-text{display:flex;flex-direction:column;gap:.25rem}.option-main{font-size:1rem;font-weight:600;color:#e5e7eb}.option-sub{font-size:.85rem;color:#9ca3af}.option-help-btn{flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.option-help-btn:hover{color:#60a5fa}.option-tooltip{position:absolute;right:3rem;top:50%;transform:translateY(-50%);background:#1f2937;color:#e5e7eb;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;line-height:1.5;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1);white-space:nowrap;z-index:10;pointer-events:none}.delete-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.delete-modal-actions button{padding:.65rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.2);color:#9ca3af}.btn-cancel:hover{background:#ffffff0d;border-color:#ffffff4d;color:#e5e7eb}.btn-confirm{background:#ef4444;border:none;color:#fff}.btn-confirm:hover{background:#dc2626}:root{--color-bg-primary: #242424;--color-bg-secondary: #1a1a1a;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-hover: rgba(255, 255, 255, .05);--color-bg-active: rgba(255, 255, 255, .08);--color-bg-input: rgba(255, 255, 255, .03);--color-text-primary: rgba(255, 255, 255, .9);--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .5);--color-text-disabled: rgba(255, 255, 255, .35);--color-border-light: rgba(255, 255, 255, .08);--color-border-medium: rgba(255, 255, 255, .12);--color-border-strong: rgba(255, 255, 255, .3);--color-primary: #646cff;--color-primary-bg: rgba(100, 108, 255, .1);--color-success: #4CAF50;--color-success-bg: rgba(76, 175, 80, .1);--color-success-text: rgba(76, 175, 80, .7);--color-warning: #FFC107;--color-warning-bg: rgba(255, 193, 7, .1);--color-warning-text: rgba(255, 193, 7, .9);--color-scrollbar-thumb: rgba(255, 255, 255, .3);--color-scrollbar-thumb-hover: rgba(255, 255, 255, .5);--color-scrollbar-track: transparent;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--border-radius-sm: 3px;--border-radius-md: 4px;--border-radius-lg: 6px;--border-radius-xl: 8px;--scrollbar-width-thin: 6px;--scrollbar-width-normal: 8px;--header-height: 3rem;--sidebar-width: 250px;--container-max-width: 600px;--container-wide-max-width: none;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-index-header: 100;--z-index-sidebar: 90;--z-index-modal: 1000;--z-index-overlay: 999;--z-index-toast: 1100;--breakpoint-mobile: 600px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px}html{overscroll-behavior:none;-webkit-overflow-scrolling:touch;margin:0;padding:0;overflow-x:hidden}body{margin:0;padding:0;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-x:hidden}body.is-scrolling{scrollbar-color:rgba(255,255,255,.3) transparent}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .3s ease}body.is-scrolling::-webkit-scrollbar-thumb{background:#ffffff4d}body.is-scrolling::-webkit-scrollbar-thumb:hover{background:#ffffff80}.app{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:0;margin:0;overscroll-behavior:none;box-sizing:border-box;overflow-x:hidden}.app.dragging-active{touch-action:none;overflow:hidden}.app:has(.container-wide){justify-content:flex-start;align-items:flex-start}.app.dragging-active .todo-item,.app.dragging-active .todo-item-wrapper{touch-action:none!important}.container{width:100%;min-width:100%;max-width:100%;padding:0;overflow-x:visible;position:relative;box-sizing:border-box;display:flex;flex-direction:column;height:100vh}.container.container-wide{width:100%;min-width:100%;max-width:100%}.header-fixed{position:sticky;top:0;z-index:100;background:#242424;padding:2rem 0 0;margin:0;display:flex;flex-direction:column;align-items:center;width:100%}.header-fixed>*{max-width:600px;width:100%}@media (min-width: 769px){.header-fixed{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:1.5rem 0 0}.header-fixed>*{max-width:none;width:auto;flex-shrink:0}.header-fixed .settings-bar{margin:0;padding:0 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);gap:1.5rem;flex:1;justify-content:flex-start}}.container-wide .header-fixed{max-width:100%;align-self:stretch;width:100%}.content-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0;width:100%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-user-select:none}.content-scrollable:active{cursor:grabbing}.content-scrollable .section-block{cursor:default;user-select:text;-webkit-user-select:text}.content-scrollable .section-block *{cursor:auto;user-select:text;-webkit-user-select:text}.content-scrollable::-webkit-scrollbar{display:none}.container-wide .content-scrollable{padding:0;overflow-x:visible;overflow-y:auto;width:100%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.container-wide .content-scrollable::-webkit-scrollbar{display:none}.content-scrollable::-webkit-scrollbar{width:6px}.content-scrollable::-webkit-scrollbar-track{background:transparent}.content-scrollable::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.content-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px) and (min-width: 601px){.container{width:100%;min-width:auto;max-width:100%}}@media (max-width: 600px){.app{padding:0;align-items:flex-start;min-height:100vh}.container{width:100%;min-width:100%;max-width:100%;height:100vh;padding:0;margin:0}.header-fixed{padding:1rem 0 0}.content-scrollable{padding:.5rem 1rem 120px}.todo-list{touch-action:pan-y;padding:0;margin:0 0 1.5rem}}.hamburger-menu{background:none;border:none;border-radius:8px;color:#ffffffb3;padding:0;width:40px;height:40px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .2s ease}.hamburger-menu svg{display:block}.hamburger-menu:hover{color:#646cff;background:#ffffff14}.hamburger-menu:active{transform:scale(.95)}.hamburger-menu.hidden{opacity:0;pointer-events:none}.timeline-toggle-button{background:transparent;border:none;border-radius:8px;color:#fffc;padding:.5rem 0;font-size:.9rem;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;transition:all .2s ease;margin-left:auto;white-space:nowrap;line-height:1;width:70px}.timeline-toggle-button svg{display:block;flex-shrink:0}.timeline-toggle-button:hover{color:#fff;background:#ffffff14}.timeline-toggle-button:active{transform:scale(.98)}.timeline-toggle-button.collapsed{color:#fff9}.timeline-toggle-button.collapsed:hover{color:#fff}.header-memo-button{background:transparent;border:none;padding:.5rem .75rem;font-size:.9rem;cursor:pointer;border-radius:8px;transition:all .2s ease;line-height:1;color:#fffc;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.header-memo-button:hover{background:#ffffff14;color:#fff}.header-memo-button:active{transform:scale(.98)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#1a1a1a;border-right:1px solid rgba(255,255,255,.12);z-index:1000;transition:left .3s ease;display:flex;flex-direction:column}.sidebar.open{left:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{margin:0;font-size:1.3rem;color:#ffffffe6}.sidebar-close{background:none;border:none;font-size:1.5rem;color:#ffffff80;cursor:pointer;padding:.5rem;transition:all .2s ease;line-height:1}.sidebar-close:hover{color:#ffffffe6;transform:scale(1.1)}.sidebar-content{padding:1rem;flex:1;overflow-y:auto}.sidebar-menu-item{width:100%;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffe6;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;transition:all .2s ease;text-align:left}.sidebar-menu-item:hover{background:#ffffff14;border-color:#646cff;transform:translate(4px)}.sidebar-menu-item:active{transform:translate(2px)}.sidebar-menu-item.active{background:#646cff26;border-color:#646cff;color:#646cff}.sidebar-menu-item.active:hover{background:#646cff40}.sidebar-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}h1{text-align:center;margin:0 0 1.5rem;font-size:2rem;color:#646cff;font-weight:600}@media (max-width: 768px){h1{font-size:1.5rem;margin:0 0 .75rem}}.input-section{display:flex;gap:.5rem;margin-bottom:1.5rem;margin-left:calc(28px + .75rem)}.section-input{display:flex;gap:.5rem;margin-bottom:1rem;padding:0 1rem}.settings-bar{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:nowrap;padding-left:1.5rem;padding-right:1.5rem;min-height:40px;box-sizing:border-box}.header-row{display:contents}.quick-input-wrapper{flex:1;max-width:400px;min-width:200px;display:flex;gap:.5rem}.quick-input{flex:1;padding:.5rem .75rem;font-size:.9rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:8px;color:inherit;font-family:inherit;outline:none;box-sizing:border-box;transition:all .2s ease}.quick-input-button{padding:.5rem .75rem;font-size:1.1rem;font-weight:700;background:#646cffcc;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;min-width:36px}.quick-input-button:hover:not(:disabled){background:#646cff}.quick-input-button:disabled{opacity:.4;cursor:not-allowed}.quick-input::placeholder{color:#646cff99}.quick-input:focus{background:#646cff26;border-color:#646cff80;box-shadow:0 0 0 3px #646cff1a}.quick-input:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.quick-input-wrapper{max-width:none;flex:1}.quick-input{font-size:1rem}}.date-nav-section{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;height:40px}.view-mode-section{display:flex;align-items:center;justify-content:center;flex-shrink:0}.encouragement-section{display:flex;align-items:center;justify-content:flex-start;flex-shrink:1;min-width:150px;height:40px}.view-mode-button{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.35rem .75rem;font-size:.9rem;background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:28px;width:110px;min-width:110px}.view-mode-button:hover{background:#ffffff1a;border-color:#646cff;color:#646cff}.view-mode-button:active{transform:scale(.98)}.view-mode-text{font-size:.75rem;font-weight:500}.date-nav-button{width:36px;height:40px;padding:0;font-size:.9rem;background:transparent;color:#ffffff59;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.date-nav-button:hover{background:#ffffff14;color:#ffffffb3}.date-nav-button:active{transform:scale(.95)}.date-display-wrapper{position:relative;display:inline-block;background:transparent;border:none;border-radius:6px;transition:all .2s ease;cursor:pointer;flex-shrink:0;height:40px;display:flex;align-items:center}.date-display-wrapper:hover{background:#ffffff0d}.today-link{padding:.5rem .75rem;font-size:.7rem;font-weight:500;background:none;color:#4caf50b3;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center;box-sizing:border-box;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis}.today-link:hover{color:#4caf50;background:#4caf501a}.today-link:active{transform:scale(.98)}.encouragement-message{padding:.5rem .75rem;font-size:.7rem;font-weight:500;color:#ffc107e6;text-align:center;white-space:nowrap;animation:fadeIn .5s ease-in;box-sizing:border-box;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.section-reorder-toggle{padding:.5rem .75rem;font-size:1.2rem;background:#3b82f61a;color:#3b82f6b3;border:1px solid rgba(59,130,246,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:40px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:.5rem;flex-shrink:0}.section-reorder-toggle:hover{background:#3b82f633;color:#60a5fa;border-color:#3b82f680}.section-reorder-toggle.active{background:#3b82f64d;color:#60a5fa;border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f633}.section-reorder-toggle:active{transform:scale(.95)}.section-arrow-button{padding:.25rem .5rem;font-size:1rem;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;transition:all .2s ease;min-width:32px;height:28px;display:inline-flex;align-items:center;justify-content:center}.section-arrow-button:hover:not(:disabled){background:#ffffff1a;color:#ffffffe6;border-color:#ffffff40}.section-arrow-button:active:not(:disabled){transform:scale(.95)}.section-arrow-button:disabled{opacity:.3;cursor:not-allowed}.encouragement-message:hover{background:#ffc1071a;transform:translateY(-1px)}.encouragement-message:active{transform:scale(.98)}.encouragement-emoji{font-size:.85rem;animation:emojiPop .6s ease-out;line-height:1;height:100%;display:flex;align-items:center;justify-content:center;gap:.2rem}@keyframes emojiPop{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.date-display{font-size:.95rem;font-weight:600;color:#ffffffe6;width:140px;text-align:center;cursor:pointer;padding:.25rem .75rem;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;height:28px;box-sizing:border-box}.date-picker-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;background:transparent}.date-picker-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}.date-picker-wrapper:hover .date-display{background:#ffffff14;color:#646cff}.trash-button-fixed{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;padding:0;font-size:1.8rem;background:none;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:100;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.trash-button-fixed:hover{transform:scale(1.15);filter:drop-shadow(0 4px 8px rgba(255,59,48,.4))}.trash-button-fixed:active{transform:scale(.95)}.todo-input{flex:1;min-width:180px;padding:.5rem 1rem;font-size:1rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff08;color:inherit;transition:all .2s ease;min-height:44px;box-sizing:border-box}.todo-input:focus{outline:none;border-color:#646cff;background:#ffffff0f}.add-button{padding:.5rem 1.5rem;font-size:1rem;font-weight:600;background:#ffffff1f;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:44px;box-sizing:border-box}@media (max-width: 768px){.input-section{gap:.375rem;margin-bottom:1rem;margin-left:0}.todo-input{padding:.625rem 1rem;font-size:1rem;min-height:44px}.add-button{padding:.625rem 1rem;font-size:.95rem;white-space:nowrap}}.add-button:hover{background:#ffffff2e;border-color:#ffffff4d}.add-button:active{transform:translateY(0)}.todo-list{display:flex;flex-direction:column;margin-bottom:1.25rem;min-height:200px;overflow-x:visible;max-width:100%;padding:4px;margin:0;overscroll-behavior:contain}.empty-message{text-align:center;color:#ffffff80;padding:3rem 1rem;font-style:italic;min-width:100%}.loading-container{min-height:calc(100vh - 200px);width:100vw;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;pointer-events:none}.loading-dots{display:flex;gap:6px}.loading-dots span{width:8px;height:8px;background:#646cff99;border-radius:50%;animation:loadingBounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}@keyframes loadingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.todo-item-container{display:flex;align-items:center;gap:0;margin-bottom:.25rem;transition:all .3s ease;padding:2px;position:relative}.add-subtodo-button-inline{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff9;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;grid-column:3;grid-row:1;align-self:center;touch-action:auto;pointer-events:auto}.add-subtodo-button-inline:hover{background:#646cff33;border-color:#646cff;color:#646cff;transform:scale(1.1)}.subtodos-in-item{grid-column:1 / -1;grid-row:4;padding:.75rem;margin-top:.5rem;margin-left:0;margin-right:0;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.5rem;max-width:100%;box-sizing:border-box}.subtodo-input-section{display:flex;gap:.5rem;align-items:center;padding:.5rem;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.subtodo-input{flex:1;padding:.5rem;font-size:.9rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;color:#ffffffde;outline:none;transition:all .2s ease}.subtodo-input:focus{border-color:#646cff;background:#ffffff14}.subtodo-add-button,.subtodo-cancel-button{padding:.5rem .75rem;font-size:.85rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.subtodo-add-button{background:#ffffff1f;color:#ffffffe6;border-color:#fff3}.subtodo-add-button:hover{background:#ffffff2e;border-color:#ffffff4d}.subtodo-cancel-button{background:#ffffff0d;color:#ffffffb3}.subtodo-cancel-button:hover{background:#ffffff1a;color:#ffffffe6}.todo-number{font-size:.9rem;font-weight:500;color:#fff6;width:32px;height:28px;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;line-height:28px;padding:0;padding-right:.5rem;margin:0}.drag-handle{font-size:1.1rem;font-weight:400;color:#ffffff4d;width:28px;height:28px;text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;cursor:grab;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:6px;box-sizing:border-box;line-height:1;padding:0;margin:0}.drag-handle:before{content:"☰";transform:translateY(-2px)}.drag-handle:hover{color:#fff9;background:#ffffff0d}.drag-handle:active{cursor:grabbing;color:#fffc;background:#ffffff1a}.drag-handle-wrapper{position:relative;display:flex;align-items:center}.move-menu{position:absolute;top:100%;left:0;background:#252525;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.25rem;z-index:100;min-width:120px;box-shadow:0 8px 24px #0006}.move-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:#ffffffd9;font-size:.85rem;cursor:pointer;border-radius:6px;transition:background .15s ease;text-align:left}.move-menu-item:hover{background:#ffffff1a}.move-menu-item.delete{color:#ef4444;border-top:1px solid rgba(255,255,255,.1);margin-top:.25rem;padding-top:.5rem}.move-menu-item.delete:hover{background:#ef44441a}.move-menu-item.move-to-top{color:#3b82f6}.move-menu-item.move-to-top:hover{background:#3b82f61a}.move-menu-item.move-to-bottom{color:#f59e0b}.move-menu-item.move-to-bottom:hover{background:#f59e0b1a}.move-menu-arrow{margin-left:auto;font-size:.65rem;opacity:.5}.move-menu-item.active{background:#ffffff14}.move-menu-section-wrapper{position:relative}.move-menu-section-popup{position:absolute;top:0;left:calc(100% + 4px);background:#252525;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.25rem;z-index:101;min-width:130px;box-shadow:0 8px 24px #0006}.move-menu-section-item{display:flex;align-items:center;gap:.4rem;width:100%;padding:.45rem .7rem;background:transparent;border:none;color:#fffc;font-size:.83rem;cursor:pointer;border-radius:6px;transition:background .15s ease;text-align:left;white-space:nowrap}.move-menu-section-item:hover{background:#ffffff1a;color:#fff}.move-menu-section-icon{font-size:.85rem;width:1.2rem;text-align:center}.todo-item-wrapper{position:relative;border-radius:12px;isolation:isolate;overflow:visible;max-width:100%;flex:1;box-sizing:border-box;touch-action:pan-y;background:transparent}.todo-item{position:relative;display:grid;grid-template-columns:auto minmax(200px,1fr) minmax(0,60px) auto;grid-template-rows:minmax(2.2rem,auto) auto auto auto auto;align-items:center;column-gap:.5rem;row-gap:0;padding:.5rem .75rem;background:#1a1a1a;border-radius:8px;border:none;z-index:2;width:100%;box-sizing:border-box;cursor:default;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y;transition:background .2s ease;will-change:transform;backface-visibility:hidden;opacity:1;overflow:hidden}.todo-item:hover{background:#202020}.todo-item.completed{opacity:1}.todo-item.has-timeline{border-left:3px solid #646cff}.todo-item.drag-mode{cursor:grab;background:#2f2f2f;box-shadow:none}.todo-item.drag-mode:active{cursor:grabbing}@media (max-width: 768px){.todo-item-container{margin-bottom:.208rem}.todo-item{padding:.6rem .875rem;touch-action:pan-y!important;grid-template-columns:auto minmax(150px,1fr) minmax(0,60px) auto;grid-template-rows:minmax(2.4rem,auto) auto auto auto auto;column-gap:.625rem}.todo-item:hover{transform:none}.todo-item-wrapper{touch-action:pan-y!important}}.todo-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#646cff;margin:0;touch-action:auto;pointer-events:auto;grid-column:1;grid-row:1}@media (max-width: 768px){.todo-checkbox{width:22px;height:22px;min-width:22px;min-height:22px}}.todo-content{display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:0;grid-column:2;grid-row:1;height:100%}.todo-text{width:100%;padding:0 .5rem;font-size:.95rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;box-sizing:border-box;user-select:none;word-break:break-word;white-space:pre-wrap;-webkit-user-select:none;-webkit-touch-callout:none}.todo-text.expanded{white-space:pre-wrap;overflow:visible;word-break:break-word;-webkit-line-clamp:unset}@media (max-width: 768px){.todo-content{flex:1;min-width:0;overflow:hidden}.todo-text{padding:0 .5rem;font-size:1rem;line-height:1.35;max-width:100%}.todo-number{font-size:.85rem;width:28px}.drag-handle{font-size:1rem;width:24px}}.todo-edit-input{width:100%;padding:.5rem;font-size:1rem;background:#ffffff1a;border:2px solid #646cff;border-radius:6px;color:inherit;font-family:inherit;outline:none;box-sizing:border-box;white-space:pre-wrap;line-height:1.35}.todo-date{font-size:.75rem;color:#ffffff80;font-style:italic;flex-shrink:0;white-space:nowrap;align-self:start;grid-column:1 / -1;grid-row:2;padding-left:0;padding-top:.4rem;padding-bottom:.4rem}.todo-history{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.history-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem}.history-label{color:#fff9;font-weight:500;min-width:80px;flex-shrink:0}.history-value{color:#ffffffd9;flex:1}.history-changes-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.history-changes-header{font-size:.85rem;color:#ffffffb3;font-weight:600;margin-bottom:.5rem}.history-record-compact{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .625rem;background:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.history-record-summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.history-change-time{font-size:.8rem;color:#fff9;font-style:italic;flex:1}.history-detail-button{padding:.25rem .625rem;font-size:.75rem;background:#646cff26;color:#a0a8ff;border:1px solid rgba(100,108,255,.3);border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500}.history-detail-button:hover{background:#646cff40;border-color:#646cff80;color:#646cff}.history-change{display:flex;flex-direction:column;gap:.375rem;position:relative}.history-change-arrow{font-size:.9rem;color:#fff6;padding:.25rem 0;text-align:center}.history-change-item{display:flex;gap:.5rem;align-items:flex-start;padding:.5rem;border-radius:6px;font-size:.85rem}.history-before{background:#ff3b301a;border:1px solid rgba(255,59,48,.2)}.history-after{background:#34c7591a;border:1px solid rgba(52,199,89,.2)}.change-badge{display:inline-block;padding:.125rem .375rem;border-radius:4px;font-size:.7rem;font-weight:600;flex-shrink:0}.history-before .change-badge{background:#ff3b304d;color:#ff6b6b}.history-after .change-badge{background:#34c7594d;color:#51cf66}.change-text{color:#ffffffd9;line-height:1.4;word-break:break-word}.todo-badges{display:flex;align-items:center;gap:.25rem;grid-column:3;grid-row:1;align-self:center;justify-content:center;padding:0 .25rem;max-width:60px;flex-shrink:0;overflow:visible}.todo-badge{font-size:.75rem;opacity:.6;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.todo-badge.clickable{cursor:pointer;padding:.25rem;border-radius:4px}.todo-badge.clickable:hover{opacity:1;background:#ffffff1a;transform:scale(1.15)}.details-toggle-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ffffff4d;padding:.5rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;align-self:center;min-width:36px;min-height:36px;touch-action:auto;pointer-events:auto;grid-column:4;grid-row:1}.details-toggle-button:hover{color:#fff9}.details-toggle-button:active{transform:scale(.9)}.todo-item.completed .todo-text{text-decoration:line-through;color:#ffffff80}.todo-item.completed .todo-date{color:#ffffff4d}@media (max-width: 768px){.todo-badges{gap:.3rem;padding:0 .25rem;grid-row:2;grid-column:2 / -1;justify-self:end;margin-top:.25rem;flex-direction:row-reverse;max-width:100%}.todo-badge{font-size:.8rem}.todo-badge.clickable{padding:.3rem}.details-toggle-button{font-size:1rem;line-height:1;min-width:40px;min-height:40px}.todo-date{font-size:.85rem;padding-top:.5rem;padding-bottom:.5rem}.todo-actions-inline{padding-top:1rem;padding-bottom:.5rem;gap:.5rem;padding-left:0}.action-button-with-text{padding:.5rem .875rem;font-size:.85rem}}.todo-more-button{background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease;line-height:1;grid-column:4;grid-row:1;align-self:center}.todo-more-button:hover{background:#ffffff1a;color:#fffc}.todo-more-button:active{transform:scale(.95)}.actions-modal-content{background:#1e1e1e;border-radius:12px;width:90vw;max-width:700px;height:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;margin:auto}.actions-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.actions-modal-header h3{margin:0;font-size:1.25rem;color:#ffffffe6}.todo-edit-section{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;background:#ffffff05}.todo-edit-textarea{width:100%;min-height:80px;padding:.75rem;font-size:.95rem;line-height:1.5;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box;transition:all .2s ease}.todo-edit-textarea:focus{background:#ffffff14;border-color:#646cff}.todo-edit-textarea::placeholder{color:#ffffff4d}.actions-modal-body{display:flex;flex:1;overflow:hidden;min-height:0}.actions-menu{width:180px;border-right:1px solid rgba(255,255,255,.1);padding:1rem 0;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;flex-shrink:0}.action-menu-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:none;border:none;color:#ffffffb3;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:left;border-left:3px solid transparent}.action-menu-item .action-icon{font-size:1.2rem}.action-menu-item:hover{background:#ffffff0d;color:#ffffffe6}.action-menu-item.active{background:#646cff26;color:#646cff;border-left-color:#646cff}.action-menu-item.delete{color:#ef4444cc}.action-menu-item.delete:hover{color:#ef4444;background:#ef44441a}.action-menu-item.delete.active{background:#ef444426;color:#ef4444;border-left-color:#ef4444}.actions-detail{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.actions-detail-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#fff6;padding:2rem}.actions-detail-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:100%}.actions-detail-content h4{margin:0;font-size:1.1rem;color:#ffffffe6;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.actions-detail-content p{margin:0;color:#fff9;line-height:1.5}.action-execute-button{padding:.75rem 1.5rem;background:#646cff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-execute-button:hover{background:#535ac8;transform:translateY(-1px)}.action-execute-button:active{transform:translateY(0)}.action-execute-button.delete-button{background:#ef4444}.action-execute-button.delete-button:hover{background:#dc2626}.nanotodo-section-in-modal{display:flex;flex-direction:column;gap:1rem}.subtodo-list-in-modal{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.subtodo-item-in-modal{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:8px;transition:all .2s ease}.subtodo-item-in-modal:hover{background:#ffffff14}.subtodo-checkbox-modal{width:18px;height:18px;cursor:pointer;accent-color:#646cff;flex-shrink:0}.subtodo-text-modal{flex:1;color:#ffffffe6;font-size:.95rem}.subtodo-text-modal.completed{text-decoration:line-through;color:#fff6}.subtodo-delete-modal{background:none;border:none;color:#ef444499;font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1;transition:all .2s ease}.subtodo-delete-modal:hover{color:#ef4444;transform:scale(1.1)}.subtodo-input-section-modal{display:flex;gap:.5rem}.subtodo-input-modal{flex:1;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem}.subtodo-input-modal:focus{outline:none;border-color:#646cff;background:#ffffff14}.subtodo-add-button-modal{padding:.75rem 1.5rem;background:#646cff;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.subtodo-add-button-modal:hover{background:#535ac8}.delete-warning{color:#ef4444cc;font-weight:500}.delete-options-modal{display:flex;flex-direction:column;gap:.75rem}.delete-option-button{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.delete-option-button:hover{background:#ef444426;border-color:#ef444480;transform:translateY(-1px)}.delete-option-icon{font-size:1.5rem}.delete-option-text{display:flex;flex-direction:column;gap:.25rem}.delete-option-text strong{color:#ffffffe6;font-size:1rem}.delete-option-text span{color:#fff9;font-size:.85rem}.todo-stats{text-align:center;padding:.75rem;color:#fff9;font-size:.875rem}.todo-stats p{margin:0}.undo-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#323232;color:#fff;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 12px #0000004d;animation:slideUp .3s ease;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.undo-toast span{font-size:.95rem}.undo-button{background:#646cff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.undo-button:hover{background:#535bf2;transform:scale(1.05)}.undo-button:active{transform:scale(.95)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#1a1a1a;border-radius:16px;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:slideIn .3s ease;margin:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.3rem;color:#ffffffe6}.modal-header-actions{display:flex;gap:.75rem;align-items:center}.empty-trash-button{background:#ff3b3026;color:#ff3b30;border:1px solid rgba(255,59,48,.3);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.empty-trash-button:hover{background:#ff3b3040;border-color:#ff3b30;transform:translateY(-2px)}.empty-trash-button:active{transform:translateY(0)}.modal-close-button{background:none;border:none;font-size:1.5rem;color:#ffffff80;cursor:pointer;padding:.5rem;transition:all .2s ease;line-height:1}.modal-close-button:hover{color:#ffffffe6;transform:scale(1.1)}.trash-list{overflow-y:auto;padding:1rem;flex:1}.trash-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.75rem}.trash-item-content{display:flex;flex-direction:column;gap:.5rem}.trash-text{font-size:1rem;line-height:1.5;color:#ffffffde;word-break:break-word}.trash-text.completed{text-decoration:line-through;color:#ffffff80}.trash-date{font-size:.8rem;color:#ffffff80}.trash-actions{display:flex;gap:.5rem}.restore-button,.permanent-delete-button{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.restore-button{background:#646cff;color:#fff;flex:1}.restore-button:hover{background:#535bf2;transform:translateY(-2px)}.restore-button:active{transform:translateY(0)}.permanent-delete-button{background:#ff3b3026;color:#ff3b30;border:1px solid rgba(255,59,48,.3)}.permanent-delete-button:hover{background:#ff3b3040;border-color:#ff3b30}.permanent-delete-button:active{transform:scale(.95)}.trash-metadata{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.trash-deleted-date{font-size:.8rem;color:#ffffff80}.trash-delete-type{font-size:.75rem;padding:.25rem .5rem;border-radius:6px;font-weight:600}.trash-delete-type.partial{background:#ffcc0026;color:#ffc107;border:1px solid rgba(255,204,0,.3)}.trash-delete-type.complete{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.trash-delete-type.old-style{background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.trash-carryover-info{background:#646cff0d;border:1px solid rgba(100,108,255,.15);border-radius:8px;padding:.75rem;margin-top:.5rem}.carryover-label{font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem;font-weight:600}.carryover-dates{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.carryover-date-badge{font-size:.75rem;padding:.25rem .5rem;background:#646cff33;color:#7d85ff;border-radius:6px;border:1px solid rgba(100,108,255,.3);font-weight:500}.carryover-note{font-size:.8rem;color:#fff9;font-style:italic}.hidden-dates-info{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.hidden-label{font-size:.8rem;color:#fff9;font-weight:600}.hidden-date-badge{font-size:.75rem;padding:.25rem .5rem;background:#ff3b3026;color:#ff6b6b;border-radius:6px;border:1px solid rgba(255,59,48,.3);font-weight:500}@media (prefers-color-scheme: light){.header-fixed{background:#fff;border-bottom-color:#00000014}.date-navigation{border-bottom-color:#00000014}.today-link{color:#4caf50cc}.today-link:hover{color:#4caf50;background:#4caf5026}.content-scrollable::-webkit-scrollbar-thumb{background:#0003}.content-scrollable::-webkit-scrollbar-thumb:hover{background:#0000004d}body.is-scrolling{scrollbar-color:rgba(0,0,0,.3) transparent}body.is-scrolling::-webkit-scrollbar-thumb{background:#0000004d}body.is-scrolling::-webkit-scrollbar-thumb:hover{background:#00000080}.hamburger-menu{background:#00000008;border-color:#0000001f;color:#000c}.hamburger-menu:hover{background:#00000014;border-color:#646cff;color:#646cff}.sidebar{background:#fff;border-right-color:#0000001f}.sidebar-header{border-bottom-color:#0000001a}.sidebar-header h2{color:#000000e6}.sidebar-close{color:#00000080}.sidebar-close:hover{color:#000000e6}.sidebar-menu-item{background:#00000005;border-color:#00000014;color:#000000e6}.sidebar-menu-item:hover{background:#00000014;border-color:#646cff}.sidebar-menu-item.active{background:#646cff1a;border-color:#646cff;color:#646cff}.sidebar-menu-item.active:hover{background:#646cff33}.date-nav-button{background:#00000008;color:#0009;border-color:#0000001f}.date-nav-button:hover{background:#00000014;border-color:#646cff;color:#646cff}.date-display{color:#000000e6}.trash-button-fixed{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.trash-button-fixed:hover{filter:drop-shadow(0 4px 8px rgba(255,59,48,.3))}.modal-content{background:#fff;box-shadow:0 8px 32px #0003}.modal-header{border-bottom-color:#0000001a}.modal-header h2{color:#000000e6}.modal-close-button{color:#00000080}.modal-close-button:hover{color:#000000e6}.trash-item{background:#00000005;border-color:#00000014}.trash-text{color:#000000de}.trash-text.completed,.trash-date{color:#00000080}.todo-item{background:#00000005}.todo-item:hover{background:#0000000a}.todo-item.drag-mode{background:#646cff14;box-shadow:none}.todo-stats{color:#0009}.details-toggle-button{color:#0000004d}.details-toggle-button:hover{color:#0009}.undo-toast{background:#f5f5f5;color:#000000de;box-shadow:0 4px 12px #00000026}.todo-number{color:#0006}.drag-handle{color:#0000004d}.drag-handle:hover{color:#0009;background:#0000000d}.drag-handle:active{color:#000c;background:#0000001a}.add-subtodo-button-inline{border-color:#0003;background:#0000000d;color:#0009}.add-subtodo-button-inline:hover{background:#646cff26;border-color:#646cff;color:#646cff}.subtodo-input-section{background:#00000008;border-color:#00000014}.subtodo-input{border-color:#00000026;background:#0000000d;color:#000000de}.subtodo-input:focus{border-color:#646cff;background:#00000014}.subtodo-cancel-button{background:#0000000d;color:#000000b3}.subtodo-cancel-button:hover{background:#0000001a;color:#000000e6}.action-icon-button{border-color:#00000026;background:#0000000d;color:#000000b3}.action-icon-button:hover{background:#646cff26;border-color:#646cff;color:#646cff}}@media (max-width: 768px){.sections-container>.section-block:first-child{margin-top:0}.hamburger-menu{width:44px;height:44px;font-size:1.3rem;top:1rem;left:1rem}.sidebar{width:280px;left:-280px}.settings-bar{flex-direction:column;align-items:stretch;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem;position:relative}.header-row{display:flex;align-items:center;width:100%;gap:.5rem}.header-row-1{position:relative}.header-row-1 .hamburger-menu{flex-shrink:0}.header-row-1 .date-nav-section{flex:1;height:32px;gap:.4rem;position:static;justify-content:flex-end}.header-row-1 .date-nav-section .date-display-wrapper{position:absolute;left:50%;transform:translate(-50%)}.header-row-1 .timeline-toggle-button{height:32px;padding:.4rem 0;font-size:.8rem;flex-shrink:0;width:62px}.header-row-2 .encouragement-section{flex:1;min-width:0;justify-content:flex-start;height:32px}.header-row-2 .header-memo-button{height:32px;padding:.4rem .6rem;font-size:.8rem;flex-shrink:0}.header-row-3 .quick-input-wrapper{width:100%;max-width:100%}.date-display-wrapper{height:32px}.date-nav-button{width:36px;height:32px;font-size:1.1rem}.today-link{width:100%;max-width:100%;font-size:.75rem;padding:.4rem .75rem;overflow:hidden;text-overflow:ellipsis}.encouragement-message{width:100%;max-width:100%;font-size:.75rem;padding:.4rem .75rem;height:32px;overflow:hidden;text-overflow:ellipsis}.section-reorder-toggle{order:4;height:32px;font-size:1rem;padding:.4rem .6rem;margin-right:0}.date-display{font-size:.95rem;width:auto;min-width:120px;max-width:160px;height:32px;padding:.3rem .75rem}.trash-button-fixed{width:56px;height:56px;font-size:2rem;bottom:1.5rem;right:1.5rem}.todo-list{margin-top:0;margin-bottom:1.5rem;padding-top:0;min-height:150px;touch-action:pan-y;overscroll-behavior:contain}.empty-message{padding:3rem 1.5rem;font-size:1rem}.todo-stats{padding:1rem;font-size:.9rem}.undo-toast{bottom:1.5rem;padding:1rem 1.5rem;gap:1.25rem;max-width:calc(100vw - 2rem)}.undo-toast span{font-size:.95rem}.undo-button{padding:.625rem 1rem;font-size:.9rem}.subtodos-in-item{padding:.75rem;gap:.625rem;margin-left:0;margin-right:0}.subtodo-input-section{padding:.625rem;gap:.625rem}.subtodo-input{padding:.625rem;font-size:.95rem}.routine-setup-inline{padding:.75rem;gap:.75rem;margin-left:0;margin-right:0}.todo-history{padding:.75rem;margin-left:0;margin-right:0}.day-button-inline{min-width:42px;padding:.5rem .625rem;font-size:.8rem}}.routine-button-fixed{position:fixed;bottom:2rem;right:6rem;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #667eea66;transition:all .3s ease;z-index:999;display:flex;align-items:center;justify-content:center}.routine-button-fixed:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.modal-content.routine-modal{max-width:600px!important;width:90%!important;max-height:80vh!important;overflow-y:auto!important;margin:auto!important}.routine-add-section{padding:1.5rem;background:#ffffff08;border-radius:12px;margin-bottom:1.5rem}.routine-input{width:100%;padding:.875rem 1rem;font-size:1rem;background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.12);border-radius:8px;margin-bottom:1rem;transition:all .2s ease;box-sizing:border-box}.routine-input:focus{outline:none;border-color:#667eea;background:#ffffff14}.day-selector{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.day-button{flex:1;min-width:50px;padding:.625rem .75rem;font-size:.9rem;background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.day-button:hover{background:#ffffff14;border-color:#fff3;color:#fffc}.day-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.add-routine-button{width:100%;padding:.875rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.add-routine-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.add-routine-button:disabled{opacity:.5;cursor:not-allowed}.routine-list{padding:0 1rem 1rem}.routine-item{display:flex;align-items:flex-start;justify-content:space-between;padding:.8rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:.75rem;transition:all .2s ease}.routine-item:hover{background:#ffffff0d;border-color:#ffffff26}.routine-item-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.routine-text{font-size:1rem;color:#ffffffe6;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;word-break:break-word}.routine-days{display:flex;gap:.375rem;flex-wrap:wrap}.routine-day-badge{padding:.25rem .5rem;font-size:.75rem;background:linear-gradient(135deg,#667eea33,#764ba233);color:#a78bfa;border:1px solid rgba(167,139,250,.3);border-radius:4px;font-weight:500}.time-slot-selector{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.time-slot-label{font-size:.875rem;color:#ffffffb3;font-weight:500}.time-slot-select{padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffde;font-size:.9rem;cursor:pointer;transition:all .2s ease}.time-slot-select:hover{background:#ffffff14;border-color:#fff3}.time-slot-select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.time-slot-select:disabled{opacity:.5;cursor:not-allowed}.routine-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.routine-time-slot{font-size:.8rem;color:#ffc107;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);padding:.25rem .5rem;border-radius:4px;display:inline-block;width:fit-content}.routine-item-actions{display:flex;gap:.5rem}.routine-edit-button{padding:.5rem 1rem;font-size:.875rem;background:#646cff26;color:#a0a8ff;border:1px solid rgba(100,108,255,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.routine-edit-button:hover{background:#646cff40;border-color:#646cff80}.routine-delete-button{padding:.5rem 1rem;font-size:.875rem;background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.routine-delete-button:hover{background:#ef444433;border-color:#ef444480}.routine-edit-content{display:flex;flex-direction:column;gap:.75rem;flex:1}.routine-edit-input{padding:.625rem;font-size:.9rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;color:#ffffffde;outline:none;transition:all .2s ease}.routine-edit-input:focus{border-color:#646cff;background:#ffffff14}.routine-save-button{padding:.5rem 1rem;font-size:.875rem;background:#667eeacc;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:600}.routine-save-button:hover:not(:disabled){background:#667eea;transform:translateY(-1px)}.routine-save-button:disabled{opacity:.5;cursor:not-allowed}.routine-cancel-edit-button{padding:.5rem 1rem;font-size:.875rem;background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.routine-cancel-edit-button:hover{background:#ffffff14;border-color:#fff3;color:#fffc}.todo-actions-inline{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center;grid-column:1 / -1;grid-row:3;padding-top:1rem;padding-bottom:.5rem;padding-left:0;max-width:100%}.action-icon-button{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffffb3;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;flex-shrink:0}.action-icon-button:hover{background:#646cff33;border-color:#646cff;color:#646cff;transform:scale(1.1)}.action-icon-button:active{transform:scale(.95)}.action-button-with-text{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fffc;font-size:.85rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.action-button-with-text:hover{background:#646cff26;border-color:#646cff;color:#646cff;transform:translateY(-1px)}.action-button-with-text:active{transform:translateY(0)}.action-button-with-text.active{background:#646cff40;border-color:#646cff;color:#646cff;box-shadow:0 0 8px #646cff4d}.action-button-with-text.active .action-icon{transform:scale(1.15);filter:brightness(1.2)}.action-icon{font-size:1rem;line-height:1;display:flex;align-items:center}.action-text{font-weight:500;line-height:1}.routine-setup-button{padding:.5rem .875rem;font-size:.8rem;background:linear-gradient(135deg,#667eea26,#764ba226);color:#a78bfa;border:1px solid rgba(167,139,250,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500;align-self:flex-start}.routine-setup-button:hover{background:linear-gradient(135deg,#667eea40,#764ba240);border-color:#a78bfa80}.routine-setup-inline{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.routine-setup-title{font-size:.8rem;color:#ffffffb3;font-weight:500}.routine-current-info{display:flex;flex-direction:column;gap:.625rem}.routine-info-title{font-size:.8rem;color:#ffffffb3;font-weight:500}.routine-days-display{display:flex;gap:.375rem;flex-wrap:wrap}.routine-day-badge{padding:.4rem .625rem;font-size:.8rem;background:#646cff26;color:#a0a8ff;border:1px solid rgba(100,108,255,.3);border-radius:4px;font-weight:500}.day-selector-inline{display:flex;gap:.375rem;flex-wrap:wrap}.day-button-inline{flex:1;min-width:38px;padding:.4rem .5rem;font-size:.75rem;background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.12);border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}.day-button-inline:hover{background:#ffffff14;border-color:#fff3;color:#fffc}.day-button-inline.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.routine-setup-actions{display:flex;gap:.5rem}.routine-confirm-button{flex:1;padding:.5rem;font-size:.8rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.routine-confirm-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.routine-confirm-button:disabled{opacity:.5;cursor:not-allowed}.routine-cancel-button{flex:1;padding:.5rem;font-size:.8rem;font-weight:600;background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:all .2s ease}.routine-remove-button{flex:1;padding:.5rem;font-size:.8rem;font-weight:600;background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;transition:all .2s ease}.routine-cancel-button:hover{background:#ffffff14;border-color:#fff3;color:#fffc}.routine-remove-button:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}@media (max-width: 768px){.routine-button-fixed{width:52px;height:52px;font-size:1.4rem;bottom:1.5rem;right:5.5rem}}.todo-date-separator{display:flex;align-items:center;margin:1.5rem 0;gap:1rem}.separator-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent)}.separator-text{color:#fff9;font-size:.875rem;font-weight:500;padding:.25rem .75rem;background:#ffffff1a;border-radius:12px;white-space:nowrap}.dummy-sql-section{margin-top:2rem;padding:1rem;background:#0003;border-radius:8px}.dummy-sql-toggle{width:100%;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;text-align:left;transition:all .2s}.dummy-sql-toggle:hover{background:#ffffff26}.dummy-sql-content{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.sql-block{background:#0000004d;border-radius:6px;padding:1rem}.sql-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sql-header span{color:#fffc;font-weight:500}.link-button{padding:.5rem .75rem;background:#22c55ecc;border:none;border-radius:4px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s}.link-button:hover{background:#22c55e;transform:translateY(-1px)}.copy-button{padding:.5rem 1rem;background:#3b82f6cc;border:none;border-radius:4px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s}.copy-button:hover{background:#3b82f6;transform:translateY(-1px)}.sql-code{color:#fffc;font-size:.8rem;font-family:Courier New,monospace;margin:0;padding:1rem;background:#0006;border-radius:4px;white-space:pre;overflow-x:auto;overflow-y:auto;max-height:400px;-webkit-user-select:all;user-select:all;line-height:1.5;border:1px solid rgba(255,255,255,.1)}.completed-date-badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .35rem;font-size:.65rem;background:#4caf5026;color:#81c784;border-radius:6px;font-weight:600;border:1px solid rgba(76,175,80,.25);white-space:nowrap;line-height:1;flex-shrink:0}.routine-date-badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .35rem;font-size:.65rem;background:#9c27b026;color:#ba68c8;border-radius:6px;font-weight:600;border:1px solid rgba(156,39,176,.25);white-space:nowrap;line-height:1;flex-shrink:0}.repeat-icon-badge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem;font-size:.7rem;background:#6366f11a;color:#818cf8;border-radius:4px;white-space:nowrap;line-height:1;flex-shrink:0}.pending-routine-badge{display:none}.modal-content.routine-history-modal{max-width:900px!important;width:90%!important;max-height:90vh!important;overflow-y:auto!important;margin:auto!important}.routine-history-content{padding:20px}.routine-history-calendar,.history-month{margin-bottom:30px}.history-month-title{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#646cff}.history-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.history-day-header{padding:8px;text-align:center;font-weight:600;font-size:.85rem;color:#999;border-bottom:1px solid rgba(255,255,255,.1)}.history-day-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;position:relative;background:#ffffff08;cursor:help;transition:all .2s ease}.history-day-cell.empty{border:none;background:transparent;cursor:default}.history-day-cell.not-routine-day{opacity:.3;background:#ffffff03}.history-day-cell.completed{background:#4caf5033;border-color:#4caf5066}.history-day-cell:hover:not(.empty){background:#ffffff14;transform:scale(1.05)}.history-day-cell.completed:hover{background:#4caf504d}.day-number{font-size:.9rem;font-weight:500}.check-mark{position:absolute;top:2px;right:4px;font-size:1.2rem;color:#4caf50}.routine-history-stats{display:flex;gap:20px;padding:20px;background:#ffffff08;border-radius:12px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:.85rem;color:#999}.stat-value{font-size:1.3rem;font-weight:600;color:#646cff}.stat-value.completed{color:#4caf50}.stat-value.incomplete{color:#ff6b6b}.routine-history-button{padding:.4rem .6rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);color:#646cff;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s ease}.routine-history-button:hover{background:#646cff33;border-color:#646cff80}.sections-container{display:flex;width:100%}.sections-container.vertical-layout{flex-direction:column;gap:0;max-width:600px;width:100%;margin:0 auto;box-sizing:border-box;padding-top:1.5rem;cursor:grab;user-select:none;-webkit-user-select:none}.sections-container.vertical-layout:active{cursor:grabbing}.sections-container.vertical-layout .section-block{cursor:default;user-select:text;-webkit-user-select:text}.sections-container.vertical-layout .section-block *{cursor:auto;user-select:text;-webkit-user-select:text}.sections-container.horizontal-layout{flex-direction:row;gap:1.5rem;align-items:flex-start;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;padding:2rem 3rem 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(150,150,150,.5) transparent;box-sizing:border-box;min-width:100%;margin:0;background:transparent;cursor:grab;user-select:none;-webkit-user-select:none}.sections-container.horizontal-layout>.todo-list{display:contents}.sections-container.horizontal-layout:active{cursor:grabbing}.sections-container.horizontal-layout .section-block{flex:0 0 auto;width:auto;min-width:280px;max-width:480px;cursor:default;user-select:text;-webkit-user-select:text;touch-action:pan-y;overscroll-behavior-x:none}.sections-container.horizontal-layout .section-block *{cursor:auto;user-select:text;-webkit-user-select:text}.sections-container.horizontal-layout *:not(.section-body){scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.2) transparent!important}.sections-container.horizontal-layout *:not(.section-body)::-webkit-scrollbar{width:6px!important;height:6px!important}.sections-container.horizontal-layout *:not(.section-body)::-webkit-scrollbar-track{background:transparent!important}.sections-container.horizontal-layout *:not(.section-body)::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:3px!important;border:none!important;background-clip:content-box!important}.sections-container.horizontal-layout *:not(.section-body)::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.sections-container.horizontal-layout *:not(.section-body)::-webkit-scrollbar-thumb:active{background:#fff6!important}.sections-container.horizontal-layout::-webkit-scrollbar{height:16px!important}.sections-container.horizontal-layout::-webkit-scrollbar-track{background:transparent!important;margin:0 2rem!important}.sections-container.horizontal-layout::-webkit-scrollbar-thumb{background:orange!important;border-radius:8px!important;transition:background .3s ease;border:4px solid transparent!important;background-clip:padding-box!important}.sections-container.horizontal-layout::-webkit-scrollbar-thumb:hover{background:#ff8c00!important;background-clip:padding-box!important}.sections-container.horizontal-layout::-webkit-scrollbar-thumb:active{background:#ff4500!important;background-clip:padding-box!important}.sections-container.horizontal-layout .section-block:first-child{margin-left:.5rem}.sections-container.horizontal-layout .section-block:last-child{margin-right:0}.section-block{margin-bottom:12px;background:#242424;border-radius:12px;padding:1.25rem;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;box-sizing:border-box;transition:all .2s ease}.reorder-mode .section-block{border:3px solid #007aff;background:#007aff0d}.reorder-mode .section-block:hover{border-color:#0a84ff;background:#007aff14}.dragging{will-change:transform;-webkit-user-select:none!important;user-select:none!important;pointer-events:none}.dragging *{-webkit-user-select:none!important;user-select:none!important;pointer-events:none}.reorder-mode{pointer-events:auto}.reorder-mode .memo-section>*:not(.section-header),.reorder-mode .routine-section>*:not(.section-header),.reorder-mode .normal-section>*:not(.section-header),.reorder-mode .key-thoughts-section>*:not(.section-header),.reorder-mode .timeline-section>*:not(.section-header){pointer-events:none}.reorder-mode .section-header{pointer-events:auto;cursor:grab}.reorder-mode .section-header:active{cursor:grabbing}@media (min-width: 769px){.section-block::-webkit-scrollbar,.section-block *::-webkit-scrollbar{width:6px}.section-block::-webkit-scrollbar-thumb,.section-block *::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;border:none}.section-block::-webkit-scrollbar-thumb:hover,.section-block *::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}.memo-section .section-title,.routine-section .section-title,.normal-section .section-title,.custom-section .section-title,.timeline-section .section-title{color:#ffffffd9}.timeline-section{background:#242424;transition:all .3s ease;overflow:hidden}.timeline-section.collapsed,.timeline-sidebar{display:none}@media (min-width: 769px){.timeline-sidebar{display:flex;flex-direction:column;position:fixed;top:calc(80px + 2rem);left:24px;width:384px;height:calc(100vh - 80px - 4rem);background:#242424;border-radius:12px;padding:1.25rem;border:1px solid rgba(255,255,255,.08);z-index:100;box-sizing:border-box;transition:width .3s ease,padding .3s ease}.timeline-sidebar .timeline-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.timeline-sidebar .timeline-view{overflow-x:hidden}.sections-container.horizontal-layout{padding-left:432px;transition:padding-left .3s ease}.timeline-sidebar.collapsed{display:none}.sections-container.horizontal-layout.timeline-hidden{padding-left:24px}}.timeline-content{min-height:100px;max-height:calc(100vh - 60px);overflow:hidden}.timeline-placeholder{color:#fff6;font-size:.9rem}.timeline-view{position:relative;height:100%;max-height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:none;padding-top:12px}.timeline-view:hover{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.timeline-view::-webkit-scrollbar{width:6px}.timeline-view::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .3s ease}.timeline-view:hover::-webkit-scrollbar-thumb,.timeline-view:active::-webkit-scrollbar-thumb{background:#fff3}.timeline-grid{position:relative;min-height:100%;overflow:hidden}.timeline-hour-slot{display:flex;align-items:flex-start;min-height:100px;position:relative}.timeline-hour-label{width:50px;padding:0 8px 0 0;font-size:.75rem;color:#ffffff80;text-align:right;flex-shrink:0;position:relative;display:flex;align-items:center;height:20px;margin-top:-10px}.timeline-hour-label:after{content:"";position:absolute;left:calc(100% + 4px);top:50%;width:calc(100% + 280px);max-width:320px;height:1px;background:#ffffff1a}.timeline-hour-content{flex:1;min-width:0;height:100%;position:relative;padding-left:12px;padding-top:12px;overflow:hidden}.timeline-current-time{position:absolute;left:0;right:0;z-index:10;display:flex;align-items:center;pointer-events:none;transition:top 1s linear}.timeline-current-time-dot{width:12px;height:12px;background:#ea4335;border-radius:50%;flex-shrink:0;margin-left:48px}.timeline-current-time-line{flex:1;height:2px;background:#ea4335}.timeline-current-time-label{position:absolute;left:0;width:34px;padding:2px 4px;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:600;color:#ea4335;text-align:center;white-space:nowrap;background:#ea433526;border-radius:4px}.timeline-hour-slot.timeline-drop-active{background:#646cff26;border-color:#646cff80}.timeline-hour-slot.timeline-drop-active .timeline-hour-content{border-left-color:#646cff;border-left-width:2px}.timeline-add-input-container{padding:4px 8px 4px 62px;background:#646cff1a;overflow:hidden}.timeline-add-input{width:100%;padding:8px 12px;background:#1e1e2ef2;border:2px solid #646cff;border-radius:6px;color:#f0f0f0;font-size:.85rem;outline:none;box-shadow:0 0 10px #646cff4d}.timeline-add-input::placeholder{color:#fff6}.timeline-add-input:focus{border-color:#818cf8;box-shadow:0 0 15px #646cff80}.timeline-scheduled-todo{display:flex;align-items:center;background:#646cff26;border-left:3px solid #646cff;border-radius:4px;padding:6px 8px;margin:3px 0;font-size:.85rem;gap:8px;transition:all .15s ease;min-width:0;overflow:hidden}.timeline-todo-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-scheduled-todo:hover{background:#646cff40}.timeline-todo-remove-button{margin-left:auto;background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:2px 6px;font-size:.8rem;border-radius:4px;transition:all .15s ease;opacity:0}.timeline-scheduled-todo:hover .timeline-todo-remove-button{opacity:1}.timeline-todo-remove-button:hover{background:#ff646433;color:#ff6464e6}.timeline-scheduled-todo.dragging{box-shadow:0 4px 12px #0000004d}.timeline-todo-handle-wrapper{position:relative;display:flex;align-items:center}.timeline-todo-handle{cursor:grab;color:#ffffff4d;width:20px;height:20px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:4px;transition:all .2s ease}.timeline-todo-handle:before{content:"☰";font-size:.9rem}.timeline-todo-handle:hover{color:#fff9;background:#ffffff0d}.timeline-todo-handle:active{cursor:grabbing;color:#fffc}.timeline-move-menu{position:absolute;top:100%;left:0;background:#2a2a2a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;z-index:100;min-width:100px;box-shadow:0 4px 12px #0000004d}.timeline-move-menu-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:none;background:none;color:#ffffffd9;font-size:.8rem;cursor:pointer;border-radius:4px;text-align:left}.timeline-move-menu-item:hover{background:#ffffff1a}.timeline-move-menu-item.move-to-top{color:#3b82f6}.timeline-move-menu-item.move-to-bottom{color:#f59e0b}.timeline-move-menu-item.remove{color:#ef4444}.timeline-todo-checkbox{display:flex;align-items:center;cursor:pointer}.timeline-todo-checkbox input[type=checkbox]{display:none}.timeline-checkbox-custom{width:14px;height:14px;border:1.5px solid rgba(255,255,255,.4);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.timeline-todo-checkbox input[type=checkbox]:checked+.timeline-checkbox-custom{background:#646cff;border-color:#646cff}.timeline-todo-checkbox input[type=checkbox]:checked+.timeline-checkbox-custom:after{content:"✓";color:#fff;font-size:.6rem;font-weight:700}.timeline-todo-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffe6}.timeline-todo-text.completed{text-decoration:line-through;color:#fff6}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);min-height:2.5rem;gap:.5rem}.section-title-container{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.section-icon{font-size:1.2rem}.section-icon-button{font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .15s ease}.section-icon-button:hover{background:#ffffff1a}.emoji-picker-dropdown{background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.5rem;display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem;z-index:10000;box-shadow:0 4px 20px #0006;max-width:280px}.emoji-option{font-size:1.3rem;padding:.4rem;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background .15s ease}.emoji-option:hover{background:#ffffff26}.section-title-input{font-size:1.1rem;font-weight:600;padding:4px 8px;background:#ffffff0d;border:2px solid #646cff;border-radius:4px;color:inherit;width:100%;max-width:300px}.section-title-input:focus{outline:none;border-color:#535bf2;background:#ffffff14}.section-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.section-arrow-buttons{display:flex;gap:.25rem;align-items:center}.section-action-button.hide-button{padding:.35rem .6rem}.section-action-button.delete-button{background:#ff64640d;color:#ff6464cc;border-color:#ff646433}.section-action-button.delete-button:hover{background:#ff646426;color:#ff6464;border-color:#ff646466}.section-action-button{padding:.35rem .75rem;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.section-action-button:hover{background:#ffffff1a;color:#ffffffe6;border-color:#fff3}.section-action-button:active{transform:scale(.95)}.section-action-button.settings-button{background:transparent;border:1px solid transparent;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.section-action-button.scroll-to-now-button{background:transparent;border:1px solid transparent;padding:.35rem 1rem;font-size:1rem;line-height:1;color:#646cffcc}.section-action-button.scroll-to-now-button:hover{background:#646cff1a;border-color:#646cff4d;color:#646cff}.section-action-button.settings-button:hover{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.section-settings-dropdown{position:fixed;background:#1e1e23fa;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.5rem;box-shadow:0 4px 12px #0000004d;z-index:10000;min-width:120px}.settings-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;color:#fffc;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s;text-align:left}.settings-menu-item:hover{background:#ffffff1a;color:#fff}.settings-menu-item:active{transform:scale(.98)}.toggle-all-button{padding:.35rem .75rem;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.toggle-all-button:hover{background:#ffffff1a;color:#ffffffe6;border-color:#fff3}.toggle-all-button:active{transform:scale(.95)}.memo-edit-button-inline{padding:.35rem .75rem;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.memo-edit-button-inline:hover{background:#ffffff1a;color:#ffffffe6;border-color:#fff3}.memo-textarea{width:100%;min-height:200px;max-height:70vh;padding:1rem;background:#0000004d;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.95rem;line-height:1.7;font-family:Courier New,Monaco,monospace;resize:none;box-sizing:border-box;overflow-y:auto}.memo-textarea:focus{outline:none;border-color:#fff3;background:#0000004d}.memo-saving-indicator{font-size:.8rem;color:#ffffff80;font-style:italic}.memo-edit-actions{display:flex;gap:.5rem}.memo-save-button,.memo-cancel-button{padding:.35rem .75rem;font-size:.85rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500;white-space:nowrap}.memo-save-button{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.memo-save-button:hover:not(:disabled){background:#4caf5040;border-color:#4caf50}.memo-cancel-button{background:#ff3b3026;color:#ff3b30;border:1px solid rgba(255,59,48,.3)}.memo-cancel-button:hover:not(:disabled){background:#ff3b3040;border-color:#ff3b30}.memo-save-button:disabled,.memo-cancel-button:disabled{opacity:.5;cursor:not-allowed}.toggle-view{padding:.5rem 0}.toggle-section{margin-bottom:1rem}.toggle-arrow{color:#fff9;font-size:.8em;transition:transform .2s;-webkit-user-select:none;user-select:none}.toggle-title-editable{transition:background .2s;border-radius:4px}.toggle-title-editable:hover{background-color:#ffffff0d}.toggle-title-input{font-family:inherit}.toggle-content{color:#ffffffd9;line-height:1.6}.toggle-content:hover{background-color:#ffffff08}.toggle-content-textarea{font-family:inherit}.notion-blocks-container{padding:.5rem 0;outline:none;min-height:100px}.notion-block-content{font-family:inherit;outline:none}.notion-block-content:empty:before{content:attr(data-placeholder);color:#ffffff4d;pointer-events:none}.view-style-toggle-button{padding:.25rem .75rem;background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.view-style-toggle-button:hover{background:#ffffff1a;border-color:#fff3}.section-title{font-size:1.1rem;font-weight:600;margin:0;padding:0;border:none;display:flex;align-items:center;gap:8px}.section-title.editable{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.section-title.editable:hover{background-color:#ffffff0d}.section-title-edit{font-size:1.1rem;font-weight:600;margin:0;padding:4px 8px;border:2px solid #646cff;border-radius:4px;background:#ffffff0d;color:inherit;outline:none;width:200px;font-family:inherit}.delete-section-button{padding:.35rem .75rem;background:#ff64640d;color:#ff6464cc;border:1px solid rgba(255,100,100,.2);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.delete-section-button:hover{background:#ff646426;color:#ff6464;border-color:#ff646466}.delete-section-button:active{transform:scale(.95)}.modal-content.add-section-modal{max-width:300px!important;width:90%!important;margin:auto!important;overflow:hidden!important}.modal-content.add-section-modal .modal-header{padding:1rem 1.25rem!important}.modal-content.add-section-modal .modal-header h2{font-size:1.1rem!important}.add-section-form{padding:1rem 1.25rem 1.25rem;box-sizing:border-box}.add-section-form .form-group{margin-bottom:1rem}.add-section-form .form-group:last-of-type{margin-bottom:0}.add-section-form .form-group label{display:block;margin-bottom:.4rem;font-weight:600;font-size:.85rem;color:#fffc}.add-section-form .section-name-input{width:100%;padding:.6rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;font-size:.95rem;outline:none;transition:all .2s;box-sizing:border-box}.add-section-form .section-name-input:focus{border-color:#646cff;background:#ffffff14}.add-section-form .emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;box-sizing:border-box}.add-section-form .emoji-button{width:100%;aspect-ratio:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:1.1rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;min-width:0}.add-section-form .emoji-button:hover{background:#ffffff1a;border-color:#fff3}.add-section-form .emoji-button.selected{background:#646cff33;border-color:#646cff}.add-section-form .modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.add-section-form .cancel-button,.add-section-form .submit-button{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.cancel-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.cancel-button:hover{background:#ffffff1a;color:#ffffffe6}.submit-button{background:#646cff;border:none;color:#fff;font-weight:600}.submit-button:hover:not(:disabled){background:#535bf2;transform:translateY(-1px)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.memo-modal{max-width:800px;width:90vw;max-height:90vh;height:auto}.memo-content{padding:20px;display:flex;flex-direction:column;height:100%}.memo-edit-mode,.memo-view-mode{display:flex;flex-direction:column;height:70vh}.memo-textarea{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:14px;line-height:1.5;padding:15px;resize:vertical;min-height:400px;margin-bottom:15px}.memo-textarea:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.memo-display{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:20px;margin-bottom:15px;overflow-y:auto;max-height:500px}.memo-text{color:#e0e0e0;font-family:Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin:0}.memo-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.memo-save-button{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:6px}.memo-save-button:hover:not(:disabled){background:#45a049}.memo-save-button:disabled{background:#666;cursor:not-allowed}.memo-cancel-button{background:#666;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:6px}.memo-cancel-button:hover:not(:disabled){background:#777}.memo-edit-button{background:#646cff;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:6px}.memo-edit-button:hover{background:#5a5fd7}@media (max-width: 768px){.memo-modal{width:95vw;max-height:95vh}.memo-edit-mode,.memo-view-mode{height:60vh}.memo-textarea{font-size:13px;min-height:300px}.memo-text{font-size:13px}.memo-actions{flex-direction:column}.memo-save-button,.memo-cancel-button,.memo-edit-button{width:100%;justify-content:center}}.modal-content.gantt-modal{max-width:95vw!important;width:95vw!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;margin:auto!important}.gantt-filter{padding:15px 20px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.gantt-period-buttons{display:flex;gap:10px;flex-wrap:wrap}.period-button{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:13px;transition:all .2s}.period-button:hover{background:#ffffff26;border-color:#4caf5080}.period-button.active{background:#4caf504d;border-color:#4caf50;font-weight:700}.gantt-content{flex:1;overflow:auto;padding:20px}.gantt-chart{min-width:max-content}.gantt-header{display:flex;position:sticky;top:0;background:#1e1e1e;z-index:10;border-bottom:2px solid #4CAF50;font-weight:700}.gantt-row{display:flex;border-bottom:1px solid rgba(255,255,255,.1)}.gantt-row:hover{background:#4caf501a}.gantt-task-column{min-width:250px;max-width:250px;padding:12px;border-right:1px solid rgba(255,255,255,.2);display:flex;align-items:center;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:sticky;left:0;background:#1e1e1e;z-index:5}.gantt-task-column .completed-task{text-decoration:line-through;opacity:.6}.gantt-timeline{display:flex;flex:1}.gantt-date-cell{min-width:80px;max-width:80px;padding:12px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.05);font-size:12px;display:flex;align-items:center;justify-content:center}.gantt-date-cell.has-task{color:#4caf50;font-weight:700;font-size:16px}.gantt-date-cell.start-date{background:#4caf504d}.gantt-date-cell.middle-date{background:#4caf5026}.gantt-date-cell.completed-date{background:#4caf504d;font-size:18px}.completed-circle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid #4CAF50;background:transparent;font-size:14px;font-weight:700;color:#4caf50}.gantt-header .gantt-date-cell{font-weight:700;background:#4caf5033;border-right:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.modal-content.gantt-modal{max-width:100vw!important;width:100vw!important;max-height:100vh!important}.gantt-filter{padding:10px}.gantt-period-buttons{gap:5px}.period-button{padding:6px 12px;font-size:11px}.gantt-task-column{min-width:150px;max-width:150px;font-size:12px}.gantt-date-cell{min-width:60px;max-width:60px;font-size:10px;padding:8px 4px}.gantt-date-cell.has-task{font-size:14px}.gantt-date-cell.completed-date{font-size:16px}.completed-circle{width:16px;height:16px;font-size:11px}}.modal-content.encouragement-modal{max-width:600px!important;width:90%!important;max-height:80vh!important;overflow-y:auto!important;margin:auto!important}.encouragement-add-section{padding:1.5rem;background:#ffffff08;border-radius:12px;margin-bottom:1.5rem;display:flex;gap:.75rem}.encouragement-input{flex:1;padding:.875rem 1rem;font-size:1rem;background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.12);border-radius:8px;transition:all .2s ease;box-sizing:border-box}.encouragement-input:focus{outline:none;border-color:#ffc107;background:#ffffff14}.add-encouragement-button{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-encouragement-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ffc1074d}.add-encouragement-button:disabled{opacity:.5;cursor:not-allowed}.encouragement-list{padding:0 1rem 1rem}.encouragement-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:.75rem;transition:all .2s ease}.encouragement-item:hover{background:#ffffff0d;border-color:#ffffff26}.encouragement-text{flex:1;font-size:1rem;color:#ffffffe6;margin-right:1rem}.encouragement-edit-input{flex:1;padding:.75rem 1rem;font-size:1rem;background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.12);border-radius:8px;margin-right:1rem;transition:all .2s ease}.encouragement-edit-input:focus{outline:none;border-color:#ffc107;background:#ffffff14}.encouragement-item-actions{display:flex;gap:.5rem}.encouragement-edit-button,.encouragement-delete-button,.encouragement-save-button,.encouragement-cancel-button{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.encouragement-edit-button{background:#646cff26;color:#646cff;border:1px solid rgba(100,108,255,.3)}.encouragement-edit-button:hover{background:#646cff40;border-color:#646cff}.encouragement-delete-button{background:#ff3b3026;color:#ff3b30;border:1px solid rgba(255,59,48,.3)}.encouragement-delete-button:hover{background:#ff3b3040;border-color:#ff3b30}.encouragement-save-button{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.encouragement-save-button:hover:not(:disabled){background:#4caf5040;border-color:#4caf50}.encouragement-save-button:disabled{opacity:.5;cursor:not-allowed}.encouragement-cancel-button{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.12)}.encouragement-cancel-button:hover{background:#ffffff1f;border-color:#fff3;color:#ffffffe6}.section-pagination-dots{display:none;justify-content:center;gap:8px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;background:#00000080;border-radius:20px;padding:8px 16px}.pagination-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .2s ease;padding:0}.pagination-dot.active{background:#ffffffe6;transform:scale(1.2)}.pagination-dot:hover{background:#fff9}@media (max-width: 768px){.section-pagination-dots{display:flex;justify-content:center;left:0;right:0;bottom:0;transform:none;border-radius:0;background:transparent;padding:20px 32px}.sections-container.vertical-layout{padding-top:4.5rem}.sections-container.horizontal-layout{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-top:2rem;padding-bottom:calc(160px + env(safe-area-inset-bottom,0px));padding-left:40px;padding-right:40px;gap:.5rem}.sections-container.horizontal-layout .section-block{scroll-snap-align:center;width:calc(100vw - 56px);min-width:calc(100vw - 56px);max-width:calc(100vw - 56px);flex-shrink:0;max-height:calc(70vh - 120px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;margin:0 1px;box-sizing:border-box}.sections-container.horizontal-layout .section-block>*{flex-shrink:0;max-width:100%;box-sizing:border-box}.sections-container.horizontal-layout .section-block *{max-width:100%;box-sizing:border-box}.section-block,.section-block *{scrollbar-width:none;-ms-overflow-style:none}.section-block::-webkit-scrollbar,.section-block *::-webkit-scrollbar{display:none;width:0;height:0}.section-block{padding:.75rem;margin-bottom:.75rem}.completed-date-badge{display:none}}.modal-content.delete-confirm-modal{max-width:500px!important;width:90%!important;margin:auto!important}.delete-confirm-content{padding:1.5rem}.modal-content.hidden-sections-modal{max-width:500px!important;width:90%!important;margin:auto!important}.hidden-sections-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.hidden-section-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;gap:1rem}.hidden-section-title{font-size:1rem;font-weight:500;color:#ffffffe6;flex:1}.show-section-button{padding:.4rem .9rem;background:#646cff1a;color:#646cff;border:1px solid rgba(100,108,255,.3);border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.show-section-button:hover{background:#646cff33;border-color:#646cff80;transform:translateY(-1px)}.show-section-button:active{transform:translateY(0)}.delete-confirm-text{font-size:1.1rem;margin-bottom:.5rem;color:#ffffffde}.delete-confirm-description{font-size:.9rem;color:#fff9;margin-bottom:1.5rem}.delete-options-simple{display:flex;flex-direction:column;gap:.75rem}.delete-option-button-simple{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#ffffffde;cursor:pointer;transition:all .2s ease;text-align:left}.delete-option-button-simple .option-icon{font-size:1.5rem;flex-shrink:0}.delete-option-button-simple .option-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.delete-option-button-simple .option-title{font-size:.95rem;font-weight:600;color:#fffffff2}.delete-option-button-simple .option-desc{font-size:.8rem;color:#ffffff80;line-height:1.3}.delete-option-button-simple:hover{background:#ffffff14;border-color:#fff3}.delete-option-button-simple:active{transform:scale(.98)}.delete-option-button-simple.option-hide{border-color:#4a9eff4d}.delete-option-button-simple.option-hide:hover{border-color:#4a9eff80;background:#4a9eff14}.delete-option-button-simple.option-hide .option-icon{color:#4a9effe6}.delete-option-button-simple.option-delete{border-color:#ff4d4d4d}.delete-option-button-simple.option-delete:hover{border-color:#ff4d4d80;background:#ff4d4d14}.delete-option-button-simple.option-delete .option-icon{color:#ff4d4de6}.apple-time-picker{position:relative;width:200px;margin:1rem auto;background:#ffffff0d;border-radius:12px;overflow:hidden;padding:4px 0}.picker-container{display:flex;align-items:center;justify-content:center;height:200px;gap:10px;position:relative;z-index:2}.picker-column{width:60px;height:200px;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.picker-column::-webkit-scrollbar{display:none}.picker-spacer{height:80px;flex-shrink:0}.picker-item{height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff6;scroll-snap-align:center;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.picker-item.selected{color:#fff;font-weight:600;transform:scale(1.1)}.picker-separator{font-size:1.5rem;color:#fff9;font-weight:600;margin:0 5px}.picker-selection-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;pointer-events:none;z-index:1}.picker-arrows-top,.picker-arrows-bottom{display:flex;justify-content:center;align-items:center;gap:10px;padding:4px 0;position:relative;z-index:3}.picker-arrow-button{width:60px;height:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.picker-arrow-button:hover{background:#fff3;border-color:#fff6;color:#fff}.picker-arrow-button:active{transform:scale(.95);background:#ffffff26}.notion-editor{padding:1rem;min-height:200px}.key-thoughts-content.notion-editor{padding-left:0;padding-right:0}.notion-block{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:0;margin-bottom:.25rem;padding:.1rem;border-radius:4px}.notion-block:hover .notion-drag-handle{opacity:1}.notion-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;cursor:grab;color:#ffffff4d;font-size:1rem;opacity:0;transition:opacity .2s,color .2s;-webkit-user-select:none;user-select:none;padding:3px 1px 1px;margin:-4px;touch-action:none;-webkit-user-drag:none}.notion-drag-handle:hover{color:#fff9}.notion-drag-handle:active{cursor:grabbing}@media (max-width: 768px){.notion-drag-handle{opacity:.5}}.notion-block-controls{display:flex;align-items:center;gap:.25rem;flex-shrink:0;padding-top:0}.block-type-button{width:20px;height:20px;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;padding:0;border-radius:3px}.block-type-button:hover{color:#fffc}.notion-block-content{flex:1;display:flex;align-items:center;gap:.5rem}.notion-block-input{flex:1;background:transparent;border:none;color:#ffffffe6;font-size:.95rem;padding:0 .5rem;outline:none;border-radius:4px;transition:background .2s;font-family:inherit;resize:none;overflow:hidden;min-height:auto;line-height:1.2;word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box}.notion-block-input:focus{background:#ffffff0d}.notion-block-input::placeholder{color:#ffffff4d}.notion-block-preview{flex:1;color:#fff9;font-size:.95rem;padding:.5rem .75rem;cursor:pointer;border-radius:4px;transition:background .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notion-block-preview:hover{background:#ffffff08}.notion-block-children{display:flex;flex-direction:column;flex-basis:100%;margin-left:1.5rem;padding-left:.5rem;margin-top:.25rem}@media (max-width: 768px){.notion-block-children{margin-left:1rem;padding-left:.25rem}}.drag-overlay-block,.drag-overlay-todo{opacity:.5;cursor:grabbing;box-shadow:0 4px 12px #00000026;z-index:10000!important}.memo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.memo-modal{background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:100%;max-width:700px;height:calc(100vh - 4rem);max-height:800px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:memo-modal-appear .2s ease-out}@keyframes memo-modal-appear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.memo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.memo-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.memo-modal-actions{display:flex;align-items:center;gap:.75rem}.memo-modal-close{background:transparent;border:none;color:#fff9;font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;border-radius:4px;transition:all .15s ease}.memo-modal-close:hover{color:#fff;background:#ffffff1a}.memo-modal-textarea{flex:1;padding:1.25rem;font-size:1rem;line-height:1.6;border:none;background:transparent;color:var(--text-color);resize:none;overflow-y:auto;font-family:inherit;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.memo-modal-textarea::-webkit-scrollbar{width:8px}.memo-modal-textarea::-webkit-scrollbar-track{background:transparent}.memo-modal-textarea::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.memo-modal-textarea::-webkit-scrollbar-thumb:hover{background:#ffffff80}.memo-modal-textarea:focus{outline:none}.memo-modal-textarea::placeholder{color:#ffffff4d}@media (max-width: 768px){.memo-modal-overlay{padding:1rem}.memo-modal{height:calc(100vh - 2rem);max-height:none}}