:root{--paper: #fcfcfd;--ink: #15171c;--soft: #6a6f7e;--hair: #e8eaef;--tint: #edf1fe;--blue: #3e6ff5;--warm: #f2643c;--warm-ink: #ba4d2e;--sunday: #c8102e;--mist: #f3f4f8;--stage: #eef0f5;--raised: #fcfcfd;--lifted: #fcfcfd;--on-ink-soft: #9a9ca1;--on-ink: #ffffff;--cal-0: #3e6ff5;--cal-1: #7b5cf0;--cal-2: #17a67a;--cal-3: #e0518e;--cal-4: #2e9bd6;--ease: cubic-bezier(.22, .61, .36, 1);--ease-slide: cubic-bezier(.2, .9, .24, 1);--press: .12s;--appear: .2s;--slide: .32s;--pulse: 2.6s;--shimmer: 1.3s;--breathe: 1.1s;--rail-x: 48px;--rail-w: 4px;--text-x: 86px;--screen: 28px;--titlebar: 0px;--r-sm: 6px;--r-md: 14px;--r-chip: 20px;--r-card: 24px;--r-sheet: 34px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--paper: #16181d;--ink: #e9eaee;--soft: #949bad;--hair: #2b2f38;--tint: #1b2334;--blue: #6b91ff;--warm: #ff7d57;--warm-ink: #ff7d57;--sunday: #ff6b73;--mist: #22262e;--stage: #101216;--cal-0: #6b91ff;--cal-1: #a488ff;--cal-2: #3fc79b;--cal-3: #ff7fae;--cal-4: #56b9ef;--on-ink: #16181d;--on-ink-soft: #6c7280;--raised: #1d2027;--lifted: #333845;color-scheme:dark}}:root[data-shell=mac]{--titlebar: 38px}@media(prefers-reduced-motion:reduce){:root{--press: 1ms;--appear: 1ms;--slide: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--stage);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;transition:transform var(--press) var(--ease),opacity var(--press) var(--ease)}button:active:not(:disabled){transform:scale(.96);opacity:.75}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}.app{display:grid;grid-template-columns:1fr;height:100%;background:var(--paper)}.sidebar{display:none}@media(min-width:760px){.app{grid-template-columns:64px 1fr}.sidebar{display:flex}}@media(min-width:1100px){.app{grid-template-columns:236px 1fr 300px}}.sidebar{flex-direction:column;gap:4px;padding:18px 10px;border-right:1px solid var(--hair);background:var(--paper)}.sidebar .brand{margin:2px 0 18px;display:flex;justify-content:center}.sidebar .me{margin-top:auto}.sidebar button{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:var(--r-md);color:var(--soft);transition:background var(--press) var(--ease),color var(--press) var(--ease),transform var(--press) var(--ease)}.sidebar button:hover{background:var(--mist)}.sidebar button.on{background:var(--ink);color:var(--on-ink)}.sidebar button .label{display:none;font-size:14.5px;font-weight:500}@media(min-width:1100px){.sidebar button .label{display:inline}}.page{display:flex;flex-direction:column;min-width:0;overflow:hidden}.page-head{display:flex;align-items:center;gap:12px;padding:22px var(--screen) 16px}.page-head h1{margin:0;font-size:31px;font-weight:600;letter-spacing:-.8px}.page-head .spacer{flex:1}.page-head.compact h1{font-size:20px;letter-spacing:-.4px}.page-head.compact{padding-top:29.92px}.scroller{flex:1;overflow-y:auto;overscroll-behavior:contain}.narrow{max-width:560px;width:100%;margin-inline:auto}.stem{position:relative;padding:0 var(--screen) 24px;max-width:560px;margin:0 auto}.stem-body{position:relative}.rail,.rail-fill{position:absolute;top:0;left:var(--rail-x);width:var(--rail-w);border-radius:999px}.rail{background:var(--hair)}.rail-fill{background:var(--tint);transition:height var(--slide) var(--ease-slide)}.sleeve{position:absolute;left:var(--rail-x);width:var(--rail-w);border-radius:999px;background:var(--tone, var(--hair));transition:background var(--slide) var(--ease)}.sleeve.gone{background:color-mix(in srgb,var(--tone, var(--hair)) 42%,var(--paper))}.branches{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:var(--hair);stroke-width:var(--rail-w);stroke-linecap:round}.bead{position:absolute;border-radius:999px;background:var(--tone, var(--hair));box-shadow:0 0 0 5px var(--paper);animation:bead-in var(--appear) var(--ease) backwards;transition:background var(--slide) var(--ease)}.bead.gone{background:color-mix(in srgb,var(--tone, var(--hair)) 42%,var(--paper))}@keyframes bead-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.pulse{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:2px solid var(--warm);border-radius:999px;animation:pulse var(--pulse) var(--ease) infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.85}to{transform:scale(2.1);opacity:0}}.now-dot{position:absolute;left:calc(var(--rail-x) - 3px);width:10px;height:10px;border-radius:999px;background:var(--warm);box-shadow:0 0 0 4px var(--paper);transition:top var(--slide) var(--ease-slide)}.stem-text{position:absolute;left:var(--text-x);right:var(--screen);display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:4px 8px;margin:-4px -8px;border-radius:var(--r-md);transition:background var(--press) var(--ease),transform var(--press) var(--ease)}.stem-text:hover:not(:disabled){background:var(--mist)}.stem-text.gone .when{color:color-mix(in srgb,var(--soft) 55%,var(--paper))}.stem-text.gone .what{color:color-mix(in srgb,var(--ink) 40%,var(--paper))}.stem-text.gone .where{color:color-mix(in srgb,var(--soft) 45%,var(--paper))}.stem-text .when,.stem-text .what,.stem-text .where{transition:color var(--slide) var(--ease);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stem-text .when{font-size:13px;color:var(--soft)}.stem-text .when.here{color:var(--warm-ink);font-weight:500}.when.next{color:var(--ink);font-weight:500}.stem-text .what{font-size:17px;font-weight:500}.stem-text .what.here{font-size:22px;font-weight:600}.stem-text .what.gone{font-size:15.5px;font-weight:400}.stem-text .where{font-size:13px;color:var(--soft)}.fold{display:flex;align-items:center;gap:7px;height:30px;padding-left:calc(var(--rail-x) - 7px);font-size:12px;color:var(--soft);transition:color var(--press) var(--ease)}.allday{display:flex;gap:7px;flex-wrap:wrap;padding:0 var(--screen) 18px}.allday button{display:flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 11px;border-radius:999px;background:var(--mist);font-size:13px;position:relative;overflow:hidden}.allday .dot{width:9px;height:9px;border-radius:999px}.allday .progress{position:absolute;left:0;bottom:0;height:4px}:root{--todo-bead-m: 39px;--todo-text-x: var(--text-x)}.todos{padding:0 var(--screen) 24px;max-width:560px;margin-inline:auto}.todo-col .todos{--todo-bead-m: 16px;--todo-text-x: 42px}.todo-group{font-size:12px;color:var(--soft);margin:18px 0 4px;padding-left:var(--todo-text-x)}.todo-group.late{color:var(--warm-ink);font-weight:600}.todo{display:flex;align-items:center;gap:calc(var(--todo-text-x) - var(--todo-bead-m) - 22px + 8px);width:100%;padding:4px 8px 4px 0;margin-left:-8px;border-radius:var(--r-md);transition:background var(--press) var(--ease)}.todo:hover{background:var(--mist)}.todo .check{width:22px;height:22px;border-radius:999px;border:2.5px solid var(--blue);margin-left:var(--todo-bead-m);flex:none;display:grid;place-items:center;background:var(--paper);box-shadow:0 0 0 5px var(--paper);transition:background var(--appear) var(--ease),border-color var(--appear) var(--ease),transform var(--press) var(--ease)}.todo .check.late{border-color:var(--hair)}.todo .check.done{background:var(--ink);border-color:var(--ink)}.todo .check svg{animation:bead-in var(--appear) var(--ease)}.todo .body{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;flex:1;text-align:left;background:none;border:none;padding:0;font:inherit;color:inherit}.todo .body:disabled{cursor:default}.todo .title{font-size:16px}.todo.done .title{color:var(--soft);text-decoration:line-through}.todo .due{font-size:13px;color:var(--soft);margin-left:auto;padding-left:12px;white-space:nowrap}.todo .due.late{color:var(--warm-ink);font-weight:500}.empty{--empty-text-in: calc(var(--text-x) - var(--screen));display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:40px var(--screen);max-width:560px;margin:0 auto;animation:rise var(--appear) var(--ease)}.empty .mark{position:relative;height:108px;display:grid;place-items:center}.empty .mark .line{position:absolute;width:var(--rail-w);height:108px;background:var(--hair);border-radius:999px}.empty .mark button{position:relative;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;color:var(--soft)}.empty .mark .ring{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:2px dashed var(--hair);border-radius:999px;background:var(--paper)}.empty h2{margin:0 0 0 var(--empty-text-in);font-size:22px;font-weight:600}.empty p{margin:0 0 0 var(--empty-text-in);font-size:13px;color:var(--soft)}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.skeleton{padding:8px var(--screen) 24px}.skeleton-row{display:flex;gap:16px;align-items:flex-start;padding:12px 0 12px 42px;animation:rise var(--appear) var(--ease) backwards}.skeleton-bead{width:15px;height:15px;border-radius:999px;background:var(--hair);flex:none}.skeleton-lines{display:flex;flex-direction:column;gap:8px;flex:1}.skeleton-bar{height:11px;border-radius:var(--r-sm);background:var(--hair);animation:shimmer var(--shimmer) var(--ease) infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.45}}.dots{display:inline-flex;gap:5px;align-items:center}.dots span{width:6px;height:6px;border-radius:999px;animation:breathe var(--breathe) var(--ease) infinite}@keyframes breathe{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:none}}.banner{display:flex;align-items:center;gap:9px;margin:0 var(--screen) 10px;padding:10px 14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--warm) 9%,var(--paper));font-size:12.5px;animation:rise var(--appear) var(--ease)}.banner .dot{width:7px;height:7px;border-radius:999px;background:var(--warm);flex:none}.banner button{margin-left:auto;color:var(--warm-ink);font-weight:600}.fade-in{animation:fade-slide var(--appear) var(--ease)}@keyframes fade-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#08090c5c;display:grid;place-items:end center;animation:scrim var(--appear) var(--ease)}@media(min-width:760px){.scrim{place-items:start center;padding-block:min(13vh,108px) 32px;overflow-y:auto}}@keyframes scrim{0%{opacity:0}to{opacity:1}}@media(prefers-color-scheme:dark){.scrim{background:#00000094}}.sheet{width:min(520px,100%);max-height:min(760px,92vh);display:flex;flex-direction:column;background:var(--raised);border-radius:var(--r-sheet) var(--r-sheet) 0 0;animation:sheet-up var(--slide) var(--ease-slide);overflow:hidden}@media(min-width:760px){.sheet{border-radius:var(--r-sheet)}}@keyframes sheet-up{0%{transform:translateY(22px);opacity:0}to{transform:none;opacity:1}}.sheet-bar{display:flex;align-items:center;gap:10px;padding:14px 22px}.sheet-bar>button{font-size:15.5px;color:var(--soft)}.sheet-bar .pills{margin:0 auto;display:flex;gap:4px;padding:3px;border-radius:999px;background:var(--mist)}.sheet-bar .pills button{height:34px;padding:0 16px;border-radius:999px;font-size:14.5px;font-weight:500;transition:background var(--slide) var(--ease-slide),color var(--slide) var(--ease-slide)}.sheet-bar .pills button.on{background:var(--ink);color:var(--on-ink)}.sheet-body{flex:1;overflow-y:auto;padding:0 26px 26px}.title-field{width:100%;border:0;outline:none;background:none;font-family:inherit;font-weight:600;font-size:27px;line-height:1.3;letter-spacing:-.6px;padding:0 0 16px;transition:box-shadow var(--appear) var(--ease)}.title-field::placeholder{color:color-mix(in srgb,var(--soft) 70%,var(--paper))}.title-field:focus-visible{outline:none;box-shadow:inset 0 -2px 0 0 var(--ink)}.preview{display:flex;align-items:center;gap:13px;padding:12px 0 18px;position:relative;min-height:54px}.preview .line{position:absolute;left:9px;top:0;bottom:0;width:var(--rail-w);background:var(--hair);border-radius:999px}.preview .bead{position:relative;width:17px;height:17px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 5px var(--paper);margin-left:2px}.preview .bead.ring{background:var(--paper);border:2.5px solid var(--blue)}.preview .text{font-size:13px;color:var(--soft)}.flow-step{padding:2px 0}.flow-head{display:flex;align-items:center;gap:9px;width:100%;height:38px;border-radius:var(--r-md);transition:background var(--press) var(--ease)}.flow-head:hover:not(:disabled){background:var(--mist)}.flow-num{width:18px;height:18px;border-radius:999px;flex:none;display:grid;place-items:center;background:var(--mist);color:var(--soft);font-size:10px;font-weight:600;transition:background var(--appear) var(--ease)}.flow-num.done{background:var(--ink)}.flow-title{font-size:12.5px;font-weight:600;letter-spacing:.3px;color:var(--soft);transition:color var(--appear) var(--ease)}.flow-title.open{color:var(--ink)}.flow-answer{font-size:14px;font-weight:500}.flow-wrap{overflow:hidden;transition:height var(--slide) var(--ease-slide),opacity var(--appear) var(--ease)}.flow-body{display:flex;flex-direction:column;gap:10px;padding:10px 0 4px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{height:36px;padding:0 15px;border-radius:999px;background:var(--mist);font-size:14px;font-weight:500;transition:background var(--slide) var(--ease-slide),color var(--slide) var(--ease-slide)}.chips button.on{background:var(--ink);color:var(--on-ink)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}input[type=date],input[type=time]{height:36px;padding:0 12px;border-radius:999px;border:0;background:var(--mist);color:var(--ink);font-family:inherit;font-weight:500;font-size:14px;font-variant-numeric:tabular-nums}input[type=date]:focus,input[type=time]:focus{outline:2px solid var(--ink);outline-offset:1px}::-webkit-calendar-picker-indicator{opacity:.45;cursor:pointer;transition:opacity var(--press) var(--ease)}::-webkit-calendar-picker-indicator:hover{opacity:.8}.plain-field{height:44px;padding:0 16px;border-radius:999px;border:0;outline:none;background:var(--mist);font-family:inherit;font-size:15.5px;color:var(--ink);width:100%}.next{align-self:flex-start;height:34px;padding:0 15px;border-radius:999px;background:var(--tint);color:var(--blue);font-size:14px;font-weight:600;transition:opacity var(--press) var(--ease),background var(--press) var(--ease)}.sheet-foot{padding:10px 26px 18px}.sheet-foot .fail{margin:0 0 8px;font-size:12px;color:var(--warm-ink)}.primary{width:100%;height:54px;border-radius:999px;background:var(--ink);color:var(--on-ink);font-size:16.5px;font-weight:600;display:grid;place-items:center;transition:background var(--appear) var(--ease),transform var(--press) var(--ease)}.primary:disabled{background:color-mix(in srgb,var(--ink) 22%,var(--paper))}.fab{flex:none;width:56px;height:56px;border-radius:999px;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;box-shadow:0 1px 2px #15171c29,0 8px 20px #15171c24}.bottom-nav{display:flex;gap:2px;padding:5px;border-radius:999px;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 26px #15171c1f,0 0 0 1px var(--hair)}.bottom-nav button{width:54px;height:44px;border-radius:999px;display:grid;place-items:center;color:var(--soft);transition:background var(--slide) var(--ease-slide),color var(--slide) var(--ease-slide)}.bottom-nav button.on{background:var(--lifted);color:var(--ink);box-shadow:0 .5px 1px #15171c1a,0 2px 6px #15171c12}@media(min-width:760px){.bottom-nav{display:none}}.bottom-bar{position:fixed;left:0;right:0;bottom:20px;z-index:30;display:flex;justify-content:center;align-items:center;gap:10px;pointer-events:none}.bottom-bar>*{pointer-events:auto}@media(min-width:760px){.bottom-bar{left:auto;bottom:26px;right:calc(26px + var(--rail-gutter, 0px))}}@media(min-width:1100px){.app{--rail-gutter: 300px}}.todo-peek{border-top:1px solid var(--hair);background:var(--mist);padding:14px 0 18px}.todo-peek-head{padding:0 var(--screen) 6px;font-size:17px;font-weight:500}@media(max-width:759px){.todo-peek{padding-bottom:82px}}.signin{display:grid;place-items:center;height:100%;background:var(--paper);padding:32px}.signin-card{width:100%;max-width:392px}.signin-mark{margin-bottom:26px;display:block}.signin-title{font-size:34px;font-weight:600;letter-spacing:-1.1px;margin:0;line-height:1.25;color:var(--ink)}.signin-lead{color:var(--soft);font-size:15.5px;line-height:1.62;margin-top:14px}.signin-lead b{color:var(--ink);font-weight:600}.code-board{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:24px}.code-board.dim .code-cell{color:color-mix(in srgb,var(--ink) 35%,var(--paper))}.code-cell{height:68px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--mist);border:1px solid var(--hair);font-size:27px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.5px;color:var(--ink)}.code-cell.filled{animation:cell-land var(--slide) var(--ease-slide) backwards}@keyframes cell-land{0%{opacity:0;transform:translateY(-9px) scale(.94)}to{opacity:1;transform:none}}.pair-state{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:13.5px;color:var(--soft);font-variant-numeric:tabular-nums}.pair-bead{width:9px;height:9px;border-radius:999px;background:var(--warm);animation:breathe var(--pulse) ease-in-out infinite}@keyframes breathe{0%,to{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.signin-field{width:100%;height:48px;margin-top:10px;padding:0 16px;border-radius:999px;border:1px solid var(--hair);background:var(--mist);font-size:14px;color:var(--ink)}.signin-field.mono{font-family:ui-monospace,SFMono-Regular,monospace}.signin-field.small{height:42px;font-size:13px}.signin-field:focus{outline:2px solid var(--ink);outline-offset:1px}.signin-go{width:100%;height:54px;margin-top:14px;border-radius:999px;background:var(--ink);color:var(--on-ink);font-size:16.5px;font-weight:600;transition:transform var(--press) var(--ease),opacity var(--press) var(--ease)}.signin-go:active{transform:scale(.98)}.signin-go:disabled{background:color-mix(in srgb,var(--ink) 22%,var(--paper));transform:none}.signin-alt{display:block;margin:18px auto 0;font-size:13px;color:var(--soft);background:none;padding:8px 12px;border-radius:999px;transition:color var(--press) var(--ease),background var(--press) var(--ease)}.signin-alt:hover{color:var(--ink);background:var(--mist)}.rise-in{animation:rise var(--appear) var(--ease)}.sheet.detail{width:min(460px,100%)}.sheet-bar .spacer{flex:1}.sheet-bar button.quiet{font-size:15.5px;color:var(--soft);transition:color var(--press) var(--ease)}.n-rail{position:absolute;left:7px;top:10px;bottom:26px;width:var(--rail-w);border-radius:999px;background:var(--hair);transform:translate(-50%)}.n-row{position:relative;display:flex;align-items:center;gap:10px;height:30px;padding-left:26px;font-size:13px;color:color-mix(in srgb,var(--soft) 55%,var(--paper));transition:color var(--appear) var(--ease)}.n-row.on{color:var(--ink);font-weight:500}.n-bead{position:absolute;left:7px;transform:translate(-50%);border-radius:999px;box-shadow:0 0 0 3px var(--paper);transition:width var(--appear) var(--ease),height var(--appear) var(--ease)}.n-when{font-variant-numeric:tabular-nums;min-width:42px}.n-what{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-eyebrow{margin:0 0 6px;font-size:12.5px;color:var(--soft)}.detail-title{margin:0;font-size:25px;font-weight:600;letter-spacing:-.5px;line-height:1.3;color:var(--ink);text-wrap:balance}.detail-when{margin:8px 0 0;font-size:14.5px;color:var(--ink);font-variant-numeric:tabular-nums}.detail-where{margin:3px 0 0;font-size:13.5px;color:var(--soft)}.detail-block{margin-top:26px}.detail-label{font-size:12px;color:var(--soft);letter-spacing:.3px;margin-bottom:9px}.detail-note{margin:10px 0 0;font-size:12px;color:var(--soft);line-height:1.5}.detail-notes{margin:0;font-size:14px;line-height:1.62;color:var(--ink);white-space:pre-wrap}.origin{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink)}.origin .swatch{width:11px;height:11px;border-radius:var(--r-sm);flex:none}.origin-note{color:var(--soft);font-size:13px}.detail-input{width:100%;margin-top:2px;padding:0;font-size:25px;font-weight:600;letter-spacing:-.5px;color:var(--ink);background:none;border:none;border-bottom:1px solid transparent;transition:border-color var(--appear) var(--ease)}.detail-input:focus{outline:none;border-bottom-color:var(--hair)}.detail-input:focus-visible{outline:none;border-bottom-color:var(--ink)}.detail-commit{height:52px;display:flex;align-items:center}.detail-commit+.danger{margin-top:10px}.detail-commit .go{height:38px;padding:0 20px;border-radius:999px;background:var(--ink);color:var(--on-ink);font-size:14.5px;font-weight:600;transition:opacity var(--press) var(--ease)}.danger{width:100%;height:48px;margin-top:34px;border-radius:999px;background:var(--mist);color:var(--soft);font-size:14.5px;font-weight:500;transition:background var(--appear) var(--ease),color var(--appear) var(--ease),transform var(--press) var(--ease)}.danger:active{transform:scale(.985)}.danger.armed{background:color-mix(in srgb,var(--warm) 13%,var(--paper));color:var(--warm-ink);font-weight:600}.sheet.sheet-me{width:min(460px,100%)}.me-head{display:flex;align-items:center;gap:16px;padding:4px 0 24px}.me-initials{width:60px;height:60px;border-radius:999px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 12%,var(--paper));color:var(--blue);font-size:22px;font-weight:600}.me-who{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.me-name{display:inline-flex;align-items:center;gap:6px;background:none;padding:0;font-size:21px;font-weight:600;letter-spacing:-.4px;color:var(--ink);align-self:flex-start;transition:opacity var(--press) var(--ease)}.me-name svg{color:var(--soft)}.me-name:hover{opacity:.66}.me-name-field{font-size:21px;font-weight:600;letter-spacing:-.4px;color:var(--ink);background:none;border:none;border-bottom:1px solid var(--hair);padding:0 0 2px;width:100%}.me-name-field:focus{outline:none;border-bottom-color:var(--ink)}.me-mail{font-size:12.5px;color:var(--soft)}.me-save{font-size:14.5px;font-weight:600;color:var(--ink);background:none;transition:opacity var(--press) var(--ease)}.me-group{margin-bottom:14px}.me-label{font-size:12px;color:var(--soft);padding-left:14px;margin-bottom:6px}.me-rows{display:flex;flex-direction:column;gap:3px;padding:5px;border-radius:var(--r-card);background:var(--mist)}.me-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 16px;border-radius:calc(var(--r-card) - 5px);background:var(--lifted);text-align:left;transition:background var(--press) var(--ease),transform var(--press) var(--ease)}button.me-row:hover{background:color-mix(in srgb,var(--ink) 4%,var(--paper))}button.me-row:active{transform:scale(.99)}button.me-row.armed,button.me-row.armed:hover{background:color-mix(in srgb,var(--warm) 13%,var(--paper))}.me-row.armed .me-title{color:var(--warm-ink);font-weight:600}.me-row.armed .me-sub{color:color-mix(in srgb,var(--warm) 78%,var(--paper))}.me-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.me-title{font-size:15.5px;color:var(--ink)}.me-sub{font-size:12.5px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-icon{width:18px;display:grid;place-items:center;flex:none}.me-swatch{width:11px;height:11px;border-radius:var(--r-sm);flex:none}.me-chev{color:color-mix(in srgb,var(--soft) 55%,var(--paper));flex:none}.me-dot{width:8px;height:8px;border-radius:999px;background:var(--cal-2);flex:none}.me-toggle{width:46px;height:28px;border-radius:999px;flex:none;background:color-mix(in srgb,var(--ink) 14%,var(--paper));display:flex;align-items:center;padding:3px;transition:background var(--appear) var(--ease)}.me-toggle.on{background:var(--blue)}.me-toggle i{width:22px;height:22px;border-radius:999px;background:var(--paper);box-shadow:0 .5px 1px #15171c24,0 2px 4px #15171c1a;transition:transform var(--appear) var(--ease-slide)}.me-toggle.on i{transform:translate(18px)}[data-shell=mac] .app{padding-top:var(--titlebar)}[data-shell=mac] .signin{padding-top:calc(32px + var(--titlebar))}.titlebar-drag{position:fixed;top:0;left:0;right:0;height:var(--titlebar);z-index:50;-webkit-app-region:drag}.sidebar button.brand{height:auto;padding:0;border-radius:0;background:none;transition:transform var(--press) var(--ease),opacity var(--press) var(--ease)}.sidebar button.brand:hover{background:none;opacity:.78}.sidebar button.brand:active{transform:scale(.93)}@media(hover:hover){.stem-text{border-radius:var(--r-md);transition:background var(--press) var(--ease)}.stem-text:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 4%,transparent)}.todo .check:hover:not(.done){background:color-mix(in srgb,var(--blue) 12%,transparent);transform:scale(1.08)}.fold:hover:not(:disabled){color:var(--ink)}.fab{transition:transform var(--press) var(--ease),box-shadow var(--appear) var(--ease)}.fab:hover{transform:translateY(-1px);box-shadow:0 1px 2px #15171c1f,0 12px 28px #15171c2e}.go:hover,.signin-go:hover:not(:disabled),.me-save:hover,.next:hover{opacity:.86}.quiet:hover{color:var(--ink)}.danger:hover:not(.armed){background:color-mix(in srgb,var(--ink) 8%,var(--paper))}.chips button:hover:not(.on){background:color-mix(in srgb,var(--ink) 8%,var(--paper))}.sheet-bar .pills button:hover:not(.on){color:var(--ink);opacity:.7}.bottom-nav button:hover:not(.on){background:var(--mist)}.allday button:hover{filter:brightness(.97)}}:where(button,input,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:2px}.flow-label{font-size:12px;color:var(--soft);margin-top:4px}.empty.unknown .line{background:color-mix(in srgb,var(--hair) 50%,var(--paper))}.empty.unknown h2{color:var(--soft)}.empty.unknown .retry{margin:14px 0 0 var(--empty-text-in);height:38px;padding:0 18px;border-radius:999px;background:var(--mist);color:var(--ink);font-size:14px;font-weight:500}