:root{--bg:#f4f6f3;--panel-soft:#eef1ed;--panel:#fff;--panel-raised:#f7f9f6;--field:#fff;--field-prominent:#fff;--row:#fafbfa;--border:#dce2db;--border-strong:#c5cec4;--text:#182019;--muted:#667168;--faint:#8b958d;--placeholder:#7a857c;--accent:#4f9d57;--accent-strong:#438a4b;--accent-border:#4f9d578c;--accent-wash:#4f9d571c;--important:#c24157;--important-border:#c2415780;--important-wash:#c241571a;--due-soon:#b85f13;--due-soon-border:#b85f1380;--due-soon-wash:#b85f131a;--due-week:#857000;--due-week-border:#8570007a;--due-week-wash:#8570001a;--danger:#b54848;--danger-wash:#b5484814;--overlay:#1820198f;--on-accent:#fff;--shadow:0 18px 45px #202e2224;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace;color:var(--text);background:var(--bg);font:14px/1.45 var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg:#101114;--panel-soft:#14161a;--panel:#191c21;--panel-raised:#20242a;--field:#111318;--field-prominent:#1d2229;--row:#171a1f;--border:#2a2f37;--border-strong:#3a424d;--text:#e7e9ed;--muted:#8f98a6;--faint:#626b78;--placeholder:#a9b1bf;--accent:#89d185;--accent-strong:#9fe09a;--accent-border:#89d1859e;--accent-wash:#89d1851f;--important:#ff8fa3;--important-border:#ff8fa394;--important-wash:#ff8fa321;--due-soon:#ffad66;--due-soon-border:#ffad6694;--due-soon-wash:#ffad6621;--due-week:#e5cc60;--due-week-border:#e5cc608f;--due-week-wash:#e5cc601f;--danger:#f07f7f;--danger-wash:#f07f7f14;--overlay:#040608b8;--on-accent:#08110c;--shadow:0 18px 45px #0000005c}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--accent-wash), transparent 220px), var(--bg);min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#root{min-height:100svh}.app-shell{grid-template-columns:256px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--panel-soft);flex-direction:column;align-self:start;gap:24px;height:100svh;padding:20px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:6px;min-width:0;display:grid}.brand strong,.brand small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.brand strong{color:var(--text);font-size:15px;font-weight:650}.brand small{color:var(--muted);margin-top:2px;font-size:12px}.nav-tabs{gap:6px;display:grid}.nav-label-short{display:none}.nav-tabs button,.primary-button,.secondary-button,.icon-button{font:inherit;cursor:pointer;border:1px solid #0000}.nav-tabs button{width:100%;height:38px;color:var(--muted);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:10px;padding:0 10px;display:flex;position:relative}.nav-settings{display:none!important}.settings-summary,.app-install-button{border:1px solid var(--border);width:100%;color:var(--text);background:var(--panel);font:inherit;text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;margin-top:auto;padding:9px;display:grid}.settings-summary:hover,.app-install-button:hover{border-color:var(--border-strong);background:var(--panel-raised)}.settings-summary-icon,.app-install-icon{width:30px;height:30px;color:var(--accent);background:var(--accent-wash);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.app-install-button{margin-top:auto}.app-install-button+.settings-summary{margin-top:-16px}.settings-summary.is-active{border-color:var(--border-strong);background:var(--panel-raised)}.settings-summary strong,.settings-summary small,.app-install-button strong,.app-install-button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.settings-summary strong,.app-install-button strong{font-size:12px}.settings-summary small,.app-install-button small{color:var(--muted);margin-top:2px;font-size:11px}.nav-tabs button:hover{color:var(--text);background:var(--panel)}.nav-tabs button.is-active{color:var(--text);border-color:var(--border);background:var(--panel)}.page{width:min(1120px,100%);margin:0 auto;padding:26px}.login-screen{min-height:100svh;padding:calc(24px + env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));place-items:center;display:grid}.login-panel{border:1px solid var(--border);background:var(--panel-soft);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:18px;display:grid}.login-brand{grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;display:grid}.login-brand h1{color:var(--text);margin:0;font-size:25px;line-height:1.1}.login-tagline{color:var(--muted);margin:7px 0 0;font-size:13px}.login-form{gap:10px;display:grid}.login-form label{color:var(--muted);gap:6px;font-size:12px;display:grid}.login-form input{border:1px solid var(--border);width:100%;height:40px;color:var(--text);background:var(--field);border-radius:7px;outline:none;padding:0 11px}.login-form input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-wash)}.login-form .primary-button{width:100%;margin-top:2px}.login-install-button{width:100%}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent);font:700 12px/1.2 var(--mono);text-transform:uppercase;margin:0 0 4px}.page-header h1{color:var(--text);margin:0;font-size:28px;font-weight:720;line-height:1.15}.date-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quick-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:16px;display:grid}.quick-add input,.task-input{border:1px solid var(--border);color:var(--text);background:var(--field);font:inherit;outline:none}.quick-add input{border-color:var(--border-strong);background:var(--field-prominent);border-radius:8px;min-width:0;height:42px;padding:0 13px;box-shadow:inset 0 1px #ffffff0a}.quick-add input::placeholder{color:var(--placeholder)}.quick-add input:focus,.task-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-wash)}.primary-button,.secondary-button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;display:inline-flex}.primary-button{color:var(--on-accent);border-color:var(--accent);background:var(--accent);font-weight:680}.primary-button:hover{background:var(--accent-strong)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{color:var(--text);border-color:var(--border);background:var(--panel)}.secondary-button:hover{border-color:var(--border-strong);background:var(--panel-raised)}.sections-grid{grid-template-columns:1fr;gap:14px;display:grid}.work-section,.settings-section,.empty-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px}.work-section{min-width:0;overflow:visible}.work-section.is-over{border-color:var(--accent-border)}.section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 12px;display:flex}.work-section.is-minimized .section-heading{border-bottom:0}.section-heading.is-movable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.section-heading.is-movable:active{cursor:grabbing}.section-heading.is-movable button{cursor:pointer}.section-heading.is-movable .section-drag-handle{cursor:grab}.section-heading.is-movable .section-drag-handle:active{cursor:grabbing}.section-heading h2,.archive-title h2{color:var(--text);margin:0;font-size:14px;font-weight:700;line-height:1.2}.section-heading span{color:var(--muted);font:700 12px/1 var(--mono)}.task-list{gap:6px;min-height:51px;padding:6px;display:grid}.task-list-skeleton{gap:6px;display:grid}.task-skeleton-row{background:var(--row);border-radius:6px;grid-template-columns:30px 30px minmax(0,1fr) 30px;align-items:center;gap:4px;min-height:38px;padding:3px 14px;display:grid}.task-skeleton-control,.task-skeleton-text,.task-skeleton-action,.section-count-skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--panel-raised) 50%, var(--border) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite task-skeleton-shimmer}.task-skeleton-control,.task-skeleton-action{border-radius:50%;justify-self:center;width:16px;height:16px}.task-skeleton-text{border-radius:999px;width:min(72%,340px);height:12px}.task-skeleton-row:nth-child(2) .task-skeleton-text{width:min(52%,250px)}.task-skeleton-row:nth-child(3) .task-skeleton-text{width:min(64%,300px)}.section-count-skeleton{border-radius:999px;width:16px;height:10px}@keyframes task-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.task-row{background:var(--row);border:1px solid #0000;border-radius:6px;grid-template-columns:30px 30px minmax(0,1fr) 30px;align-items:center;gap:4px;min-height:30px;padding:3px 14px;display:grid}.task-row:hover{border-color:var(--border)}.task-row.is-new{animation:1.8s ease-out new-task-highlight}@keyframes new-task-highlight{0%,35%{border-color:var(--section-accent,var(--accent));background:var(--section-wash,var(--accent-wash));box-shadow:0 0 0 3px var(--section-wash,var(--accent-wash))}to{background:var(--row);box-shadow:none;border-color:#0000}}@media (prefers-reduced-motion:reduce){.task-row.is-new{border-color:var(--section-accent,var(--accent));background:var(--section-wash,var(--accent-wash));animation:none}.task-skeleton-control,.task-skeleton-text,.task-skeleton-action,.section-count-skeleton{animation:none}}.task-row.is-dragging{z-index:6;border-color:var(--accent-border);box-shadow:0 14px 32px #0000004d, var(--shadow);transform:translate3d(var(--drag-x,0), var(--drag-y,0), 0) scale(1.015);pointer-events:none;will-change:transform}.task-row.is-complete .task-text{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.icon-button{width:30px;height:30px;color:var(--muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--text);background:var(--panel-raised)}.icon-button:disabled{cursor:default;opacity:.65}.checkbox-button{color:var(--accent);border-color:var(--accent-border);background:var(--accent-wash)}.checkbox-button:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.is-complete .checkbox-button{color:var(--on-accent);border-color:var(--accent);background:var(--accent)}.is-complete .checkbox-button:hover:not(:disabled){border-color:var(--accent-strong);background:var(--accent-strong)}.drag-handle{cursor:grab}.task-due-pin{width:30px;height:30px;color:var(--section-accent,var(--accent));justify-content:center;align-items:center;display:inline-flex}.drag-handle:active{cursor:grabbing}.task-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.task-content{min-width:0;display:block}.task-input{resize:none;background:0 0;border-color:#0000;border-radius:5px;width:100%;min-width:0;min-height:30px;max-height:180px;padding:5px 8px;line-height:20px;overflow:hidden}.read-only-text{padding:4px 8px;line-height:20px;display:block}.delete-button:hover{color:var(--danger)}.task-empty-state,.archive-empty-state{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.task-empty-state{border:1px dashed var(--border);background:linear-gradient(135deg, var(--row), transparent);border-radius:7px;min-height:112px;padding:18px}.archive-empty-state{grid-template-columns:48px minmax(0,1fr);min-height:180px;padding:28px}.empty-state-icon{border:1px solid var(--accent-border);width:42px;height:42px;color:var(--accent);background:var(--accent-wash);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.archive-empty-state .empty-state-icon{width:48px;height:48px}.empty-state-copy{min-width:0}.empty-state-copy strong{color:var(--text);font-size:13px;display:block}.empty-state-copy p{color:var(--muted);margin:4px 0 0;font-size:12px}.empty-state-action{min-height:34px}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.archive-layout{grid-template-columns:minmax(0,1fr) 312px;align-items:start;gap:14px;display:grid}.archive-sidebar{gap:12px;min-width:0;display:grid;position:sticky;top:18px}.archive-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:10px;display:grid}.calendar-weekday{height:22px;color:var(--faint);font:700 10px/1 var(--mono);text-transform:uppercase;justify-content:center;align-items:center;display:flex}.calendar-day{aspect-ratio:1;width:100%;color:var(--faint);font:700 12px/1 var(--mono);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.calendar-day.has-archive{color:var(--text);border-color:var(--border);background:var(--row);cursor:pointer}.calendar-day.has-archive:hover,.calendar-day.is-selected{color:var(--on-accent);border-color:var(--accent);background:var(--accent)}.calendar-day.is-outside{opacity:.38}.calendar-day:disabled{cursor:default}.archive-list{align-content:start;gap:6px;min-height:156px;max-height:calc(100svh - 338px);padding:10px;display:grid;overflow:auto}.archive-item{border:1px solid var(--border);width:100%;color:var(--text);background:var(--panel);font:inherit;text-align:left;cursor:pointer;border-radius:8px;gap:5px;padding:12px;display:grid}.archive-item:hover,.archive-item.is-selected{border-color:var(--accent-border);background:var(--panel-raised)}.archive-item small{color:var(--muted);font-size:12px}.archive-detail{gap:12px;min-width:0;display:grid}.archive-title{padding:3px 2px}.empty-panel{color:var(--muted);padding:20px}.settings-stack{gap:14px;display:grid}.settings-summary{margin-bottom:14px}.settings-section{gap:12px;padding:12px;display:grid}.settings-section .section-heading{border-bottom:0;min-height:28px;padding:0}.settings-section .section-heading>div{gap:4px;display:grid}.settings-section .section-heading p{color:var(--muted);margin:0;font-size:12px}.cloud-status{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.cloud-status.is-syncing{color:#d8c36f}.cloud-status.is-synced{color:var(--accent)}.cloud-status.is-error{color:var(--danger)}.cloud-account-row{border:1px solid var(--border);background:var(--row);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.cloud-account-row strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sync-detail-row{border:1px solid var(--border);background:var(--row);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.sync-detail-row strong{color:var(--text);margin-top:2px;font-size:13px;display:block}.backup-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-advanced{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden}.settings-advanced>summary{min-height:48px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-weight:700;list-style:none;display:flex}.settings-advanced>summary::-webkit-details-marker{display:none}.settings-advanced>summary:after{content:"+";color:var(--muted);font:700 16px/1 var(--mono)}.settings-advanced[open]>summary{border-bottom:1px solid var(--border)}.settings-advanced[open]>summary:after{content:"−"}.settings-advanced>summary small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:400}.advanced-content{gap:12px;padding:12px;display:grid}.advanced-content .settings-section{background:var(--row)}.advanced-content .settings-summary{margin-bottom:0}.settings-notice{border:1px solid var(--accent-border);color:var(--text);background:var(--accent-wash);border-radius:7px;margin:0;padding:10px 12px;font-size:13px}.settings-notice.is-error{color:var(--danger);background:#f07f7f14;border-color:#f07f7f80}.cloud-actions{justify-content:flex-start}.manual-cloud-section .secondary-button{white-space:normal}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.summary-item{border:1px solid var(--border);background:var(--row);border-radius:7px;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon label""icon value";align-items:center;min-width:0;min-height:56px;padding:8px;display:grid}.summary-icon{width:30px;height:30px;color:var(--accent);grid-area:icon;justify-content:center;align-items:center;display:inline-flex}.summary-label{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:label;font-size:12px;overflow:hidden}.summary-item strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-area:value;font-size:14px;font-weight:700;overflow:hidden}.file-button{position:relative;overflow:hidden}.file-button input{cursor:pointer;opacity:0;position:absolute;inset:0}.settings-message{color:var(--muted);margin:0;font-size:13px}.settings-message.is-error{color:var(--danger)}.app-content{min-width:0}.section-color-red{--section-accent:#dc2626;--section-wash:#dc26261f}.section-color-crimson{--section-accent:#a61e3b;--section-wash:#a61e3b1f}.section-color-orange{--section-accent:#ea580c;--section-wash:#ea580c1f}.section-color-amber{--section-accent:#c47f0a;--section-wash:#c47f0a1f}.section-color-yellow{--section-accent:#ca8a04;--section-wash:#ca8a041f}.section-color-lime{--section-accent:#65a30d;--section-wash:#65a30d1f}.section-color-green{--section-accent:#16a34a;--section-wash:#16a34a1f}.section-color-emerald{--section-accent:#047857;--section-wash:#0478571f}.section-color-teal{--section-accent:#0f766e;--section-wash:#0f766e1f}.section-color-cyan{--section-accent:#0891b2;--section-wash:#0891b21f}.section-color-sky{--section-accent:#0284c7;--section-wash:#0284c71f}.section-color-blue{--section-accent:#2563eb;--section-wash:#2563eb1f}.section-color-navy{--section-accent:#1e3a8a;--section-wash:#1e3a8a1f}.section-color-indigo{--section-accent:#4338ca;--section-wash:#4338ca1f}.section-color-violet{--section-accent:#7c3aed;--section-wash:#7c3aed1f}.section-color-purple{--section-accent:#6b21a8;--section-wash:#6b21a81f}.section-color-magenta{--section-accent:#a21caf;--section-wash:#a21caf1f}.section-color-pink{--section-accent:#db2777;--section-wash:#db27771f}.section-color-rose{--section-accent:#be365d;--section-wash:#be365d1f}.section-color-brown{--section-accent:#795548;--section-wash:#7955481f}.section-color-olive{--section-accent:#75751f;--section-wash:#75751f1f}.section-color-slate{--section-accent:#64748b;--section-wash:#64748b1f}.section-color-dark-red{--section-accent:#991b1b;--section-wash:#991b1b1f}.section-color-light-red{--section-accent:#f87171;--section-wash:#f871711f}.section-color-pale-red{--section-accent:#fca5a5;--section-wash:#fca5a51f}.section-color-dark-green{--section-accent:#166534;--section-wash:#1665341f}.section-color-light-green{--section-accent:#4ade80;--section-wash:#4ade801f}.section-color-pale-green{--section-accent:#86efac;--section-wash:#86efac1f}.section-color-dark-blue{--section-accent:#1e3a8a;--section-wash:#1e3a8a1f}.section-color-light-blue{--section-accent:#60a5fa;--section-wash:#60a5fa1f}.section-color-pale-blue{--section-accent:#93c5fd;--section-wash:#93c5fd1f}.section-color-dark-orange{--section-accent:#9a3412;--section-wash:#9a34121f}.section-color-light-orange{--section-accent:#fb923c;--section-wash:#fb923c1f}.section-color-pale-orange{--section-accent:#fdba74;--section-wash:#fdba741f}.section-color-dark-yellow{--section-accent:#854d0e;--section-wash:#854d0e1f}.section-color-light-yellow{--section-accent:#facc15;--section-wash:#facc151f}.section-color-pale-yellow{--section-accent:#fde047;--section-wash:#fde0471f}.section-color-dark-cyan{--section-accent:#155e75;--section-wash:#155e751f}.section-color-light-cyan{--section-accent:#22d3ee;--section-wash:#22d3ee1f}.section-color-pale-cyan{--section-accent:#67e8f9;--section-wash:#67e8f91f}.work-section.is-dragging{z-index:8;border-color:var(--section-accent,var(--accent));box-shadow:0 18px 42px #00000057, var(--shadow);transform:translate3d(var(--drag-x,0), var(--drag-y,0), 0) scale(1.01);pointer-events:none;will-change:transform}.section-title,.section-controls{align-items:center;gap:7px;display:flex}.section-title{min-width:0}.section-title h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-title>span:last-child{color:var(--muted);font:700 12px/1 var(--mono)}.section-heading .section-title-icon{width:25px;height:25px;color:var(--section-accent,var(--accent));background:var(--section-wash,var(--accent-wash));border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.section-controls{gap:2px}.section-order-button:disabled{opacity:.25}.section-drag-handle{cursor:grab}.section-drag-handle:active{cursor:grabbing}.completion-time{color:var(--faint);font:10px/1.3 var(--mono);padding:0 8px 4px;text-decoration:none;display:block}.recovery-banner{border:1px solid var(--accent-border);width:min(1068px,100% - 52px);color:var(--text);background:var(--accent-wash);border-radius:8px;align-items:center;gap:9px;margin:14px auto -4px;padding:9px 11px;font-size:12px;display:flex}.recovery-banner>span{flex:1}.recovery-banner.is-warning{background:#d8b9681a;border-color:#d8b96880}.history-toast{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;border:1px solid var(--border-strong);max-width:min(420px,100vw - 24px);color:var(--text);background:var(--panel-raised);box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:10px;padding:9px 10px 9px 13px;display:flex;position:fixed}.is-auto-dismissing{animation:.5s 8s forwards notice-fade-out}@keyframes notice-fade-out{to{opacity:0;transform:translateY(8px)}}.history-toast>span{flex:1;min-width:0}.history-toast>button:not(.icon-button){color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-weight:700;display:inline-flex}.modal-backdrop{z-index:30;padding:calc(18px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:fixed;inset:0}.planner-dialog{border:1px solid var(--border-strong);background:var(--panel);width:min(520px,100%);max-height:calc(100svh - 36px);box-shadow:var(--shadow);border-radius:10px;gap:16px;padding:18px;display:grid;overflow:auto}.compact-dialog,.due-date-dialog{width:min(440px,100%)}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dialog-heading h2{margin:0;font-size:20px}.dialog-description{color:var(--text);opacity:.8;overflow-wrap:anywhere;margin:0}.dialog-field{color:var(--muted);gap:6px;font-size:12px;display:grid}.dialog-field input,.dialog-field select{border:1px solid var(--border);width:100%;height:40px;color:var(--text);background:var(--field);border-radius:7px;outline:none;padding:0 10px}.choice-fieldset{border:0;min-width:0;margin:0;padding:0}.choice-fieldset legend{color:var(--muted);margin-bottom:8px;font-size:12px}.color-options{flex-wrap:wrap;gap:6px;display:flex}.icon-options{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;display:grid}.icon-search{border:1px solid var(--border);color:var(--muted);background:var(--row);border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:0 10px;display:flex}.icon-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash)}.icon-search input{width:100%;min-width:0;height:38px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:0}.icon-search-empty{border:1px solid var(--border);color:var(--muted);background:var(--row);border-radius:8px;margin:0;padding:12px;font-size:13px}.color-option,.icon-options button{border:1px solid var(--border);width:100%;height:36px;color:var(--muted);background:var(--row);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.color-option{width:34px}.icon-options-toggle{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:9px;padding:4px 0;font-size:12px;font-weight:700;display:inline-flex}.icon-options-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;display:grid}.icon-options-toggle.is-more{grid-area:1/1;justify-self:start}.icon-options-toggle.is-fewer{grid-area:1/2;justify-self:end}.icon-options-toggle:hover{text-decoration:underline}.color-option{background:var(--section-accent);box-shadow:inset 0 0 0 5px var(--panel)}.color-option.is-selected,.icon-options button.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash);color:var(--accent)}.dialog-actions{grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;display:grid}.dialog-actions.task-delete-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.task-delete-dialog-actions>button{width:100%}.danger-button{min-height:38px;color:var(--danger);background:var(--danger-wash);font:inherit;cursor:pointer;border:1px solid #f07f7f80;border-radius:7px;justify-content:center;align-items:center;padding:0 13px;display:inline-flex}.danger-button:disabled{cursor:not-allowed;opacity:.45}.setting-toggle-row{border:1px solid var(--border);background:var(--row);cursor:pointer;border-radius:7px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.setting-toggle-icon{width:34px;height:34px;color:var(--accent);background:var(--accent-wash);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.setting-toggle-row strong,.setting-toggle-row small{display:block}.setting-toggle-row small{color:var(--muted);margin-top:2px}.setting-toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.completion-celebration{left:50%;top:calc(20px + env(safe-area-inset-top));z-index:25;border:1px solid var(--accent-border);color:var(--text);background:var(--panel-raised);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:7px;padding:9px 13px;animation:4s both celebration-pop;display:flex;position:fixed;transform:translate(-50%)}.completion-celebration>svg{color:var(--accent)}.completion-celebration i{background:var(--accent);width:5px;height:5px;transform:rotate(calc(var(--particle) * 30deg)) translateY(-24px);border-radius:2px;animation:2s ease-out both celebration-particle;position:absolute;top:50%;left:50%}.sections-grid.is-celebrating .work-section:first-child{animation:1s completed-highlight}@keyframes celebration-pop{0%{opacity:0;transform:translate(-50%,-8px)scale(.96)}18%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-3px)scale(.98)}}@keyframes celebration-particle{0%{opacity:1}to{opacity:0;transform:rotate(calc(var(--particle) * 30deg)) translateY(-48px) scale(.4)}}@keyframes completed-highlight{0%,to{box-shadow:none}35%{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-wash)}}.login-form label span small{color:var(--faint);font-weight:400}.login-links{justify-content:space-between;gap:12px;display:flex}.login-links button,.text-button,.version-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.login-links button:hover,.text-button:hover{text-decoration:underline}.version-button:hover{cursor:default;text-decoration:none}.verification-panel{text-align:center}.verification-panel h1{margin:0}.verification-panel p{color:var(--muted);margin:0}.verification-panel p strong{color:var(--text)}.verification-icon{width:52px;height:52px;color:var(--accent);background:var(--accent-wash);border-radius:14px;justify-content:center;justify-self:center;align-items:center;display:inline-flex}.task-row{grid-template-columns:30px 30px minmax(0,1fr) auto}.task-row.is-read-only{grid-template-columns:minmax(0,1fr) auto}.task-row.is-read-only.is-complete{grid-template-columns:30px minmax(0,1fr) auto}.task-row.is-important{border-color:var(--important-border);border-left-color:var(--important);background:var(--important-wash);border-left-width:3px}.task-row.is-important:hover{border-color:var(--important-border);border-left-color:var(--important)}.task-row.is-drop-target{border-color:var(--accent-border);transform:translateY(2px)}.task-row.is-dragging{opacity:.96}.task-actions,.task-action-buttons{align-items:center;gap:6px;display:flex}.task-row.is-phone-layout.is-duedate{grid-template-rows:auto auto}.task-row.is-phone-layout.is-duedate .task-actions{display:contents}.task-row.is-phone-layout.is-duedate .task-action-buttons{grid-area:1/4}.task-row.is-phone-layout.is-duedate .task-due-date{grid-area:2/3/auto/-1;justify-self:start;margin-top:2px}.task-row.is-phone-layout.is-read-only.is-duedate .task-action-buttons{grid-column:2}.task-row.is-phone-layout.is-read-only.is-duedate .task-due-date{grid-column:1/-1}.task-row.is-phone-layout.is-read-only.is-complete.is-duedate .task-action-buttons{grid-column:3}.task-row.is-phone-layout.is-read-only.is-complete.is-duedate .task-due-date{grid-column:2/-1}.task-delete-button{color:var(--danger)}.task-delete-button:hover:not(:disabled){color:var(--danger);background:var(--danger-wash)}.action-menu-trigger.is-active{color:var(--text);border-color:var(--border);background:var(--panel-raised)}.important-indicator{color:var(--important);border-color:var(--important-border);background:var(--important-wash)}.action-menu{display:inline-flex;position:relative}.action-menu-popover{z-index:30;border:1px solid var(--border-strong);background:var(--panel-raised);width:max-content;min-width:180px;box-shadow:var(--shadow);border-radius:8px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);right:0}.action-menu-item{min-height:34px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;padding:5px 9px;font-size:12px;font-weight:600;line-height:1.2;display:grid}.action-menu-item>span{color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.action-menu-item:hover:not(:disabled),.action-menu-item:focus-visible{background:var(--panel);outline:none}.action-menu-item.is-checked>span{color:var(--important)}.action-menu-item.is-danger,.action-menu-item.is-danger>span{color:var(--danger)}.action-menu-item.is-danger.is-filled{background:var(--danger-wash)}.action-menu-item.is-danger.is-filled:hover,.action-menu-item.is-danger.is-filled:focus-visible{background:color-mix(in srgb, var(--danger) 16%, transparent)}.action-menu-item:disabled{cursor:default;opacity:.4}.important-indicator{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.task-notes-preview{color:var(--muted);overflow-wrap:break-word;-webkit-box-orient:vertical;margin:0;padding:0 8px 5px;font-size:12px;display:-webkit-box;overflow:hidden}.task-due-date{border:1px solid var(--accent-border);color:var(--accent);background:var(--accent-wash);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.task-due-date.urgency-overdue{border-color:color-mix(in srgb, var(--danger) 42%, var(--border));color:var(--danger);background:var(--danger-wash)}.task-due-date.urgency-today{border-color:var(--important-border);color:var(--important);background:var(--important-wash)}.task-due-date.urgency-soon{border-color:var(--due-soon-border);color:var(--due-soon);background:var(--due-soon-wash)}.task-due-date.urgency-week{border-color:var(--due-week-border);color:var(--due-week);background:var(--due-week-wash)}.due-date-form{gap:16px;display:grid}.due-time-field{border:1px solid var(--border);background:var(--panel-raised);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:13px 14px;display:flex}.due-time-field>label{gap:3px;display:grid}.due-time-field>label strong{font-size:13px}.due-time-field>label span{color:var(--muted);font-size:11px}.due-time-control{align-items:center;gap:8px;display:flex}.due-time-control input{border:1px solid var(--border-strong);width:124px;height:42px;color:var(--text);background:var(--field);font:700 13px/1 var(--mono);border-radius:7px;padding:0 10px}.due-time-control .secondary-button{white-space:nowrap;min-height:42px}.due-date-calendar{border:1px solid var(--border);background:var(--panel-raised);border-radius:8px;overflow:hidden}.due-date-calendar-header{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 10px;display:grid}.due-date-calendar-header select{border:1px solid var(--border-strong);width:100%;height:38px;color:var(--text);background:var(--field);font:700 13px/1 var(--sans);cursor:pointer;border-radius:7px;padding:0 10px}.due-date-calendar-grid{padding:8px 10px}.due-date-calendar-day{color:var(--text);background:var(--row);cursor:pointer}.due-date-calendar-day:hover,.due-date-calendar-day:focus-visible{border-color:var(--accent-border);background:var(--accent-wash);outline:none}.due-date-calendar-day.is-today:not(.is-selected){border-color:var(--accent-border);color:var(--accent)}.due-date-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:4px;display:grid}.due-date-dialog-actions button{white-space:nowrap;width:100%;min-height:42px;padding-inline:16px}.task-notes-preview.is-editable{cursor:text}.task-notes-input{border:1px solid var(--border);width:calc(100% - 16px);min-height:58px;color:var(--text);background:var(--field);font:inherit;resize:none;border-radius:6px;margin:2px 8px 7px;padding:8px;font-size:12px;line-height:18px;overflow-y:auto}.drag-handle,.section-drag-handle{touch-action:none;-webkit-user-select:none;user-select:none}.section-quick-add{border-bottom:1px solid var(--border);background:var(--panel-raised);grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:8px;display:grid}.section-quick-add input{border:1px solid var(--border-strong);min-width:0;height:38px;color:var(--text);background:var(--field);border-radius:7px;padding:0 10px}.rollover-dialog{width:min(760px,100%)}.rollover-dialog .eyebrow,.developer-modal .eyebrow{align-items:center;gap:6px;display:flex}.rollover-list{gap:7px;max-height:min(48svh,440px);display:grid;overflow:auto}.rollover-item{border:1px solid var(--border);background:var(--row);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px;font-size:12px;display:flex}.rollover-item strong,.rollover-item small{font-weight:400;display:block}.rollover-item small{color:var(--muted);margin-top:3px}.rollover-item.is-discarded strong{color:var(--muted);text-decoration:line-through}.rollover-actions{justify-content:center;align-items:center;margin-top:12px;display:flex}.account-actions{flex-wrap:wrap;gap:7px;display:flex}.theme-setting-row{border:1px solid var(--border);background:var(--row);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.theme-setting-row strong,.theme-setting-row small{display:block}.theme-setting-row small{color:var(--muted);margin-top:2px}.theme-options{border:1px solid var(--border);background:var(--panel);border-radius:7px;gap:4px;padding:3px;display:flex}.theme-options button{height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.theme-options button.is-selected{color:var(--text);background:var(--panel-raised);box-shadow:0 0 0 1px var(--border)}.danger-zone-section{border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.danger-zone-button,.developer-action{justify-self:start}.version-button{color:var(--faint);font:11px/1.4 var(--mono);justify-self:center;margin:4px auto 0}.developer-modal{z-index:50;color:var(--text);background:var(--bg);grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.developer-modal>header{padding:calc(18px + env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) 18px max(22px, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;display:flex}.developer-modal h1{margin:0;font-size:23px}.developer-content{width:min(960px,100%);padding:22px max(22px, env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));align-content:start;gap:14px;margin:0 auto;display:grid;overflow:auto}.walkthrough-shell{z-index:100;color:var(--text);background:var(--bg);grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.update-modal{z-index:120;color:var(--text);background:radial-gradient(circle at 50% 0, var(--accent-wash), transparent 38%), var(--bg);overscroll-behavior:contain;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.update-modal-header,.update-modal-footer{padding:14px max(18px, env(safe-area-inset-right)) 14px max(18px, env(safe-area-inset-left));border-color:var(--border);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:16px;display:flex}.update-modal-header{padding-top:max(14px, env(safe-area-inset-top));border-bottom:1px solid var(--border)}.update-modal-footer{padding-bottom:max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--border)}.update-modal-brand{align-items:center;gap:8px;font-weight:800;display:inline-flex}.update-modal-brand svg{color:var(--accent)}.update-modal-scroll{overflow:auto}.update-modal-content{gap:34px;width:min(920px,100% - 36px);margin:0 auto;padding:clamp(36px,7vh,80px) 0;display:grid}.update-modal-hero{text-align:center;justify-items:center;gap:10px;display:grid}.update-version{border:1px solid var(--accent-border);color:var(--accent);background:var(--accent-wash);font:700 11px/1.2 var(--mono);border-radius:999px;padding:6px 10px;display:inline-flex}.update-modal-hero .eyebrow,.update-modal-hero h1,.update-modal-hero>p:last-child,.update-change-list h2,.update-change-list p{margin:0}.update-modal-hero h1{letter-spacing:-.035em;max-width:720px;font-size:clamp(30px,5vw,54px);line-height:1.05}.update-modal-hero>p:last-child{max-width:680px;color:var(--muted);font-size:clamp(15px,2vw,18px);line-height:1.6}.update-change-list{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.update-change-list li{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:18px;display:grid}.update-change-icon{width:34px;height:34px;color:var(--accent);background:var(--accent-wash);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.update-change-list h2{font-size:15px}.update-change-list p{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.55}.update-modal-footer>span{color:var(--muted);font:11px/1.3 var(--mono)}.update-modal-footer .primary-button{min-width:170px}.walkthrough-topbar{padding:calc(14px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 14px max(18px, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;display:flex}.walkthrough-content{width:min(1120px,100%);padding:clamp(24px, 6vw, 72px) max(clamp(24px, 6vw, 72px), env(safe-area-inset-right)) calc(clamp(24px, 6vw, 72px) + env(safe-area-inset-bottom)) max(clamp(24px, 6vw, 72px), env(safe-area-inset-left));grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:clamp(20px,5vw,70px);margin:0 auto;display:grid;overflow:auto}.walkthrough-mock{border:1px solid var(--border);background:var(--panel-soft);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:24px;display:grid}.walkthrough-mock-header p,.walkthrough-mock-header h2{margin:0}.walkthrough-mock-header p{color:var(--accent);font:700 10px/1.2 var(--mono);text-transform:uppercase}.walkthrough-mock-header h2{margin-top:4px;font-size:20px}.walkthrough-mock-add{border:1px solid var(--border-strong);color:var(--placeholder);background:var(--field);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 9px 9px 12px;display:flex}.walkthrough-mock-add button{color:var(--on-accent);background:var(--accent);border:0;border-radius:6px;align-items:center;gap:5px;padding:7px 10px;display:inline-flex}.walkthrough-mock-section{border:1px solid var(--border);background:var(--panel);border-radius:9px;overflow:hidden}.walkthrough-mock-section header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px;font-weight:700;display:flex}.walkthrough-mock-section header span{align-items:center;gap:6px;display:inline-flex}.walkthrough-mock-section small{color:var(--muted)}.walkthrough-mock-task{background:var(--row);border-radius:6px;grid-template-columns:18px 18px minmax(0,1fr) auto auto;align-items:center;gap:6px;margin:6px;padding:8px;display:grid}.walkthrough-mock-task>i{border:1px solid var(--border-strong);border-radius:4px;width:15px;height:15px}.walkthrough-mock-task span small{margin-top:2px;display:block}.walkthrough-mock-task.important{border-left:3px solid var(--accent)}.walkthrough-mock-task.is-complete span{color:var(--muted);text-decoration:line-through}.walkthrough-mock>*{transition:opacity .18s,outline-color .18s}.walkthrough-mock.focus-add>:not(.walkthrough-mock-add),.walkthrough-mock.focus-sections>:not(.walkthrough-mock-section),.walkthrough-mock.focus-details>:not(.todo),.walkthrough-mock.focus-complete>:not(.completed){opacity:.3}.walkthrough-mock.focus-add .walkthrough-mock-add,.walkthrough-mock.focus-sections .walkthrough-mock-section,.walkthrough-mock.focus-details .todo .important,.walkthrough-mock.focus-complete .completed{outline:3px solid var(--accent-border);outline-offset:3px}.walkthrough-card h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05}.walkthrough-card>p:not(.eyebrow){color:var(--muted);font-size:16px}.walkthrough-progress{gap:6px;margin:24px 0;display:flex}.walkthrough-progress span{background:var(--border-strong);border-radius:99px;width:28px;height:4px}.walkthrough-progress span.is-active{background:var(--accent)}.walkthrough-actions{justify-content:flex-end;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.is-auto-dismissing,.completion-celebration{animation-duration:1ms}.completion-celebration i{display:none}.sections-grid.is-celebrating .work-section:first-child{border-color:var(--accent-border);animation:none}}@media (width<=850px){.app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-content:start}.sidebar{z-index:5;height:auto;padding:calc(8px + env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));border-right:0;border-bottom:1px solid var(--border);grid-template-columns:minmax(148px,180px) minmax(0,1fr);align-self:start;align-items:center;gap:10px;display:grid;position:sticky;top:0;overflow:hidden}.brand{grid-template-columns:0 minmax(0,1fr);gap:0;min-width:0;display:grid}.sidebar{padding:calc(8px + env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));grid-template-columns:0 minmax(0,1fr);gap:0}.brand strong,.brand small{display:none}.nav-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.nav-tabs button{white-space:nowrap;border-radius:7px;justify-content:center;gap:6px;min-width:0;height:32px;padding:0 8px;font-size:13px;line-height:1;overflow:hidden}.nav-tabs button svg{flex:none;width:16px;height:16px}.settings-summary,.app-install-button{display:none}.nav-tabs .nav-settings{display:flex!important}.nav-label-full{display:none}.nav-label-short{text-overflow:ellipsis;min-width:0;display:inline;overflow:hidden}.page{padding:18px 12px}.recovery-banner{width:calc(100% - 24px);margin-top:12px}.page-header,.summary-grid{grid-template-columns:1fr}.archive-layout{grid-template-columns:minmax(0,1fr) 236px;gap:10px}.archive-sidebar{gap:8px;top:12px}.calendar-grid{gap:2px;padding:7px}.calendar-weekday{height:18px;font-size:9px}.calendar-day{border-radius:5px;font-size:11px}.page-header{display:grid}.page-header h1{font-size:22px}.archive-list{min-height:120px;max-height:calc(100svh - 300px);padding:7px}}@media (width<=560px){.brand{grid-template-columns:30px}.brand>div{display:none}.nav-tabs button{gap:6px;padding-inline:6px;font-size:12px}.task-row{grid-template-columns:30px 30px minmax(0,1fr) auto}.archive-layout{grid-template-columns:1fr}.archive-sidebar{order:-1;position:static}.archive-list{max-height:none}.button-row{justify-content:stretch}.button-row button,.button-row label{flex:auto}.task-empty-state{grid-template-columns:42px minmax(0,1fr)}.empty-state-action{grid-column:1/-1;width:100%}.sync-detail-row,.cloud-account-row{flex-direction:column;align-items:stretch}.backup-actions .secondary-button{flex:100%}.settings-advanced>summary small{display:none}}@media (width<=760px){.walkthrough-content{grid-template-columns:1fr;align-content:start;padding:22px}.walkthrough-card{order:-1}.walkthrough-mock{padding:14px}}@media (width<=560px){.section-quick-add{grid-template-columns:1fr 1fr}.section-quick-add input{grid-column:1/-1}.theme-setting-row,.rollover-item{flex-direction:column;align-items:stretch}.theme-options button{flex:1;justify-content:center}.account-actions{width:100%}.account-actions .secondary-button{flex:auto}.developer-content{padding:12px}.walkthrough-content{padding:16px}.walkthrough-mock-task{grid-template-columns:16px 16px minmax(0,1fr)}.walkthrough-mock-task>svg:nth-last-child(-n+2){display:none}.due-time-field,.due-time-control{grid-template-columns:minmax(0,1fr);align-items:stretch;width:100%;min-width:0;max-width:100%;display:grid}.due-time-control input,.due-time-control .secondary-button{width:100%;inline-size:100%;min-width:0;max-width:100%;min-inline-size:0;max-inline-size:100%;display:block}@supports (-webkit-touch-callout:none){.due-time-control input[type=time]{appearance:none;text-align:center}.due-time-control input[type=time]::-webkit-date-and-time-value{text-align:center}}.icon-options{grid-template-columns:repeat(7,minmax(0,1fr))}.dialog-actions{grid-template-columns:1fr 1fr}.dialog-actions>span{display:none}.dialog-actions .danger-button{grid-column:1/-1}.dialog-actions.task-delete-dialog-actions .danger-button{grid-column:auto}.recovery-banner{flex-wrap:wrap;align-items:flex-start}.history-toast{bottom:12px;right:12px}.update-modal-content{gap:24px;width:min(100% - 24px,920px);padding:30px 0}.update-change-list{grid-template-columns:1fr}.update-modal-footer>span{display:none}.update-modal-footer .primary-button{width:100%}}