:root{color:#252832;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading-screen,.auth-shell,.app-shell{min-height:100vh}.auth-shell{background:radial-gradient(circle at 20% 20%,#d6755b2e,#0000 32%),linear-gradient(135deg,#f8f5ef,#e9edf6);place-items:center;padding:24px;display:grid}.auth-panel{background:#ffffffb8;border:1px solid #2528321f;border-radius:8px;width:min(440px,100%);padding:36px;box-shadow:0 24px 70px #2c31411f}.brand-mark{color:#fff;background:#4f6096;border-radius:8px;place-items:center;width:54px;height:54px;margin-bottom:24px;font-weight:800;display:grid}.auth-panel h1,.topbar h1{margin:0;line-height:1.1}.auth-panel p,.topbar p{color:var(--muted,#697083);margin:8px 0 0}.primary-action,.icon-text,.backup-actions button,.backup-actions label{background:var(--accent,#4f6096);color:#fff;border:0;border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:700;display:inline-flex}.primary-action{justify-content:center;width:100%;margin-top:24px}.notice{background:#d6755b1f;border:1px solid #d6755b59;border-radius:8px;margin-top:24px;padding:14px;line-height:1.5}.app-shell{--accent:#3458d4;--accent-2:#d9822b;--surface:#fff;--popover-surface:#fff;--surface-2:#eef2ff;--border:#262c4024;--muted:#697083;--text:#202532;--page:#f5f7fb;--sidebar:#fff;--shadow:#262c4014;color:var(--text);background:var(--page);grid-template-columns:256px minmax(0,1fr);gap:24px;padding:0 24px 0 0;display:grid}.theme-dark{--accent:#93a8ff;--accent-2:#f0b15d;--surface:#1d2431;--popover-surface:#202838;--surface-2:#2b3546;--border:#e8eef924;--muted:#aab4c5;--text:#eef3fb;--page:#111722;--sidebar:#171e2b;--shadow:#0000003d}.workspace{min-width:0;padding-top:0}.workspace-header{z-index:50;background:var(--page);padding-top:24px;padding-bottom:1px;position:sticky;top:0}.side-menu{border-right:1px solid var(--border);background:var(--sidebar);flex-direction:column;gap:18px;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0}.mobile-menu-button,.mobile-nav-backdrop{display:none}.side-brand{align-items:center;gap:10px;padding:0 8px 8px;display:flex;position:relative}.popover-anchor{position:relative}.popover-trigger{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text);border-radius:999px;place-items:center;display:grid}.popover-trigger[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.creation-popover{z-index:80;border:1px solid var(--border);background:var(--popover-surface);width:min(360px,100vw - 32px);max-height:calc(100vh - 24px);box-shadow:0 22px 60px var(--shadow);border-radius:4px;gap:14px;padding:20px;display:grid;position:fixed;overflow:visible}.top-layer-popover{z-index:2147483000;isolation:isolate}.top-layer-popover.theme-light{--accent:#3458d4;--surface:#fff;--popover-surface:#fff;--surface-2:#eef2ff;--border:#262c4024;--muted:#697083;--text:#202532;--shadow:#262c402e}.creation-popover:before{content:"";top:-8px;left:calc(var(--popover-arrow-left,24px) - 7px);border-left:1px solid var(--border);border-top:1px solid var(--border);background:var(--popover-surface);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.creation-popover[data-placement=top]:before{border-top:0;border-left:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);top:auto;bottom:-8px}.popover-field{border:2px solid var(--accent);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:46px;padding:0 10px 0 14px;display:grid}.popover-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0}.field-clear{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.popover-divider{background:var(--border);height:1px}.popover-section-title{color:var(--text);font-weight:700}.solid-action-button{background:var(--accent);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-weight:700;display:inline-flex}.solid-action-button.with-icon{min-width:112px}.solid-action-button.icon-only{width:34px;padding:0}.solid-action-button.danger{background:#c94f4f}.solid-action-button:disabled{cursor:not-allowed;opacity:.5}.dialog-secondary-button{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text);border-radius:7px;justify-content:center;align-items:center;padding:0 14px;font-weight:700;display:inline-flex}.brand-mark.small{border-radius:8px;width:38px;height:38px;margin:0;font-size:.84rem}.side-brand strong,.side-brand span{display:block}.side-brand span{color:var(--muted);font-size:.78rem}.side-nav{gap:6px;min-height:0;display:grid;overflow-y:auto}.side-subnav{border-left:1px solid var(--border);gap:4px;margin-left:10px;padding-left:10px;display:grid}.group-subnav{border-left:0;gap:6px;margin-left:0;padding-left:0}.group-subnav .side-add-button{display:grid}.group-view-panel{min-width:0}.group-view-content{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);gap:4px;margin-top:-1px;padding:8px 6px 6px;display:grid}.group-view-content>button,.group-view-content .side-add-button{width:100%;min-height:36px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 8px;display:grid}.group-view-content>button.selected{background:var(--surface-2);color:var(--accent);font-weight:800}.group-nav-item{cursor:grab}.group-nav-item:active{cursor:grabbing}.side-add-anchor{width:100%}.side-create{width:min(360px,100vw - 24px)}.side-create:before{transform:rotate(45deg)}.side-create input,.side-create select{border:1px solid var(--border);width:100%;min-width:0;min-height:34px;color:var(--text);background:0 0;border-radius:7px;padding:0 8px}.side-create input[type=color]{width:38px;padding:3px}.side-create-options{grid-template-columns:auto auto auto;justify-content:start;align-items:start;gap:8px;display:grid}.side-create-options>button,.side-actions button,.side-section-control button,.side-archive-panel button{border:0;border-radius:7px}.side-create-options>button{background:var(--accent);color:#fff;place-items:center;width:34px;min-height:34px;display:grid}.side-create-options>button:disabled{cursor:not-allowed;opacity:.48}.icon-picker-wrap{position:relative}.group-icon-trigger{border:1px solid var(--border);background:var(--surface-2);width:34px;min-height:34px;color:var(--text);border-radius:7px;place-items:center;display:grid}.group-icon-trigger[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.emoji-picker{z-index:2147483001;border:1px solid var(--border);background:var(--popover-surface);width:min(316px,100vw - 48px);max-height:min(300px,100vh - 260px);box-shadow:0 16px 44px var(--shadow);border-radius:7px;gap:12px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}.emoji-section{gap:7px;display:grid}.emoji-section>span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.custom-icon-input{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:34px;color:var(--text);border-radius:7px;padding:0 9px}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.emoji-grid button{border:1px solid var(--border);background:var(--surface-2);min-height:30px;color:var(--text);border-radius:7px;font-size:1.02rem}.emoji-grid button.selected{border-color:var(--accent);color:var(--accent)}.emoji-icon{font-size:.86rem;line-height:1}.side-error{position:static}.side-section-control,.side-archive-panel{grid-template-columns:1fr 1fr;gap:0;display:grid}.side-archive-panel{margin:4px 0 0}.side-section-control button,.side-archive-panel button{border:1px solid var(--border);background:var(--surface-2);min-height:38px;color:var(--muted);border-radius:0}.side-section-control button.selected,.side-archive-panel button.selected{z-index:1;border-bottom-color:var(--surface);background:var(--surface);color:var(--text);font-weight:800;position:relative}.side-archive-panel button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.side-archive-panel button+button{border-left:0}.side-archive-panel span{font-size:.7rem}.side-nav>button,.side-subnav>button,.side-add-button{width:100%;min-height:38px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;display:grid}.side-disclosure{grid-template-columns:auto auto minmax(0,1fr) auto!important}.side-nav>button>span:last-child,.side-subnav>button>span:last-child,.side-add-button>span:last-child{color:var(--muted);font-size:.78rem}.count-badge{background:#df3f45;border-radius:999px;justify-self:end;place-items:center;min-width:20px;height:20px;padding:0 6px;font-weight:800;line-height:1;color:#fff!important;font-size:.68rem!important;display:inline-grid!important}.side-archive-panel .count-badge{min-width:18px;height:18px;padding:0 5px}.list-dot{color:#fff;border-radius:6px;place-items:center;width:20px;height:20px;font-size:.66rem;font-weight:800;display:grid}.side-nav>button.selected,.side-subnav>button.selected{background:var(--surface-2);color:var(--accent);font-weight:800}.side-date-dot{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, var(--accent), var(--accent-2)) border-box;border:1px solid #0000;border-radius:6px;width:20px;height:20px}.side-perspective-icon{border-radius:5px;padding:2px}.side-perspective-icon.overdue{color:#df4b4f;background:#df4b4f24}.side-perspective-icon.today{color:#2f9e63;background:#2f9e6324}.side-perspective-icon.upcoming{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.side-perspective-icon.unscheduled{color:var(--muted);background:var(--surface-2)}.side-perspective-icon.done{color:#2f9e63;background:#2f9e6324}.side-perspective-icon.urgent{color:#d94b4b;background:#d94b4b24}.side-perspective-icon.high{color:#d9822b;background:#d9822b29}.side-perspective-icon.normal{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.archived-subnav{padding-bottom:4px}.side-add-button{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent);font-weight:750}.side-add-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.side-actions{border-top:1px solid var(--border);gap:8px;margin-top:auto;padding-top:14px;display:grid}.side-actions button{min-height:38px;color:var(--text);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0 10px;display:grid}.side-user{color:#c94f4f;align-items:center;min-height:34px;padding:0 10px;font-weight:750;display:grid}.side-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-logout{border:1px solid var(--border);text-align:left;background:#c94f4f14;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:0 10px;display:grid}.settings-logout span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.danger-text{color:#c94f4f}.topbar,.control-row,.settings-panel{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:none;margin:0 0 18px;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--accent);border-radius:7px;place-items:center;display:inline-grid}.icon-button.danger{color:#b94d4d}.icon-button.subtle{color:var(--muted)}.control-row{align-items:stretch}.search-box,.inline-create{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:6px;display:flex}.search-box input,.inline-create input{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0}.inline-create button{background:var(--accent);color:#fff;border:0;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.inline-create button:disabled{cursor:not-allowed;opacity:.5}.field-error{color:#c94f4f;font-size:.78rem;position:absolute;top:calc(100% + 4px);left:8px}.creation-popover .side-error{color:#c94f4f;font-size:.78rem;position:static}.task-create.has-error{border-color:#c94f4f}.task-create{gap:12px;width:min(380px,100vw - 24px);overflow-y:auto}.task-create-header{gap:8px;display:grid}.task-create-fields{gap:10px;display:grid}.task-create-detail{gap:7px;display:grid}.task-create-detail>span,.attachment-section-title>span,.task-detail-field>span,.detected-links>span{color:var(--muted);font-size:.78rem;font-weight:800}.task-create-detail textarea,.task-detail-field textarea{resize:vertical;border:1px solid var(--border);width:100%;color:var(--text);background:0 0;border-radius:7px;outline:none;padding:10px;line-height:1.45}.task-create-detail textarea:focus,.task-detail-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.task-create-attachment,.attachment-drop{border:1px dashed var(--border);min-height:62px;color:var(--text);cursor:pointer;border-radius:7px;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;padding:10px;display:grid}.task-create-attachment:hover,.attachment-drop:hover,.task-create-attachment:focus,.attachment-drop:focus{border-color:var(--accent);background:color-mix(in srgb, var(--surface-2) 55%, transparent);outline:none}.task-create-attachment small,.attachment-drop small{color:var(--muted);grid-column:2;font-size:.72rem}.task-create-attachment input,.attachment-drop input{display:none}.task-create-files{gap:5px;display:grid}.task-create-files>div{background:var(--surface-2);border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:grid}.task-create-files span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-create-files small{color:var(--muted)}.task-create-files button,.attachment-actions button{border:1px solid var(--border);width:30px;height:30px;color:var(--text);background:0 0;border-radius:6px;place-items:center;display:grid}.task-create-row{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;display:grid}.task-create-row>span{color:var(--muted);font-size:.82rem;font-weight:800}.task-create-row input{border:1px solid var(--border);min-width:0;min-height:38px;color:var(--text);background:0 0;border-radius:7px;padding:0 10px}.task-create-row.task-priority-row{justify-content:unset}.task-priority-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.task-priority-options{flex-wrap:wrap;gap:6px;display:flex}.task-priority-button,.priority-option{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 72%, transparent);min-width:36px;height:32px;color:var(--priority);border-radius:999px;place-items:center;padding:0 9px;font-size:.86rem;font-weight:900;line-height:1;display:grid}.task-priority-button.selected,.priority-option.selected{border-color:var(--priority);background:color-mix(in srgb, var(--priority) 20%, transparent)}.task-create-actions{justify-content:flex-end;display:flex}.task-create-error{color:#c94f4f;font-size:.78rem;position:static}.search-box{flex:1;padding-inline:14px}.search-clear-button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.search-clear-button:hover{background:var(--surface-2);color:var(--text)}.search-status{color:var(--muted);margin:-6px 0 16px;font-size:.82rem}.segmented-control{border:1px solid var(--border);background:var(--surface);border-radius:999px;display:flex;overflow:hidden}.segmented-control button{border:0;border-right:1px solid var(--border);min-width:86px;color:var(--text);text-transform:capitalize;background:0 0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.segmented-control button:last-child{border-right:0}.segmented-control .selected{background:var(--surface-2);color:var(--accent);font-weight:800}.sort-control button{min-width:82px}.settings-panel{border:1px solid var(--border);background:var(--popover-surface,var(--surface));border-radius:8px;justify-content:flex-start;align-items:center;padding:14px}.side-menu .settings-panel{align-items:stretch;gap:10px;margin:0;padding:10px;display:grid}.settings-layer{--accent:#3458d4;--accent-2:#d9822b;--surface:#fff;--popover-surface:#fff;--surface-2:#eef2ff;--border:#262c4024;--muted:#697083;--text:#202532;--shadow:#262c4014;z-index:10000;color:var(--text);position:fixed;inset:0}.settings-layer.theme-dark{--accent:#93a8ff;--accent-2:#f0b15d;--surface:#1d2431;--popover-surface:#202838;--surface-2:#2b3546;--border:#e8eef924;--muted:#aab4c5;--text:#eef3fb;--shadow:#0000003d}.settings-overlay{width:min(232px,100vw - 28px);max-width:none;color:var(--text);background:var(--popover-surface,var(--surface));justify-content:stretch;align-items:stretch;gap:10px;margin:0;display:grid;position:absolute;bottom:92px;left:14px;box-shadow:0 24px 70px #00000057}.side-menu .settings-version{border-left:0;border-top:1px solid var(--border);margin-left:0;padding-top:10px;padding-left:0}.settings-title{align-items:center;gap:8px;display:flex}.settings-version{border-left:1px solid var(--border);margin-left:8px;padding-left:16px;display:grid}.settings-version span{color:var(--muted);font-size:.78rem}.tone-grid{flex-wrap:wrap;gap:8px;display:flex}.tone-button{border:1px solid var(--border);background:0 0;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;display:inline-flex}.tone-button span{background:linear-gradient(135deg,#fff 0 50%,#3458d4 50% 100%);border-radius:50%;width:14px;height:14px}.tone-button.selected{border-color:var(--accent);color:var(--accent);font-weight:800}.tone-dark span{background:linear-gradient(135deg,#111722 0 50%,#93a8ff 50% 100%)}.board{--task-card-max:432px;--task-card-min:292px;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));grid-auto-flow:row;place-content:start stretch;align-items:start;gap:16px;width:100%;max-width:none;margin:0;padding-bottom:0;display:grid}.board:not(.deadline-board):not(.single-list-board){align-items:stretch}.board:not(.deadline-board):not(.single-list-board) .list-column{align-self:stretch;height:auto}.deadline-board{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));justify-content:start;align-items:stretch;max-width:none;margin:0}.single-list-board{grid-template-columns:minmax(0,1fr);justify-content:start;max-width:none;margin:0}.priority-board{grid-template-columns:minmax(0,1fr);align-items:start}.deadline-board:not(.priority-board) .deadline-column{align-self:stretch;height:auto;container:deadline-column/inline-size}.priority-board .deadline-column{align-self:start;min-height:0;container:deadline-column priority-column/inline-size}.priority-board .deadline-groups{flex-wrap:wrap;justify-content:stretch;align-items:flex-start;display:flex}.priority-board .deadline-group-card{flex:340px;align-self:start;min-width:0;max-width:432px;height:auto;max-height:none}@media (width<=900px){.priority-board .deadline-group-card{max-width:none}}.deadline-column{min-height:0;transition:border-color .14s,background .14s;overflow:hidden}.deadline-column.is-drag-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.deadline-groups{overscroll-behavior:auto;flex-direction:column;justify-content:start;align-items:stretch;gap:14px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.deadline-group-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 42%, var(--surface));border-radius:8px;flex-direction:column;flex:none;align-self:stretch;gap:10px;width:100%;min-width:0;max-height:min(560px,100dvh - 230px);padding:10px;display:flex;overflow:hidden}.deadline-group-card>.todo-stack{flex:auto;min-height:0;max-height:min(460px,100dvh - 330px)}.deadline-group-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 2px;margin:0!important;display:grid!important}.deadline-group-header>span:last-child{color:var(--muted);font-size:.78rem}.deadline-group-icon{border-radius:6px;place-items:center;width:22px;height:22px;display:grid;color:#fff!important;font-size:.72rem!important}.list-column{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, transparent);height:fit-content;max-height:min(640px,100dvh - 190px);box-shadow:0 18px 50px var(--shadow);border-radius:8px;grid-template-rows:auto minmax(0,1fr);align-self:start;padding:16px;display:grid;position:relative;overflow:visible;container:list-column/inline-size}.list-column header{justify-content:space-between;margin-bottom:14px;display:flex}.column-actions{align-items:center;gap:8px;display:flex}.column-action-button{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;padding:0;display:grid}.column-action-button:hover,.column-action-button[aria-expanded=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.column-action-button.danger:hover{color:#c94f4f;background:#c94f4f21;border-color:#c94f4f}.task-create{width:min(380px,100vw - 24px)}.list-column h2,.todo-card h3{margin:0}.list-column span{color:var(--muted);font-size:.9rem}.todo-stack{overscroll-behavior:auto;scrollbar-gutter:stable;grid-template-columns:minmax(0,1fr);align-content:start;align-items:stretch;gap:12px;min-height:0;padding:0 8px 12px 0;display:grid;overflow-y:auto}.empty-drop{border:1px dashed var(--border);min-height:96px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.todo-card{border:1px solid var(--border);border-left:6px solid var(--priority,var(--accent));background:var(--surface);min-width:0;height:100%;box-shadow:0 8px 20px var(--shadow);cursor:pointer;border-radius:8px;padding:14px;transition:border-color .14s,box-shadow .14s}.todo-card:hover,.todo-card.is-selected{border-color:color-mix(in srgb, var(--accent) 52%, var(--border));box-shadow:0 12px 30px var(--shadow)}.priority-normal{--priority:#3458d4}.priority-high{--priority:#d9822b}.priority-urgent{--priority:#d94b4b}.todo-card.is-complete{--priority:#2f9e63;opacity:.64}.todo-card.is-complete h3,.todo-card.is-complete p{text-decoration:line-through}.todo-card-main{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.todo-card-main>div:not(.priority-selector){min-width:0}@container list-column (width>=720px){.list-column>.todo-stack{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--task-card-min)), 1fr))}}@container deadline-column (width>=620px){.deadline-group-card>.todo-stack{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--task-card-min)), 1fr))}}.todo-card p{color:var(--muted);margin:6px 0 0;line-height:1.4}.todo-note-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-detail-popover{z-index:2147483000;border:1px solid var(--border);background:var(--popover-surface);width:min(440px,100vw - 24px);max-height:calc(100vh - 24px);color:var(--text);border-radius:8px;position:absolute;overflow:visible;box-shadow:0 24px 70px #0c121f47}.task-detail-scroll{overscroll-behavior:auto;scrollbar-gutter:stable;touch-action:pan-y;border-radius:inherit;grid-template-rows:auto minmax(min-content,auto);gap:16px;height:min(760px,100dvh - 26px);min-height:0;padding:20px;display:grid;overflow-y:auto}.task-detail-popover:before{content:"";top:var(--task-arrow-top,30px);z-index:2;border:2px solid var(--accent);background:var(--popover-surface);width:16px;height:16px;position:absolute;transform:rotate(45deg)}.task-detail-popover[data-placement=right]:before{border-top:0;border-right:0;left:-9px}.task-detail-popover[data-placement=left]:before{border-bottom:0;border-left:0;right:-9px}.task-detail-header,.attachment-section-title,.task-detail-actions,.attachment-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-detail-header>div{min-width:0}.task-detail-header{z-index:3;border-bottom:1px solid var(--border);background:var(--popover-surface);margin:-20px -20px 0;padding:20px;position:sticky;top:-20px}.task-detail-header span{color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:800}.task-detail-header h2{overflow-wrap:anywhere;margin:4px 0 0;font-size:1.15rem}.task-detail-header .icon-button{flex:none;width:34px;height:34px}.task-detail-field,.detected-links,.attachment-section,.attachment-list{gap:9px;display:grid}.task-detail-form{gap:12px;display:grid}.task-detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.task-detail-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:7px;outline:none;padding:8px 10px}.task-detail-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.detected-links a{min-width:0;color:var(--accent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.82rem;text-decoration:none;display:grid}.detected-links a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-section-title small{color:var(--muted)}.attachment-item{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:7px;overflow:hidden}.attachment-item.is-failed{border-color:color-mix(in srgb, #c94f4f 55%, var(--border))}.attachment-summary{padding:9px}.attachment-summary>svg{color:var(--accent);flex:none}.attachment-summary>div:nth-child(2){flex:1;min-width:0;display:grid}.attachment-summary strong,.attachment-summary span,.attachment-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-summary span,.attachment-summary small{color:var(--muted);font-size:.72rem}.attachment-actions{flex:none;gap:4px;display:flex}.attachment-actions .danger{color:#c94f4f}.attachment-image-preview,.attachment-pdf-preview{border:0;border-top:1px solid var(--border);object-fit:contain;background:var(--page);width:100%;max-height:320px;display:block}.attachment-pdf-preview{height:320px}.attachment-text-preview,.email-preview pre{border-top:1px solid var(--border);background:var(--page);max-height:260px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px;font:.78rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.attachment-markdown-preview{border-top:1px solid var(--border);background:var(--page);max-height:360px;color:var(--text);padding:14px;font-size:.84rem;line-height:1.55;overflow:auto}.attachment-preview-loading{border-top:1px solid var(--border);background:var(--page);color:var(--muted);padding:14px;font-size:.82rem}.attachment-markdown-preview>:first-child{margin-top:0}.attachment-markdown-preview>:last-child{margin-bottom:0}.attachment-markdown-preview a,.markdown-image-reference{color:var(--accent);overflow-wrap:anywhere;align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.attachment-markdown-preview ul,.attachment-markdown-preview ol{padding-left:22px}.attachment-markdown-preview blockquote{border-left:3px solid var(--border);color:var(--muted);margin-inline:0;padding-left:12px}.markdown-image-reference{margin-block:6px}.email-preview dl{border-top:1px solid var(--border);gap:4px;margin:0;padding:12px;display:grid}.email-preview dl>div{grid-template-columns:58px minmax(0,1fr);gap:8px;font-size:.76rem;display:grid}.email-preview dt{color:var(--muted);font-weight:800}.email-preview dd{overflow-wrap:anywhere;margin:0}.email-preview p,.task-detail-error,.attachment-error{color:var(--muted);align-items:center;gap:7px;margin:0;padding:8px 12px;font-size:.75rem;display:flex}.task-detail-error,.attachment-error{color:#c94f4f}.task-detail-actions{border-top:1px solid var(--border);background:var(--popover-surface);justify-content:flex-end;margin:0 -20px -20px;padding:12px 20px;position:sticky;bottom:-20px}.todo-meta{gap:4px;display:grid}.todo-meta-row{color:var(--muted);grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:6px;font-size:.78rem;display:grid}.todo-meta-row span{font-weight:700}.todo-meta-row strong{color:var(--text);font-weight:600}.todo-meta-pill{background:var(--surface-2);width:fit-content;min-height:22px;color:var(--text);border-radius:999px;align-items:center;padding:3px 8px;display:inline-flex}.todo-card-footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:12px;display:grid}.todo-card-footer-details{gap:8px;display:grid}.todo-card-footer-actions{align-items:flex-end;display:flex}.priority-selector{grid-template-columns:72px auto;align-items:center;gap:7px;display:grid;position:relative}.priority-label{color:var(--muted);letter-spacing:0;font-size:.78rem;font-weight:700}.priority-button{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 72%, transparent);min-width:42px;height:34px;color:var(--priority);border-radius:999px;place-items:center;padding:0 10px;font-size:.9rem;font-weight:900;line-height:1;display:grid}.priority-button:hover,.priority-button[aria-expanded=true]{background:color-mix(in srgb, var(--priority) 22%, transparent)}.priority-options{z-index:2147483002;border:1px solid var(--border,#40496061);background:var(--surface,#1d2431);box-shadow:0 16px 36px var(--shadow,#00000057);opacity:0;pointer-events:none;transform-origin:100% 0;border-radius:999px;gap:5px;padding:5px;transition:opacity .14s,transform .14s;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-5px)scale(.96)}.priority-selector.is-open .priority-options{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.priority-options-portal{z-index:2147483002;opacity:1;pointer-events:auto;position:fixed;top:auto;right:auto;transform:translateY(0)scale(1)}.dialog-backdrop{z-index:2147483646;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040810b8;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid color-mix(in srgb, var(--text) 22%, var(--border));background:var(--popover-surface,#fff);width:min(420px,100vw - 32px);color:var(--text,#202532);box-shadow:0 28px 90px #0000007a, 0 0 0 1px color-mix(in srgb, var(--text) 8%, transparent);border-radius:8px;gap:18px;padding:22px;display:grid}.confirm-dialog-copy{gap:8px;display:grid}.confirm-dialog-copy h2,.confirm-dialog-copy p{margin:0}.confirm-dialog-copy h2{color:var(--text,#202532)}.confirm-dialog-copy p{color:var(--muted);line-height:1.5}.confirm-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-dialog-actions.three-actions{flex-wrap:wrap;justify-content:space-between}.todo-wrapper{width:100%;max-width:var(--task-card-max);position:relative}.todo-wrapper.drop-before:before,.todo-wrapper.drop-after:after{content:"";background:color-mix(in srgb, var(--accent) 78%, white);opacity:0;border-radius:999px;height:3px;transition:opacity .12s,transform .12s;display:block;transform:scaleX(.92)}.drop-marker{display:none}.drop-marker.visible{background:color-mix(in srgb, var(--accent) 78%, white);border-radius:999px;height:3px;display:block;transform:scaleX(1)}.todo-wrapper.drop-before:before,.todo-wrapper.drop-after:after{z-index:2;position:absolute;left:10px;right:10px}.todo-wrapper.drop-before:before{top:-7px}.todo-wrapper.drop-after:after{bottom:-7px}.todo-wrapper.drop-before:before,.todo-wrapper.drop-after:after{opacity:1;transform:scaleX(1)}.marker-normal{--priority:#3458d4}.marker-high{--priority:#d9822b}.marker-urgent{--priority:#d94b4b}@media (width<=760px){.app-shell{min-height:100dvh;padding:0 12px;display:block;position:relative;overflow-x:hidden}.side-menu{z-index:120;border-right:1px solid var(--border);will-change:transform;border-bottom:0;gap:10px;width:124px;height:100dvh;margin:0;padding:14px 8px 18px 0;transition:transform .18s;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(calc(-100% - 8px));box-shadow:18px 0 44px #0000003d}.mobile-nav-open .side-menu{transform:translate(0)}.mobile-menu-button{top:max(10px, env(safe-area-inset-top));z-index:100;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);width:42px;height:42px;color:var(--text);border-radius:999px;place-items:center;display:grid;position:fixed;left:10px;box-shadow:0 14px 36px #00000038}.mobile-nav-open .mobile-menu-button{display:none}.mobile-nav-backdrop{z-index:110;background:#00000047;border:0;display:block;position:fixed;inset:0}.side-brand{justify-items:center;gap:6px;padding:0 8px 8px 12px;display:grid}.side-brand strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:.78rem;line-height:1.1;display:block;overflow:hidden}.brand-mark.small{width:34px;height:34px;font-size:.78rem}.side-nav{gap:12px}.side-nav:before,.side-subnav:before{content:none}.side-nav>button,.side-subnav>button,.group-view-content>button,.side-add-button{text-overflow:ellipsis;white-space:nowrap;border-radius:0 8px 8px 0;justify-items:stretch;min-height:40px;padding:0 8px 0 16px;font-size:.8rem;position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) auto!important}.side-nav>button>svg,.side-subnav>button>svg,.side-actions svg{display:none!important}.side-add-button{grid-template-columns:auto minmax(0,1fr)!important}.side-add-button>svg{width:15px;height:15px;display:block!important}.side-disclosure{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface-2) 58%, transparent);min-height:34px;color:var(--text);letter-spacing:0;text-transform:uppercase;border-radius:0;margin-top:8px;padding-left:12px;font-size:.7rem;font-weight:900;border-top:1px solid var(--border)!important}.side-disclosure:first-child{margin-top:0}.side-subnav{border-left:0;gap:2px;margin-left:0;padding-left:0;display:grid}.side-nav .count-badge{display:none!important}.group-view-panel{background:0 0;border:0}.group-view-content{background:0 0;border:0;gap:2px;margin-top:0;padding:0}.all-groups-row,.side-archive-panel{display:none!important}.side-subnav>button:before,.group-view-content>button:before{content:"";background:0 0;border-radius:0 999px 999px 0;width:4px;position:absolute;inset:5px auto 5px 0}.side-subnav>button.selected:before{background:color-mix(in srgb, var(--accent) 82%, transparent)}.schedule-subnav>button:first-child:before{background:#df4b4f}.schedule-subnav>button:nth-child(2):before{background:#2f9e63}.schedule-subnav>button:nth-child(3):before{background:var(--accent)}.schedule-subnav>button:nth-child(4):before{background:var(--muted)}.schedule-subnav>button:nth-child(5):before{background:#2f9e63}.priority-subnav>button:first-child:before{background:#d94b4b}.priority-subnav>button:nth-child(2):before{background:#d9822b}.priority-subnav>button:nth-child(3):before{background:var(--accent)}.side-nav>button.selected,.side-subnav>button.selected,.group-view-content>button.selected{background:color-mix(in srgb, var(--surface-2) 65%, transparent)}.group-nav-item .list-dot{border-radius:0 999px 999px 0;width:4px;height:auto;position:absolute;inset:5px auto 5px 0}.group-nav-item .list-dot>*{display:none}.list-dot{width:20px;height:20px}.side-actions{padding-left:8px}.side-actions button{min-height:36px;padding:0 6px;font-size:.76rem}.side-user{padding:0 8px;font-size:.76rem}.workspace{min-width:0;padding-top:0}.workspace-header{z-index:60;padding-top:max(18px, env(safe-area-inset-top));background:var(--page);top:0}.topbar,.control-row{flex-direction:column;align-items:stretch}.topbar{min-height:42px;padding-left:52px}.settings-overlay{background:var(--popover-surface,var(--surface));width:min(270px,100vw - 20px);max-height:min(420px,100dvh - 24px);padding:12px;position:absolute;bottom:86px;left:10px;right:auto;overflow:auto;box-shadow:0 18px 50px #0000004d}.settings-overlay .tone-button{justify-content:center;width:100%}.settings-logout{grid-template-columns:minmax(0,1fr) auto}.settings-logout svg{width:15px;height:15px}.topbar-actions{flex-wrap:wrap;margin-left:0}.list-create{width:100%}.segmented-control button{flex:1;min-width:0;min-height:42px}.creation-popover{width:auto;max-height:calc(100vh - 100px);position:fixed;top:76px;left:14px;right:14px;overflow:auto}.creation-popover:before{display:none}.task-detail-popover{border-radius:8px 8px 0 0;width:100%;max-height:min(82vh,720px);position:fixed;inset:auto 0 0!important}.task-detail-scroll{height:min(82dvh,720px);padding-bottom:max(20px, env(safe-area-inset-bottom))}.task-detail-grid{grid-template-columns:1fr}.task-detail-popover:before{display:none}.task-create-grid{grid-template-columns:1fr}.board{grid-template-columns:1fr;align-content:start;padding-bottom:0}.deadline-groups{grid-template-columns:1fr}.deadline-group-card,.list-column,.deadline-group-card>.todo-stack{max-height:none}}