:root{color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#eef7ff;--muted:#9db2c8;--paper:#07131e;--purple:#168fd8;--purple-dark:#6ccfff;--sync-healthy-color:#58c9f5;--lime:#8fdcff;--coral:#294ea3;--line:#8ec4e829;--surface:#0b1d2b;--surface-raised:#10293f;--surface-soft:#0d2235;--surface-group:#081a28;--surface-task:#0b1d2b;--surface-task-hover:#143650;--surface-archive:#0e2436;--surface-archive-hover:#173c59;--danger:#f3a1d6;--danger-soft:#541d5257;--glass-button:var(--action-background);--glass-button-hover:#69c2f33d;--glass-highlight:#f0faff57;--action-background:linear-gradient(135deg, #299edb33, #325bb529);--action-background-hover:linear-gradient(135deg, #2db1eb61, #376ac84d);--action-background-subtle:linear-gradient(135deg, #299edb1a, #325bb514);--action-background-subtle-hover:linear-gradient(135deg, #2db1eb4d, #376ac838);--glass-control-inner-shadow:inset 0 1px 0 var(--glass-highlight), inset 0 -1px 0 #06142233;--glass-control-shadow:var(--glass-control-inner-shadow), 0 8px 22px #00081433;--delete-control-shadow:inset 0 1px 0 #b5e6ff5c;--completion-control-background:var(--action-background);--completion-control-background-hover:var(--action-background-subtle-hover);--completion-control-shadow:var(--glass-control-inner-shadow);--control-focus-background:#1e9adc4d;--control-focus-filter:brightness(1.28) saturate(1.15);--control-disabled-opacity:.52;--danger-control-background:linear-gradient(135deg, #7b347433, #6a307b29);--danger-control-background-hover:linear-gradient(135deg, #9a408f61, #89399e4d);--text-primary:var(--ink);--text-secondary:var(--muted);--text-placeholder:#7892ab;--text-danger:#f8c5e7;--text-danger-strong:#ffd5f0;--popup-surface:#0c2335fa;--popup-border:1px solid #6ccfff4d;--popup-shadow:0 10px 28px #0008146b;--space-1:.25rem;--space-2:.4rem;--space-3:.65rem;--space-4:1.05rem;--space-5:1.7rem;--space-6:2.75rem;--space-7:4.45rem;--radius-small:6px;--radius-control:10px;--radius-container:16px;--radius-shell:22px;--radius-pill:999px;--text-caption:.75rem;--text-meta:.8125rem;--text-body:.875rem;--text-heading:1rem;--text-group:1.0625rem;--text-task:.875rem;--leading-tight:1.25;--leading-meta:1.35;--leading-body:1.4;--leading-copy:1.45;--weight-medium:500;--weight-semibold:600;--weight-action:650;--control-visible-size:2.25rem;--control-touch-size:2.75rem;--control-size-compact:var(--control-visible-size);--control-size:var(--control-touch-size);--action-visible-inset:4px;--icon-size-compact:12px;--icon-size-navigation:26px;--icon-size-settings:28px;--reorder-handle-width:28px;--row-height:50px;--scrollbar-width:5px;--progress-track-width:11rem;--delete-action-size:var(--control-size-compact);--paired-action-width:calc(var(--delete-action-size) * 2 + var(--space-2));--action-control-gap:var(--space-2);--content-inset:var(--space-4);--page-inset:3.4rem;--page-inset-compact:.8rem;--motion-fast:.14s;--motion-control:.15s;--motion-standard:.16s;--motion-progress:.22s;--ease-standard:ease;--layer-active-group:1;--layer-active-menu:2;--layer-drag-marker:5;--layer-popover:8;--layer-menu:10;--shadow:0 28px 80px #00000075;background:#030b12;font-family:-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}::selection{color:#f6fbff;background:#25a}html{background:#030b12;height:100%}body{background:radial-gradient(circle at 9% 8%,#1a83d580 0 4%,#0000 24%),radial-gradient(circle at 90% 15%,#2a2d8985 0 5%,#0000 24%),radial-gradient(circle at 78% 92%,#0093d633 0 3%,#0000 21%),#030b12;height:100dvh;margin:0;padding:0;overflow:hidden}button,input{font:inherit}button{color:var(--ink);background:var(--glass-button);box-shadow:var(--glass-control-shadow);-webkit-tap-highlight-color:transparent;transition:background var(--motion-standard) var(--ease-standard), border-color var(--motion-standard) var(--ease-standard), box-shadow var(--motion-standard) var(--ease-standard), transform var(--motion-standard) var(--ease-standard);border:1px solid #0000}button,input{outline:none}button:focus-visible{color:#fff;background:var(--control-focus-background);filter:var(--control-focus-filter)}button:disabled{opacity:var(--control-disabled-opacity)}input:focus-visible{outline:0}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}#app{height:100%;min-height:0}.page-shell{width:min(1040px, calc(100% - var(--page-inset)));border-radius:var(--radius-shell);height:100%;min-height:0;box-shadow:var(--shadow);background:linear-gradient(145deg,#0c1f30fa,#051019fc 52%,#0d1d41fa);border:1px solid #79c6f433;grid-template-rows:auto minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.app-header{height:var(--row-height);padding:0 var(--space-4);border:0;border-bottom:1px solid var(--line);border-radius:var(--radius-shell) var(--radius-shell) 0 0;background:linear-gradient(145deg,#0c1f30,#051019);justify-content:space-between;align-items:center;display:flex}main{scrollbar-gutter:stable both-edges;scrollbar-color:#6ccfff6b transparent;scrollbar-width:thin;min-height:0;overflow-y:auto}main:focus{outline:none}@supports (-webkit-touch-callout:none){.app-header{position:sticky;top:0}}@media (hover:hover) and (pointer:fine){main:focus-visible{box-shadow:inset 0 0 0 2px #6ccfff6b}}main::-webkit-scrollbar{width:var(--scrollbar-width)}main::-webkit-scrollbar-track{background:0 0}main::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#6ccfff6b padding-box content-box;border:1px solid #0000}main::-webkit-scrollbar-thumb:hover{background-color:#6ccfffad}.brand{gap:var(--space-2);color:var(--ink);font-size:clamp(1.1667rem,2vw,1.5rem);font-weight:var(--weight-semibold);letter-spacing:-.01em;align-items:center;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;flex:none;width:1.7rem;height:1.7rem}.today-label{color:var(--muted);font-size:var(--text-caption);letter-spacing:0;text-transform:capitalize;margin:0;font-weight:500}.header-actions{gap:var(--space-2);align-items:center;display:inline-flex}.header-icon-actions{gap:var(--action-control-gap);align-items:center;display:inline-flex}.header-icon-button{width:var(--control-visible-size);height:var(--control-visible-size);color:var(--muted);cursor:pointer;border-radius:var(--radius-small);box-shadow:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.header-icon-button:before{content:"";border-radius:inherit;box-shadow:var(--glass-control-shadow);pointer-events:none;background:0 0;border:1px solid #79c6f44d;position:absolute;inset:0}.header-icon-button:hover{color:var(--ink);background:0 0}.header-icon-button:hover:before{border-color:#90d7ff85}.header-icon-button svg{z-index:1;width:var(--icon-size-navigation);height:var(--icon-size-navigation);fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;position:relative}.header-sync-button .header-sync-icon{width:var(--icon-size-navigation);height:var(--icon-size-navigation);stroke-width:1.5px;shape-rendering:geometricprecision}.header-settings-button .header-settings-icon{width:var(--icon-size-settings);height:var(--icon-size-settings)}.header-sync-button{color:#6b8297}.header-settings-button,.header-sync-button[data-state=synced],.header-settings-button:hover{color:var(--sync-healthy-color)}.header-sync-button[data-state=syncing],.header-sync-button[data-state=pairing]{color:#8fdcff}.header-sync-button[data-state=error],.header-sync-button[data-state=offline],.header-sync-button[data-state=unavailable]{color:var(--danger)}main{padding:var(--space-4) var(--space-5) var(--virtual-keyboard-inset,0px)}.hero{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1.618fr) minmax(240px,1fr);align-items:center;display:grid}.eyebrow{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);color:#f5b4df;letter-spacing:.08em;font-size:.75rem;font-weight:600;display:none}.eyebrow:before{content:"";width:var(--space-5);background:var(--purple);border-radius:var(--radius-pill);height:3px}h1{letter-spacing:-.035em;max-width:760px;margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:1.08}h1 br{display:none}h1 span{color:var(--purple)}.hero-note{margin:0 0 var(--space-2);padding-left:var(--space-3);color:var(--muted);font-size:var(--text-meta);border-left:2px solid var(--lime);line-height:1.4}.task-panel{--task-panel-flow-gap:var(--space-2);gap:var(--task-panel-flow-gap);padding:var(--task-panel-flow-gap);border:1px solid var(--line);border-radius:var(--radius-container);background:#06141fe0;grid-template-columns:1fr;display:grid;box-shadow:0 18px 50px #0000004d,inset 0 1px #a0dcff0a}.task-form{gap:var(--space-2);height:var(--delete-action-size);padding:0 calc(var(--space-2) + 1px);background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.topic-task-form{height:var(--row-height);min-height:var(--row-height);border-bottom:1px solid var(--line)}.topic-form-actions{gap:var(--action-control-gap);align-items:center;display:flex}.task-form[hidden],.topic-create-trigger[hidden]{display:none}.topic-create-trigger{gap:var(--space-2);min-height:var(--delete-action-size);padding:var(--space-2) var(--space-3);font-size:var(--text-meta);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.icon-action-button.topic-create-trigger{width:auto;min-width:0;padding:var(--space-2) 12px;justify-self:end;margin:0}@media (width>=761px){.icon-action-button.topic-create-trigger>span{transform:translate(-1px)}}.title-input{min-width:0;height:var(--delete-action-size);min-height:var(--delete-action-size);padding:var(--space-2) var(--space-3);color:var(--ink);font-family:inherit;font-size:var(--text-body);background:var(--surface-soft);border-radius:var(--radius-control);border:1px solid #0000;font-weight:500;line-height:1.25}.title-input::placeholder{color:var(--text-placeholder)}.title-input:focus-visible{color:#fff;background:#1b6a9e47;border-color:#0000}.title-input:disabled{cursor:not-allowed;opacity:var(--control-disabled-opacity)}#topic-form .title-input,.topic-title-wrap .title-input{font-size:var(--text-group)}.topic-task-form .title-input,.task-inline-edit .title-input{font-size:var(--text-task)}.archive-clear-button{width:var(--paired-action-width);min-width:var(--paired-action-width);height:var(--delete-action-size);min-height:var(--delete-action-size);padding:var(--space-2) var(--space-1);color:#f5b4df;font-size:var(--text-meta);background:var(--danger-control-background);border-radius:var(--radius-control);box-shadow:var(--delete-control-shadow);cursor:pointer;transition:color var(--motion-control) var(--ease-standard), background var(--motion-control) var(--ease-standard), border-color var(--motion-control) var(--ease-standard), box-shadow var(--motion-control) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:0;font-weight:600;display:inline-flex}.archive-clear-button:hover{color:#ffe5f6;background:var(--danger-control-background-hover)}.archive-clear-button:focus-visible{color:#fff;background:var(--control-focus-background);filter:var(--control-focus-filter)}.archive-clear-button:active{transform:none}.archive-clear-button:disabled{cursor:not-allowed;opacity:var(--control-disabled-opacity)}.archive-clear-button:disabled:hover{color:#f5b4df;background:var(--danger-control-background);transform:none}.storage-alert{margin:var(--space-3) var(--space-1) 0;padding:var(--space-3) var(--space-4);color:var(--text-danger-strong);font-size:var(--text-meta);background:var(--danger-soft);border-radius:var(--radius-control);border:1px solid #f3a1d666;grid-column:1/-1;font-weight:500;line-height:1.5}.storage-alert[hidden]{display:none}.task-overview{gap:var(--space-2);height:calc(.9375rem + 7px + var(--task-panel-flow-gap) * 3);min-height:calc(.9375rem + 7px + var(--task-panel-flow-gap) * 3);padding:0 calc(var(--space-2) + 1px) 0 var(--content-inset);background:0 0;border:0;border-radius:0;grid-template-columns:auto minmax(180px,1fr);align-items:center;margin:0;display:grid}.overview-stats{gap:var(--space-3);width:max-content;max-width:100%;margin:0 0 var(--task-panel-flow-gap);grid-template-columns:auto 1px auto;align-self:end;align-items:center;display:grid}.overview-item{gap:var(--space-2);color:#f6fbff;grid-template-columns:auto auto;align-items:baseline;display:grid}.overview-item dt{color:#daeeffad;letter-spacing:0;font-size:.875rem;font-weight:500}.overview-item dd{color:var(--lime);margin:0;font-size:.875rem;font-weight:600}.overview-divider{width:1px;height:var(--space-4);background:#9dd3f633}.progress-wrap{width:calc(var(--progress-track-width) + var(--space-2) + var(--space-2) + var(--delete-action-size) + var(--delete-action-size));justify-self:end;max-width:100%}.topic-progress{width:var(--progress-track-width);justify-self:end;max-width:100%}.progress-wrap:before,.topic-progress:before{content:"Всё готово — отличный день!";visibility:hidden;height:0;font-size:var(--text-caption);white-space:nowrap;font-weight:500;display:block;overflow:hidden}.progress-caption,.topic-progress label{margin-bottom:var(--space-2);color:var(--muted);font-size:var(--text-caption);text-align:right;white-space:nowrap;font-weight:500;line-height:1.25;display:block}.topic-progress-label-compact{display:none}.progress-wrap progress{appearance:none;width:100%;height:7px;color:var(--lime);border-radius:var(--radius-pill);background:#9acfef47;border:0;display:block;overflow:hidden}.progress-wrap progress::-webkit-progress-bar{border-radius:var(--radius-pill);background:#9acfef47}.progress-wrap progress::-webkit-progress-value{border-radius:var(--radius-pill);transition:width var(--motion-progress) var(--ease-standard);background:linear-gradient(90deg,#3475d0,#19a9e6,#8ce6ff)}.progress-wrap progress::-moz-progress-bar{border-radius:var(--radius-pill);background:linear-gradient(90deg,#3475d0,#19a9e6,#8ce6ff)}.empty-state{padding:var(--task-panel-flow-gap) var(--space-4);text-align:center;grid-column:1/-1}.empty-state[hidden],.task-groups[hidden]{display:none}.empty-icon{width:var(--control-size-compact);height:var(--control-size-compact);margin:0 auto var(--space-3);color:#03101a;border-radius:var(--radius-control);background:linear-gradient(145deg,#a6eaff,#249ad8);place-items:center;font-size:1.2rem;font-weight:600;display:grid;transform:rotate(-5deg)}.empty-state h3{margin:0 0 var(--space-2);font-size:var(--text-heading);font-weight:var(--weight-semibold)}.empty-state p{color:var(--muted);font-size:var(--text-body);margin:0}.task-groups{gap:var(--task-panel-flow-gap);grid-column:1/-1;display:grid}.topic-group{background:var(--surface-group);border:1px solid var(--line);border-radius:var(--radius-container);position:relative;overflow:hidden}.topic-group.has-open-topic-name{z-index:var(--layer-active-group);overflow:visible}.topic-group:has(.topic-overflow[open]){z-index:var(--layer-active-menu);overflow:visible}.topic-group.is-collapsed .topic-heading{border-radius:calc(var(--radius-container) - 1px);border-bottom:0}.topic-group.is-collapsed.is-task-creating .topic-heading{border-bottom:1px solid var(--line);border-radius:calc(var(--radius-container) - 1px) calc(var(--radius-container) - 1px) 0 0}.topic-heading{gap:var(--space-4);height:var(--row-height);padding:0 var(--space-2) 0 0;background:var(--surface-group);border-bottom:1px solid var(--line);border-radius:calc(var(--radius-container) - 1px) calc(var(--radius-container) - 1px) 0 0;flex-wrap:nowrap;align-items:center;display:flex}.topic-heading h3{min-width:0;font-size:var(--text-group);font-weight:var(--weight-semibold);letter-spacing:-.015em;margin:0;line-height:1.25}.topic-title-wrap{gap:var(--space-2);flex:auto;align-items:center;min-width:0;max-width:100%;display:flex;position:relative}.topic-title-wrap h3{flex:1 1 0;min-width:0}.topic-title-wrap .inline-edit-input{width:100%;padding-left:var(--space-3);margin-left:0}.topic-title-trigger{overflow-wrap:anywhere;width:100%;max-width:100%;max-height:2.5em;color:inherit;font-weight:inherit;line-height:inherit;text-align:left;white-space:normal;border-radius:var(--radius-small);box-shadow:none;-webkit-line-clamp:2;cursor:default;background:0 0;border:0;-webkit-box-orient:vertical;padding:0;display:-webkit-box;overflow:hidden}.topic-title-trigger[data-action=toggle-topic-name],.task-title[data-action=toggle-topic-name]{cursor:pointer}.topic-title-trigger[data-action=toggle-topic-name]:hover,.topic-title-trigger[data-action=toggle-topic-name]:focus-visible,.task-title[data-action=toggle-topic-name]:hover,.task-title[data-action=toggle-topic-name]:focus-visible{color:var(--purple-dark);box-shadow:none;filter:none;background:0 0}.topic-title-popover{z-index:var(--layer-popover);top:calc(100% + var(--space-2));width:max-content;max-width:min(72vw,320px);padding:var(--space-2) var(--space-3);color:var(--ink);font-size:var(--text-meta);font-weight:500;line-height:var(--leading-meta);overflow-wrap:anywhere;white-space:normal;background:var(--popup-surface);border:var(--popup-border);border-radius:var(--radius-control);box-shadow:var(--popup-shadow);position:absolute;left:0}.topic-title-popover[hidden]{display:none}.reorder-handle{appearance:none;width:var(--reorder-handle-width);height:var(--control-size-compact);color:#8aabc2;box-shadow:none;cursor:grab;touch-action:none;transition:color var(--motion-standard) var(--ease-standard);background:0 0;border:0;border-radius:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.reorder-handle:hover{color:var(--purple-dark);box-shadow:none;filter:none;background:0 0}.reorder-handle:focus-visible{color:#fff;background:var(--control-focus-background);border-radius:var(--radius-control);box-shadow:var(--completion-control-shadow);filter:var(--control-focus-filter)}.reorder-handle:active{box-shadow:none;cursor:grabbing}.reorder-handle:disabled{cursor:not-allowed;opacity:var(--control-disabled-opacity)}.reorder-grip{width:var(--icon-size-compact);-webkit-filter:drop-shadow(0 1px #6dc2eb24);height:24px;transition:filter var(--motion-standard) var(--ease-standard);background-image:radial-gradient(circle at 42% 38%,#eef9ffa8 0 .55px,#0000 .75px),radial-gradient(circle,#000812eb 0 1.25px,#5ea5cf52 1.4px,#0000 1.75px);background-position:0 0;background-size:6px 6px;-webkit-background-clip:padding-box;background-clip:padding-box;margin-left:0}.reorder-handle:hover .reorder-grip{-webkit-filter:brightness(1.18)drop-shadow(0 1px #87daff38)}.topic-actions{gap:var(--action-control-gap);flex:none;justify-self:end;align-items:center;min-width:0;margin-left:auto;display:flex}.topic-actions>.edit-button,.topic-actions>.group-delete-button,.topic-group.is-editing .topic-actions>.add-task-trigger,.topic-group.is-editing .topic-actions>.topic-overflow{display:none}.topic-group.is-editing .topic-actions>.edit-button,.topic-group.is-editing .topic-actions>.group-edit-cancel-button{display:grid}.add-task-trigger>span{width:var(--icon-size-compact);height:var(--icon-size-compact);display:block;position:relative}.add-task-trigger>span:before,.add-task-trigger>span:after{width:var(--icon-size-compact);content:"";border-radius:var(--radius-pill);background:currentColor;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.add-task-trigger>span:after{transform:translate(-50%,-50%)rotate(90deg)}.topic-overflow{display:block;position:relative}.topic-overflow-trigger{list-style:none}.topic-overflow-trigger::-webkit-details-marker{display:none}.topic-overflow-trigger>span,.topic-overflow-trigger>span:before,.topic-overflow-trigger>span:after{background:currentColor;border-radius:50%;width:3px;height:3px}.topic-overflow-trigger>span{display:block;position:relative}.topic-overflow-trigger>span:before,.topic-overflow-trigger>span:after{content:"";position:absolute;top:0}.topic-overflow-trigger>span:before{left:-5px}.topic-overflow-trigger>span:after{left:5px}.topic-overflow-menu{z-index:var(--layer-menu);top:calc(100% + var(--space-1));right:var(--space-2);gap:var(--space-2);width:max-content;padding:var(--space-2);background:var(--popup-surface);border:var(--popup-border);border-radius:var(--radius-control);box-shadow:var(--popup-shadow);grid-template-columns:minmax(max-content,1fr);align-items:stretch;display:grid;position:absolute}.icon-action-button.topic-overflow-action{width:100%;min-width:max-content;height:var(--control-size-compact);padding:0 var(--space-3);font:inherit;font-size:var(--text-body);font-weight:var(--weight-action);line-height:var(--leading-tight);white-space:nowrap;justify-content:center;display:flex}.edit-button>span{width:var(--icon-size-compact);border-radius:var(--radius-pill);background:currentColor;height:3px;display:block;position:relative;transform:rotate(135deg)}.edit-button>span:before{content:"";border-top:1.5px solid #0000;border-bottom:1.5px solid #0000;border-left:3px solid;width:0;height:0;position:absolute;top:0;right:-3px}.edit-button>span:after{content:"";opacity:.6;background:currentColor;border-radius:1px 0 0 1px;width:2px;height:3px;position:absolute;top:0;left:-3px}.edit-button.is-save>span{background:0 0;border-bottom:2px solid;border-right:2px solid;border-radius:0;width:10px;height:6px;transform:scaleX(-1)rotate(45deg)translate(-1px,-1px)}.edit-button.is-save>span:before,.edit-button.is-save>span:after{display:none}.topic-progress progress{appearance:none;width:100%;height:7px;color:var(--purple);border-radius:var(--radius-pill);background:#9acfef47;border:0;display:block;overflow:hidden}.topic-progress progress::-webkit-progress-bar{border-radius:var(--radius-pill);background:#9acfef47}.topic-progress progress::-webkit-progress-value{border-radius:var(--radius-pill);transition:width var(--motion-progress) var(--ease-standard);background:linear-gradient(90deg,#3475d0,#19a9e6,#8ce6ff)}.topic-progress progress::-moz-progress-bar{border-radius:var(--radius-pill);background:linear-gradient(90deg,#3475d0,#19a9e6,#8ce6ff)}.group-delete-confirmation{--delete-confirm-control-size:var(--delete-action-size);grid-template-columns:minmax(0, 1fr) minmax(280px, 440px) var(--delete-confirm-control-size);gap:var(--action-control-gap);height:var(--row-height);padding:0 var(--space-2) 0 var(--content-inset);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#2f133994,#07192ae6);align-items:center;display:grid}.group-delete-warning,.task-delete-warning,.archive-clear-warning{width:100%;min-width:0;color:var(--text-danger);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-tight);text-align:center;white-space:normal;place-items:center;margin:0;display:grid}.group-delete-warning{width:calc(100% - 20px)}.swipe-delete{--swipe-progress:0%;--swipe-label-layer:2;--swipe-control-layer:3;--swipe-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 2.25 7.25 6 3.5 9.75' fill='none' stroke='%236ccfff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--swipe-arrow-active:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 2.25 7.25 6 3.5 9.75' fill='none' stroke='%23f6fbff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width:100%;height:var(--delete-confirm-control-size);background:#102536;background:linear-gradient(135deg, color-mix(in srgb, #102536 calc(100% - var(--swipe-progress)), #7b347433 var(--swipe-progress)), color-mix(in srgb, #0b1f31 calc(100% - var(--swipe-progress)), #7b347433 var(--swipe-progress)));border-radius:var(--radius-control);box-shadow:var(--glass-control-shadow);-webkit-backdrop-filter:blur(18px)saturate(155%);border:1px solid #0000;place-self:center end;position:relative}.swipe-delete-label{z-index:var(--swipe-label-layer);color:var(--muted);opacity:var(--swipe-text-opacity,1);font-size:var(--text-caption);pointer-events:none;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.swipe-delete-range{--swipe-progress:0%;--swipe-delete-thumb-background:var(--completion-control-background);--swipe-delete-thumb-background-hover:var(--completion-control-background-hover);--swipe-delete-thumb-shadow:var(--completion-control-shadow);z-index:var(--swipe-control-layer);width:100%;height:var(--delete-confirm-control-size);appearance:none;border-radius:var(--radius-control);cursor:ew-resize;touch-action:pan-y;background:0 0;border:0;margin:0;display:block;position:relative}.swipe-delete-range::-webkit-slider-runnable-track{height:var(--delete-confirm-control-size);border-radius:var(--radius-control);background:0 0}.swipe-delete-range::-webkit-slider-thumb{width:var(--delete-confirm-control-size);height:var(--delete-confirm-control-size);appearance:none;background:var(--swipe-arrow) center / 12px 12px no-repeat, var(--swipe-delete-thumb-background);border-radius:var(--radius-control);box-shadow:var(--swipe-delete-thumb-shadow);transition:box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);border:1px solid #0000;margin-top:0}.swipe-delete-range::-moz-range-track{height:var(--delete-confirm-control-size);background:0 0;border:0}.swipe-delete-range::-moz-range-thumb{width:var(--delete-confirm-control-size);height:var(--delete-confirm-control-size);background:var(--swipe-arrow) center / 12px 12px no-repeat, var(--swipe-delete-thumb-background);border-radius:var(--radius-control);box-shadow:var(--swipe-delete-thumb-shadow);transition:box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);border:1px solid #0000}.swipe-delete-range:hover::-webkit-slider-thumb{background:var(--swipe-arrow-active) center / 12px 12px no-repeat, var(--swipe-delete-thumb-background-hover)}.swipe-delete-range:hover::-moz-range-thumb{background:var(--swipe-arrow-active) center / 12px 12px no-repeat, var(--swipe-delete-thumb-background-hover)}.swipe-delete-range:active::-webkit-slider-thumb{box-shadow:inset 0 2px 4px #0008144d,inset 0 -1px #f0faff2e,0 4px 12px #00081429}.swipe-delete-range:active::-moz-range-thumb{box-shadow:inset 0 2px 4px #0008144d,inset 0 -1px #f0faff2e,0 4px 12px #00081429}.swipe-delete-range:focus-visible::-webkit-slider-thumb{background:var(--swipe-arrow-active) center / 12px 12px no-repeat, var(--swipe-delete-thumb-background-hover)}.swipe-delete-range:focus-visible::-moz-range-thumb{background:var(--swipe-arrow-active) center / 12px 12px no-repeat, var(--swipe-delete-thumb-background-hover)}.swipe-delete-range:disabled{cursor:not-allowed;opacity:var(--control-disabled-opacity)}.topic-body{background:var(--surface-task);border-radius:0 0 calc(var(--radius-container) - 1px) calc(var(--radius-container) - 1px)}.topic-empty{height:var(--row-height);padding:0 var(--content-inset);color:var(--muted);font-size:var(--text-meta);text-align:center;place-items:center;margin:0;display:grid}.task-list{margin:0;padding:0;list-style:none}.task-item{gap:var(--space-2);height:var(--row-height);min-height:var(--row-height);padding:0 var(--space-2) 0 0;background:var(--surface-task);border-bottom:1px solid var(--line);transition:background var(--motion-standard) var(--ease-standard);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;display:grid;position:relative}.task-item:last-child{border-bottom:0}.task-item:hover{background:var(--surface-task-hover)}.archive-row{grid-template-columns:var(--reorder-handle-width) minmax(0, 1fr) auto;grid-template-rows:var(--row-height);gap:var(--space-2);height:var(--row-height);min-height:var(--row-height);padding:0 var(--space-2) 0 0;background:var(--surface-archive);border-bottom:0;align-items:center;display:grid}.archive-row:hover{background:var(--surface-archive-hover)}.archive-row.archive-clear-confirmation{--delete-confirm-control-size:var(--delete-action-size);--delete-confirm-slider-extension:calc(var(--delete-confirm-control-size) + var(--space-2));grid-template-columns:minmax(0, 1fr) minmax(160px, calc(440px + var(--delete-confirm-slider-extension))) auto;gap:var(--space-3);padding:0 var(--space-2) 0 var(--content-inset);background:linear-gradient(90deg,#2f133994,#07192ae6)}.archive-indent{width:var(--reorder-handle-width);height:var(--delete-action-size)}.archive-content{grid-template-columns:var(--delete-action-size) minmax(0, 1fr);gap:var(--space-2);min-width:0;min-height:var(--delete-action-size);margin-left:calc(0px - var(--space-2));align-items:center;display:grid}.group-toggle{margin-left:calc(0px - var(--space-2));align-self:center}.archive-toggle>span{width:var(--icon-size-compact);height:var(--icon-size-compact);transition:transform var(--motion-standard) var(--ease-standard);background:currentColor;transform:rotate(0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 2.25 7.25 6 3.5 9.75' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px 12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 2.25 7.25 6 3.5 9.75' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px 12px no-repeat}.archive-row.is-open .archive-toggle>span,.topic-group:not(.is-collapsed) .group-toggle>span{transform:rotate(90deg)}.archive-title{color:var(--muted);font-size:var(--text-task);font-weight:500}.archive-task-list{background:var(--surface-archive);border-top:1px solid var(--line);width:100%}.archive-task-list .task-item{grid-template-columns:var(--reorder-handle-width) minmax(0, 1fr) auto;background:var(--surface-archive)}.task-reorder-indent{width:var(--reorder-handle-width);height:var(--delete-action-size)}.archive-task-list .task-item:not(.task-delete-confirmation):hover{background:var(--surface-archive-hover)}.archive-contents{list-style:none}.task-item.task-delete-confirmation{--delete-confirm-control-size:var(--delete-action-size);grid-template-columns:minmax(0, 1fr) minmax(160px, 440px) var(--delete-confirm-control-size);gap:var(--action-control-gap);padding:0 var(--space-2) 0 var(--content-inset);background:linear-gradient(90deg,#2f133994,#07192ae6)}.group-delete-confirmation>.group-delete-warning,.task-item.task-delete-confirmation>.task-delete-warning{grid-area:1/1}.group-delete-confirmation>.swipe-delete,.task-item.task-delete-confirmation>.swipe-delete{grid-area:1/2;justify-self:stretch}.group-delete-confirmation>.delete-confirm-cancel,.task-item.task-delete-confirmation>.delete-confirm-cancel{grid-area:1/3;justify-self:stretch}.topic-group.is-dragging,.task-item.is-dragging{opacity:.52}.topic-group.is-drop-before:before,.topic-group.is-drop-after:before,.task-item.is-drop-before:before,.task-item.is-drop-after:before{z-index:var(--layer-drag-marker);content:"";background:var(--purple-dark);pointer-events:none;height:3px;position:absolute;left:0;right:0}.topic-group.is-drop-before:before,.task-item.is-drop-before:before{top:0}.topic-group.is-drop-after:before,.task-item.is-drop-after:before{bottom:0}.task-toggle{grid-template-columns:var(--delete-action-size) minmax(0, 1fr);gap:var(--space-2);min-width:0;min-height:var(--delete-action-size);margin-left:calc(0px - var(--space-2));align-items:center;padding:0;display:grid;position:relative}.task-toggle-control{width:var(--delete-action-size);height:var(--delete-action-size);cursor:pointer;display:block;position:relative}.task-toggle-control input{opacity:0;width:1px;height:1px;position:absolute}.checkmark{width:var(--delete-action-size);height:var(--delete-action-size);color:var(--purple-dark);background:var(--completion-control-background);border-radius:var(--radius-control);box-shadow:var(--completion-control-shadow);transition:color var(--motion-control) var(--ease-standard), background var(--motion-control) var(--ease-standard), border-color var(--motion-control) var(--ease-standard), box-shadow var(--motion-control) var(--ease-standard);border:1px solid #0000;place-items:center;display:grid}.task-toggle-control:hover .checkmark{color:#f6fbff;background:var(--completion-control-background-hover)}.is-locked .task-toggle-control{cursor:not-allowed;opacity:var(--control-disabled-opacity)}.is-locked .task-toggle-control:hover input:not(:checked)+.checkmark{color:var(--purple-dark);background:var(--completion-control-background)}.task-toggle-control input:focus-visible+.checkmark{color:#fff;background:var(--control-focus-background);filter:var(--control-focus-filter)}.task-toggle-control input:checked+.checkmark{color:var(--purple-dark);background:var(--completion-control-background);border-color:#0000}.task-toggle-control:hover input:checked+.checkmark{color:#f6fbff;background:var(--completion-control-background-hover)}.task-toggle-control input:checked:focus-visible+.checkmark{color:#fff;background:var(--control-focus-background);filter:var(--control-focus-filter)}.task-toggle-control input:checked+.checkmark:after{content:"✓";color:currentColor;font-size:var(--text-body);font-weight:600}.task-title{overflow-wrap:anywhere;width:100%;max-width:100%;max-height:2.8em;font-size:var(--text-task);font-weight:500;line-height:var(--leading-body);transition:color var(--motion-standard) var(--ease-standard);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-inline-edit{min-width:0}.inline-edit-input{width:100%}.is-completed .task-title{color:#71879d;text-decoration:line-through;text-decoration-thickness:1px}.delete-button>span,.group-delete-button>span{width:var(--icon-size-compact);height:var(--icon-size-compact);display:block;position:relative}.delete-button>span:before,.delete-button>span:after,.group-delete-button>span:before,.group-delete-button>span:after{width:var(--icon-size-compact);content:"";border-radius:var(--radius-pill);transform-origin:50%;background:currentColor;height:2px;position:absolute;top:50%;left:50%}.delete-button>span:before,.group-delete-button>span:before{transform:translate(-50%,-50%)rotate(45deg)}.delete-button>span:after,.group-delete-button>span:after{transform:translate(-50%,-50%)rotate(-45deg)}.icon-action-button{--icon-action-shadow:var(--completion-control-shadow);width:var(--control-size-compact);height:var(--control-size-compact);color:var(--purple-dark);background:var(--completion-control-background);border-radius:var(--radius-control);box-shadow:var(--icon-action-shadow);cursor:pointer;transition:color var(--motion-control) var(--ease-standard), background var(--motion-control) var(--ease-standard), border-color var(--motion-control) var(--ease-standard), box-shadow var(--motion-control) var(--ease-standard);border:1px solid #0000;flex:none;place-items:center;padding:0;display:grid;position:relative}.icon-action-button:hover{color:#f6fbff;background:var(--completion-control-background-hover);border-color:#0000}.icon-action-button:focus-visible{color:#fff;background:var(--control-focus-background);filter:var(--control-focus-filter)}.icon-action-button:disabled,.icon-action-button:disabled:hover{color:var(--purple-dark);cursor:not-allowed;background:var(--completion-control-background);opacity:var(--control-disabled-opacity)}.icon-action-button.delete-button{--icon-action-shadow:var(--delete-control-shadow);color:#f5b4df;background:var(--danger-control-background)}.icon-action-button.delete-button:hover{color:#ffe5f6;background:var(--danger-control-background-hover)}.icon-action-button.delete-button:focus-visible{color:#fff;background:var(--control-focus-background);filter:var(--control-focus-filter)}.icon-action-button.delete-button:disabled,.icon-action-button.delete-button:disabled:hover{color:#f5b4df;background:var(--danger-control-background)}.close-button>span{width:var(--icon-size-compact);height:var(--icon-size-compact);display:block;position:relative}.close-button>span:before,.close-button>span:after{width:var(--icon-size-compact);content:"";border-radius:var(--radius-pill);background:currentColor;height:2px;position:absolute;top:50%;left:50%}.close-button>span:before{transform:translate(-50%,-50%)rotate(45deg)}.close-button>span:after{transform:translate(-50%,-50%)rotate(-45deg)}.sync-status-dot{background:#6b8297;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #6b82971a}.sync-dialog-status[data-state=synced] .sync-status-dot{background:#58c9f5;box-shadow:0 0 8px #58c9f5b8}.sync-dialog-status[data-state=syncing] .sync-status-dot,.sync-dialog-status[data-state=pairing] .sync-status-dot{background:#8fdcff;animation:1.2s ease-in-out infinite sync-pulse}.sync-dialog-status[data-state=error] .sync-status-dot,.sync-dialog-status[data-state=offline] .sync-status-dot,.sync-dialog-status[data-state=unavailable] .sync-status-dot{background:var(--danger)}.settings{--settings-control-size:var(--delete-action-size);--settings-row-gap:10px;column-gap:var(--settings-row-gap);row-gap:var(--space-2);grid-template-columns:minmax(0,1fr) max-content;width:100%;display:grid}.sync-dialog.settings-dialog{width:min(332px,100% - 2rem)}.settings-dialog .sync-dialog-card{--settings-option-edge-inset:var(--space-4);min-width:0;padding-bottom:var(--settings-option-edge-inset)}.settings-dialog .sync-dialog-header,.settings-dialog .settings{width:100%}.settings-dialog .sync-dialog-header{column-gap:var(--settings-row-gap);grid-template-columns:minmax(0,1fr) auto;display:grid}.settings-dialog .sync-dialog-header form{justify-self:end}.settings-checkboxes{grid-column:1/-1;grid-template-columns:subgrid;gap:var(--space-2);width:100%;display:grid}.settings-checkbox-setting{grid-column:1/-1;grid-template-columns:subgrid;column-gap:var(--settings-row-gap);min-height:var(--control-size-compact);width:100%;color:var(--muted);font-size:var(--text-meta);cursor:pointer;white-space:normal;text-align:left;-webkit-tap-highlight-color:transparent;justify-content:start;align-items:center;display:grid;position:relative}.settings-checkbox-setting[hidden]{display:none}.settings-checkbox-setting input{opacity:0;width:1px;height:1px;position:absolute}.settings-checkmark,.settings-select-control{box-shadow:var(--glass-control-shadow);border:1px solid #0000}.settings-checkmark{width:var(--settings-control-size);height:var(--settings-control-size);color:var(--purple-dark);background:var(--action-background-subtle);border-radius:var(--radius-small);transition:color var(--motion-control) var(--ease-standard), background var(--motion-control) var(--ease-standard), filter var(--motion-control) var(--ease-standard);flex:none;justify-self:end;place-items:center;display:grid;position:relative}.settings-checkbox-setting:hover .settings-checkmark{color:#f6fbff;background:var(--action-background-subtle-hover)}.settings-checkbox-setting input:checked+.settings-checkmark{background:var(--completion-control-background)}.settings-checkbox-setting input:checked+.settings-checkmark:after{content:"✓";color:currentColor;font-size:var(--text-meta);font-weight:600}.settings-checkbox-setting input:focus-visible+.settings-checkmark{color:#fff;background:var(--control-focus-background);filter:var(--control-focus-filter)}.settings-select-setting{grid-column:1/-1;grid-template-columns:subgrid;gap:var(--settings-row-gap);width:100%;min-height:var(--control-size-compact);color:var(--muted);font-size:var(--text-meta);text-align:left;justify-content:start;align-items:center;display:grid}.settings-select-control{height:var(--settings-control-size);min-height:var(--settings-control-size);width:max-content;color:var(--purple-dark);background:var(--action-background-subtle);border-radius:var(--radius-small);transition:color var(--motion-control) var(--ease-standard), background var(--motion-control) var(--ease-standard), filter var(--motion-control) var(--ease-standard);justify-self:end;align-items:center;display:grid;position:relative}.settings-select-control:after{right:var(--space-2);content:"";pointer-events:none;border-bottom:1px solid;border-right:1px solid;width:5px;height:5px;position:absolute;transform:translateY(-2px)rotate(45deg)}.settings-select-control select{width:max-content;height:100%;padding:0 calc(var(--space-2) + 11px) 0 var(--space-2);color:inherit;font:inherit;text-align:left;appearance:none;border-radius:inherit;background:0 0;border:0}.settings-select-setting:hover .settings-select-control{color:#f6fbff;background:var(--action-background-subtle-hover)}.settings-select-control:focus-within{color:#fff;background:var(--action-background-hover);filter:brightness(1.28)saturate(1.15)}.settings-select-control select:focus-visible{outline:0}.settings-select-control select::-ms-expand{display:none}@keyframes sync-pulse{50%{opacity:.45;transform:scale(.78)}}.sync-dialog{width:min(460px,100% - 2rem);max-height:min(720px,100dvh - 2rem);color:var(--ink);background:0 0;border:0;padding:0;overflow:auto}.sync-dialog::backdrop{-webkit-backdrop-filter:blur(12px)saturate(120%);background:#01070d9e}.sync-dialog-card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-shell);box-shadow:var(--shadow);background:linear-gradient(145deg,#102b41fa,#05121dfc 58%,#12234cfa);border:1px solid #79c6f440}.sync-dialog.has-privacy-notice .sync-dialog-card{padding-bottom:var(--space-4)}.sync-dialog.is-pairing-code .sync-dialog-card{padding-bottom:var(--space-2)}.sync-dialog.is-pairing-code .pairing-code{padding-top:var(--space-2)}.sync-dialog.is-pairing-code .sync-privacy{margin-top:var(--space-2)}.sync-dialog-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.sync-dialog-header h2{overflow-wrap:anywhere;letter-spacing:-.025em;min-width:0;margin:0;font-size:1.35rem;line-height:1.2}.sync-dialog-header form{flex:none;margin:0}.sync-description{margin:0 0 var(--space-2);color:var(--text-secondary);font-size:var(--text-meta);line-height:var(--leading-copy)}.sync-description[hidden]{display:none}.sync-dialog-status{gap:var(--space-2);margin:0 0 var(--space-2);color:var(--muted);font-size:var(--text-meta);align-items:center;display:inline-flex}.sync-dialog-status[hidden]{display:none}.sync-dialog-status[data-state=pairing]{color:var(--ink);line-height:var(--leading-copy);font-weight:400}.sync-dialog-status .sync-status-dot{flex:none}.sync-dialog-status:has(+.sync-devices){margin-bottom:var(--space-2)}.sync-dialog-status[data-state=error],.sync-dialog-status[data-state=offline],.sync-dialog-status[data-state=unavailable]{color:var(--danger)}.pairing-code{gap:var(--space-2);padding:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-caption);justify-items:center;margin-bottom:0;display:grid}.pairing-code[hidden]{display:none}.pairing-code:focus{outline:none}.pairing-code-copy{appearance:none;color:var(--ink);font:inherit;letter-spacing:.14em;cursor:pointer;box-shadow:none;background:0 0;border:0;padding:0;font-size:2rem;font-weight:700;line-height:1}.pairing-code-copy:hover,.pairing-code-copy:active{color:var(--ink);box-shadow:none;filter:none;background:0 0}.pairing-code-value{align-items:center;width:fit-content;display:inline-grid;position:relative}.pairing-countdown-ring{--countdown-progress:100;--pairing-timer-size:22px;--pairing-timer-stroke:2px;top:50%;left:calc(100% + var(--space-2));width:var(--pairing-timer-size);height:var(--pairing-timer-size);color:var(--ink);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:.6875rem;font-weight:600;line-height:1;display:grid;position:absolute;transform:translateY(-50%)}.pairing-timer-seconds{text-box:trim-both cap alphabetic;text-align:center;letter-spacing:0}.pairing-countdown-ring svg{inset:calc(var(--pairing-timer-stroke) / -2);width:calc(var(--pairing-timer-size) + var(--pairing-timer-stroke));height:calc(var(--pairing-timer-size) + var(--pairing-timer-stroke));fill:none;stroke-width:var(--pairing-timer-stroke);position:absolute}.pairing-timer-track{stroke:#6ccfff38}.pairing-timer-progress{stroke:#8ce6ff;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--countdown-progress));stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.pairing-countdown-ring.is-expiring{color:var(--danger)}.pairing-countdown-ring.is-expiring .pairing-timer-progress{stroke:var(--danger)}.pairing-cancel{width:fit-content;margin:var(--space-2) auto 0;display:block}.pairing-cancel[hidden]{display:none}.sync-devices{gap:var(--space-2);margin:0 0 var(--space-2);display:grid}.sync-devices[hidden]{display:none}.sync-devices h3{color:var(--muted);font-size:var(--text-meta);margin:0;font-weight:600}.sync-devices>p{min-height:var(--row-height);padding:0 var(--space-3);color:var(--muted);font-size:var(--text-caption);border-radius:var(--radius-control);background:#07182680;align-items:center;margin:0;display:grid}.sync-devices>p[hidden]{display:none}.sync-devices ul{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-container);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.sync-devices ul[hidden]{display:none}.sync-devices li{gap:var(--space-3);min-height:var(--row-height);padding:var(--space-2) var(--space-3);background:#071826c2;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.sync-device-identity{min-width:0;display:grid}.sync-device-identity strong{color:var(--ink);font-size:var(--text-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sync-device-identity span,.sync-device-time{color:var(--muted);font-size:var(--text-caption)}.sync-device-identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sync-device-time{max-width:15rem;line-height:var(--leading-meta);text-align:right;gap:0;display:grid}.sync-device-disconnect{margin-left:calc(0px - var(--space-1))}.sync-actions{gap:var(--space-2);grid-template-columns:max-content;width:fit-content;max-width:100%;margin-inline:auto;display:grid}.sync-actions[hidden]{display:none}.sync-actions button,.pairing-cancel,.sync-join-form button{min-height:var(--control-size);padding:0 var(--space-4);color:var(--purple-dark);font-weight:var(--weight-action);cursor:pointer;background:var(--action-background);border-radius:var(--radius-control);border:1px solid #0000}.sync-actions button:hover,.pairing-cancel:hover,.sync-join-form button:hover{color:#fff;background:var(--action-background-hover)}.sync-actions button:focus-visible,.pairing-cancel:focus-visible,.sync-join-form button:focus-visible{color:#fff;background:var(--control-focus-background);filter:var(--control-focus-filter)}.sync-actions button:disabled,.pairing-cancel:disabled,.sync-join-form button:disabled{cursor:wait;opacity:var(--control-disabled-opacity)}.sync-primary{grid-column:1/-1;width:100%}.sync-separator{gap:var(--space-3);margin:var(--space-2) 0;color:var(--muted);font-size:var(--text-caption);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.sync-separator:before,.sync-separator:after{content:"";background:var(--line);height:1px}.sync-separator[hidden]{display:none}.sync-join-form>label{margin-bottom:var(--space-2);color:var(--muted);font-size:var(--text-meta);display:block}.sync-join-form>div{justify-content:center;display:flex}.sync-code-input{--sync-code-letter-spacing:.18em;--sync-code-inline-inset:calc((100% - (6ch + .9em)) / 2);width:calc(6ch + 1.08em + 2 * var(--space-3));min-width:0;min-height:var(--control-size);border-radius:var(--radius-control);background:#081d2dd1;border:0;font-size:1.1rem;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #8ec4e829}.sync-join-form input{z-index:1;width:100%;height:100%;padding:0 var(--sync-code-inline-inset);color:#0000;caret-color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:var(--sync-code-letter-spacing);text-align:left;background:0 0;border:0;position:absolute;inset:0}.sync-join-form input::placeholder{color:#0000}.sync-code-input:has(input:focus-visible){background:#0f3149eb;box-shadow:inset 0 1px #8ec4e847,0 0 0 2px #34aee729}.sync-code-input:has(input:disabled){opacity:.6}.sync-code-digits{gap:var(--sync-code-letter-spacing);color:var(--text-placeholder);font-variant-numeric:tabular-nums;pointer-events:none;grid-auto-columns:1ch;grid-auto-flow:column;place-content:center;line-height:1em;display:grid;position:absolute;inset:0}.sync-code-digit{text-align:center;width:1ch;height:1em;transition:color var(--motion-standard) var(--ease-standard);overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 22% 78%,#0000 100%)}.sync-code-digit.is-filled{color:var(--ink)}.sync-code-digit-track{flex-direction:column;display:flex}.sync-code-digit-track>span{flex:0 0 1em;height:1em}.sync-replacement-confirmation{--delete-confirm-control-size:var(--delete-action-size);gap:var(--space-2);display:grid}.sync-replacement-confirmation[hidden]{display:none}.sync-replacement-confirmation>p{color:var(--text-danger);font-size:var(--text-meta);font-weight:500;line-height:var(--leading-copy);text-align:center;margin:0}.sync-replacement-confirmation .swipe-delete{justify-self:center;max-width:440px}.sync-replacement-confirmation .pairing-cancel{margin-top:0}.sync-privacy{margin:var(--space-2) 0 0;color:var(--text-placeholder);font-size:var(--text-caption);line-height:var(--leading-copy)}.sync-privacy[hidden]{display:none}@media (width>=761px){.brand-mark{width:var(--control-visible-size);height:var(--control-visible-size)}.sync-dialog{width:min(500px,100% - 2rem)}.sync-privacy{white-space:nowrap}}@media (width<=760px){:root{--text-meta:.875rem;--text-body:1rem;--text-group:1rem;--text-task:.8235rem;--progress-track-width:5rem}.brand-mark{width:calc(1.7rem + 5px);height:calc(1.7rem + 5px)}body{padding:0}.page-shell{width:min(calc(100% - var(--page-inset-compact)), 620px);border-radius:var(--radius-shell);margin:0 auto}.app-header{padding:0 var(--space-2) 0 var(--space-3);background:0 0}.today-label{text-align:right;max-width:110px;font-size:.6875rem}main{padding:var(--space-3) var(--space-3) var(--virtual-keyboard-inset,0px)}.hero{margin:0 var(--space-2) var(--space-3);display:block}h1{white-space:nowrap;font-size:clamp(1rem,5.75vw,1.5rem)}.brand{font-size:clamp(.875rem,3.8333vw,1rem)}.hero-note,.topic-progress-label-full{display:none}.topic-progress-label-compact{display:inline}.topic-progress{width:auto}.topic-progress:before{display:none}.topic-progress label{margin-bottom:0}.topic-progress progress{display:none}.topic-heading{grid-template-columns:minmax(7rem,1fr) auto;display:grid}.topic-title-wrap{grid-template-columns:var(--reorder-handle-width) calc(var(--control-size) - var(--space-2) - var(--action-visible-inset)) minmax(0, 1fr);width:100%;display:grid}.topic-title-wrap.is-editing h3{grid-column:2/-1}.topic-actions{margin-left:0}.topic-title-trigger{z-index:1;overflow-wrap:anywhere;width:100%;max-height:2.5em;color:var(--ink);text-overflow:clip;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;position:relative;overflow:hidden}.group-toggle{width:var(--control-size);min-width:var(--control-size);height:var(--control-size);min-height:var(--control-size);margin-left:calc(0px - var(--space-2) - var(--action-visible-inset));padding:0}.archive-content{grid-template-columns:var(--control-size) minmax(0, 1fr);gap:var(--space-2);margin-left:calc(0px - var(--space-2) - var(--action-visible-inset))}.archive-clear-button{width:calc(var(--control-size) * 2 - var(--action-visible-inset) * 2);min-width:calc(var(--control-size) * 2 - var(--action-visible-inset) * 2);margin-right:var(--action-visible-inset)}.progress-caption,.progress-wrap progress{width:100%}.task-panel{padding:var(--space-2);border-radius:var(--radius-container)}.group-delete-confirmation,.task-item.task-delete-confirmation{grid-template-columns:minmax(0, .75fr) minmax(120px, 1.25fr) var(--control-size);gap:var(--action-control-gap);padding-left:var(--space-2)}.group-delete-confirmation>.swipe-delete,.task-item.task-delete-confirmation>.swipe-delete{width:calc(100% - var(--action-visible-inset));box-shadow:inset 0 1px 0 var(--glass-highlight), inset 0 -1px 0 #06142233;margin-right:0}.archive-row.archive-clear-confirmation{--delete-confirm-slider-extension:calc(var(--delete-confirm-control-size) * 2 + var(--space-2) - var(--control-size));grid-template-columns:minmax(0, .75fr) minmax(calc(120px + var(--delete-confirm-slider-extension)), 1.25fr) auto;gap:var(--space-2);padding-left:var(--space-2)}.group-delete-warning,.task-delete-warning,.archive-clear-warning{white-space:pre-line}.swipe-delete-label{padding-left:var(--delete-confirm-control-size);text-align:center;white-space:pre-line}.sync-dialog-card{padding:var(--space-4)}.sync-devices li{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;align-items:start}.sync-device-time{gap:var(--space-1);text-align:left;white-space:nowrap;grid-column:1;max-width:none;display:flex}.sync-device-disconnect{grid-area:1/2/span 2;align-self:center}}@media (width<=480px){.task-overview{gap:var(--space-2);padding:0 calc(var(--space-2) + 1px) 0 var(--space-2);grid-template-columns:auto minmax(0,1fr);margin-bottom:0}.progress-wrap{justify-self:end;min-width:0;margin-top:0}.overview-stats,.topic-heading{gap:var(--space-2)}}@media (width<=760px) and (hover:hover) and (pointer:fine){.topic-title-wrap{grid-template-columns:var(--reorder-handle-width) calc(var(--control-visible-size) - var(--space-2)) minmax(0, 1fr)}.group-toggle{width:var(--control-visible-size);min-width:var(--control-visible-size);height:var(--control-visible-size);min-height:var(--control-visible-size);margin-left:calc(0px - var(--space-2))}.archive-content{grid-template-columns:var(--control-visible-size) minmax(0, 1fr);margin-left:calc(0px - var(--space-2))}}@media (pointer:coarse){.keyboard-navigation main:focus-visible{box-shadow:inset 0 0 0 2px #6ccfff6b}:root{--action-control-gap:0}.header-icon-button{width:var(--control-touch-size);height:var(--control-touch-size)}.header-icon-button:before{inset:var(--action-visible-inset)}.task-panel{--delete-action-size:calc(var(--control-touch-size) - var(--action-visible-inset) * 2);--paired-action-width:calc(var(--control-touch-size) * 2 - var(--action-visible-inset) * 2)}.topic-create-trigger,.task-form{min-height:var(--control-size)}.task-form{height:var(--control-size)}.topic-task-form{height:var(--row-height);min-height:var(--row-height)}.icon-action-button.topic-create-trigger{width:auto;min-width:0;height:var(--control-size);padding-inline:calc(var(--space-3) + 4px)}.reorder-handle{width:var(--reorder-handle-width);height:var(--control-size)}.reorder-handle:after{content:"";position:absolute;inset:0 0 0 -16px}.settings-checkbox-setting,.settings-select-setting{height:var(--control-size);min-height:var(--control-size)}.title-input{width:auto;min-width:0;height:var(--delete-action-size);min-height:var(--delete-action-size)}.topic-task-form .title-input,.task-inline-edit .title-input{font-size:var(--text-body)}.task-toggle{grid-template-columns:var(--control-touch-size) minmax(0, 1fr);min-height:var(--control-touch-size);margin-left:calc(0px - var(--space-2) - var(--action-visible-inset))}.task-toggle-control{width:var(--control-touch-size);height:var(--control-touch-size);place-items:center;display:grid}.checkmark{width:var(--control-visible-size);height:var(--control-visible-size)}.group-toggle{margin-left:calc(0px - var(--space-2) - var(--action-visible-inset))}.archive-content{grid-template-columns:var(--control-touch-size) minmax(0, 1fr);margin-left:calc(0px - var(--space-2) - var(--action-visible-inset))}.icon-action-button{width:var(--control-size);min-width:var(--control-size);height:var(--control-size);min-height:var(--control-size);box-shadow:none;background:0 0;border:0;padding:0;position:relative}.icon-action-button:hover,.icon-action-button:focus-visible,.icon-action-button:disabled,.icon-action-button:disabled:hover,.icon-action-button.delete-button,.icon-action-button.delete-button:hover,.icon-action-button.delete-button:focus-visible,.icon-action-button.delete-button:disabled,.icon-action-button.delete-button:disabled:hover{background:0 0}.icon-action-button:after{inset:var(--action-visible-inset);content:"";background:var(--completion-control-background);border-radius:var(--radius-control);box-shadow:var(--icon-action-shadow);pointer-events:none;position:absolute}.icon-action-button:hover:after{background:var(--completion-control-background-hover)}.icon-action-button:focus-visible:after{background:var(--control-focus-background)}.icon-action-button.delete-button:after{background:var(--danger-control-background)}.icon-action-button.delete-button:hover:after{background:var(--danger-control-background-hover)}.icon-action-button.delete-button:focus-visible:after{background:var(--control-focus-background)}.icon-action-button>span{z-index:1}.icon-action-button.topic-overflow-action{width:100%;min-width:max-content;height:var(--control-size);min-height:var(--control-size);padding-inline:var(--space-3);background:var(--completion-control-background);box-shadow:var(--icon-action-shadow);border:1px solid #0000}.icon-action-button.topic-overflow-action:hover{background:var(--completion-control-background-hover)}.icon-action-button.topic-overflow-action:focus-visible{background:var(--control-focus-background)}.icon-action-button.delete-button.topic-overflow-action,.icon-action-button.delete-button.topic-overflow-action:disabled,.icon-action-button.delete-button.topic-overflow-action:disabled:hover{background:var(--danger-control-background)}.icon-action-button.delete-button.topic-overflow-action:hover{background:var(--danger-control-background-hover)}.icon-action-button.delete-button.topic-overflow-action:focus-visible{background:var(--control-focus-background)}.icon-action-button.topic-overflow-action:after{display:none}.topic-progress{margin-right:var(--space-2)}.progress-wrap{width:calc(var(--progress-track-width) + var(--space-2) + var(--control-size) * 2)}.task-item>.delete-button{margin-left:calc(0px - var(--space-2))}}@media (prefers-reduced-motion:reduce){.sync-dialog-status[data-state=syncing] .sync-status-dot,.sync-dialog-status[data-state=pairing] .sync-status-dot{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}#sync-reconnection-conflicts{gap:var(--space-3);font-size:var(--text-meta);line-height:var(--leading-copy);color:var(--text-primary);font-weight:400;display:grid}#sync-reconnection-conflicts .reconnection-explanation{color:var(--text-secondary)}#sync-reconnection-conflicts h3{font:inherit;font-weight:var(--weight-semibold)}#sync-reconnection-conflicts[hidden]{display:none}#sync-reconnection-conflicts fieldset{min-width:0;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--space-2);margin:0}#sync-reconnection-conflicts>fieldset:disabled{opacity:var(--control-disabled-opacity)}#sync-reconnection-conflicts legend{font-weight:var(--weight-semibold)}#sync-reconnection-conflicts label{align-items:flex-start;gap:var(--space-2);padding-block:var(--space-2);overflow-wrap:anywhere;display:flex}#sync-reconnection-conflicts details label{white-space:pre-line}#sync-reconnection-conflicts input{accent-color:var(--purple-dark);flex:none}#sync-reconnection-conflicts h3,#sync-reconnection-conflicts p{margin:0}#sync-reconnection-conflicts details{gap:var(--space-3);display:grid}#sync-reconnection-conflicts details fieldset{margin-top:var(--space-3)}#sync-reconnection-conflicts summary{cursor:pointer;padding-block:var(--space-2);color:var(--text-primary)}#sync-reconnection-conflicts summary:focus-visible{background:var(--control-focus-background);border-radius:var(--radius-control)}@media (width<=360px){.sync-dialog-header{align-items:flex-start}.sync-dialog-header h2{font-size:var(--text-body)}.pairing-code-value{justify-items:center;gap:var(--space-2);max-width:100%}.pairing-code-copy{white-space:nowrap;font-size:1.5rem}.pairing-countdown-ring{position:relative;top:auto;left:auto;transform:none}}