:root{--accent:#00855c;--accent-strong:#006b49;--today:#fa0;--mint:#1adb9e;--on-mint:#15181c;--canvas:#fff;--card:#fff;--field:#eef2f0;--column:#f4f7f6;--hero:#edf8f3;--hairline:#15181c17;--text:#15181c;--secondary:#545d59;--glyph:#848d89;--detail:#6f7874;--quiet-glyph:#878f8b;--tag-frame:#d3d9d6;--checkbox:#848d89;--deadline:#c4302a;--deadline-tint:#fbe8e6;--deadline-icon-bg:#f6d3cf;--highlight:#e4f7ef;--selected-fill:#ddf4ea;--today-chip-fill:#fff0b8;--today-chip-glyph:#a87400;--segment-thumb:#fff;--secondary-stroke:#848d89;--stale:#8a6a36;--card-shadow:#00000024;--card-edge:#0000000d;--scrim:#15181c47;--apple-bg:#15181c;--apple-fg:#fff;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--row-title:18px;--row-line:23px;--secondary-size:15px;--small:13px;--side:20px;--edge:12px;--sidebar:340px;--radius-tile:14px;--radius-row:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#62d9ae;--accent-strong:#62d9ae;--mint:#19c590;--on-mint:#15181c;--canvas:#141a19;--card:#212b29;--field:#27322f;--column:#1a2422;--hero:#1a2422;--hairline:#eef3f11a;--text:#eef3f1;--secondary:#a9b5b0;--glyph:#7f8b86;--detail:#96a29d;--quiet-glyph:#6e7975;--tag-frame:#3e4a46;--checkbox:#7f8b86;--deadline:#ff7b70;--deadline-tint:#ff7b7026;--deadline-icon-bg:#ff7b7038;--highlight:#33ffb81c;--selected-fill:#223c34;--segment-thumb:#4a5753;--today-chip-fill:#f5c5422e;--today-chip-glyph:#f5c542;--today:#ffb52e;--secondary-stroke:#7c8883;--stale:#c7a26a;--card-shadow:#0009;--card-edge:#ffffff14;--scrim:#00000080;--apple-bg:#fff;--apple-fg:#15181c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--accent:#62d9ae;--accent-strong:#62d9ae;--mint:#19c590;--on-mint:#15181c;--canvas:#141a19;--card:#212b29;--field:#27322f;--column:#1a2422;--hero:#1a2422;--hairline:#eef3f11a;--text:#eef3f1;--secondary:#a9b5b0;--glyph:#7f8b86;--detail:#96a29d;--quiet-glyph:#6e7975;--tag-frame:#3e4a46;--checkbox:#7f8b86;--deadline:#ff7b70;--deadline-tint:#ff7b7026;--deadline-icon-bg:#ff7b7038;--highlight:#33ffb81c;--selected-fill:#223c34;--segment-thumb:#4a5753;--today-chip-fill:#f5c5422e;--today-chip-glyph:#f5c542;--today:#ffb52e;--secondary-stroke:#7c8883;--stale:#c7a26a;--card-shadow:#0009;--card-edge:#ffffff14;--scrim:#00000080;--apple-bg:#fff;--apple-fg:#15181c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--row-min:44px;--row-pad:6px}@media (pointer:fine){:root{--row-title:17px;--row-line:22px;--row-min:36px;--row-pad:4px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.app{grid-template-columns:var(--sidebar) 1fr;height:100%;display:grid}.app.sidebar-hidden{grid-template-columns:0 1fr}.app.sidebar-hidden .sidebar{visibility:hidden}.sidebar{border-right:1px solid var(--hairline);background:var(--canvas);padding:10px var(--side) 120px;min-width:0;overflow-y:auto}.main{min-width:0;padding-bottom:140px;position:relative;overflow-y:auto}.scrim{display:none}.glass{background:color-mix(in srgb, var(--canvas) 82%, transparent);border:1px solid var(--hairline);width:44px;height:44px;box-shadow:0 1px 3px var(--card-edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.glass:hover{background:var(--column)}.glass svg{width:20px;height:20px}.mint-button{background:var(--mint);height:44px;color:var(--on-mint);border-radius:22px;padding:0 20px;font-size:17px;font-weight:600}.mint-button:hover{filter:brightness(.97)}.outline-button{border:1.5px solid var(--secondary-stroke);border-radius:22px;height:44px;padding:0 20px;font-size:17px;font-weight:600}.home-bar{justify-content:flex-end;align-items:center;gap:10px;min-height:56px;display:flex}.home-title{font-family:var(--font-rounded);letter-spacing:.2px;margin-right:auto;font-size:34px;font-weight:700;display:none}.sidebar .progress{margin-top:14px;display:none}.progress-label{font-size:var(--secondary-size);font-weight:600}.progress-track{background:var(--field);border-radius:3px;height:6px;margin-top:10px;position:relative;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;min-width:6px;transition:width .3s;position:absolute;inset:0 auto 0 0}.key-lists{margin-top:14px}.list-icon{width:25px;color:var(--glyph);flex:none;place-items:center;margin-right:2px;display:grid}.list-icon svg{width:21px;height:21px}.nav-row.key .list-icon,.nav-row.selected .list-icon{color:var(--accent)}.nav-row.due .list-icon{color:var(--deadline)}.nav-row.today .list-icon,.icon-square.today{color:var(--today)}.nav-row.key .count{color:var(--secondary);font-weight:500}.nav-row.due .count{color:var(--deadline);font-weight:600}.icon-square{background:var(--deadline-icon-bg);color:var(--accent);background:var(--highlight);width:28px;height:28px;border-radius:7px;flex:none;place-items:center;display:grid}.icon-square svg{width:18px;height:18px}.icon-square.stale{color:var(--stale);background:color-mix(in srgb, var(--stale) 14%, transparent)}.group-label{font-weight:700;font-size:var(--row-title);margin:22px 0 6px}.nav-row{width:100%;min-height:var(--row-min);padding:0 var(--edge);margin:0 calc(-1 * var(--edge));width:calc(100% + 2 * var(--edge));border-radius:var(--radius-row);text-align:left;font-size:var(--row-title);align-items:center;gap:14px;display:flex}.nav-row:hover{background:var(--column)}.nav-row.selected{background:var(--highlight)}.nav-row .count{color:var(--detail);font-size:var(--secondary-size);font-variant-numeric:tabular-nums;margin-left:auto}.nav-row.quiet{color:var(--detail);font-size:var(--secondary-size);min-height:36px}.nav-row.quiet svg{width:16px;height:16px}.ring{flex:none;width:21px;height:21px;margin:0 4px 0 2px}.divider{background:var(--hairline);height:1px;margin:14px 0}.area-row{width:100%;min-height:var(--row-min);font-weight:700;font-size:var(--row-title);text-align:left;align-items:center;gap:8px;display:flex}.area-row .chev{color:var(--glyph);width:18px;height:18px;margin-left:auto;transition:transform .2s}.area.collapsed .chev{transform:rotate(-90deg)}.area.collapsed .area-items{display:none}.emoji{text-align:center;width:26px;font-size:19px}.list-bar{z-index:5;padding:10px var(--side) 6px calc(var(--side) - 8px);background:color-mix(in srgb, var(--canvas) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:10px;min-height:64px;display:flex;position:sticky;top:0}.list-bar .spacer{flex:1}.bar-progress{pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.bar-progress-label{color:var(--secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.bar-progress-track{background:var(--hairline);border-radius:2px;width:84px;height:3px;position:relative;overflow:hidden}.bar-progress-fill{background:var(--accent);border-radius:2px;position:absolute;inset:0 auto 0 0}.back{color:var(--accent);align-items:center;gap:2px;height:44px;padding-right:8px;font-size:17px;font-weight:500;display:none}.back svg{width:22px;height:22px}.list-body{max-width:920px;padding:0 var(--side) 0 calc(var(--side) - var(--edge));margin-inline:auto}.list-heading{margin:12px 0 14px var(--edge);align-items:flex-start;gap:14px;display:flex}.list-heading>.project-mark{height:36px}.list-heading>.area-icon-tile{margin-block:-3px}.heading-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.heading-title{align-items:center;gap:4px 12px;min-width:0;min-height:36px;display:flex}.heading-title .screen-title{white-space:nowrap;text-overflow:ellipsis;-webkit-hyphens:none;hyphens:none;min-width:0;max-width:100%;line-height:36px;overflow:hidden}.heading-name{align-items:baseline;min-width:0;max-width:100%;display:flex}.title-detail{font-size:var(--row-title,17px);color:var(--secondary);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin-left:10px}.heading-title.stacked{flex-direction:column;align-items:flex-start}.heading-title.stacked .list-controls{margin-bottom:4px;margin-left:0}.list-controls{margin-left:auto;margin-right:var(--edge);flex:none;align-items:center;gap:14px;display:flex}.heading-line{color:var(--secondary);font-size:var(--secondary-size);margin:0;line-height:20px}.heading-line.small{color:var(--detail);font-size:13px;line-height:18px}.heading-text .shared-with{align-self:flex-start;margin-top:2px}.list-heading .icon-square{border-radius:9px;width:36px;height:36px}.list-heading .icon-square svg{width:22px;height:22px}.screen-title{font-family:var(--font-rounded);letter-spacing:.1px;margin:0;font-size:30px;font-weight:700}.list-heading .emoji{width:36px;font-size:28px}.list-notes{margin:-6px 0 16px var(--edge);color:var(--secondary);font-size:var(--secondary-size);max-width:60ch}.heading-text .list-notes{margin:2px 0 0}.birthday{padding:4px var(--edge) 10px;font-size:var(--secondary-size);align-items:center;gap:12px;display:flex}.birthday svg{width:18px;height:18px;color:var(--accent);margin:0 9px 0 1px}.birthday b{font-weight:600}.birthday span{color:var(--detail)}.row{padding:var(--row-pad) var(--edge);border-radius:var(--radius-row);-webkit-user-select:none;user-select:none;cursor:default;min-height:var(--row-min);outline-offset:-2px;grid-template-columns:36px 1fr auto;align-items:start;display:grid;position:relative}.row:hover{background:color-mix(in srgb, var(--column) 70%, transparent)}.row.overdue{background:var(--deadline-tint)}.row.selected{background:var(--selected-fill)}.row.selected.overdue{box-shadow:inset 0 0 0 1.5px var(--deadline)}.row.done .title{color:var(--detail)}.row.leaving{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(-4px)}.check{border:1.6px solid var(--checkbox);background:var(--canvas);border-radius:6px;place-items:center;width:21px;height:21px;margin-top:1px;display:grid}.check:hover{border-color:var(--accent)}.row.done .check{background:var(--mint);border-color:var(--mint)}.check svg{width:14px;height:14px;color:var(--on-mint);opacity:0}.row.done .check svg{opacity:1}.tickbox{position:relative}.row.done .tickbox{background:var(--canvas)}.tickbox .fill{background:var(--mint);opacity:0;border-radius:6px;position:absolute;inset:-1.6px;transform:scale(.2)}.row.done .tickbox .fill{opacity:1;transition:transform .32s cubic-bezier(.3,1.7,.5,1),opacity .12s;transform:scale(1)}.row.done .tickbox .hint,.row:not(.done) .check.tickbox .tick{opacity:0}.tickbox .tick{fill:none;width:21px;height:21px;stroke:var(--on-mint);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;position:absolute;inset:-1.6px}.row.done .tickbox .tick{stroke-dashoffset:0;transition:stroke-dashoffset .22s .12s}.tickbox .tick-ring{border:2px solid var(--mint);opacity:0;pointer-events:none;border-radius:6px;position:absolute;inset:-1.6px}.row.lingering .tickbox .tick-ring{animation:.55s ease-out tick-ring}@keyframes tick-ring{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.row.card.done .card-title{text-decoration:line-through;-webkit-text-decoration-color:var(--detail);text-decoration-color:var(--detail);color:var(--detail);transition:color .3s .14s}.row.quiet-tick .tickbox .tick-ring{animation:none}.row .title-line .title{position:relative}.row .title-line .title:after{content:"";left:0;right:0;top:calc(var(--row-line) * .53);background:var(--detail);transform-origin:0;pointer-events:none;height:1.5px;position:absolute;transform:scaleX(0)}.row.lingering .title-line .title{transition:color .3s .18s}.row.lingering .title-line .title:after{transition:transform .32s .14s;transform:scaleX(1)}.row.muted-check .check{border-color:color-mix(in srgb, var(--checkbox) 55%, transparent)}.row.faded .title{color:var(--secondary)}.someday-leaf{width:13px;height:13px;color:var(--accent);flex:none}.title-line{align-items:center;gap:6px;min-width:0;display:flex}.title{font-size:var(--row-title);line-height:var(--row-line);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.marks{color:var(--quiet-glyph);flex:none;align-items:center;gap:5px;display:flex}.marks svg{width:13px;height:13px}.where{font-size:var(--secondary-size);color:var(--detail);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;line-height:20px;display:flex;overflow:hidden}.side{font-size:var(--secondary-size);color:var(--detail);white-space:nowrap;line-height:var(--row-line);font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding-left:12px;display:flex}.side.red{color:var(--deadline);font-weight:600}.side svg{width:14px;height:14px}.side.edge{justify-content:flex-end;gap:10px}.side.edge>span{align-items:center;gap:4px;display:inline-flex}.side.edge .deadline.red{color:var(--deadline);font-weight:600}.side.edge .age{font-size:var(--small);gap:2px;font-weight:500}.side.edge .age svg{width:12px;height:12px;color:var(--quiet-glyph)}.project-row .ring{margin:1px 0 0}.project-row .title{font-weight:600}.section{margin-top:26px}.section.drag-only{display:none}body.dragging .section.drag-only{display:block}.section-head{padding:0 var(--edge) 8px;border-bottom:1px solid var(--hairline);align-items:center;gap:6px;margin-bottom:6px;display:flex}.section-head .chev{width:16px;height:16px;color:var(--glyph);transition:transform .2s}.section.collapsed .chev{transform:rotate(-90deg)}.section.collapsed .section-rows{display:none}.section-title{color:var(--text);font-size:20px;font-weight:700}.section-head .spacer{flex:1}.section-head button{color:var(--glyph);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.section-head button:hover{background:var(--column)}.section-head button svg{width:18px;height:18px}.day-head{padding:18px var(--edge) 6px;border-bottom:1px solid var(--hairline);align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.day-head b{font-size:20px}.day-head span{color:var(--detail);font-size:var(--secondary-size)}.empty{text-align:center;color:var(--detail);max-width:34ch;margin:60px auto}.empty .icon-square{border-radius:14px;width:52px;height:52px;margin:0 auto 14px}.empty .icon-square svg{width:30px;height:30px}.empty b{color:var(--text);margin-bottom:6px;font-size:20px;display:block}.list-body.editing .row:not(.card),.list-body.editing .section-head,.list-body.editing .birthday,.list-body.editing .day-head{opacity:.42}.card{background:var(--card);box-shadow:0 6px 32px color-mix(in srgb, var(--card-shadow) 80%, transparent), 0 1px 4px color-mix(in srgb, var(--card-shadow) 40%, transparent), 0 0 0 1px var(--card-edge);padding:12px var(--edge) 14px;cursor:auto;border-radius:14px;margin:10px -2px 14px;display:block}.card:hover{background:var(--card)}.card-top{grid-template-columns:36px 1fr auto;align-items:start;display:grid}.grows{min-width:0;display:grid}.grows:after{content:attr(data-value) " ";visibility:hidden;white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1}.grows>textarea{resize:none;white-space:pre-wrap;overflow-wrap:break-word;background:0 0;border:0;outline:0;grid-area:1/1;width:100%;min-width:0;margin:0;padding:0;display:block;overflow:hidden}.card-title-wrap{font-size:var(--row-title);line-height:var(--row-line)}.card-title::placeholder,.notes-field::placeholder{color:var(--quiet-glyph)}.card-more{color:var(--glyph);border-radius:8px;place-items:center;width:32px;height:28px;display:grid}.card-more svg{width:20px;height:20px}.card-inner{padding-left:36px}.card-where{font-size:var(--secondary-size);color:var(--detail);align-items:center;gap:6px;margin-top:4px;display:flex}.chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.chip{border:1px solid var(--tag-frame);height:30px;font-size:var(--secondary-size);color:var(--text);background:var(--card);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chip svg{width:14px;height:14px;color:var(--accent)}.chip.parsed{border:1.5px dashed var(--accent);color:var(--text)}.chip.red svg,.chip.red{color:var(--deadline)}.chip.red{background:var(--deadline-tint);border-color:var(--deadline)}.chip.today{background:var(--today-chip-fill);border-color:var(--today-chip-glyph)}.chip.today svg{color:var(--today-chip-glyph)}.chip .x{color:var(--glyph);width:14px;height:14px;margin-left:2px}.tool{width:32px;height:30px;color:var(--control,var(--glyph));border-radius:8px;place-items:center;display:grid}.tool:hover{background:var(--column)}.tool svg{width:19px;height:19px}.notes{resize:none;width:100%;font-size:var(--secondary-size);color:var(--secondary);background:0 0;border:0;outline:0;min-height:24px;margin-top:12px;padding:0;line-height:21px}.notes::placeholder{color:var(--quiet-glyph)}.checklist{gap:2px;margin-top:10px;display:grid}.check-item{font-size:var(--secondary-size);align-items:center;gap:10px;min-height:30px;display:flex}.check-item .dot{border:1.5px solid var(--checkbox);border-radius:50%;flex:none;width:16px;height:16px}.check-item.ticked .dot{background:var(--mint);border-color:var(--mint)}.check-item.ticked span{color:var(--detail);text-decoration:line-through}.find{background:var(--field);border-radius:22px;flex:1;align-items:center;gap:10px;max-width:520px;height:44px;padding:0 16px;display:flex}.find svg{width:18px;height:18px;color:var(--glyph);flex:none}.find input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:17px}.kbd{color:var(--detail);border:1px solid var(--tag-frame);font-size:12px;font-family:var(--font);border-radius:5px;padding:1px 6px}.fab-group{right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:20;align-items:center;gap:12px;display:flex;position:fixed}.fab-find{width:56px;height:56px}.fab-find svg{width:24px;height:24px}.fab-new{background:var(--mint);width:64px;height:64px;color:var(--on-mint);box-shadow:0 6px 18px color-mix(in srgb, var(--mint) 40%, transparent);border-radius:50%;place-items:center;display:grid}.fab-new svg{width:28px;height:28px}.selection-bar{left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--card);box-shadow:0 10px 30px var(--card-shadow), 0 0 0 1px var(--card-edge);white-space:nowrap;border-radius:28px;align-items:center;gap:4px;max-width:calc(100vw - 32px);padding:6px 6px 6px 18px;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%)}.selection-bar .count{font-variant-numeric:tabular-nums;margin-right:10px;font-weight:600}.selection-bar button{border-radius:20px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:15px;font-weight:500;display:inline-flex}.selection-bar button:hover{background:var(--column)}.selection-bar button svg{width:17px;height:17px;color:var(--accent)}.selection-bar .complete{background:var(--mint);color:var(--on-mint)}.selection-bar .complete svg{color:var(--on-mint)}.selection-bar .complete:hover{background:var(--mint);filter:brightness(.97)}.sheet-backdrop{background:var(--scrim);z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--card);box-shadow:0 20px 60px var(--card-shadow);border-radius:22px;width:min(480px,100%);max-height:calc(100% - 32px);padding:28px;overflow-y:auto}.sheet h2{font-family:var(--font-rounded);text-wrap:balance;margin:0 0 8px;font-size:26px}.sheet p{color:var(--secondary);margin:0 0 14px;font-size:16px;line-height:23px}.sheet .actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.pro-hero{background:var(--hero);border-radius:16px;align-items:center;gap:14px;margin-bottom:18px;padding:18px;display:flex}.pro-hero .icon-square{border-radius:12px;width:44px;height:44px}.pro-hero .icon-square svg{width:26px;height:26px}.pro-hero b{font-size:17px;display:block}.pro-hero span{color:var(--secondary);font-size:15px}.devices{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.devices span{border:1px solid var(--tag-frame);color:var(--secondary);border-radius:7px;padding:3px 8px;font-size:13px}.keys-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;font-size:15px;display:grid}.keys-grid h3{grid-column:1/-1;margin:12px 0 0;font-size:15px}.keys-grid .k{justify-content:flex-end;gap:4px;display:flex}.keys-grid .k .kbd{text-align:center;min-width:24px;font-size:13px}.keys-grid span:not(.kbd){color:var(--secondary)}.signin{background:var(--hero);z-index:60;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.signin-card{background:var(--card);width:min(420px,100%);box-shadow:0 16px 50px var(--card-shadow);text-align:center;border-radius:24px;padding:34px 30px 28px}.signin-card img{width:76px;height:76px;box-shadow:0 4px 14px var(--card-edge);border-radius:18px}.signin-card h1{font-family:var(--font-rounded);margin:18px 0 4px;font-size:30px}.signin-card .tag{color:var(--secondary);margin:0 0 26px}.provider{border-radius:25px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;margin-bottom:10px;font-size:17px;font-weight:600;display:flex}.provider.apple{background:var(--apple-bg);color:var(--apple-fg)}.provider.google{border:1.5px solid var(--secondary-stroke)}.provider svg{width:20px;height:20px}.or{color:var(--detail);align-items:center;gap:12px;margin:16px 0;font-size:14px;display:flex}.or:before,.or:after{content:"";background:var(--hairline);flex:1;height:1px}.field{background:var(--field);border:0;border-radius:12px;outline:0;width:100%;height:48px;margin-bottom:10px;padding:0 16px;font-size:17px}.field:focus{box-shadow:inset 0 0 0 2px var(--accent)}.signin-card .mint-button{border-radius:25px;width:100%;height:50px;margin-top:4px}.signin-links{justify-content:space-between;margin-top:16px;font-size:15px;display:flex}.signin-links button{color:var(--accent);font-weight:500}.signin-foot{color:var(--detail);margin-top:18px;font-size:13px}.signin-legal{color:var(--detail);margin-top:6px;font-size:13px}.signin-legal a{color:inherit;text-decoration:underline}.bare.sync-cloud{width:32px;height:44px;color:var(--secondary);border-radius:10px;flex:none;place-items:center;margin-right:4px;display:grid}.bare.sync-cloud:hover{color:var(--text)}.bare.sync-cloud svg{width:22px;height:22px}.popover.sync-popover{width:300px;padding:16px 18px}.sync-popover h3{color:var(--text);margin:0 0 8px;font-size:16px;font-weight:600}.sync-popover p{color:var(--secondary);margin:0 0 12px;font-size:14px;line-height:20px}.sync-popover .sync-still{margin:10px 0 0;font-size:13px}.outline-button.small{border-radius:17px;height:34px;padding:0 16px;font-size:15px}.outline-button[aria-disabled=true]{opacity:.6}.banner{margin:0 var(--edge) 12px;background:var(--column);color:var(--secondary);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:15px;display:flex}.banner svg{width:18px;height:18px;color:var(--glyph);flex:none}.toast{background:var(--text);color:var(--canvas);z-index:70;border-radius:20px;align-items:center;gap:14px;padding:10px 16px;font-size:15px;display:flex;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}.toast button{color:var(--mint);font-weight:600}@media (width<=999px){.app,.app.sidebar-hidden{grid-template-columns:1fr}.app.sidebar-hidden .sidebar{visibility:visible}.sidebar{width:var(--sidebar);z-index:40;border-right:0;max-width:88vw;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-110%)}.app.sidebar-open .sidebar{box-shadow:0 0 40px var(--card-shadow);transform:none}.app.sidebar-open .scrim{background:var(--scrim);z-index:35;display:block;position:fixed;inset:0}}@media (width<=699px){:root{--row-title:17px;--row-line:22px;--side:16px}.sidebar{width:auto;max-width:none;box-shadow:none;padding:6px var(--side) 140px;height:100%;position:static;transform:none}.app[data-screen=list] .sidebar,.app[data-screen=home] .main{display:none}.app[data-screen=home] .home-title{display:block}.home-bar .wide-only{display:none}.toggle{display:none!important}.back{display:inline-flex}.scrim{display:none!important}.sidebar .progress{display:block}.fab-group{right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px))}.list-heading{margin-top:4px}.screen-title{font-size:28px}.view-switch button{padding:0 10px}.find-kbd{display:none}.selection-bar{bottom:calc(96px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.tickbox .tick-ring{display:none}}.loading{text-align:center;height:100%;color:var(--detail);place-content:center;gap:16px;display:grid}.home-title{margin:0 auto 0 0}h2.group-label{margin:22px 0 6px}.nav-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-mark{color:var(--accent);flex:none;place-items:center;margin:0 4px 0 2px;display:grid}.project-mark svg{width:18px;height:18px}.list-heading .project-mark{margin:0}.list-heading .project-mark svg{width:26px;height:26px}.area-head{align-items:center;gap:4px;display:flex}.area-head .area-row{border-radius:var(--radius-row);min-width:0;padding:0 var(--edge);margin-left:calc(-1 * var(--edge));flex:1}.area-head .area-row:hover{background:var(--column)}.area-head .area-row.selected{background:var(--highlight)}.area-fold{width:32px;height:32px;color:var(--glyph);border-radius:8px;place-items:center;display:grid}.area-fold:hover{background:var(--column)}.area-fold .chev{width:18px;height:18px;transition:transform .2s}.area.collapsed .area-fold .chev{transform:rotate(-90deg)}.on-baseline{align-items:baseline;gap:inherit;min-width:0;display:flex}.sidebar .on-baseline .emoji{font-size:inherit;line-height:inherit;flex:none}.nav-row .on-baseline .emoji{width:25px;margin-right:2px}.area-row .on-baseline .emoji{width:25px;margin-right:8px}.favorites-star{width:1.45em;height:1.45em;color:var(--accent);vertical-align:-.32em;margin:-.15em 0}.sidebar .list-icon svg,.sidebar .nav-row>.ring,.sidebar .nav-row>.project-mark{transform:translateY(-.5px)}.icon-slot{color:var(--quiet-glyph)}.icon-slot svg{vertical-align:-1px;display:inline-block}.icon-slot.can-pick{cursor:pointer}.icon-slot.can-pick:hover{color:var(--accent)}.area-icon-tile{background:var(--column);width:42px;height:42px;color:var(--quiet-glyph);border-radius:10px;flex:none;place-items:center;margin-right:-4px;font-size:26px;line-height:1;display:grid}button.area-icon-tile:hover{background:var(--field)}.popover.emoji-popover{border-radius:16px;width:360px;padding:14px}.emoji-search{border-radius:12px;height:40px}.emoji-search svg{width:17px;height:17px;color:var(--detail);flex:none}.emoji-label{color:var(--detail);margin:14px 0 6px 2px;font-size:13px;font-weight:600}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.emoji-tile{border:1.5px solid #0000;border-radius:9px;place-items:center;height:38px;font-size:22px;line-height:1;display:grid}.emoji-tile:hover{background:var(--column)}.emoji-tile.on{background:var(--selected-fill);border-color:var(--accent)}.emoji-tile:focus-visible{outline:2px solid var(--accent);outline-offset:0}.emoji-empty{color:var(--detail);margin:14px 2px 2px;font-size:14px}.waiting-chev svg{transition:transform .2s}.waiting-chev.open svg{transform:rotate(90deg)}.icon-square.due{background:var(--deadline-icon-bg);color:var(--deadline)}.found-title{margin:12px 0 14px var(--edge);font-size:22px}.markdown p{margin:0 0 6px}.markdown p:last-child{margin-bottom:0}.markdown ul,.markdown ol{margin:0 0 6px;padding-left:20px}.markdown h4{color:var(--text);margin:6px 0 4px;font-size:1em}.markdown code{background:var(--field);border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.markdown a{color:var(--accent)}.markdown strong{color:var(--text);font-weight:600}.row:focus-visible{outline:2px solid var(--accent)}.row-text{min-width:0}.row .untitled{color:var(--quiet-glyph)}.row.later .title{color:var(--detail)}.where .place-ring,.where .place-glyph{width:11px;height:11px;color:var(--quiet-glyph);flex:none}.where-name{text-overflow:ellipsis;overflow:hidden}.row:not(.done) .check:hover svg{opacity:.35;color:var(--accent)}.stale-actions{align-items:center;gap:6px}.stale-age{color:var(--stale);align-items:center;gap:3px;margin-right:6px;font-weight:600;display:inline-flex}.small-button{border:1px solid var(--tag-frame);height:28px;color:var(--text);border-radius:14px;padding:0 10px;font-size:14px;font-weight:500}.small-button:hover{background:var(--column)}.project-row{text-align:left;align-items:center;width:100%}.project-row:hover{background:var(--column)}.project-row .project-mark,.project-row .ring{margin:0}.area-projects{margin-bottom:14px}.group{margin-top:22px}.group-head{padding:0 var(--edge) 8px;color:var(--text);border-bottom:1px solid var(--hairline);text-align:left;align-items:center;gap:10px;width:100%;margin-bottom:4px;font-size:20px;font-weight:700;display:flex}.group-head .ring,.group-head .project-mark{margin:0}.group-head.static{margin-top:4px}.group-head.static svg{width:18px;height:18px;color:var(--accent)}button.group-head:hover span{color:var(--accent)}.text-head{padding:0 var(--edge) 8px;color:var(--text);border-bottom:1px solid var(--hairline);margin-bottom:6px;font-size:20px;font-weight:700}.text-head.red{color:var(--deadline)}.month-title{color:var(--text);margin:26px var(--edge) 0;font-size:24px;font-weight:700}.rows>.month-title:first-child{margin-top:4px}.day-block .birthday{padding-top:6px}.birthday svg{flex:none}.section-head .fold{width:auto;height:auto;padding:2px}.section-title{margin:0}.section-rename{background:var(--field);font:inherit;border:0;border-radius:6px;outline:0;flex:1;min-width:0;padding:0 6px;font-size:20px;font-weight:700}.section-count{color:var(--detail);font-size:var(--secondary-size);font-variant-numeric:tabular-nums}.menu-button{color:var(--glyph);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.menu-button:hover{background:var(--column)}.menu-button svg{width:18px;height:18px}.list-body.editing .group-head,.list-body.editing .text-head,.list-body.editing .month-title,.list-body.editing .list-notes,.list-body.editing .project-row{opacity:.42}.board{padding:4px 2px 20px var(--edge);scroll-snap-type:x proximity;align-items:flex-start;gap:14px;display:flex;overflow-x:auto}:where(.main):has(>.list-body.board-body){flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}:where(.main):has(>.list-body.board-body)>.list-bar{flex:none}.list-body.board-body{flex-direction:column;flex:auto;width:100%;max-width:none;min-height:0;display:flex}.list-body.board-body>*{flex:none}.list-body.board-body{position:relative}.list-body.board-body>.board{min-height:0;margin-right:calc(-1 * var(--side));scrollbar-width:thin;scrollbar-color:var(--tag-frame) transparent;flex:auto;padding-bottom:100px;padding-right:96px;overflow:auto}.list-body.board-body>.board::-webkit-scrollbar{width:8px;height:8px}.list-body.board-body>.board::-webkit-scrollbar-thumb{background:var(--tag-frame);border-radius:4px}.list-body.board-body>.board::-webkit-scrollbar-track{background:0 0}.list-body.board-body>.list-foot{left:calc(var(--side) - var(--edge));bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:4;margin:0;padding:0;position:absolute}.list-body.board-body>.list-foot .foot-button{background:var(--canvas);box-shadow:0 0 0 1px var(--hairline), 0 2px 8px var(--card-edge);border-radius:18px;margin-left:0;padding:0 14px}.board-column{background:var(--column);border-radius:var(--radius-tile);scroll-snap-align:start;flex:0 0 300px;padding:10px 8px 8px}.board-head{align-items:center;gap:8px;padding:0 6px 8px;display:flex}.board-head h2{margin:0;font-size:17px}.board-head .spacer{flex:1}.board-head button{width:28px;height:28px;color:var(--glyph);border-radius:8px;place-items:center;display:grid}.board-head button svg{width:17px;height:17px}.board-head button:hover{background:var(--field)}.board-column .row{background:var(--card);box-shadow:0 0 0 1px var(--hairline);margin-bottom:6px}.board-column .row.selected{background:var(--selected-fill)}.board-column .card{margin:0 0 8px}.card-where{color:var(--detail);font-size:var(--secondary-size);text-align:left}button.card-where:hover{color:var(--accent)}.card-birthday{color:var(--detail);font-size:var(--secondary-size);align-items:center;gap:6px;margin-top:4px;display:flex}.card-birthday svg{width:14px;height:14px;color:var(--glyph);flex:none}.quick-entry .check{opacity:.7;border-style:dashed}button.chip:hover{background:var(--column)}.chip.parsed .x{width:18px;height:18px;color:var(--glyph);border-radius:50%;place-items:center;margin-left:2px;display:grid}.chip.parsed .x:hover{background:var(--field);color:var(--text)}.chip.parsed .x svg{width:12px;height:12px;color:inherit}.notes.shown{cursor:text;color:var(--secondary);border-radius:6px}.notes.shown:hover{background:color-mix(in srgb, var(--column) 60%, transparent)}.check-item .dot{padding:0}.check-item .dot:hover{border-color:var(--accent)}.check-item input{min-width:0;font-size:var(--secondary-size);background:0 0;border:0;outline:0;flex:1;padding:4px 0}.check-item.ticked input{color:var(--detail);text-decoration:line-through}.check-item .remove{opacity:0;color:var(--glyph);border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.check-item .remove svg{width:14px;height:14px}.check-item:hover .remove,.check-item .remove:focus-visible{opacity:1}.check-item.adding .dot{opacity:.6;border-style:dashed}.check-item.adding input::placeholder{color:var(--quiet-glyph)}.check-item .check-grip{opacity:0;color:var(--glyph);cursor:grab;flex:none;place-items:center;width:24px;height:24px;display:grid}.check-item .check-grip svg{width:14px;height:14px}.check-item:hover .check-grip,.check-item.lifted .check-grip{opacity:1}.check-item.lifted{opacity:.4}.check-item.lifted .check-grip{color:var(--accent)}.check-item.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.check-item.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}@media (hover:none){.check-item .check-grip{opacity:1}}.popover{z-index:80;background:var(--card);box-shadow:0 12px 36px var(--card-shadow), 0 0 0 1px var(--card-edge);border-radius:14px;width:304px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:10px;position:fixed;overflow-y:auto}.popover.menu{width:auto;min-width:200px;padding:6px}.popover.menu [role=menu] button{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:15px;display:flex}.popover.menu [role=menu] button:hover,.popover.menu [role=menu] button:focus-visible{background:var(--column);outline:0}.popover.menu [role=menu] button svg{width:17px;height:17px;color:var(--glyph)}.popover.menu [role=menu] button .kbd{margin-left:auto}.destructive,.popover.menu [role=menu] button.destructive,.popover.menu [role=menu] button.destructive svg{color:var(--deadline)}.picker{gap:8px;display:grid}.picker-field{background:var(--field);border-radius:10px;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.picker-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px}.picker-field input::placeholder{color:var(--quiet-glyph)}.picker-field-result{color:var(--accent);white-space:nowrap;font-size:14px;font-weight:600}.picker-list{border-radius:10px;outline:0;gap:1px;display:grid}.picker-list:focus-visible{box-shadow:0 0 0 2px var(--accent)}.picker-option{cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:34px;padding:0 8px;font-size:15px;display:flex}.picker-option.highlighted,button.picker-option:hover{background:var(--column)}.picker-option.chosen .picker-title{color:var(--accent);font-weight:600}.picker-option.disabled{opacity:.38;cursor:default}.picker-option.strong .picker-title{font-weight:600}.picker-option.level-1{padding-left:30px}.picker-icon{width:20px;color:var(--glyph);flex:none;place-items:center;display:grid}.picker-icon svg{width:17px;height:17px}.picker-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.picker-detail{color:var(--detail);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:8px;font-size:13px}.picker-tick{width:15px;height:15px;color:var(--accent);margin-left:auto}.picker-note{color:var(--detail);margin:0;padding:0 4px;font-size:13px;line-height:18px}.picker-note.moves-to-today{align-items:center;gap:6px;display:flex}.picker-note.moves-to-today svg{width:14px;height:14px;color:var(--accent);flex:none}.tag-list,.move-list{gap:1px;max-height:300px;display:grid;overflow-y:auto}.emoji.small{width:20px;font-size:15px}.calendar{border-top:1px solid var(--hairline);padding-top:8px}.calendar-head{align-items:center;gap:4px;padding:0 4px 6px;font-size:15px;font-weight:600;display:flex}.calendar-head span{flex:1}.calendar-head button{width:28px;height:28px;color:var(--glyph);border-radius:8px;place-items:center;display:grid}.calendar-head button:hover{background:var(--column)}.calendar-head svg{width:16px;height:16px}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-weekday{color:var(--detail);padding:2px 0;font-size:12px}.calendar-day{font-variant-numeric:tabular-nums;border-radius:17px;height:34px;font-size:14px}.calendar-day:hover:not(:disabled){background:var(--column)}.calendar-day.other{color:var(--quiet-glyph)}.calendar-day:disabled{color:var(--quiet-glyph);opacity:.5;cursor:default}.calendar-day.today{color:var(--accent);font-weight:700}.calendar-day.chosen{background:var(--mint);color:var(--on-mint);font-weight:600}.segmented{background:var(--field);border-radius:10px;gap:2px;padding:2px;display:flex}.segmented button{white-space:nowrap;border-radius:8px;flex:1;height:30px;padding:0 6px;font-size:14px;font-weight:500}.segmented button.on{background:var(--segment-thumb);box-shadow:0 1px 3px var(--card-edge), 0 0 0 1px var(--hairline);font-weight:600}.segmented.month-place button{text-overflow:ellipsis;min-width:0;overflow:hidden}.segmented.reminder-scope{background:var(--selected-fill)}.segmented.reminder-scope button{color:var(--accent-strong)}.capitalized{text-transform:capitalize}.popover:has(.repeat-picker){width:380px}.repeat-row{justify-content:space-between;align-items:center;gap:10px;min-height:34px;font-size:15px;display:flex}.repeat-every{font-weight:600}.stepper{border:1px solid var(--tag-frame);border-radius:9px;display:inline-flex;overflow:hidden}.stepper button{width:34px;height:30px;font-size:18px}.stepper button+button{border-left:1px solid var(--tag-frame)}.stepper button:disabled{color:var(--quiet-glyph);cursor:default}.weekday-chips{gap:4px;display:flex}.weekday-chips button{border:1px solid var(--tag-frame);border-radius:8px;flex:1;height:32px;font-size:14px;font-weight:600}.weekday-chips button.on{background:var(--selected-fill);border-color:var(--accent);color:var(--accent)}.month-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.month-days button{border:1px solid var(--tag-frame);font-variant-numeric:tabular-nums;border-radius:8px;height:30px;font-size:13.5px;font-weight:600}.month-days button.on{background:var(--selected-fill);border-color:var(--accent);color:var(--accent)}.month-days button.last-day{grid-column:span 5}.repeat-start,.repeat-year{align-items:center;gap:6px;display:flex}.repeat-start{flex-direction:column;align-items:flex-end;gap:2px}.repeat-start input,.repeat-year select{background:var(--field);height:30px;color:var(--text);border:0;border-radius:8px;padding:0 8px;font-size:14px}.repeat-start .repeat-moved{margin-left:0;padding-left:0;font-size:12.5px}.repeat-summary{text-align:center;margin:0}.toggle-row{align-items:center;gap:8px;min-height:32px;font-size:15px;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.ends{align-items:center;gap:6px;display:flex}.ends select,.ends input{background:var(--field);height:30px;color:var(--text);border:0;border-radius:8px;padding:0 8px;font-size:14px}.outline-button.small{border-width:1px;border-radius:17px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:15px;display:inline-flex}.outline-button.small svg{width:16px;height:16px}.outline-button:hover{background:var(--column)}body.dragging .row{cursor:grabbing}.row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.drop-into{background:var(--highlight)!important;box-shadow:inset 0 0 0 2px var(--accent)!important}.drop-label{z-index:90;pointer-events:none;background:var(--text);color:var(--canvas);white-space:nowrap;box-shadow:0 6px 18px var(--card-shadow);border-radius:14px;padding:6px 12px;font-size:14px;font-weight:600;position:fixed}.sheet.wide{width:min(580px,100%)}.sheet h3{color:var(--secondary);margin:18px 0 8px;font-size:15px}.sheet .keys-grid h3{color:var(--text);margin:12px 0 0}.sheet .field{margin-top:12px;display:block}.mint-button:disabled{opacity:.45;cursor:default;filter:none}.mint-button.destructive{background:var(--deadline);color:#fff}.keys-grid .keys-row{display:contents}.settings-group+.settings-group{border-top:1px solid var(--hairline);margin-top:14px}.settings-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.settings-row>div{gap:2px;min-width:0;display:grid}.settings-row b{overflow-wrap:anywhere;font-weight:600}.settings-row span{color:var(--secondary);font-size:14px;line-height:20px}.settings-row .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.sheet .settings-note{align-items:flex-start;gap:10px;margin:0;font-size:15px;display:flex}.settings-note svg{width:18px;height:18px;color:var(--glyph);flex:none;margin-top:2px}.settings-actions{flex-wrap:wrap;gap:10px;display:flex}.outline-button.destructive{border-color:color-mix(in srgb, var(--deadline) 60%, transparent)}.sheet .settings-version{color:var(--detail);margin:18px 0 0;font-size:13px}.sheet .settings-legal{color:var(--detail);margin:4px 0 0;font-size:13px}.sheet .settings-legal a{color:inherit;text-decoration:underline}.confirm-field{color:var(--secondary);gap:4px;font-size:15px;display:grid}.signin form{display:grid}.signin-message{color:var(--secondary);margin:12px 0 0;font-size:14px}.signin-message.error{color:var(--deadline)}.provider:disabled,.signin .mint-button:disabled{opacity:.6}.banner .link{color:var(--accent);white-space:nowrap;margin-left:auto;font-weight:600}.banner.history{margin-top:22px}.toast button{padding:2px 4px}@media (width<=699px){.board-column{flex-basis:min(300px,82vw)}.stale-actions .small-button{padding:0 8px}}.outline-button.small{white-space:nowrap}.card{scroll-margin:80px 0 120px}.templates-heading{align-items:flex-start}.templates-heading .icon-square{margin-top:2px}.heading-detail{color:var(--secondary);font-size:var(--secondary-size);margin:2px 0 0}.template-area{font-size:var(--row-title);margin:22px 0 4px var(--edge);font-weight:700}.template-gap{height:18px}.template-row{padding:0 var(--edge);border-radius:var(--radius-row);align-items:center;gap:12px;display:flex}.template-row:hover{background:var(--column)}.template-open{text-align:left;flex:1;align-items:flex-start;gap:12px;min-width:0;padding:10px 0;display:flex}.template-glyph{width:18px;height:18px;color:var(--quiet-glyph);flex:none;margin:2px 4px 0 3px}.template-text{gap:2px;min-width:0;display:grid}.template-title{font-size:var(--row-title);overflow-wrap:anywhere}.template-summary{color:var(--secondary);font-size:13px}.template-row.resting .template-title{color:var(--secondary)}.template-row.resting .outline-button{opacity:.45}.empty-note{margin-top:14px;font-size:13px;display:block}.crumb{color:var(--accent);margin:4px 0 0 calc(var(--edge) - 4px);align-items:center;gap:2px;height:30px;font-size:15px;font-weight:500;display:inline-flex}.crumb svg{width:18px;height:18px}.template-notes{margin-top:0}.resting-note{width:calc(100% - 2 * var(--edge));text-align:left}.template-use{margin:4px 0 18px var(--edge)}.steps,.steps ol{margin:0;padding:0;list-style:none}.step-head{width:100%;padding:9px var(--edge);border-radius:var(--radius-row);text-align:left;align-items:baseline;gap:14px;display:flex}.step-head:not(:disabled):hover{background:var(--column)}.step-head:disabled{cursor:default;opacity:1;color:inherit}.step-number{text-align:center;width:22px;color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--row-title);flex:none}.step-title{font-size:var(--row-title);overflow-wrap:anywhere}.step-marks{color:var(--quiet-glyph);align-self:center;gap:6px;display:inline-flex}.step-marks svg{width:13px;height:13px}.step.open{background:var(--column);border-radius:var(--radius-row);margin:4px 0}.step-body{padding:0 var(--edge) 12px calc(var(--edge) + 36px);color:var(--secondary);font-size:var(--secondary-size);gap:8px;display:grid}.step-checklist{color:var(--text);gap:6px;margin:0;padding:0;list-style:none;display:grid}.step-checklist li{align-items:center;gap:10px;display:flex}.step-box{border:1.5px solid var(--checkbox);border-radius:4px;flex:none;width:14px;height:14px}.step-section h2{font-size:var(--row-title);margin:20px var(--edge) 4px;border-bottom:1px solid var(--hairline);padding-bottom:8px;font-weight:700}.template-footnote{color:var(--detail);margin:28px var(--edge) 0;align-items:center;gap:8px;font-size:13px;display:flex}.template-footnote svg{flex:none;width:15px;height:15px}.use-field{gap:6px;margin-top:16px;display:grid}.use-field>span{color:var(--secondary);font-size:13px;font-weight:600}.use-field .field{margin:0}.area-choices{gap:6px;display:grid}.area-choice{background:var(--field);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;min-height:44px;padding:0 14px;font-size:16px;display:flex}.area-choice svg{width:16px;height:16px;color:var(--accent)}.area-choice.chosen,.choice-chip.chosen{background:var(--selected-fill);box-shadow:inset 0 0 0 1.5px var(--accent);font-weight:600}.use-field .chips{margin-top:0}.choice-chip{background:var(--field);border-radius:17px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:15px;display:inline-flex}.choice-chip svg{width:16px;height:16px;color:var(--accent)}.use-calendar{margin-top:10px}.use-note{color:var(--secondary);margin:20px 0 0;font-size:13px}.person-badge{background:var(--field);color:var(--secondary);font-family:var(--font-rounded);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.shared-with{color:var(--secondary);font-size:var(--secondary-size);text-align:left;border-radius:8px;justify-self:start;align-items:center;gap:8px;display:inline-flex}.shared-with:hover{color:var(--text)}.shared-with .badges{display:inline-flex}.shared-with .badges .person-badge+.person-badge{box-shadow:0 0 0 2px var(--canvas), inset 0 0 0 1px var(--hairline);margin-left:-6px}.sheet-label{color:var(--secondary);margin:14px 0 6px;font-size:13px;font-weight:600}.people{gap:4px;margin:0;padding:0;list-style:none;display:grid}.people li{align-items:center;gap:12px;min-height:48px;display:flex}.person-text{flex:1;min-width:0;display:grid}.person-text b{font-weight:500}.person-text span{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.person-role{color:var(--secondary);font-size:13px}.sheet-note{color:var(--secondary);margin:14px 0 0;font-size:13px}.sheet-problem{color:var(--deadline);margin:12px 0 0;font-size:15px}.confirm-inline{border-top:1px solid var(--hairline);margin-top:16px;padding-top:14px}.confirm-inline p{color:var(--secondary);margin:0;font-size:15px}.confirm-inline b{color:var(--text)}.invitations{gap:10px;margin-top:16px;display:grid}.invitation{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:18px;gap:12px;padding:14px;display:grid}.invitation-top{align-items:flex-start;gap:12px;display:flex}.invitation-top div{gap:2px;min-width:0;display:grid}.invitation-top b{font-weight:600}.invitation-top span{color:var(--secondary);font-size:14px}.invitation-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mint-button.small{border-radius:17px;height:34px;padding:0 16px;font-size:15px}.link.quiet{color:var(--secondary);margin-left:auto;font-size:14px;font-weight:500}.completed-by{color:var(--secondary);align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.link{color:var(--accent);font-weight:600}.mail-address{background:var(--field);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.mail-address code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:1;min-width:0;font-size:15px}.mail-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.mail-tools .sheet-note{flex-basis:100%;margin-top:4px}button.settings-row{text-align:left;border-radius:10px;width:100%}button.settings-row:hover{background:var(--column)}.mail-row>svg{width:16px;height:16px;color:var(--glyph);flex:none}.mail-row span.mono{overflow-wrap:anywhere;font-size:13px}.settings-subhead{color:var(--secondary);margin:14px 0 4px;font-size:13px;font-weight:600}.mail-address .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}button.settings-row{width:calc(100% + 20px);margin:0 -10px;padding:8px 10px}.sheet .settings-note{color:var(--secondary);margin:2px 0 6px;font-size:13px}.update-note{left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:65;background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:min(460px,100vw - 32px);box-shadow:0 6px 30px var(--card-shadow), inset 0 0 0 1px var(--card-edge);font-size:var(--secondary-size);border-radius:24px;align-items:center;gap:12px;padding:14px 20px;font-weight:500;display:flex;position:fixed;transform:translate(-50%)}.update-note .link{white-space:nowrap}.toggles{gap:2px;display:grid}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;min-height:40px;font-size:16px;display:flex}.toggle-row input{appearance:none;background:var(--field);cursor:pointer;width:42px;height:26px;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:13px;flex:none;transition:background .2s;position:relative}.toggle-row input:after{content:"";background:var(--card);width:20px;height:20px;box-shadow:0 1px 3px var(--card-shadow);border-radius:50%;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-row input:checked{background:var(--mint)}.toggle-row input:checked:after{transform:translate(16px)}.toggle-row input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-group h3+.segmented{margin-top:6px}.nav-row.drop-before,.area-row.drop-before,.section-head.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.nav-row.drop-after,.area-row.drop-after,.section-head.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.area-row[draggable=true],.section-head[draggable=true]{cursor:default}@media (pointer:coarse){.row{touch-action:pan-y;-webkit-touch-callout:none}}.row.swiping>:not(.swipe-tile,.swipe-actions),.row.settling>:not(.swipe-tile,.swipe-actions),.row.swiped-open>:not(.swipe-tile,.swipe-actions){transform:translateX(var(--swipe,0px))}.row.settling>:not(.swipe-tile,.swipe-actions){transition:transform .25s}.swipe-actions{width:var(--swipe-width,0px);gap:6px;display:flex;position:absolute;top:3px;bottom:3px;right:4px;overflow:hidden}.swipe-actions button{border-radius:12px;align-content:center;place-items:center;gap:2px;min-width:0;padding:0;display:grid;overflow:hidden}.swipe-actions svg{flex:none;width:18px;height:18px}.swipe-schedule{background:var(--selected-fill);color:var(--accent-strong);flex:64 1 0}.swipe-delete{background:var(--deadline);color:#fff;white-space:nowrap;flex:92 1 0;font-size:12px;font-weight:600}.swipe-actions:not(.open) .swipe-delete span{opacity:0}.swipe-tile{width:var(--swipe-width,0px);background:var(--field);color:var(--secondary);border-radius:12px;place-items:center;transition:background .15s,color .15s;display:grid;position:absolute;top:3px;bottom:3px;overflow:hidden}.swipe-tile svg{flex:none;width:18px;height:18px}.swipe-tile.schedule,.swipe-tile.delete{right:4px}.swipe-tile.move{left:4px}.swipe-tile.schedule.armed{background:var(--selected-fill);color:var(--accent-strong)}.swipe-tile.move.armed{background:var(--field);color:var(--text)}.swipe-tile.delete.armed{background:var(--deadline);color:#fff}.row.lifted{opacity:.35}.touch-ghost{z-index:90;pointer-events:none;background:var(--card);box-shadow:0 10px 34px var(--card-shadow), inset 0 0 0 1px var(--card-edge);border-radius:var(--radius-row);opacity:.97;position:fixed;top:0;left:0}.later-line{padding:10px var(--edge) 2px;font-size:var(--secondary-size);color:var(--glyph);font-weight:600}.board-column .later-line{padding-top:6px}.list-foot{padding:6px var(--edge) 0}.foot-button{height:36px;font-size:var(--secondary-size);color:var(--secondary);border-radius:8px;align-items:center;gap:8px;margin-left:-8px;padding:0 8px;font-weight:500;display:inline-flex}.foot-button:hover{background:var(--column)}.foot-button svg{width:17px;height:17px;color:var(--glyph)}.empty.all-done .icon-square.tick{background:var(--highlight);color:var(--accent);border-radius:50%}.empty.all-done .link{font-size:var(--secondary-size)}.archive-filter{margin:-4px 0 14px var(--edge);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.archive-filter label{align-items:center;gap:8px;display:flex}.archive-filter-label{font-size:var(--secondary-size);color:var(--secondary)}.archive-filter select.field{width:auto;min-width:180px;height:32px;margin:0;padding:0 10px;font-size:15px}.archive-filter .small-button{align-items:center;gap:4px;display:inline-flex}.archive-filter .small-button svg{width:12px;height:12px}.picker-hint{color:var(--detail);margin:-2px 0 0;padding:0 4px;font-size:12px;line-height:16px}.popover.menu [role=menu] button svg.menu-tick{width:14px;height:14px;color:var(--accent);margin-left:auto}.list-body.week-body{max-width:none}.week-controls{align-items:center;gap:14px;display:flex}.segmented.compact{display:inline-flex}.segmented.compact button{flex:none;height:28px;padding:0 14px;font-size:14px}.week-pager{align-items:center;gap:2px;display:flex}.pager-button{width:30px;height:30px;color:var(--text);border-radius:8px;place-items:center;display:grid}.pager-button svg{width:16px;height:16px}.pager-button:hover:not(:disabled){background:var(--column)}.week-pager button:disabled{opacity:.35}.week-pager .small-button{margin:0 4px}.week-days,.band-columns{gap:var(--week-gap);scroll-snap-type:x proximity;align-items:flex-start;padding:0 0 14px;display:flex;overflow-x:auto}.week-day{flex:0 0 var(--week-column);width:var(--week-column);scroll-snap-align:start;border-radius:var(--radius-row);min-width:0;min-height:140px;padding-bottom:8px}.week-day .row{grid-template-columns:32px 1fr auto}.week-day .title{overflow-wrap:anywhere}.week-head{white-space:nowrap;flex-wrap:nowrap;align-items:center;margin-bottom:4px;padding-top:4px}.week-head span:not(.spacer){text-overflow:ellipsis;overflow:hidden}.week-head .spacer{flex:1}.week-day.today .week-head b{color:var(--accent)}.week-add{width:28px;height:28px;color:var(--glyph);opacity:0;border-radius:8px;flex:none;place-items:center;display:grid}.week-add svg{width:17px;height:17px}.week-day:hover .week-add,.week-add:focus-visible{opacity:1}.week-add:hover{background:var(--column)}@media (pointer:coarse){.week-add{opacity:1}}.week-more{padding:6px var(--edge);color:var(--detail);font-size:var(--secondary-size);font-weight:500;display:block}.week-more:hover{color:var(--accent)}.week-day .card{margin:4px 0 8px}.week-band{border-top:1px solid var(--hairline);margin-top:18px;padding-top:12px}.band-bar{margin:0 0 12px var(--edge);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.band-fold{align-items:center;gap:6px;display:flex}.band-fold h2{margin:0;font-size:18px}.band-fold .chev{width:16px;height:16px;color:var(--glyph);transition:transform .2s}.week-band.folded .band-fold .chev{transform:rotate(-90deg)}.band-count{color:var(--detail);font-variant-numeric:tabular-nums;margin-left:2px}.band-tabs button.drop-into{border-radius:8px}.band-filter{background:var(--field);height:30px;color:var(--glyph);border-radius:15px;align-items:center;gap:6px;padding:0 10px;display:flex}.band-filter svg{flex:none;width:14px;height:14px}.band-filter-input{font:inherit;color:var(--text);background:0 0;border:0;outline:none;width:160px;font-size:14px}.band-column .group-head,.band-column .group-head .emoji{font-size:16px}.group-chev{width:13px;height:13px;color:var(--glyph);margin-left:-4px}.band-empty{margin:0 var(--edge) 12px;color:var(--detail);font-size:var(--secondary-size);border-radius:var(--radius-row);padding:18px 0}.week-day .title-line{line-height:var(--row-line);display:block}.week-day .title-line .title{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.week-day .title-line .marks{vertical-align:-1px;margin-left:6px;display:inline-flex}.week-day .side{padding-left:8px}.band-column .group-head{align-items:center;min-height:36px;margin-bottom:6px;padding-top:0;padding-bottom:6px}.main:has(.week-body){padding-bottom:0}.week{flex-direction:column;height:calc(100dvh - 140px);min-height:460px;display:flex}.week-days{flex:auto;min-height:0;overflow:auto}.week-band{flex-direction:column;flex:none;height:max(250px,34dvh);margin-top:10px;display:flex}.week-band.folded{height:auto}.week-band .band-columns,.week-band .band-empty{flex:auto;min-height:0;padding-bottom:100px;padding-right:96px;overflow:auto}.week-band{background:var(--column);border-top:1px solid var(--hairline);border-radius:0;margin-top:0;padding-top:12px;position:relative}.band-edge{cursor:ns-resize;z-index:3;touch-action:none;height:10px;position:absolute;top:-5px;left:0;right:0}.band-edge:focus-visible{box-shadow:inset 0 -2px 0 var(--accent);outline:none}.week-band.folded .band-edge{cursor:default}.week-band .segmented.compact button.on{background:var(--card);box-shadow:0 0 0 1px var(--hairline)}.week-band .band-filter{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline)}.band-pager{align-items:center;gap:2px;display:flex}.band-pager button:disabled{opacity:.35}.band-position{color:var(--detail);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px;font-size:13px}.week-band .band-columns{scrollbar-width:thin;scrollbar-color:var(--tag-frame) transparent}.week-band .band-columns::-webkit-scrollbar{height:8px}.week-band .band-columns::-webkit-scrollbar-thumb{background:var(--tag-frame);border-radius:4px}.week-band .band-columns::-webkit-scrollbar-track{background:0 0}.week-days .week-head{z-index:2;background:var(--canvas);position:sticky;top:0}.list-body.paged{max-width:1240px}.day-view{container-type:inline-size}.day-halves{flex-direction:column;display:flex}.day-planned-heading{display:none}@container (width>=760px){.day-halves{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.day-planned-heading{display:flex}}.pages{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.view-switch{flex:none;display:flex}.view-switch button{white-space:nowrap;height:32px;color:var(--secondary);border-radius:8px;padding:0 12px;font-size:14px}.view-switch button:hover{color:var(--text)}.view-switch button.on{background:var(--field);color:var(--text);font-weight:600}.glance{padding-left:var(--edge);flex-direction:column;gap:12px;display:flex}.glance-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.glance-card{background:var(--column);text-align:left;color:inherit;font:inherit;border:0;border-radius:14px;flex-direction:column;gap:6px;min-width:0;padding:12px 14px;display:flex}button.glance-card{cursor:pointer}button.glance-card:hover{background:var(--field)}.glance-title{font-size:var(--small);text-transform:uppercase;color:var(--secondary);letter-spacing:.3px;font-weight:600}.glance-number{color:var(--secondary);font-size:var(--secondary-size);flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.glance-number b{font-family:var(--font-rounded);color:var(--text);font-variant-numeric:tabular-nums;font-size:24px}.glance-number.empty b{color:var(--accent-strong)}.glance .red,.glance-number.red b{color:var(--deadline);font-weight:600}.glance-bar,.day-line-track{background:var(--hairline);border-radius:2px;height:4px;margin:4px 0;display:block;overflow:hidden}.glance-bar>span,.day-line-track>span{background:var(--accent);border-radius:2px;height:100%;display:block}.glance-line{font-size:var(--secondary-size);justify-content:space-between;align-items:baseline;gap:10px;display:flex}.glance-line>span:last-child{color:var(--secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.glance-line>b{color:var(--text)}.glance-line>span.glance-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.glance-ends,.day-line-ends{font-size:var(--small);color:var(--secondary);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.glance-more,.glance-sub{font-size:var(--small);color:var(--secondary)}.glance-part{flex-direction:column;display:flex}.day-heading{padding:0 var(--edge);align-items:baseline;gap:8px;min-height:34px;display:flex}.day-heading h2{margin:0;font-size:18px;font-weight:700}.day-heading span{color:var(--detail);font-variant-numeric:tabular-nums}.day-not-planned{border-radius:var(--radius-row);min-height:90px;padding-bottom:14px}.day-not-planned.drop-into,.day-gap-head.drop-into{background:var(--highlight);border-radius:var(--radius-row)}.day-line{padding:0 var(--edge) 10px}.day-line-words{font-size:var(--secondary-size);color:var(--secondary);align-items:baseline;gap:8px;display:flex}.day-line-words b{color:var(--text)}.day-gap-head{padding:8px var(--edge);font-size:var(--secondary-size);color:var(--detail);align-items:baseline;gap:12px;display:flex}.day-time{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;width:4.6em}.day-time.now{color:var(--accent-strong);font-weight:700}.day-note{margin:4px var(--edge) 8px;color:var(--secondary);font-size:var(--secondary-size)}.day-drop-hint{padding-left:62px}.glance .glance-line>span.red{color:var(--deadline);font-weight:600}:root{--habit-strong:#6b48e8;--on-habit-strong:#fff;--habit-fill:#9a7dff;--habit-text:#6340d8;--habit-tint:#efe9ff;--habit-group:#f1ecff;--habit-missed:#e3e8e6;--habit-best-strong:#f2c94c;--on-habit-best-strong:#15181c;--habit-best-text:#8a6100;--habit-best-tint:#fff3d0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--habit-strong:#a891f5;--on-habit-strong:#15181c;--habit-fill:#a891f5;--habit-text:#c4b2ff;--habit-tint:#2a2542;--habit-group:#221f35;--habit-missed:#2c3634;--habit-best-strong:#e0b23a;--habit-best-text:#f2c94c;--habit-best-tint:#3a3016}}:root[data-theme=dark]{--habit-strong:#a891f5;--on-habit-strong:#15181c;--habit-fill:#a891f5;--habit-text:#c4b2ff;--habit-tint:#2a2542;--habit-group:#221f35;--habit-missed:#2c3634;--habit-best-strong:#e0b23a;--habit-best-text:#f2c94c;--habit-best-tint:#3a3016}.habit-badge{font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:3px;height:24px;padding:0 8px 0 7px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.habit-badge svg{stroke-width:2.4px;width:12px;height:12px}.habit-badge.strong{background:var(--habit-strong);color:var(--on-habit-strong)}.habit-badge.soft{background:var(--habit-tint);color:var(--habit-text)}.habit-badge.flame-only{padding:0 7px}.habit-badge.large{height:28px;padding:0 10px;font-size:15px}.side.habit-side{padding-top:0}.habit-group .habit-badge.soft{background:var(--canvas)}.habit-badge.best.strong{background:var(--habit-best-strong);color:var(--on-habit-best-strong)}.habit-badge.best.soft,.habit-group .habit-badge.best.soft{background:var(--habit-best-tint);color:var(--habit-best-text)}.row.habit .tickbox .fill,.row.habit.done .check,.row.card.habit.done .check{background:var(--habit-fill)}.row.habit.done .check{border-color:var(--habit-fill)}.row.habit .tickbox .tick{stroke:#15181c}.row.habit .tickbox .tick-ring{border-color:var(--habit-fill)}.row.card.habit.done .check svg{color:#15181c}.habit-detail{color:var(--detail)}.habit-text{color:var(--habit-text);font-weight:600}.habit-detail.missed{color:var(--habit-text);font-weight:400}.where .habit-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.where.with-habit .where-name{flex-shrink:0;max-width:45%}.group.habit-group{background:var(--habit-group);border-radius:14px;margin-top:8px;padding:10px 0 6px}.group.habit-group .row:hover{background:color-mix(in srgb, var(--canvas) 55%, transparent)}.habit-group-head{border-bottom:none;align-items:center;gap:8px;margin-bottom:0;display:flex}.habit-group-head svg{width:16px;height:16px;color:var(--habit-text);stroke-width:2.4px}.habit-group-head .section-count{font-weight:400}.habit-group-head .spacer{flex:1}.habit-group-head .link{color:var(--accent);font-weight:600;font-size:var(--secondary-size)}.area-habits{margin:6px 0 14px}.card-expand{color:var(--glyph);border-radius:8px;place-items:center;width:32px;height:28px;display:grid}.card-expand:hover,.card-more:hover{background:var(--column)}.card-expand svg{width:17px;height:17px}.card-top:has(.card-expand){grid-template-columns:36px 1fr auto auto}.card-where.static{display:block}.habit-card{flex-direction:column;gap:10px;margin-top:12px;display:flex}.habit-card .chips{margin-top:2px}.chip.habit-chip{background:var(--habit-strong);border-color:var(--habit-strong);color:var(--on-habit-strong);font-weight:600}.chip.habit-chip svg{color:var(--on-habit-strong)}.flame-tool svg{color:var(--habit-text)}.habit-streak-line{font-size:var(--secondary-size);color:var(--secondary);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.habit-not-today .link{font-size:var(--secondary-size);color:var(--detail)}.habit-week{grid-template-columns:repeat(7,30px);gap:6px;display:grid}.habit-week-row{align-items:flex-end;gap:14px;display:flex}.habit-card-streak{font-variant-numeric:tabular-nums;color:var(--habit-text);font-size:20px;font-weight:700;line-height:30px}.habit-card-streak.best{color:var(--habit-best-text)}.habit-day{flex-direction:column;align-items:center;gap:4px;display:flex}.habit-day-name{color:var(--detail);font-size:12px;font-weight:600}.habit-day.today .habit-day-name{color:var(--habit-text)}.habit-dot{background:var(--field);box-sizing:border-box;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.habit-dot svg{color:#15181c;stroke-width:3.2px;width:12px;height:12px}.habit-dot.done{background:var(--habit-fill)}.habit-dot.kept{background:var(--canvas);border:1.5px dashed var(--habit-text)}.habit-dot.missed{background:var(--habit-missed)}.habit-dot.open,.habit-dot.ring{background:var(--canvas);border:2px solid var(--habit-text)}.habit-dot.done.ring{background:var(--habit-fill);border:none}.habit-dot.none{background:0 0}.habit-dot.coming{background:var(--field)}.habit-week.flexible{flex-direction:column;gap:6px;display:flex}.habit-label{letter-spacing:.04em;text-transform:uppercase;color:var(--detail);font-size:12px;font-weight:700}.habit-slots{gap:8px;display:flex}.habit-slot{background:var(--field);box-sizing:border-box;border-radius:8px;place-items:center;width:40px;height:26px;display:grid}.habit-slot.done{background:var(--habit-fill)}.habit-slot.next{background:var(--canvas);border:2px solid var(--habit-text)}.habit-slot svg{color:#15181c;stroke-width:3.2px;width:13px;height:13px}.habit-dots{flex-wrap:wrap;gap:6px;display:flex}.habit-dots .habit-dot{width:16px;height:16px}.habit-dots.large .habit-dot{width:18px;height:18px}.habit-dots.small{flex-wrap:nowrap;gap:4px}.habit-dots.small .habit-dot{width:9px;height:9px}.habit-dots.small.weeks .habit-dot{border-radius:3px;width:11px}.habit-dots.small .habit-dot.open{border-width:1.5px}.habit-dots.small .habit-dot.kept{border-width:1.2px}.icon-square.habits{background:var(--habit-tint);color:var(--habit-text)}.icon-square.habits svg{stroke-width:2.4px}.nav-row.habits .list-icon,.nav-row.habits.selected .list-icon{color:var(--habit-text)}.habit-lines{flex-direction:column;display:flex}.row.habit-line{padding:8px var(--edge);grid-template-columns:36px 1fr auto;align-items:center;min-height:0}.habit-line .check{margin-top:0}.habit-line-text{flex-direction:column;min-width:0;display:flex}.habit-line-side{flex-direction:column;align-items:flex-end;gap:6px;padding-left:12px;display:flex}.habit-line.paused{opacity:.7}.habit-pause-sign{width:21px;height:21px;color:var(--quiet-glyph);place-items:center;display:grid}.habit-pause-sign svg{width:15px;height:15px}.check.not-planned{background:0 0;border-style:dashed}.check.not-planned:hover{border-style:solid;border-color:var(--checkbox)}.row:not(.done) .check.not-planned:hover svg{color:var(--quiet-glyph)}.habits-paused-title{color:var(--text);margin:22px var(--edge) 4px;align-items:baseline;gap:8px;font-size:20px;font-weight:700;display:flex}.how-often{flex-direction:column;gap:10px;min-width:300px;padding:4px;display:flex}.how-often-popover{padding:12px}.how-often-row{font-size:var(--secondary-size);align-items:center;gap:10px;display:flex}.how-often-row .field{width:auto}.how-often-row.stepper b{text-align:center;min-width:2ch;font-size:18px}.segmented.small button{height:28px;font-size:13px}.weekday-toggles{gap:6px;display:flex}.weekday-toggles button,.month-toggles button{background:var(--field);border-radius:50%;width:34px;height:34px;font-size:13px;font-weight:600}.weekday-toggles button.on,.month-toggles button.on{background:var(--selected-fill);box-shadow:inset 0 0 0 1.5px var(--accent)}.month-toggles{grid-template-columns:repeat(7,34px);gap:6px;display:grid}.habit-page{padding:6px var(--edge) 120px;outline:none;flex-direction:column;gap:20px;max-width:860px;display:flex}.habit-page-head{grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;display:grid}.habit-box{border-radius:7px;width:26px;height:26px}.habit-box.checked{background:var(--habit-fill);border-color:var(--habit-fill)}.habit-box.checked svg{opacity:1;color:#15181c}.habit-box-space{width:26px}.habit-page-title{font-family:var(--font-rounded);color:var(--text);background:0 0;border:none;min-width:0;padding:0;font-size:30px;font-weight:700}.habit-page-title:focus{outline:none}.collapse-button{width:38px;height:38px}.habit-page-chips{flex-wrap:wrap;gap:8px;margin-left:46px;display:flex}.habit-page-chips .chip.static svg{color:var(--accent)}.habit-rests{color:var(--detail);white-space:nowrap}.habit-rests svg{vertical-align:-2px;width:13px;height:13px;margin-right:4px;display:inline-block}.habit-page-rests{font-size:var(--secondary-size);align-items:center;gap:12px;margin:-6px 0 0 46px;display:flex}.area-select{width:auto;height:30px;font-size:var(--secondary-size);padding:0 8px}.habit-tiles{grid-template-columns:repeat(3,minmax(0,170px));gap:12px;margin-left:46px;display:grid}.habit-tile{background:var(--column);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.habit-tile b{font-variant-numeric:tabular-nums;font-size:24px}.habit-tile b small{color:var(--secondary);font-size:15px;font-weight:600}.habit-tile span{color:var(--secondary);font-size:13px}.habit-tile.lilac{background:var(--habit-tint)}.habit-tile.lilac b{color:var(--habit-text)}.habit-history{flex-wrap:wrap;gap:48px;margin-left:46px;display:flex}.habit-history h2{margin:0 0 10px;font-size:17px}.habit-grid{gap:4px;display:flex}.habit-grid-week{grid-template-rows:repeat(7,14px);gap:4px;display:grid}.habit-cell{box-sizing:border-box;border-radius:3px;width:14px;height:14px}.habit-cell.done{background:var(--habit-fill)}.habit-cell.kept{border:1.5px dashed var(--habit-text)}.habit-cell.missed{background:var(--habit-missed)}.habit-cell.open,.habit-cell.ring{border:2px solid var(--habit-text)}.habit-cell.done.ring{border:none}.habit-cell.future,.habit-cell.none{background:var(--field)}.habit-legend{color:var(--secondary);gap:14px;margin-top:10px;font-size:12px;display:flex}.habit-legend span{align-items:center;gap:5px;display:inline-flex}.habit-legend .habit-dot{border-radius:3px;width:10px;height:10px}.habit-month-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.habit-month-head h2{text-align:center;min-width:7ch;margin:0}.habit-month-head .small-button{place-items:center;padding:0 6px;display:grid}.habit-month-head .small-button svg{width:14px;height:14px}.habit-hint{color:var(--detail);font-size:13px}.habit-calendar{text-align:center;grid-template-columns:repeat(7,32px);gap:4px 6px;font-size:13px;display:grid}.habit-calendar-name{color:var(--detail);font-size:12px;font-weight:600}.habit-calendar-day{font-variant-numeric:tabular-nums;width:30px;height:30px;color:var(--secondary);box-sizing:border-box;border-radius:50%}.habit-calendar-day:hover:not(:disabled){background:var(--column)}.habit-calendar-day.done{background:var(--habit-fill);color:#15181c;font-weight:600}.habit-calendar-day.kept{border:1.5px dashed var(--habit-text)}.habit-calendar-day.ring{border:2px solid var(--habit-text);color:var(--text);font-weight:700}.habit-calendar-day.done.ring{border:none}.habit-calendar-day.future{color:color-mix(in srgb, var(--detail) 55%, transparent)}.habit-notes{max-width:600px;margin-left:46px}.habit-keys{color:var(--detail);gap:20px;margin-left:46px;font-size:12px;display:flex}.milestone-moment{z-index:75;background:#1e1a2e8c;place-items:center;transition:opacity .25s ease-in;animation:.25s ease-out milestone-in;display:grid;position:fixed;inset:0}.milestone-moment.closing{opacity:0}.milestone-card{box-sizing:border-box;color:#fff;cursor:default;background:#1e1a2e;border-radius:22px;outline:none;flex-direction:column;align-items:center;width:440px;max-width:calc(100vw - 32px);height:min(580px,100vh - 40px);padding:0 32px;animation:.35s cubic-bezier(.3,1.3,.5,1) milestone-card-in;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 60px #00000059,inset 0 0 0 1px #ffffff14}.milestone-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.milestone-flame{color:#a891f5;background:#a891f52e;border-radius:50%;place-items:center;width:104px;height:104px;margin-bottom:12px;display:grid;box-shadow:0 0 0 12px #a891f514}.milestone-flame svg{stroke:#c4b2ff;stroke-width:1.4px;width:56px;height:56px;animation:.55s cubic-bezier(.3,1.6,.5,1) .12s both milestone-flame}.milestone-number{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:120px;font-weight:800;line-height:112px}.milestone-unit{color:#c4b2ff;font-size:24px;font-weight:700}.milestone-title{overflow-wrap:anywhere;margin-top:14px;font-size:18px;font-weight:600}.milestone-line{color:#b9b2cc;font-size:16px;line-height:22px}.milestone-path{align-items:flex-start;margin-top:30px;display:flex}.milestone-step{color:#8c82a8;flex-direction:column;align-items:center;gap:6px;min-width:28px;font-size:13px;font-weight:700;display:flex}.milestone-step i{background:#3a3352;border-radius:50%;width:12px;height:12px;margin:7px;display:block}.milestone-step.on{color:#c4b2ff}.milestone-step.on i{background:#a891f5}.milestone-step.now{color:#fff}.milestone-step.now i{background:#fff;width:16px;height:16px;margin:5px;box-shadow:0 0 0 5px #a891f573,0 0 16px #a891f599}.milestone-link{background:#3a3352;border-radius:1px;width:44px;height:2px;margin:12px 2px 0}.milestone-link.on{background:#a891f5}.milestone-hint{color:#8c82a8;padding-bottom:22px;font-size:13px;position:relative}.milestone-confetti{pointer-events:none;position:absolute;inset:0}.milestone-confetti i{top:var(--to);opacity:0;border-radius:2px;animation:2.6s linear both milestone-fall;position:absolute}.milestone-confetti i.round{border-radius:50%}.milestone-moment.still .milestone-confetti i{animation-play-state:paused;animation-delay:-.9s}@keyframes milestone-in{0%{opacity:0}}@keyframes milestone-card-in{0%{transform:scale(.94)}}@keyframes milestone-flame{0%{opacity:0;transform:scale(.4)}}@keyframes milestone-fall{0%{top:var(--from);transform:rotate(var(--turn-from));opacity:0}6%{opacity:1}77%{opacity:1}to{top:var(--to);transform:rotate(var(--turn-to));opacity:0}}@media (prefers-reduced-motion:reduce){.milestone-confetti{display:none}.milestone-card,.milestone-flame svg{animation:none}}@media (height<=640px){.milestone-flame{width:72px;height:72px;margin-bottom:6px}.milestone-flame svg{width:40px;height:40px}.milestone-number{margin-top:2px;font-size:84px;line-height:80px}.milestone-unit{font-size:20px}.milestone-title{margin-top:4px}.milestone-path{margin-top:10px}}@media (width<=699px){.milestone-moment{background:#1e1a2e}.milestone-card{width:100%;max-width:none;height:100%;box-shadow:none;padding-bottom:env(safe-area-inset-bottom,0px);background:0 0;border-radius:0;animation:none}.milestone-hint{padding-bottom:34px;font-size:14px}}.habit-badge{transform-origin:100%;transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s ease-out,background-color .3s,color .3s;position:relative}.habit-badge.swell,.habit-badge.roll{box-shadow:0 0 0 5px color-mix(in srgb, var(--habit-fill) 28%, transparent), 0 4px 14px color-mix(in srgb, var(--habit-strong) 35%, transparent);transition:transform .2s cubic-bezier(.3,1.5,.5,1),box-shadow .2s ease-out;transform:scale(1.33)}.habit-badge.swell svg,.habit-badge.roll svg{fill:currentColor}.badge-roll{height:1.15em;line-height:1.15em;display:inline-grid;overflow:hidden}.badge-roll>span{text-align:right;grid-area:1/1}.badge-roll .old{animation:.3s cubic-bezier(.4,0,.2,1) forwards badge-roll-out}.badge-roll .new{animation:.3s cubic-bezier(.4,0,.2,1) both badge-roll-in}@keyframes badge-roll-out{to{opacity:0;transform:translateY(-100%)}}@keyframes badge-roll-in{0%{opacity:0;transform:translateY(100%)}}.badge-sparks{pointer-events:none;position:absolute;inset:0}.badge-sparks i{border-radius:2px;width:4px;height:4px;margin:-2px;animation:.45s ease-out forwards badge-spark;position:absolute;top:50%;left:50%}@keyframes badge-spark{0%{opacity:1;transform:translate(0)}to{transform:translate(var(--dx), var(--dy));opacity:0}}.badge-plus{color:var(--habit-text);font-size:10px;font-weight:800;animation:.5s ease-out forwards badge-plus;position:absolute;top:-15px;right:2px}@keyframes badge-plus{0%{opacity:0;transform:translateY(4px)}30%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.habit-badge.still .badge-roll>span,.habit-badge.still .badge-plus{animation-play-state:paused;animation-delay:-.16s}.habit-badge.still .badge-sparks i{animation-play-state:paused;animation-delay:-.26s}@media (prefers-reduced-motion:reduce){.habit-badge{transition:none}}.week-done-capsule{background:var(--habit-strong);height:21px;color:var(--on-habit-strong);white-space:nowrap;border-radius:11px;align-items:center;gap:7px;margin:-2px 0;padding:0 9px 0 8px;font-size:12.5px;font-weight:700;display:inline-flex}.week-done-dots{gap:3px;display:inline-flex}.week-done-dots i{background:currentColor;border-radius:3px;width:5px;height:5px}.row.habit-panel.week-glow{animation:1.2s ease-out week-glow}@keyframes week-glow{0%{box-shadow:var(--habit-panel-shadow), 0 0 0 0 color-mix(in srgb, var(--habit-fill) 0%, transparent)}25%{box-shadow:var(--habit-panel-shadow), 0 0 0 6px color-mix(in srgb, var(--habit-fill) 30%, transparent);background:color-mix(in srgb, var(--habit-tint) 70%, var(--card))}to{box-shadow:var(--habit-panel-shadow), 0 0 0 0 transparent}}.week-done-capsule{animation:.35s cubic-bezier(.3,1.4,.5,1) week-capsule}@keyframes week-capsule{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.row.habit-panel.week-glow,.week-done-capsule{animation:none}}:root{--toast-habit:#c4b2ff;--toast-habit-soft:#a891f5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--toast-habit:#6340d8;--toast-habit-soft:#9a7dff}}:root[data-theme=dark]{--toast-habit:#6340d8;--toast-habit-soft:#9a7dff}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toast.habit-toast{box-sizing:border-box;border-radius:26px;min-width:min(280px,100vw - 32px);max-width:calc(100vw - 32px);padding:8px 18px 8px 16px}.toast.habit-toast>button{margin-left:auto}.habit-toast-body{align-items:center;gap:12px;min-width:0;min-height:36px;display:flex}.habit-toast-text{flex-direction:column;gap:1px;min-width:0;display:flex}.habit-toast-text b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:19px;overflow:hidden}.habit-toast-text span{color:var(--toast-habit);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:17px;overflow:hidden}.week-mark{height:30px;width:var(--row-width);flex:none;position:relative}.week-mark.arc{width:30px}.week-mark.closing{animation:.5s cubic-bezier(.4,0,.2,1) forwards week-gather-width}.week-mark.done{width:30px}@keyframes week-gather-width{to{width:30px}}.week-dot{box-sizing:border-box;border:1.5px solid var(--toast-habit-soft);width:9px;height:9px;transform:translate(var(--x0), var(--y0));border-radius:5px;position:absolute;top:0;left:0}.week-dot.on{background:var(--toast-habit-soft)}.week-mark.dots .week-dot.last{animation:.3s ease-out both week-dot-fill}@keyframes week-dot-fill{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--toast-habit-soft) 40%, transparent);background:0 0}60%{box-shadow:0 0 0 5px color-mix(in srgb, var(--toast-habit-soft) 30%, transparent)}to{background:var(--toast-habit-soft);box-shadow:0 0 0 4px color-mix(in srgb, var(--toast-habit-soft) 22%, transparent)}}.week-mark.closing .week-dot{animation:.5s cubic-bezier(.4,0,.2,1) forwards week-dot-gather}@keyframes week-dot-gather{60%{opacity:1}to{transform:translate(var(--x1), var(--y1));opacity:0}}.week-mark.done .week-dot{display:none}.week-mark svg{position:absolute;top:0;left:0;overflow:visible}.week-ring,.week-arc,.week-arc-track{fill:none;stroke-width:3.4px;stroke-linecap:round;transform-origin:15px 15px;transform:rotate(-90deg)}.week-ring,.week-arc{stroke:var(--toast-habit)}.week-arc-track{stroke:color-mix(in srgb, var(--toast-habit-soft) 30%, transparent)}.week-ring{stroke-dasharray:1 1}.week-mark.closing .week-ring{animation:.5s cubic-bezier(.4,0,.2,1) both week-ring-close}@keyframes week-ring-close{0%,30%{stroke-dashoffset:1px;opacity:0}40%{opacity:1}to{stroke-dashoffset:0}}.week-mark.closing.arc .week-arc{transition:stroke-dasharray .5s cubic-bezier(.4,0,.2,1)}.week-tick{fill:none;stroke:var(--toast-habit);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;animation:.25s ease-out both week-tick}@keyframes week-tick{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.week-sparks{position:absolute;top:15px;left:15px}.week-sparks i{opacity:0;border-radius:3px;width:5px;height:5px;margin:-2.5px;animation:.5s ease-out .2s forwards week-spark;position:absolute}@keyframes week-spark{0%{opacity:1;transform:translate(0)}to{transform:translate(var(--dx), var(--dy));opacity:0}}.habit-toast-body.still .week-mark.closing,.habit-toast-body.still .week-mark.closing .week-dot,.habit-toast-body.still .week-ring,.habit-toast-body.still .week-sparks i{animation-play-state:paused;animation-delay:-.33s}.habit-toast-body.still .week-sparks i{animation-delay:-.38s}@media (prefers-reduced-motion:reduce){.week-mark.dots .week-dot.last,.week-mark.closing,.week-mark.closing .week-dot,.week-mark.closing .week-ring,.week-tick,.week-sparks{animation:none}}@media (width<=699px){.habit-page-title{font-size:24px}.habit-page-chips,.habit-tiles,.habit-history,.habit-notes,.habit-keys{margin-left:0}.habit-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.habit-keys{display:none}}:root{--habit-panel-shadow:0 0 0 1px #0000000d, 0 6px 18px #15181c14}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--habit-panel-shadow:0 0 0 1px #ffffff12, 0 8px 22px #00000059}}:root[data-theme=dark]{--habit-panel-shadow:0 0 0 1px #ffffff12, 0 8px 22px #00000059}.habit-panels{padding:8px var(--edge) 0;gap:18px}.row.habit-panel{background:var(--card);box-shadow:var(--habit-panel-shadow);border-radius:20px;min-height:0;padding:14px 22px 20px 12px;display:block}.row.habit-panel:hover{background:var(--card)}.row.habit-panel.selected{background:var(--selected-fill)}.habit-panel-top{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:4px;display:grid}.habit-panel-top .check,.habit-panel-top .habit-pause-sign{margin:0 auto}.habit-panel-text{flex-direction:column;gap:2px;min-width:0;display:flex}.habit-panel-text .title{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:500;line-height:22px;overflow:hidden}.habit-panel.done .habit-panel-text .title{color:var(--secondary)}.habit-panel-text .where{color:var(--detail);font-size:13px;line-height:17px}.habit-panel-top .habit-badge{margin-left:8px}.habit-panel-body{flex-direction:column;gap:12px;padding:14px 0 0 40px;display:flex}.habit-strip{gap:12px;max-width:600px;display:grid}.habit-strip-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.habit-cell-day{aspect-ratio:1;box-sizing:border-box;background:var(--field);border-radius:3px;display:block}.habit-cell-day.done{background:var(--habit-fill)}.habit-cell-day.kept{border:1.5px dashed var(--habit-text);background:0 0}.habit-cell-day.today{border:2px solid var(--habit-text);background:0 0}.habit-cell-day.coming{opacity:.6}.habit-cell-day.off{opacity:.35}.habit-panel-status{max-width:600px;color:var(--detail);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:13px;line-height:17px;display:flex}.habit-panel-status .missed{color:var(--habit-text)}.habit-panel-quiet{color:var(--detail)}.habits-page .habit-panels .habits-paused-title{margin:10px 0 -6px}@media (width<=699px){.row.habit-panel{padding:14px 18px 18px 10px}}
