:root{color:#1f2937;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffff8c,#fff0),#f7f4ee}:root[data-theme=dark]{color:#e8edf3;background:#161b22;color-scheme:dark}:root[data-theme=dark] body{background:#161b22}:root[data-theme=dark] .sidebar{border-color:#303944;background:#1d242d}:root[data-theme=dark] .brand-mark,:root[data-theme=dark] .mobile-nav button.active{background:#f0b94a;color:#20252d}:root[data-theme=dark] .brand span,:root[data-theme=dark] .side-section h2,:root[data-theme=dark] .task-group h2,:root[data-theme=dark] .metric,:root[data-theme=dark] .weekday,:root[data-theme=dark] .day-column header span,:root[data-theme=dark] .task-main span,:root[data-theme=dark] .empty,:root[data-theme=dark] .more{color:#aab5c0}:root[data-theme=dark] .list-nav button,:root[data-theme=dark] .list-entry button,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .ghost-button,:root[data-theme=dark] .today-button,:root[data-theme=dark] .view-tabs button,:root[data-theme=dark] .mobile-nav button,:root[data-theme=dark] .task-pill button,:root[data-theme=dark] .day-number{color:#e8edf3}:root[data-theme=dark] .list-nav button.active,:root[data-theme=dark] .list-entry.active,:root[data-theme=dark] .ghost-button,:root[data-theme=dark] .today-button,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .view-tabs,:root[data-theme=dark] .task-pill,:root[data-theme=dark] .mobile-nav{background:#2b3541}:root[data-theme=dark] .search,:root[data-theme=dark] .day-column,:root[data-theme=dark] .task-group,:root[data-theme=dark] .selected-list-panel,:root[data-theme=dark] .task-modal,:root[data-theme=dark] .list-nav button{border-color:#3a4654;background:#222b35}:root[data-theme=dark] .search input,:root[data-theme=dark] .task-modal input,:root[data-theme=dark] .task-modal textarea,:root[data-theme=dark] .task-modal select{color:#e8edf3;border-color:#3a4654;background:#171e26}:root[data-theme=dark] select option{color:#e8edf3;background:#171e26}:root[data-theme=dark] .task-modal label{color:#cdd6df}:root[data-theme=dark] .calendar-grid{border-color:#34404c;background:#34404c}:root[data-theme=dark] .weekday,:root[data-theme=dark] .day-cell,:root[data-theme=dark] .day-cell.muted{background:#222b35}:root[data-theme=dark] .day-cell.muted{background:#1b222b}:root[data-theme=dark] .view-tabs button.active{color:#f4f7fa;background:#3d5363}:root[data-theme=dark] .metric,:root[data-theme=dark] .task-row,:root[data-theme=dark] .selected-list-panel>header{border-color:#35414d}:root[data-theme=dark] .event-pill{border-color:#63b3c8;color:#d8f1f6;background:#1d4b59}:root[data-theme=dark] .event-pill span{color:#a8dce8}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;border-right:1px solid #ded8cd;background:#ffffff8c;padding:22px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;color:#fff;background:#1f2937}.brand strong,.brand span{display:block}.brand span{color:#726b60;font-size:13px}.auth-button,.primary-button,.ghost-button,.today-button,.quick-add,.sync-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:8px;padding:0 14px;font-weight:700}.auth-button{width:100%;order:5;margin-top:auto;color:#fff;background:#2f7f6f}.primary-button{color:#fff;background:#d94f3d}.primary-button:disabled,.sync-button:disabled{cursor:not-allowed;opacity:.5}.sync-button{color:#1f2937;background:#f2c14e}.ghost-button,.today-button{color:#1f2937;background:#ebe5d9}.list-nav{display:grid;gap:6px;margin-top:24px}.list-nav button{display:flex;align-items:center;gap:10px;min-height:38px;border:0;border-radius:8px;padding:0 10px;color:#3b352f;background:transparent;text-align:left}.list-nav button.active{background:#ebe5d9;font-weight:800}.list-entry{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;border-radius:8px}.list-entry.active{background:#ebe5d9}.list-entry button:first-child{width:100%}.list-count{margin-left:auto;color:#8b8174;font-size:12px;font-variant-numeric:tabular-nums}.list-entry .list-edit{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:6px;color:#726b60;background:transparent;opacity:0}.list-entry:hover .list-edit,.list-entry:focus-within .list-edit{opacity:1}.new-list-button{display:inline-flex;align-items:center;gap:8px;width:100%;min-height:38px;margin-top:10px;border:1px dashed #bcb4a6;border-radius:8px;padding:0 10px;color:#504941;background:transparent;font-weight:700}:root[data-theme=dark] .new-list-button{border-color:#526171;color:#cdd6df}.dot{width:10px;height:10px;flex:0 0 auto;border-radius:999px}.dot.all{background:#1f2937}.side-section{margin-top:28px}.side-section h2,.task-group h2{margin:0 0 10px;font-size:13px;color:#726b60;text-transform:uppercase}.calendar-source{display:flex;align-items:center;gap:8px;min-height:30px;color:#504941;font-size:14px}.calendar-source input{width:15px;height:15px;accent-color:#2f7f6f}:root[data-theme=dark] .calendar-source{color:#cdd6df}.metric{display:flex;align-items:center;justify-content:space-between;min-height:38px;border-top:1px solid #e3ded4;color:#504941}.metric.danger strong{color:#d94f3d}.filter-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;border:0;border-top:1px solid #e3ded4;padding:0 8px;color:#504941;background:transparent;text-align:left}.filter-button.active{border-radius:8px;border-color:transparent;background:#ebe5d9;font-weight:800}.filter-button.danger strong{color:#d94f3d}.workspace{min-width:0;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.date-controls,.actions{display:flex;align-items:center;gap:10px;min-width:0}.date-controls{flex:1 1 auto}.actions{flex:0 0 auto}.create-menu-wrap{position:relative}.create-menu{position:absolute;top:calc(100% + 6px);right:0;display:grid;width:156px;z-index:4;overflow:hidden;border:1px solid #ded8cd;border-radius:8px;padding:4px;background:#fffaf2;box-shadow:0 10px 24px #1f293729}.create-menu button{display:flex;align-items:center;gap:8px;min-height:36px;border:0;border-radius:6px;padding:0 9px;color:#3b352f;background:transparent;text-align:left}.create-menu button:hover{background:#ebe5d9}.active-tool{box-shadow:inset 0 0 0 2px #2f7f6f}.date-controls h1{margin:0 0 0 6px;overflow:hidden;font-size:26px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:0;border-radius:8px;color:#1f2937;background:#ebe5d9}.icon-button.danger{color:#b13d30}.sync-button{flex:0 0 auto;color:#7c5b12;background:#f2c14e}.sync-status{display:inline-flex;align-items:center;min-height:38px;border:1px solid #ded8cd;border-radius:8px;padding:0 10px;color:#726b60;background:#fffaf2;font-size:12px;font-weight:700;white-space:nowrap}.search{display:flex;align-items:center;gap:8px;min-height:40px;border:1px solid #ded8cd;border-radius:8px;padding:0 10px;background:#fffaf2}.search input{width:170px;border:0;outline:0;background:transparent}.actions{position:relative}.search-results{position:absolute;z-index:20;top:calc(100% + 8px);right:0;display:grid;width:min(380px,calc(100vw - 32px));overflow:hidden;border:1px solid #ded8cd;border-radius:8px;background:#fffdf9;box-shadow:0 14px 30px #1f293729}.search-results button{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;border:0;border-bottom:1px solid #eee8de;padding:0 12px;color:#3b352f;background:transparent;text-align:left}.search-results button:hover{background:#f3eee4}.search-results span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results small{color:#8b8174}.search-results p{margin:0;padding:14px;color:#726b60}:root[data-theme=dark] .search-results{border-color:#3a4654;background:#222b35;box-shadow:0 14px 30px #00000059}:root[data-theme=dark] .search-results button{border-color:#35414d;color:#e8edf3}:root[data-theme=dark] .search-results button:hover{background:#2b3541}:root[data-theme=dark] .search-results small,:root[data-theme=dark] .search-results p{color:#aab5c0}.view-tabs{display:inline-flex;gap:4px;margin-bottom:16px;border-radius:8px;padding:4px;background:#ebe5d9}.view-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:0;border-radius:6px;padding:0 12px;color:#504941;background:transparent}.view-tabs button.active{color:#1f2937;background:#fffaf2;box-shadow:0 1px 4px #1f29371a}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden;border:1px solid #ded8cd;border-radius:8px;background:#ded8cd;gap:1px}.day-cell.selected,.day-column.selected{box-shadow:inset 0 0 0 2px #2f7f6f}.day-cell-header{display:flex;align-items:center;justify-content:space-between;min-height:30px}.day-create{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:6px;color:#2f7f6f;background:transparent;opacity:0}.day-cell:hover .day-create,.day-cell.selected .day-create{opacity:1}.planner-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(620px,1fr);align-items:start;gap:16px}.calendar-area{min-width:0;grid-column:2}.selected-list-panel{grid-column:1;grid-row:1;position:sticky;top:16px;display:flex;max-height:calc(100vh - 44px);flex-direction:column;overflow:hidden;border:1px solid #ded8cd;border-radius:8px;background:#fffaf2}.selected-list-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7e0d5;padding:14px}.panel-header-actions{display:flex;gap:6px}.selected-list-panel header span,.selected-list-panel h3{color:#726b60;font-size:12px;font-weight:800;text-transform:uppercase}.selected-list-panel h2,.selected-list-panel h3{margin:0}.selected-list-panel h2{margin-top:3px;font-size:18px}.selected-list-scroll{display:grid;gap:18px;overflow-y:auto;padding:14px}.selected-list-scroll section{min-width:0}.quick-task-form{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #ded8cd;border-radius:8px;padding:0 10px;color:#2f7f6f;background:#f4f8f5}.quick-task-form input{width:100%;border:0;outline:0;color:#1f2937;background:transparent}.sort-control{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#726b60;font-size:12px;font-weight:800}.sort-control select{border:0;color:#504941;background:transparent;font-weight:700}.completed-toggle{width:100%;border:0;padding:4px 0;color:#726b60;background:transparent;font-size:12px;font-weight:800;text-align:left;text-transform:uppercase}.selected-list-scroll h3{margin-bottom:6px}.weekday{min-height:34px;padding:9px 10px;color:#726b60;background:#f1ebdf;font-size:13px;font-weight:800}.day-cell{min-height:132px;padding:8px;background:#fffaf2f0}.day-cell.muted{background:#f1ebdfa6}.day-cell.today{box-shadow:inset 0 0 0 2px #d94f3d}.day-number{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;color:#1f2937;background:transparent;font-weight:800}.task-stack,.large-task-stack{display:grid;gap:6px}.task-pill{display:flex;align-items:center;gap:6px;min-width:0;min-height:26px;border-radius:6px;padding:3px 6px;background:#f1ebdf}.task-pill.selected{background:#dfece8}.task-inline-actions,.task-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.task-inline-actions button{display:grid;width:22px;height:22px;place-items:center;border:0;border-radius:5px;color:#355d53;background:transparent}.event-pill{display:flex;align-items:center;gap:5px;width:100%;min-width:0;padding:4px 6px;border-top:0;border-right:0;border-bottom:0;border-left:3px solid #3b82a0;background:#dceff3;color:#174d63;font-size:12px;line-height:1.2;text-align:left;cursor:pointer}.event-pill>button{display:flex;min-width:0;flex:1;align-items:center;gap:5px;border:0;padding:0;color:inherit;background:transparent;font:inherit;text-align:left}.event-pill span{flex:0 0 auto;color:#28677d;font-variant-numeric:tabular-nums}.event-pill strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-resize-handle{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border-radius:4px;color:inherit;cursor:ns-resize;opacity:0}.event-pill:hover .event-resize-handle{opacity:.75}.toggle-field{display:flex;align-items:center;gap:8px;font-weight:600}.toggle-field input{width:auto}.task-modal .toggle-field{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:28px}.task-modal .toggle-field input{width:16px;height:16px;margin:0;accent-color:#2f7f6f}.task-pill span{width:6px;height:18px;flex:0 0 auto;border-radius:999px}.task-pill button{min-width:0;border:0;padding:0;overflow:hidden;color:#1f2937;background:transparent;font-size:12px;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap}.task-pill.done,.task-row.done{opacity:.55}.task-pill.done button,.task-row.done strong{text-decoration:line-through}.more{color:#726b60;font-size:12px;font-weight:800}.range-view,.todo-view{display:grid;gap:12px}.range-view{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.day-column,.task-group{border:1px solid #ded8cd;border-radius:8px;padding:12px;background:#fffaf2}.day-column header{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.day-column header span,.day-column header strong{display:block}.range-day-title{display:grid;gap:2px;border:0;padding:0;color:#1f2937;background:transparent;text-align:left}.schedule-grid{display:grid;border-top:1px solid #e7e0d5}.schedule-row{display:grid;grid-template-columns:42px minmax(0,1fr);min-height:34px;border-bottom:1px solid #eee8de}.schedule-row time{padding-top:5px;color:#8b8174;font-size:11px;font-variant-numeric:tabular-nums}.schedule-row>div{min-width:0;border-left:1px solid #eee8de;padding:3px 0 3px 6px}.schedule-row .event-pill{margin-bottom:2px}.day-task-section h3{margin:6px 0 0;color:#726b60;font-size:12px;text-transform:uppercase}.day-column header span{color:#726b60;font-size:13px}.day-column header strong{font-size:18px}.quick-add{width:fit-content;color:#fff;background:#2f7f6f}.task-row{display:flex;align-items:center;gap:10px;min-height:54px;border-top:1px solid #e7e0d5;padding:8px 0}.task-row.selected{margin:0 -6px;border-radius:8px;padding:8px 6px;background:#edf3ef}.task-row:first-of-type{border-top:0}.check-button{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:0;border-radius:8px;color:#2f7f6f;background:#e8f0ec}.task-main{min-width:0;flex:1}.task-main strong,.task-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-main span{color:#726b60;font-size:13px}.priority{border-radius:999px;padding:4px 8px;color:#8f2e24;background:#f6d7d0;font-size:12px;font-weight:800}.empty{margin:0;color:#726b60}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#1f29375c;z-index:10}.notice{position:fixed;z-index:30;right:22px;bottom:22px;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 32px));border:1px solid #cfe1d7;border-radius:8px;padding:10px 12px;color:#1f493c;background:#e8f0ec;box-shadow:0 12px 28px #1f29372e;font-size:14px;font-weight:700}.notice button{border:0;border-radius:6px;padding:6px 8px;color:#fff;background:#2f7f6f;font:inherit}.notice.error{border-color:#efc6bf;color:#7c2a20;background:#f9e1dc}.notice.error button{background:#b13d30}:root[data-theme=dark] .notice{border-color:#37675b;color:#d2eee3;background:#1e423a;box-shadow:0 12px 28px #00000059}:root[data-theme=dark] .notice.error{border-color:#79463f;color:#ffd6cf;background:#4b2824}.task-modal{display:grid;width:min(560px,100%);max-height:calc(100vh - 36px);gap:14px;overflow-y:auto;border-radius:8px;padding:18px;background:#fffaf2;box-shadow:0 24px 80px #1f29373d}.task-modal header,.task-modal footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-modal h2{margin:0;font-size:20px}.unified-create-modal header>div{min-width:0}.create-target{display:block;margin-top:3px;font-size:12px;font-weight:700}.create-target.task{color:#2f7f6f}.create-target.event{color:#1f5e70}:root[data-theme=dark] .create-target.task{color:#80c9b8}:root[data-theme=dark] .create-target.event{color:#8ed0df}.create-backdrop{place-items:stretch end;padding:0;background:#0b10166b}.unified-create-modal{width:min(460px,100%);max-height:100vh;min-height:100vh;align-content:start;gap:16px;border-radius:0;padding:24px;box-shadow:-20px 0 48px #00000038}.unified-create-modal header{margin-bottom:2px}.unified-create-modal h2{font-size:22px}.create-target{margin-top:2px;text-transform:uppercase;letter-spacing:0}.composer-title{min-height:52px;border:0!important;border-bottom:2px solid #ded8cd!important;border-radius:0!important;padding:0 2px!important;background:transparent!important;font-size:19px;font-weight:750}.composer-title:focus{border-color:#2f7f6f!important}.composer-title::placeholder{color:#9c9488}.composer-schedule{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(82px,1fr) minmax(82px,1fr);gap:6px}.composer-schedule label,.inline-select{display:flex!important;align-items:center;gap:7px;min-width:0;min-height:40px;border:1px solid #ded8cd;border-radius:8px;padding:0 9px;color:#726b60!important;background:#fff}.composer-schedule input,.inline-select select{min-width:0;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important}.all-day-toggle,.note-toggle,.make-event,.cancel-create{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;color:#504941;background:transparent;font-weight:750}.all-day-toggle{grid-column:1 / -1;justify-self:start;min-height:30px;padding:0 8px;font-size:13px}.all-day-toggle.active{color:#1f493c;background:#e8f0ec}.note-toggle{justify-self:start;min-height:30px;padding:0;font-size:13px}.note-toggle.active{color:#1f5e70}.composer-notes{min-height:86px;resize:vertical}.quick-time-presets{display:flex;flex-wrap:wrap;gap:6px}.quick-time-presets button{min-height:30px;border:1px solid #ded8cd;border-radius:7px;padding:0 9px;color:#504941;background:#fff;font:inherit;font-size:12px;font-weight:750}.quick-time-presets button:hover{border-color:#2f7f6f;color:#1f493c}.composer-options{display:grid;gap:12px;padding-top:14px;border-top:1px solid #e7e0d5}.composer-options details{display:grid;gap:10px}.composer-options summary{cursor:pointer;color:#726b60;font-size:13px;font-weight:750}.composer-options details[open] summary{margin-bottom:10px;color:#504941}.task-options .inline-select{width:100%}.make-event{justify-self:start;min-height:32px;padding:0;color:#1f5e70;font-size:13px}.event-options .field-grid{gap:8px}.unified-create-modal footer{position:sticky;bottom:-24px;margin:4px -24px -24px;padding:14px 24px 24px;border-top:1px solid #e7e0d5;background:#fffaf2}.cancel-create{min-height:38px;padding:0 4px;color:#726b60}.edit-modal>label:first-of-type{gap:0;min-height:52px;border-bottom:2px solid #ded8cd;color:transparent;font-size:0}.edit-modal>label:first-of-type input{min-height:50px;border:0;border-radius:0;padding:0 2px;background:transparent;color:#1f2937;font-size:19px;font-weight:750}.edit-modal>label:first-of-type:focus-within{border-color:#2f7f6f}.edit-modal>label:not(:first-of-type){gap:7px;padding-top:2px}.edit-modal>.field-grid,.edit-modal>.task-resources,.edit-modal>.subtasks{padding-top:14px;border-top:1px solid #e7e0d5}.edit-modal>.task-resources{padding-bottom:0;border-bottom:0}.edit-modal .toggle-field{min-height:40px;border:1px solid #ded8cd;border-radius:8px;padding:0 10px;background:#fff}.edit-modal footer .ghost-button{min-height:38px}:root[data-theme=dark] .unified-create-modal{background:#222b35;box-shadow:-20px 0 48px #00000073}:root[data-theme=dark] .composer-title{border-color:#3a4654!important;color:#e8edf3}:root[data-theme=dark] .composer-title::placeholder{color:#8491a0}:root[data-theme=dark] .composer-schedule label,:root[data-theme=dark] .inline-select{border-color:#3a4654;color:#aab5c0!important;background:#171e26}:root[data-theme=dark] .all-day-toggle{color:#cdd6df}:root[data-theme=dark] .all-day-toggle.active{color:#d2eee3;background:#1e423a}:root[data-theme=dark] .note-toggle,:root[data-theme=dark] .make-event{color:#8ed0df}:root[data-theme=dark] .quick-time-presets button{border-color:#3a4654;color:#cdd6df;background:#171e26}:root[data-theme=dark] .composer-options,:root[data-theme=dark] .unified-create-modal footer{border-color:#35414d}:root[data-theme=dark] .composer-options summary,:root[data-theme=dark] .cancel-create{color:#aab5c0}:root[data-theme=dark] .unified-create-modal footer{background:#222b35}:root[data-theme=dark] .edit-modal>label:first-of-type{border-color:#3a4654}:root[data-theme=dark] .edit-modal>label:first-of-type input{color:#e8edf3}:root[data-theme=dark] .edit-modal>.field-grid,:root[data-theme=dark] .edit-modal>.task-resources,:root[data-theme=dark] .edit-modal>.subtasks{border-color:#35414d}:root[data-theme=dark] .edit-modal .toggle-field{border-color:#3a4654;background:#171e26}@media(max-width:640px){.create-backdrop{place-items:end stretch}.unified-create-modal{width:100%;min-height:0;max-height:calc(100vh - 20px);border-radius:8px 8px 0 0;padding:18px}.composer-schedule{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.composer-schedule label:first-child{grid-column:1 / -1}.unified-create-modal footer{bottom:-18px;margin:4px -18px -18px;padding:12px 18px 18px}}.subtasks{display:grid;gap:8px;margin-top:4px;padding-top:14px;border-top:1px solid #ded8cd}.subtasks h3{margin:0;font-size:14px}.subtask{display:flex;align-items:center;gap:8px;color:#504941;font-size:14px}.subtask span{display:grid;color:#2f7f6f}.subtask-add{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px}.subtask-add .icon-button{width:38px;height:38px}.task-favorite{display:inline;vertical-align:-2px;color:#d18a21}.task-resources{display:grid;gap:8px;padding-top:14px;border-top:1px solid #ded8cd}.task-resources h3{margin:0;font-size:14px}.resource-add{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;gap:8px}.resource-add .icon-button,.file-button{width:38px;height:38px}.file-button{display:grid;place-items:center;border-radius:8px;color:#1f2937;background:#ebe5d9;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.resource-row{display:grid;grid-template-columns:17px minmax(0,1fr) auto 30px;align-items:center;gap:7px;min-height:28px;color:#504941;font-size:13px}.resource-row a{min-width:0;overflow:hidden;color:#1f5e70;text-overflow:ellipsis;white-space:nowrap}.resource-row small{color:#8b8174}.resource-row button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:6px;color:#726b60;background:transparent}.resource-row button:hover{color:#b13d30;background:#f6e2dd}.resource-error{margin:0;color:#b13d30;font-size:12px;font-weight:700}:root[data-theme=dark] .sync-status{border-color:#3a4654;color:#aab5c0;background:#222b35}:root[data-theme=dark] .task-resources{border-color:#35414d}:root[data-theme=dark] .file-button{color:#e8edf3;background:#2b3541}:root[data-theme=dark] .resource-row{color:#cdd6df}:root[data-theme=dark] .resource-row a{color:#8ed0df}:root[data-theme=dark] .resource-row button:hover{color:#ffd6cf;background:#4b2824}.focus-view{width:min(780px,100%);margin:18px auto;border:1px solid #ded8cd;border-radius:8px;background:#fffdf9}.focus-view>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid #ded8cd}.focus-view header span{color:#2f7f6f;font-size:12px;font-weight:800}.focus-view h2{margin:5px 0 0;text-transform:capitalize;font-size:22px}.next-event{display:inline-flex;align-items:center;gap:7px;max-width:45%;border:0;border-radius:8px;padding:10px;color:#1f5e70;background:#d9eff3;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-tasks{padding:0 22px 22px}.focus-tasks .task-row{padding-left:0;padding-right:0}:root[data-theme=dark] .subtasks{border-color:#35414d}:root[data-theme=dark] .subtask{color:#cdd6df}:root[data-theme=dark] .focus-view{border-color:#3a4654;background:#222b35}:root[data-theme=dark] .focus-view>header{border-color:#35414d}:root[data-theme=dark] .next-event{color:#d8f1f6;background:#1d4b59}.task-modal label{display:grid;gap:7px;color:#504941;font-size:13px;font-weight:800}.task-modal input,.task-modal textarea,.task-modal select{width:100%;border:1px solid #ded8cd;border-radius:8px;padding:10px;color:#1f2937;background:#fff;outline-color:#2f7f6f}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobile-nav,.mobile-focus-switch,.mobile-context,.mobile-view-select{display:none}.quick-sheet-backdrop{z-index:20}.quick-sheet,.filter-sheet{display:grid;gap:14px;width:min(540px,100%);max-height:min(680px,calc(100vh - 18px));overflow-y:auto;border-radius:8px;padding:18px;background:#fffaf2;box-shadow:0 24px 80px #1f29373d}.quick-sheet>header,.filter-sheet>header{display:flex;align-items:start;justify-content:space-between;gap:12px}.quick-sheet h2,.filter-sheet h2{margin:2px 0 0;font-size:20px}.quick-sheet header span{color:#2f7f6f;font-size:12px;font-weight:800;text-transform:uppercase}.quick-sheet p{margin:0;color:#504941;line-height:1.45;white-space:pre-wrap}.quick-sheet-meta{color:#726b60;font-size:13px;font-weight:700}.quick-sheet-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-sheet-actions button{min-height:42px;justify-content:center}.sheet-handle{display:none}.filter-sheet section{display:grid;gap:8px}.filter-sheet h3{margin:0;color:#726b60;font-size:12px;text-transform:uppercase}.filter-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.filter-sheet-grid button,.filter-sheet-list>button,.sheet-command{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #ded8cd;border-radius:8px;padding:0 10px;color:#504941;background:#fff;font:inherit;font-size:13px;font-weight:750;text-align:left}.filter-sheet-grid button span{margin-left:auto;color:#8b8174;font-variant-numeric:tabular-nums}.filter-sheet-grid button.active,.filter-sheet-list>button.active{border-color:#2f7f6f;color:#1f493c;background:#e8f0ec}.filter-sheet-grid button.danger{color:#8f2e24}.filter-sheet-list{display:grid;gap:6px}.filter-sheet-list .calendar-source{min-height:38px;border:1px solid #ded8cd;border-radius:8px;padding:0 10px;background:#fff}.sheet-command{justify-self:start;color:#1f5e70}:root[data-theme=dark] .quick-sheet,:root[data-theme=dark] .filter-sheet{background:#222b35;box-shadow:0 24px 80px #00000073}:root[data-theme=dark] .quick-sheet p,:root[data-theme=dark] .filter-sheet-grid button,:root[data-theme=dark] .filter-sheet-list>button,:root[data-theme=dark] .sheet-command{color:#cdd6df}:root[data-theme=dark] .filter-sheet-grid button,:root[data-theme=dark] .filter-sheet-list>button,:root[data-theme=dark] .filter-sheet-list .calendar-source,:root[data-theme=dark] .sheet-command{border-color:#3a4654;background:#171e26}:root[data-theme=dark] .filter-sheet-grid button.active,:root[data-theme=dark] .filter-sheet-list>button.active{color:#d2eee3;background:#1e423a}@media(max-width:900px){.app-shell{display:block;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.sidebar{position:relative;border-right:0;border-bottom:1px solid #ded8cd;padding:16px}.auth-button,.list-nav,.new-list-button,.side-section{display:none}.mobile-context{display:flex;align-items:center;gap:8px;width:100%}.mobile-context-select{display:flex;min-width:0;flex:1;align-items:center;gap:8px;min-height:42px;border:1px solid #ded8cd;border-radius:8px;padding:0 10px;color:#2f7f6f;background:#fffaf2}.mobile-context-select select{width:100%;min-width:0;border:0;color:#1f2937;background:transparent;font-weight:800}.mobile-auth-button,.mobile-popover-command{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:0;border-radius:8px;padding:0 10px;color:#fff;background:#2f7f6f;font-size:13px;font-weight:800}.mobile-auth-button{flex:0 0 auto}.mobile-context-more{position:static;flex:0 0 auto}.mobile-context-more summary{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;color:#1f2937;background:#ebe5d9;cursor:pointer;list-style:none}.mobile-context-more summary::-webkit-details-marker{display:none}.mobile-filter-trigger{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:0;border-radius:8px;color:#1f2937;background:#ebe5d9}.mobile-context-popover{position:absolute;z-index:8;top:calc(100% - 10px);right:16px;left:16px;display:grid;gap:14px;border:1px solid #ded8cd;border-radius:8px;padding:12px;background:#fffaf2;box-shadow:0 14px 30px #1f29372e}.mobile-popover-command{justify-self:start}.mobile-filter-grid{display:flex;flex-wrap:wrap;gap:6px}.mobile-filter-grid .filter-button{flex:1 1 calc(50% - 3px)}.mobile-calendar-list{display:grid;gap:4px;padding-top:10px;border-top:1px solid #e7e0d5}.mobile-calendar-list .calendar-source{min-height:32px}.view-tabs::-webkit-scrollbar{display:none}:root[data-theme=dark] .mobile-context-select,:root[data-theme=dark] .mobile-context-popover{border-color:#3a4654;background:#222b35}:root[data-theme=dark] .mobile-context-select select{color:#e8edf3}:root[data-theme=dark] .mobile-context-more summary{color:#e8edf3;background:#2b3541}:root[data-theme=dark] .mobile-filter-trigger{color:#e8edf3;background:#2b3541}:root[data-theme=dark] .sheet-handle{background:#536273}:root[data-theme=dark] .range-view .day-column>header{border-color:#35414d;background:#222b35}:root[data-theme=dark] .mobile-calendar-list{border-color:#35414d}.workspace{padding:12px}.topbar{align-items:stretch;flex-direction:column}.actions{display:flex;justify-content:flex-end}.actions .search{min-width:0;flex:1}.actions .primary-button,.notification-button,.sync-status{display:none}.search input{width:100%}.date-controls h1{font-size:22px}.view-tabs{width:100%;overflow-x:auto;margin-bottom:12px;padding:4px;scrollbar-width:none}.view-tabs button{flex:0 0 auto;min-height:38px}.calendar-grid{min-width:620px}.planner-layout{grid-template-columns:1fr}.mobile-focus-switch{display:none}.mobile-focus-switch button{min-height:36px;border:0;border-radius:6px;color:#504941;background:transparent;font-weight:800}.mobile-focus-switch button.active{color:#1f2937;background:#fffaf2}.planner-layout.mobile-focus-tasks .calendar-area,.planner-layout.mobile-focus-calendar .selected-list-panel{display:none}.calendar-area{grid-column:auto;overflow-x:auto}.selected-list-panel{grid-column:auto;grid-row:auto;position:static;max-height:none}.workspace{overflow-x:auto}.mobile-nav{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;border:1px solid #ded8cd;border-radius:8px;padding:6px;background:#fffaf2f5;box-shadow:0 10px 30px #1f29372e;z-index:5}.mobile-nav button{display:flex;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:6px;color:#1f2937;background:transparent}.mobile-nav button span{font-size:10px;font-weight:750;line-height:1}.mobile-nav button.active{color:#fff;background:#1f2937}.mobile-nav .mobile-add{color:#fff;background:#2f7f6f;box-shadow:0 3px 10px #2f7f6f47}.mobile-nav .mobile-add span{font-weight:850}.quick-sheet-backdrop{place-items:end stretch;padding:0}.quick-sheet,.filter-sheet{width:100%;max-height:calc(100vh - 14px);border-radius:8px 8px 0 0;padding:16px}.sheet-handle{display:block;width:34px;height:4px;justify-self:center;border-radius:999px;background:#c9c1b5}.quick-sheet-actions{grid-template-columns:1fr}.range-view .day-column>header{position:sticky;top:0;z-index:2;margin:-12px -12px 12px;padding:12px;border-bottom:1px solid #e7e0d5;background:#fffaf2}.day-create{opacity:1}.focus-view{margin:0}}:root[data-theme=dark] .filter-button,:root[data-theme=dark] .sync-status,:root[data-theme=dark] .selected-list-panel header span,:root[data-theme=dark] .selected-list-panel h3{color:#aab5c0}:root[data-theme=dark] .quick-task-form,:root[data-theme=dark] .create-menu{border-color:#3a4654;background:#222b35}:root[data-theme=dark] .quick-task-form input,:root[data-theme=dark] .sort-control select,:root[data-theme=dark] .create-menu button{color:#e8edf3}:root[data-theme=dark] .create-menu button:hover,:root[data-theme=dark] .active-tool{background:#2b3541}:root[data-theme=dark] .schedule-grid,:root[data-theme=dark] .schedule-row,:root[data-theme=dark] .schedule-row>div{border-color:#35414d}:root[data-theme=dark] .schedule-row time,:root[data-theme=dark] .day-task-section h3,:root[data-theme=dark] .completed-toggle{color:#aab5c0}:root[data-theme=dark] .check-button{color:#9cd7c2;background:#24483d}:root[data-theme=dark] .priority{color:#ffd4cc;background:#5d302c}:root[data-theme=dark] .task-inline-actions button{color:#b9e1d2}:root[data-theme=dark] .mobile-nav{border-color:#3a4654;background:#222b35}:root[data-theme=dark] .list-count{color:#aab5c0}:root[data-theme=dark] .day-create{color:#9cd7c2}:root[data-theme=dark] .filter-button{border-color:#35414d}:root[data-theme=dark] .filter-button.active,:root[data-theme=dark] .task-row.selected,:root[data-theme=dark] .task-pill.selected{background:#294139}:root[data-theme=dark] .range-day-title{color:#e8edf3}:root[data-theme=dark] .mobile-focus-switch{background:#2b3541}:root[data-theme=dark] .mobile-focus-switch button{color:#cdd6df}:root[data-theme=dark] .mobile-focus-switch button.active{color:#f4f7fa;background:#3d5363}@media(max-width:560px){.sidebar{padding:12px}.brand{margin-bottom:10px}.brand-mark{width:36px;height:36px}.brand strong{font-size:14px}.brand span{font-size:11px}.workspace{padding:10px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px}.date-controls{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;grid-column:1;align-items:center;gap:6px}.date-controls .icon-button{width:40px;height:40px}.date-controls button:nth-of-type(1){grid-column:1}.date-controls .today-button{display:none}.date-controls button:nth-of-type(3){grid-column:3}.date-controls h1{grid-column:2;grid-row:1;width:auto;margin:0;overflow:hidden;font-size:18px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.actions{grid-column:2;gap:6px}.actions .icon-button{width:40px;height:40px}.actions .search{min-width:0}.topbar.searching{grid-template-columns:1fr}.topbar.searching .date-controls{grid-column:1}.topbar.searching .actions{grid-column:1;grid-row:2}.view-tabs{display:none}.mobile-view-select{display:flex;align-items:center;gap:9px;min-height:42px;margin-bottom:10px;border:1px solid #ded8cd;border-radius:8px;padding:0 12px;color:#2f7f6f;background:#fffaf2}.mobile-view-select select{width:100%;border:0;color:#1f2937;background:transparent;font-weight:800}.mobile-focus-switch{margin-bottom:10px}.selected-list-panel>header{padding:12px}.selected-list-scroll{gap:14px;padding:12px}.quick-task-form{min-height:46px}.calendar-grid{min-width:560px}.weekday{min-height:30px;padding:7px 6px;font-size:11px}.day-cell{min-height:92px;padding:6px}.day-number{width:28px;height:28px;font-size:13px}.task-pill,.event-pill{font-size:11px}.task-pill{min-height:24px;padding:2px 4px}.field-grid{grid-template-columns:1fr}.date-controls{flex-wrap:wrap}.date-controls h1{width:100%;margin-left:0}.task-row{align-items:flex-start}.priority{display:none}.modal-backdrop:not(.create-backdrop){place-items:end stretch;padding:0}.modal-backdrop:not(.create-backdrop) .task-modal{width:100%;max-height:calc(100vh - 18px);border-radius:8px 8px 0 0;padding:18px}.focus-view>header{align-items:flex-start;flex-direction:column;padding:16px}.next-event{max-width:100%}.focus-tasks{padding:0 16px 16px}:root[data-theme=dark] .mobile-view-select{border-color:#3a4654;background:#222b35}:root[data-theme=dark] .mobile-view-select select{color:#e8edf3}}
