@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#111110;--bg-glow-a:#ff8c7a17;--bg-glow-b:#d8935a12;--text-main:#f6f5f4;--text-muted:#a19d98;--text-light:#615e5b;--border-subtle:#ffffff14;--accent-gradient:linear-gradient(135deg,#ff8c7a 0%,#d8935a 100%);--accent-gradient-hover:linear-gradient(135deg,#ff7b65 0%,#e08340 100%);--accent-color:#ff8c7a;--accent-soft:#ff8c7a1f;--card-bg:#201f1ed9;--nav-bg:#201f1e;--datepicker-selected-progress-value:#fff;--card-shadow:0 10px 40px -10px #0006,0 1px 3px #0003;--glass-shadow:inset 0 1px 0 #ffffff1a;--glass-blur:blur(12px);--fade-gradient:linear-gradient(to bottom,#201f1e00,#201f1e);--font-base:"Inter",sans-serif;--font-heading:"Outfit",sans-serif;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:8px;--transition-smooth:all .25s cubic-bezier(.25,.8,.25,1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#f5efe6;--bg-glow-a:#ffa97e33;--bg-glow-b:#d9945b1f;--text-main:#241f1a;--text-muted:#6f6357;--text-light:#9d8f82;--border-subtle:#523b281f;--accent-gradient:linear-gradient(135deg,#e77956 0%,#c8703b 100%);--accent-gradient-hover:linear-gradient(135deg,#d96b48 0%,#b96531 100%);--accent-color:#d96b48;--accent-soft:#d96b4824;--card-bg:#fffaf4d6;--nav-bg:#fff8f0eb;--datepicker-selected-progress-value:#fff7f0;--card-shadow:0 14px 38px -18px #60472b4d,0 1px 3px #60472b1a;--glass-shadow:inset 0 1px 0 #ffffffa6;--fade-gradient:linear-gradient(to bottom,#fff8f000,#fff8f0)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-color)}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,var(--bg-glow-a),transparent 25%),radial-gradient(circle at 85% 30%,var(--bg-glow-b),transparent 25%);min-height:100vh;color:var(--text-main);font-family:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}textarea,input{outline:none}.container{max-width:860px;margin:0 auto;padding:32px 24px 120px}.app-shell{animation:.4s ease-out forwards fadeIn}.bottom-nav{z-index:50;background:var(--nav-bg);border:1px solid var(--border-subtle);width:max-content;max-width:calc(100vw - 32px);box-shadow:0 10px 40px #0006,var(--glass-shadow);border-radius:999px;padding:16px 30px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.nav-links{justify-content:center;align-items:center;gap:34px;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition-smooth);flex-direction:column;align-items:center;gap:4px;margin-bottom:-4px;font-size:.85rem;font-weight:500;display:flex}.nav-link.active{color:var(--accent-color)}.nav-link:hover{color:var(--accent-color);transform:translateY(-2px)}.page-header{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.page-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-title-group{align-items:center;gap:12px;display:flex}.page-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:2.25rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:.96rem}.header-sync-button{color:var(--accent-color);border-color:color-mix(in srgb,var(--accent-color)26%,var(--border-subtle));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft)82%,transparent),#ffffff05);position:relative}.header-sync-button:hover:not(:disabled),.header-sync-button:focus-visible{color:var(--text-main);border-color:color-mix(in srgb,var(--accent-color)46%,var(--border-subtle));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft)100%,transparent),#ffffff0d);outline:none}.header-sync-button.syncing>svg{animation:1s linear infinite spin}.header-sync-button.pending{color:#d7a965;background:linear-gradient(#976f3a2e,#ffffff05);border-color:#d7a9655c}.header-sync-pending-badge{color:#fff3cf;border:1px solid color-mix(in srgb,var(--nav-bg)86%,white);background:#9f6d2e;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:absolute;top:-3px;right:-3px;box-shadow:0 4px 10px #00000047}.header-sync-button.attention{color:#f5c96c;background:#f5c96c17;border-color:#f5c96c52}:root[data-theme=light] .header-sync-button.pending{color:#a66e2d;background:linear-gradient(#b57e3b24,#fff3);border-color:#a66e2d47}:root[data-theme=light] .header-sync-pending-badge{color:#fff8e5;border-color:color-mix(in srgb,var(--nav-bg)88%,white);background:#b27935;box-shadow:0 5px 12px #6e4c2638}.header-sync-button:disabled{opacity:.88;cursor:default}.install-header-action{align-items:center;display:inline-flex;position:relative}.install-header-button{color:#fff8f2;background:var(--accent-gradient);border:1px solid color-mix(in srgb,var(--accent-color)38%,var(--border-subtle));white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:0;width:40px;height:40px;transition:width .28s,background .2s,box-shadow .2s,transform .2s;display:inline-flex;overflow:hidden;box-shadow:0 8px 22px #ff8c7a2e}.install-header-button:hover,.install-header-button:focus-visible{background:var(--accent-gradient-hover);outline:none;gap:7px;width:96px;box-shadow:0 10px 26px #ff8c7a3d}.install-header-button:active{transform:scale(.96)}.install-header-button>svg{transform:translateY(-1px)}.install-header-button.wide{gap:7px;width:96px}.install-header-label{opacity:0;max-width:0;font-size:.9rem;font-weight:700;line-height:1;transition:max-width .22s,opacity .18s}.install-header-button.wide .install-header-label,.install-header-button:hover .install-header-label,.install-header-button:focus-visible .install-header-label{opacity:1;max-width:54px}.install-header-popover{z-index:80;width:210px;color:var(--text-main);background:var(--nav-bg);border:1px solid var(--border-subtle);box-shadow:0 16px 32px -20px #00000094,var(--glass-shadow);border-radius:12px;padding:10px 12px;font-size:.82rem;line-height:1.35;position:absolute;top:calc(100% + 8px);right:0}.date-selector-container,.thread-selector-container,.segmented-control,.header-actions,.inline-toolbar{align-items:center;gap:12px;display:flex}.date-selector-container,.thread-selector-container,.segmented-control{border:1px solid var(--border-subtle);background:var(--card-bg);width:fit-content;box-shadow:0 4px 15px #00000008,var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);border-radius:100px;justify-content:center;margin:0 auto 32px;padding:8px 12px}.select-wrapper{display:inline-block;position:relative}.card{background:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow),var(--glass-shadow);border:1px solid var(--border-subtle);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:var(--transition-smooth);padding:24px}.card:hover{transform:translateY(-3px)}.panel-stack{flex-direction:column;gap:10px;display:flex}.empty-state{color:var(--text-muted);text-align:center;padding:64px 24px;font-weight:500}.btn-icon,.btn-soft,.segmented-button,.primary-button,.secondary-button,.ghost-button,.date-button{transition:var(--transition-smooth)}.btn-icon,.date-button{width:40px;height:40px;color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.btn-icon-clear{width:32px;height:32px;color:var(--text-muted);transition:var(--transition-smooth);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon-clear:hover:not(:disabled){color:var(--text-main);background:#ffffff0a}.btn-icon-clear:disabled{opacity:.3;cursor:not-allowed}.btn-icon-clear:active{opacity:.8;transform:scale(.96)}.btn-icon:hover,.date-button:hover,.btn-soft:hover,.secondary-button:hover,.ghost-button:hover{color:var(--text-main);border-color:#ff8c7a59}.btn-soft,.secondary-button,.ghost-button,.segmented-button,.primary-button{border-radius:999px;padding:10px 16px;font-weight:600}.primary-button{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 24px #ff8c7a2e}.primary-button:hover{background:var(--accent-gradient-hover)}.secondary-button,.segmented-button,.ghost-button,.btn-soft{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff08}.segmented-button.active{background:var(--accent-soft);color:var(--accent-color);border-color:#ff8c7a59}.pill{letter-spacing:.02em;color:var(--text-muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.todo-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:16px 0;display:grid}.todo-row:last-child,.note-card:last-child{border-bottom:none}.todo-checkbox{appearance:none;border:2px solid var(--text-muted);background:0 0;border-radius:6px;align-self:center;width:20px;height:20px;position:relative}.todo-checkbox:disabled{opacity:.45;cursor:default}.todo-checkbox:checked{background:var(--accent-color);border-color:var(--accent-color)}.todo-checkbox:checked:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.todo-input,.note-title-input,.note-textarea,.mini-input{width:100%;color:var(--text-main);background:0 0;border:none}.todo-input{font-size:1rem}.todo-input.completed{color:var(--text-light);text-decoration:line-through}.row-meta,.note-meta,.helper-text{color:var(--text-muted);font-size:.82rem}.row-actions,.note-actions{align-items:center;gap:8px;display:flex}.task-list-card{padding:18px 0 8px;position:relative;overflow:visible}.custom-datepicker{display:inline-block;position:relative}.datepicker-trigger{appearance:none;font-family:var(--font-base);color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);text-align:center;background:0 0;border:none;width:200px;padding:6px 0;font-size:.95rem;font-weight:600}.datepicker-trigger:hover{opacity:.8}.datepicker-trigger:disabled{opacity:.5;cursor:not-allowed}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.datepicker-popup{z-index:100;background:var(--nav-bg);border-radius:var(--border-radius-md);width:340px;box-shadow:var(--card-shadow),var(--glass-shadow);border:1px solid var(--border-subtle);padding:16px;transition:box-shadow .3s;animation:.2s ease-out forwards popupFadeIn;position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%)}.datepicker-popup:hover{box-shadow:0 20px 40px -15px #00000026,0 1px 3px #0000000d,var(--glass-shadow);transform:translate(-50%,-4px)}.datepicker-modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.datepicker-modal-title{font-family:var(--font-heading);color:var(--text-main);font-size:1.1rem;font-weight:700}.datepicker-modal-close{width:34px;height:34px;color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.datepicker-modal-close:hover{color:var(--text-main);border-color:#ff8c7a47}.datepicker-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.datepicker-month-year{font-family:var(--font-heading);color:var(--text-main);font-size:1.15rem;font-weight:600}.datepicker-week-days{gap:var(--datepicker-column-gap);text-align:center;color:var(--text-muted);grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:.85rem;font-weight:600;display:grid}.datepicker-week-day{padding:4px}.datepicker-calendar-gesture-area{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.datepicker-calendar-gesture-area.is-dragging{cursor:grabbing}.datepicker-grid-viewport{height:calc((var(--datepicker-day-size)*6) + (var(--datepicker-row-gap)*5));margin-bottom:16px;position:relative;overflow:hidden}.thread-picker-static{width:clamp(132px,22vw,196px);min-height:40px;color:var(--text-main);transition:var(--transition-smooth);border-radius:999px;justify-content:center;align-items:center;padding:6px 14px;font-weight:600;display:inline-flex}.thread-picker-static:hover,.thread-picker-static:focus-visible{color:var(--text-main);background:color-mix(in srgb,var(--accent-soft)72%,transparent);outline:none}.thread-picker-static span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.thread-detail-toolbar{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:14px;width:min(100%,100vw - 48px);margin:0 auto 32px;display:grid}.thread-detail-toolbar-button{justify-self:end}.thread-detail-toolbar-button:first-child{justify-self:start}.thread-detail-toolbar-button.active{color:var(--accent-color);border-color:color-mix(in srgb,var(--accent-color)34%,var(--border-subtle));background:color-mix(in srgb,var(--accent-soft)72%,transparent)}.thread-detail-action-menu{justify-self:end;position:relative}.thread-detail-menu-popover{z-index:20;border:1px solid var(--border-subtle);min-width:150px;box-shadow:0 16px 40px #00000059,var(--glass-shadow);background:#242321;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.thread-detail-menu-item{width:100%;color:var(--text-main);text-align:left;white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;font-size:.95rem;display:flex}.thread-detail-menu-item:hover,.thread-detail-menu-item:focus-visible{background:#ffffff0d;outline:none}.thread-detail-menu-item.danger{color:#ff9f95}.thread-title-input,.thread-title-button{border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--card-bg)78%,transparent);text-align:center;justify-self:center;max-width:min(360px,100vw - 144px);min-height:52px}.thread-title-button{cursor:pointer}.thread-title-input{cursor:text}.datepicker-month-track{will-change:transform}.datepicker-month-track.is-snapping{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.datepicker-week-track{flex-direction:column;display:flex}.datepicker-week-row,.datepicker-grid{column-gap:var(--datepicker-column-gap);grid-template-columns:repeat(7,1fr);display:grid}.datepicker-week-row{flex:0 0 var(--datepicker-week-row-height);height:var(--datepicker-week-row-height)}.datepicker-grid{row-gap:var(--datepicker-row-gap);grid-template-rows:repeat(6,minmax(0,1fr));height:100%}.datepicker-day{isolation:isolate;aspect-ratio:1;width:var(--datepicker-day-size);height:var(--datepicker-day-size);color:var(--text-main);transition:var(--transition-smooth);border:1px solid #0000;border-radius:50%;justify-content:center;justify-self:center;align-items:center;font-size:.95rem;font-weight:500;display:flex;position:relative}.datepicker-day:hover:not(.datepicker-day-unavailable){background:var(--border-subtle)}.datepicker-day-outside{color:var(--text-light);opacity:.5}.datepicker-day-today{color:var(--accent-color);font-weight:700}.datepicker-day-has-items:before,.datepicker-day-has-items:after{pointer-events:none;position:absolute}.datepicker-day-progress{width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px;overflow:visible}.datepicker-day-progress-track,.datepicker-day-progress-value{fill:none}.datepicker-day-progress-track{stroke:color-mix(in srgb,var(--accent-color)22%,transparent);stroke-width:4px;opacity:.95}.datepicker-day-progress-value{stroke:color-mix(in srgb,var(--accent-color)72%,white);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.datepicker-day-progress-value-track-tone{stroke:color-mix(in srgb,var(--accent-color)22%,transparent)}.datepicker-day-selected{box-shadow:0 4px 10px #ff9e8f66;background:var(--accent-color)!important;color:#fff!important;border-color:#0000!important;font-weight:600!important}.datepicker-day-selected .datepicker-day-progress-track{stroke:var(--accent-color);opacity:0}.datepicker-day-selected.datepicker-day-selected-track-visible .datepicker-day-progress-track{opacity:0}.datepicker-day-selected .datepicker-day-progress-value{opacity:1;stroke:var(--datepicker-selected-progress-value)}.datepicker-day-unavailable{opacity:.3;cursor:not-allowed;text-decoration:line-through}.datepicker-actions{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.datepicker-action-btn{color:var(--accent-color);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);padding:4px 8px;font-size:.85rem;font-weight:600}.datepicker-action-btn:hover{background:var(--border-subtle)}.task-card-toolbar{justify-content:flex-end;padding:0 20px 12px;display:flex}.task-list{flex-direction:column;display:flex}.task-line-slot{position:relative}.task-line{grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;min-height:60px;padding:0 20px;transition:transform .18s,box-shadow .18s,background-color .18s,opacity .18s;display:grid;position:relative}.task-line-slot+.task-line-slot .task-line,.task-line-slot+.task-line-slot.dragging+.task-line-slot .task-line{border-top:1px solid #ffffff0d}.task-line.completed{opacity:.72}.task-line.dragging{z-index:15;opacity:1;background:var(--card-bg);box-shadow:0 18px 34px -22px #00000080,0 0 0 1px color-mix(in srgb,var(--accent-color)18%,transparent),0 0 20px -12px color-mix(in srgb,var(--accent-color)42%,transparent);border-radius:16px}.task-drag-overlay{z-index:30;pointer-events:none;position:absolute}.task-text-input{width:100%;min-width:0;min-height:52px;color:var(--text-main);resize:none;field-sizing:content;background:0 0;border:none;padding:12px 0;font-size:1.02rem;line-height:1.45;overflow:hidden}.task-text-input.completed{color:var(--text-muted);text-decoration:line-through}.thread-task-copy{align-items:center;gap:10px;min-width:0;display:flex}.thread-task-copy .task-text-input{white-space:nowrap;flex:auto;min-width:0;min-height:52px}.thread-task-schedule-indicator{width:28px;height:28px;color:var(--accent-color);border:1px solid color-mix(in srgb,var(--border-subtle)88%,transparent);background:#ffffff0b;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.thread-task-schedule-indicator:hover{color:var(--text-main);border-color:color-mix(in srgb,var(--accent-color)34%,var(--border-subtle))}.date-task-thread-menu{flex:none;display:inline-flex;position:relative}.date-task-thread-indicator{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color)10%,#ffffff0b);border-color:color-mix(in srgb,var(--accent-color)24%,var(--border-subtle))}.date-task-thread-popover{z-index:12;border:1px solid var(--border-subtle);min-width:132px;max-width:220px;box-shadow:0 16px 40px #00000059,var(--glass-shadow);background:#242321;border-radius:12px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.date-task-thread-link{width:100%;min-height:34px;color:var(--accent-color);text-overflow:ellipsis;white-space:nowrap;border-radius:9px;align-items:center;padding:0 10px;font-size:.82rem;font-weight:700;line-height:1.2;text-decoration:none;display:flex;overflow:hidden}.date-task-thread-link:hover,.date-task-thread-link:focus-visible{color:var(--text-main);background:#ffffff0d;outline:none}.thread-task-schedule-menu{display:inline-flex;position:relative}.thread-task-schedule-popover{z-index:12;border:1px solid var(--border-subtle);min-width:132px;box-shadow:0 16px 40px #00000059,var(--glass-shadow);background:#242321;border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.thread-task-schedule-date{width:100%;min-height:34px;color:var(--text-main);text-align:left;white-space:nowrap;border-radius:9px;padding:7px 10px;font-size:.92rem;font-weight:600}.thread-task-schedule-date:hover,.thread-task-schedule-date:focus-visible{background:#ffffff0d;outline:none}.task-duration-chip{border:1px solid var(--duration-border,#ffffff14);background:var(--duration-bg,#ffffff0a);width:44px;height:30px;color:var(--duration-text,var(--text-muted));text-align:center;transition:var(--transition-smooth);border-radius:999px;align-self:center;font-size:.78rem;font-weight:700;line-height:1}.task-duration-chip::placeholder{color:color-mix(in srgb,var(--text-muted)72%,transparent);font-weight:600}.task-duration-chip:hover,.task-duration-chip:focus{border-color:color-mix(in srgb,var(--duration-text,var(--accent-color))52%,var(--border-subtle));box-shadow:0 0 0 3px color-mix(in srgb,var(--duration-bg,var(--accent-soft))70%,transparent)}.task-duration-chip.tone-empty{--duration-bg:#ffffff09;--duration-border:color-mix(in srgb,var(--border-subtle)80%,transparent);--duration-text:var(--text-muted)}.task-duration-chip.tone-quick{--duration-bg:#4fbd8338;--duration-border:#66ffa842;--duration-text:#60bb6e}.task-duration-chip.tone-medium{--duration-bg:#997e4c40;--duration-border:#b4955c4d;--duration-text:#d0b47e}.task-duration-chip.tone-deep{--duration-bg:#b95a3240;--duration-border:#ff97664d;--duration-text:#ff905e}.task-duration-chip.tone-long{--duration-bg:#974f4c42;--duration-border:#ff4a3f52;--duration-text:#ff4a3c}:root[data-theme=light] .task-duration-chip.tone-empty{--duration-bg:#745d490f;--duration-border:#745d491f;--duration-text:#8d7d70}:root[data-theme=light] .task-duration-chip.tone-quick{--duration-bg:#71917933;--duration-border:#5b7e633d;--duration-text:#5b7962}:root[data-theme=light] .task-duration-chip.tone-medium{--duration-bg:#b3914f38;--duration-border:#97794240;--duration-text:#8a6e3c}:root[data-theme=light] .task-duration-chip.tone-deep{--duration-bg:#b6704e36;--duration-border:#9a5d4140;--duration-text:#925840}:root[data-theme=light] .task-duration-chip.tone-long{--duration-bg:#ad575233;--duration-border:#93484440;--duration-text:#8e4945}.task-line-action{width:32px;height:32px;color:var(--text-muted);opacity:.82;cursor:grab;touch-action:none;transition:var(--transition-smooth),transform .16s ease,box-shadow .16s ease;background:#ffffff08;border:1px solid #0000;border-radius:10px;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.task-line.dragging .task-line-action{cursor:grabbing}.task-line-action:hover{color:var(--text-main);border-color:color-mix(in srgb,var(--accent-color)24%,transparent);background:#ffffff0f}.task-line:hover .task-line-action,.task-line:focus-within .task-line-action{opacity:1}.task-line-action:active{transform:scale(.96)}.task-line-action:disabled{opacity:1}.task-line-menu{grid-column:5;justify-content:flex-end;display:flex;position:relative}.task-line-menu-popover{z-index:10;border:1px solid var(--border-subtle);min-width:164px;max-width:min(260px,100vw - 32px);box-shadow:0 16px 40px #00000059,var(--glass-shadow);background:#242321;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.task-line-menu-item{width:100%;color:var(--text-main);text-align:left;white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;font-size:.95rem;display:flex}.task-line-menu-item span{text-overflow:ellipsis;min-width:0;overflow:hidden}.task-line-menu-item:hover:not(:disabled){background:#ffffff0d}.task-line-menu-item:disabled{color:var(--text-light);cursor:default}.task-line-menu-item.danger{color:#ff9f95}.task-action-datepicker-overlay{z-index:120;-webkit-backdrop-filter:blur(6px);background:#0a0a0a5c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}@keyframes taskActionPopupFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-action-datepicker-popup{width:min(340px,100vw - 32px);animation:.2s ease-out forwards taskActionPopupFadeIn;position:relative;top:auto;left:auto;transform:none}.task-action-datepicker-popup:hover{transform:translateY(-4px)}.task-action-thread-picker-popup{width:min(340px,100vw - 32px);max-height:min(520px,100vh - 48px);animation:.2s ease-out forwards taskActionPopupFadeIn;position:relative;top:auto;left:auto;overflow:hidden;transform:none}.task-action-thread-picker-popup:hover{transform:translateY(-4px)}.task-thread-picker-list{flex-direction:column;gap:4px;max-height:min(420px,100vh - 160px);padding-top:4px;display:flex;overflow-y:auto}.task-thread-picker-option{width:100%;min-height:42px;color:var(--text-main);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-size:.96rem;font-weight:700;display:flex}.task-thread-picker-option svg{color:var(--accent-color);flex:none}.task-thread-picker-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-thread-picker-option:hover,.task-thread-picker-option:focus-visible{background:#ffffff0d;outline:none}.task-thread-picker-empty{min-height:80px;color:var(--text-light);place-items:center;font-size:.92rem;display:grid}.task-line-menu-meta{color:var(--text-muted);border-top:1px solid #ffffff0f;margin-top:4px;padding:6px 10px 4px;font-size:.78rem;line-height:1.35}.task-add-row{min-height:54px;color:var(--text-muted);border-top:1px solid #ffffff0f;align-items:center;gap:12px;padding:0 20px;display:flex}.task-add-row:hover{color:var(--text-main)}.task-add-row:disabled{color:var(--text-light);cursor:default}.task-line-action:disabled,.task-duration-chip:disabled{opacity:.48;cursor:default}.task-text-input[readonly]{cursor:default}.backlog-list-card{padding-top:8px}.backlog-date-group+.backlog-date-group{margin-top:4px}.backlog-date-divider{align-items:center;gap:10px;padding:16px 20px 4px;display:flex;position:relative}.backlog-date-divider:before{content:"";background:color-mix(in srgb,var(--border-subtle)86%,transparent);height:1px;position:absolute;top:calc(50% + 6px);left:0;right:0}.backlog-date-links{z-index:1;background:var(--card-bg);flex-wrap:wrap;gap:6px;min-width:0;padding-left:8px;padding-right:8px;display:flex;position:relative}.backlog-date-link{color:var(--text-muted);text-align:left;font-size:.84rem;font-weight:700;line-height:1.2}.backlog-date-link:not(:last-child):after{content:","}.backlog-date-link:hover{color:var(--accent-color)}.backlog-date-divider-line{display:none}.backlog-task-line{grid-template-columns:auto minmax(0,1fr) auto auto auto}.backlog-task-text{min-width:0;color:var(--text-main);overflow-wrap:anywhere;padding:12px 0;font-size:1.02rem;line-height:1.45}.backlog-task-text.completed{color:var(--text-muted);text-decoration:line-through}.backlog-duration-chip{justify-content:center;align-items:center;display:inline-flex}.backlog-task-action{cursor:pointer}.task-completed-section{border-top:1px solid var(--border-subtle);margin-top:8px;padding-top:10px}.task-section-label{color:var(--text-muted);padding:0 20px 8px;font-size:.92rem;font-weight:500}.task-empty-state{padding:36px 20px}.thread-index-card{padding:8px 0 12px;position:relative;overflow:visible}.thread-create-row{justify-content:flex-end;margin:-8px 12px 14px 0;display:flex}.thread-create-button{border:1px solid color-mix(in srgb,var(--accent-color)32%,var(--border-subtle));min-height:40px;color:var(--text-main);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft)88%,transparent),#ffffff08);transition:var(--transition-smooth);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.94rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 12px 24px -18px #0009}.thread-create-button:hover,.thread-create-button:focus-visible{color:var(--text-main);border-color:color-mix(in srgb,var(--accent-color)52%,var(--border-subtle));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft)100%,transparent),#ffffff0f);outline:none;transform:translateY(-1px)}.thread-create-button:active{transform:translateY(0)}.thread-section-list{flex-direction:column;display:flex}.thread-list-row{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:0 20px;transition:background-color .18s,box-shadow .18s,transform .18s;display:grid}.thread-list-row+.thread-list-row{border-top:1px solid #ffffff0d}.thread-list-row.dragging{background:color-mix(in srgb,var(--accent-soft)36%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color)24%,transparent);cursor:grabbing;touch-action:none}.thread-list-row.dragging-placeholder{box-shadow:none;opacity:.2;background:0 0}.thread-list-row.dragging-placeholder>*{visibility:hidden}.thread-list-row.inactive .thread-list-title,.thread-list-row.archived .thread-list-title{color:color-mix(in srgb,var(--text-main)36%,var(--text-muted))}.thread-list-row.empty .thread-list-title{font-weight:400}.thread-drag-overlay{z-index:30;pointer-events:none;transform-origin:50%;transition:transform 80ms ease-out;position:absolute}.thread-drag-overlay .thread-list-row{border-radius:var(--border-radius-md);background:var(--card-bg);touch-action:none;box-shadow:0 18px 34px -22px #00000080,0 0 0 1px color-mix(in srgb,var(--accent-color)24%,transparent),0 0 20px -12px color-mix(in srgb,var(--accent-color)42%,transparent)}.thread-list-link{-webkit-user-drag:none;-webkit-touch-callout:none;flex-direction:column;gap:3px;min-width:0;padding:14px 0;display:flex}.thread-list-title{color:var(--text-main);overflow-wrap:anywhere;font-size:1.02rem;font-weight:600}.thread-draft-row{grid-template-columns:minmax(0,1fr)}.thread-draft-input{width:100%;min-width:0;color:var(--text-main);background:0 0;border:none;font-size:1.02rem;font-weight:600;line-height:1.4}.thread-draft-input::placeholder{color:var(--text-light)}.thread-list-meta{color:var(--text-muted);overflow-wrap:anywhere;font-size:.82rem;line-height:1.35}.thread-list-action{flex-shrink:0}.thread-list-action.active{color:var(--accent-color);border-color:color-mix(in srgb,var(--accent-color)34%,var(--border-subtle));background:color-mix(in srgb,var(--accent-soft)72%,transparent)}.thread-list-actions{align-items:center;gap:8px;display:flex}.thread-lane-divider,.thread-archive-divider{width:calc(100% - 40px);color:var(--text-muted);text-transform:uppercase;background:0 0;border:0;justify-content:center;margin:8px 20px 4px;padding:0;font-size:.82rem;font-weight:700;display:flex;position:relative}.thread-archive-divider{cursor:pointer}.thread-lane-divider:before,.thread-archive-divider:before{content:"";background:var(--border-subtle);height:1px;position:absolute;top:50%;left:0;right:0}.thread-lane-divider span,.thread-archive-divider span{z-index:1;background:var(--card-bg);align-items:center;gap:5px;padding:0 12px;display:inline-flex;position:relative}.thread-archive-divider:hover,.thread-archive-divider:focus-visible{color:var(--text-main);outline:none}.thread-empty-state{padding:40px 20px}.note-card{flex-direction:column;gap:10px;display:flex;position:relative}.note-card+.note-card{border-top:1px solid var(--border-subtle);padding-top:2px}.note-textarea{resize:none;min-height:3.4em;padding:0 28px 0 0;font-size:1rem;line-height:1.7;overflow:hidden}.note-textarea::placeholder{color:var(--text-light)}.note-delete-button{width:24px;height:24px;color:var(--text-muted);opacity:0;pointer-events:none;transition:var(--transition-smooth);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;right:0}.note-card:hover .note-delete-button,.note-card:focus-within .note-delete-button{opacity:1;pointer-events:auto}.note-delete-button:hover{color:var(--text-main);background:#ffffff0d}.section-grid{gap:18px;display:grid}.settings-card{max-width:540px;margin:0 auto;padding:18px 20px}.settings-select-shell{width:auto;position:relative}.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-row-stack{align-items:flex-start}.settings-row-text{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-row-label{min-width:0;font-family:var(--font-heading);color:var(--text-main);align-items:center;gap:10px;font-size:1rem;font-weight:600;display:inline-flex}.settings-row-description{color:var(--text-muted);font-size:.88rem;line-height:1.4}.settings-divider{background:color-mix(in srgb,var(--border-subtle)85%,transparent);height:1px;margin:16px 0}.settings-select{border:1px solid color-mix(in srgb,var(--border-subtle)65%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg)92%,white 8%),var(--card-bg));min-width:116px;color:var(--text-main);text-align:center;border-radius:999px;padding:11px 18px;font-size:.95rem;font-weight:600;line-height:1.2;box-shadow:inset 0 1px #ffffff14,0 8px 22px -16px #00000073}.settings-select:focus,.settings-select.open{border-color:color-mix(in srgb,var(--accent-color)60%,transparent);box-shadow:inset 0 1px 0 #ffffff1f,0 0 0 4px color-mix(in srgb,var(--accent-color)14%,transparent),0 12px 28px -18px #00000080;outline:none}.settings-select:hover{border-color:color-mix(in srgb,var(--accent-color)30%,var(--border-subtle))}.settings-menu{z-index:20;border:1px solid color-mix(in srgb,var(--border-subtle)75%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--nav-bg)94%,white 6%),var(--nav-bg));-webkit-backdrop-filter:var(--glass-blur);border-radius:18px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 40px -24px #0000008c,inset 0 1px #ffffff14}.settings-menu-item{width:100%;color:var(--text-muted);text-align:center;transition:var(--transition-smooth);border-radius:12px;padding:10px 12px;font-size:.94rem;font-weight:600}.settings-menu-item:hover,.settings-menu-item:focus-visible{color:var(--text-main);background:color-mix(in srgb,var(--accent-soft)72%,transparent);outline:none}.settings-menu-item.selected{color:var(--text-main);background:color-mix(in srgb,var(--accent-soft)88%,transparent)}.settings-switch{border:1px solid color-mix(in srgb,var(--border-subtle)65%,transparent);transition:var(--transition-smooth);background:#ffffff0a;border-radius:999px;flex-shrink:0;align-items:center;padding:3px;display:inline-flex}.settings-switch:hover,.settings-switch:focus-visible{border-color:color-mix(in srgb,var(--accent-color)40%,var(--border-subtle));outline:none}.settings-switch-track{width:48px;height:28px;transition:var(--transition-smooth);background:#ffffff1a;border-radius:999px;align-items:center;padding:3px;display:inline-flex}.settings-switch-thumb{background:#fff;border-radius:999px;width:22px;height:22px;transition:transform .22s;box-shadow:0 8px 16px -12px #00000080}.settings-switch.on .settings-switch-track{background:color-mix(in srgb,var(--accent-color)82%,white 18%)}.settings-switch.on .settings-switch-thumb{transform:translate(20px)}.settings-import-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.settings-sync-copy{gap:3px}.settings-sync-actions,.settings-status-inline{align-items:center;gap:12px;display:flex}.settings-sync-actions{justify-content:flex-end}.settings-sync-button{justify-content:center;min-width:100px}.settings-row-sync{align-items:center}.settings-sync-inline-status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-icon-action{width:46px;height:46px;color:var(--accent-color);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft)85%,transparent),#ffffff05);border:1px solid color-mix(in srgb,var(--accent-color)26%,var(--border-subtle));transition:var(--transition-smooth);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 10px 24px -18px #0000008c}.settings-icon-action:hover,.settings-icon-action:focus-visible{color:var(--text-main);border-color:color-mix(in srgb,var(--accent-color)46%,var(--border-subtle));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft)100%,transparent),#ffffff0d);box-shadow:inset 0 1px 0 #ffffff1f,0 0 0 4px color-mix(in srgb,var(--accent-color)12%,transparent),0 16px 30px -22px #000000b3;outline:none}.settings-icon-action:active{transform:scale(.96)}.settings-icon-action:disabled{cursor:not-allowed;opacity:.46;transform:none}.settings-file-input{display:none}.settings-status{border:1px solid var(--border-subtle);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;font-size:.9rem;line-height:1.45;display:flex}.settings-status.success{color:var(--text-main);background:color-mix(in srgb,var(--accent-soft)70%,transparent)}.settings-status.error{color:#ffc4bc;background:#a335282e;border-color:#ff847638}.settings-status-link{color:inherit;opacity:.8;font-size:.84rem;font-weight:600}.settings-status-link:hover{opacity:1}.settings-modal-overlay{z-index:140;background:#080808a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.settings-modal{flex-direction:column;gap:18px;width:min(760px,100%);max-height:min(80vh,860px);padding:22px;display:flex;overflow:hidden}.app-sync-modal{width:min(560px,100%);max-height:none}.settings-history-modal{max-height:min(76dvh,760px)}.settings-modal-header,.settings-modal-title-group,.settings-modal-actions,.settings-conflict-topline,.settings-conflict-actions{align-items:center;display:flex}.settings-modal-title-group{align-items:flex-start;gap:12px}.settings-modal-header-spread{justify-content:space-between;gap:16px}.settings-modal-close-button{width:38px;height:38px;color:var(--text-muted);border:1px solid color-mix(in srgb,var(--border-subtle)70%,transparent);transition:var(--transition-smooth);background:#ffffff08;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-modal-close-button:hover,.settings-modal-close-button:focus-visible{color:var(--text-main);border-color:color-mix(in srgb,var(--accent-color)38%,var(--border-subtle));background:color-mix(in srgb,var(--accent-soft)65%,transparent);outline:none}.settings-modal-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700}.settings-conflict-list{flex-direction:column;gap:12px;padding-right:4px;display:flex;overflow:auto}.settings-conflict-card{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.settings-conflict-topline{justify-content:space-between;gap:12px}.settings-conflict-choice,.settings-conflict-column-label,.settings-conflict-meta{color:var(--text-muted);font-size:.84rem}.settings-conflict-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-conflict-column{background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;min-width:0;padding:12px}.settings-conflict-title{overflow-wrap:anywhere;margin-bottom:4px;font-weight:600}.settings-conflict-body{color:var(--text-main);white-space:pre-wrap;overflow-wrap:anywhere}.settings-conflict-actions{flex-wrap:wrap;gap:10px}.settings-history-list{flex-direction:column;gap:10px;padding-right:4px;display:flex;overflow:auto}.settings-history-row{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:14px;flex-direction:column;gap:14px;padding:14px;display:flex}.settings-history-row.expanded{border-color:color-mix(in srgb,var(--accent-color)28%,var(--border-subtle));background:#ffffff0b}.settings-history-row-top{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.settings-history-expand-button{min-width:0;color:inherit;text-align:left;flex:1;justify-content:space-between;align-items:center;gap:10px;display:flex}.settings-history-expand-button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-color)58%,transparent);outline-offset:4px;border-radius:10px}.settings-history-main{flex-direction:column;gap:5px;min-width:0;display:flex}.settings-history-title{color:var(--text-main);flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;display:flex}.settings-history-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .18s}.settings-history-chevron.expanded{transform:rotate(180deg)}.settings-history-meta,.settings-history-empty{color:var(--text-muted);font-size:.86rem;line-height:1.4}.settings-history-empty{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:14px;padding:16px}.settings-history-diff{gap:12px;width:100%;padding-top:2px;display:grid}.settings-history-diff-section{gap:8px;display:grid}.settings-history-diff-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:700}.settings-history-diff-list{gap:8px;display:grid}.settings-history-diff-entry{background:#0000001f;border:1px solid #ffffff0f;border-radius:12px;gap:6px;padding:10px 12px;display:grid}.settings-history-diff-entry.added{border-color:color-mix(in srgb,#82d58b 26%,var(--border-subtle))}.settings-history-diff-entry.removed{border-color:color-mix(in srgb,#ff8c7a 34%,var(--border-subtle))}.settings-history-diff-entry.changed{border-color:color-mix(in srgb,#d7a965 32%,var(--border-subtle))}.settings-history-diff-entry-title{color:var(--text-main);align-items:baseline;gap:8px;font-weight:650;display:flex}.settings-history-diff-kind{width:1.1em;color:var(--accent-color);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.settings-history-diff-details{color:var(--text-muted);gap:4px;padding-left:24px;font-size:.82rem;line-height:1.45;display:grid}.settings-history-diff-details li{overflow-wrap:anywhere}.settings-history-diff-empty{color:var(--text-muted);background:#0000001f;border-radius:12px;padding:10px 12px;font-size:.84rem}.settings-modal-actions{justify-content:flex-end;gap:10px}@media (max-width:520px){.settings-row{align-items:flex-start;gap:12px}.settings-row-label{font-size:.95rem}.settings-select-shell{width:auto}.settings-row-stack{padding-right:66px;display:block;position:relative}.settings-import-actions{justify-content:flex-end;width:100%}.settings-sync-actions{flex-wrap:wrap;justify-content:flex-start}.settings-row-stack>.settings-icon-action,.settings-row-stack>.settings-import-actions,.settings-row-stack>.settings-sync-actions{position:absolute;top:0;right:0}.settings-icon-action{width:46px}.settings-row-stack>.settings-import-actions{width:auto}.settings-row-stack>.settings-sync-actions{margin-top:12px;position:static}.settings-conflict-columns{grid-template-columns:1fr}.settings-history-row{align-items:flex-start}.settings-history-row-top{gap:10px}.settings-history-expand-button{gap:8px}.settings-modal{width:100%;padding:18px}.settings-history-modal{max-height:min(76dvh,760px)}.settings-modal-actions{flex-direction:column-reverse;align-items:stretch}}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.summary-card{padding:18px 18px 16px}.summary-number{font-family:var(--font-heading);margin-bottom:6px;font-size:1.7rem;line-height:1.1;display:block}.loading-screen{min-height:60vh;color:var(--text-muted);place-items:center;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:700px){.container{padding:24px 16px 112px}.page-title{font-size:1.9rem}.summary-grid{grid-template-columns:1fr}}@media (max-width:520px){.thread-picker-static{width:clamp(116px,42vw,168px)}.thread-list-row{min-height:76px;padding:0 16px}.thread-create-row{margin-right:0}.datepicker-trigger{width:min(200px,52vw)}.todo-row{grid-template-columns:auto 1fr}.row-actions{flex-wrap:wrap;grid-column:2;justify-content:flex-start}.task-line:focus-within .task-line-action{opacity:1}}@media (max-width:480px){@keyframes popupFadeInMobile{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.datepicker-popup{width:340px;max-width:90vw;animation:.2s ease-out forwards popupFadeInMobile}.datepicker-popup:hover{transform:translate(-50%)}.task-action-datepicker-popup{width:min(340px,100vw - 24px);animation:.2s ease-out forwards taskActionPopupFadeIn;top:auto;left:auto;transform:none}.task-action-datepicker-popup:hover{transform:none}.task-action-thread-picker-popup{width:min(340px,100vw - 24px);animation:.2s ease-out forwards taskActionPopupFadeIn;top:auto;left:auto;transform:none}.task-action-thread-picker-popup:hover{transform:none}}