:root{--navy:#292d48;--pale:#f3f0e9;--soft:#c6cce0;--white:#fff;--bg:var(--pale);--surface:var(--white);--panel:var(--soft);--ink:var(--navy);--ink-2:#4a4e66;--line:#d9d6cf;--line-strong:var(--navy);--focus:var(--navy);--mark-on-navy:#3e4363;--mark-on-pale:#ebe8e3;--glass:#ffffffb8;--glass-strong:#f7f5f0db;--glass-edge:#ffffffbf;--glass-shine:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #292d480f;--glass-shadow:0 1px 2px #292d480f;--float-shadow:0 4px 14px #292d481a;--glass-blur:blur(22px) saturate(180%);--lens:#fffffff2;--group:var(--white);--spring:cubic-bezier(.34, 1.36, .64, 1);--dock-h:62px;--dock-gap:max(12px, calc(var(--safe-bottom) - 10px));--ease-ios:cubic-bezier(.32, .72, 0, 1);--display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--text:"Figtree", ui-sans-serif, system-ui, sans-serif;--radius:12px;--radius-sm:8px;--gutter:24px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:var(--navy);--surface:#30354f;--panel:#3a3f5c;--ink:var(--pale);--ink-2:#c9c6c0;--line:#464b68;--line-strong:var(--pale);--focus:var(--pale);--mark-on-pale:#30354f;--glass:#3a3f5ca8;--glass-strong:#292d48d6;--glass-edge:#ffffff24;--glass-shine:inset 0 1px 0 #ffffff29, inset 0 -1px 0 #0003;--glass-shadow:0 1px 2px #0000002e;--float-shadow:0 4px 14px #00000047;--lens:#ffffff29;--group:#ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:var(--bg)}html,body{height:100vh}body{overscroll-behavior:none;background:var(--bg);color:var(--ink);font:400 16px/25px var(--text);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}code{font-size:.9em}h1,.h1{font:500 40px/46px var(--display);font-optical-sizing:auto;letter-spacing:-.02em;margin:0}.h4{font:600 24px/32px var(--text);letter-spacing:-.005em;margin:0}.h5{font:600 20px/28px var(--text);margin:0}.h6{font:600 18px/26px var(--text);margin:0}.lead{font:400 18px/28px var(--text);margin:0}.overline{font:600 12px/18px var(--text);letter-spacing:.05em;text-transform:uppercase;margin:0}.label{font:500 14px/20px var(--text);margin:0 0 6px;padding:0;display:block}.helper{font:400 14px/21px var(--text);color:var(--ink-2);margin:6px 0 0}.muted{color:var(--ink-2)}.strong{font-weight:600}.tabular{font-variant-numeric:tabular-nums}.error{font:500 16px/24px var(--text);margin:8px 0 0}.error:before{content:"Error: ";font-weight:600}p{margin:0}@media (width>=768px){body{font-size:16px;line-height:24px}h1,.h1{font-size:64px;line-height:72px}.h4{font-size:28px;line-height:36px}.h5{font-size:22px;line-height:30px}.lead{font-size:20px;line-height:32px}}.btn{min-height:48px;font:600 16px/24px var(--text);white-space:nowrap;transition:background-color .12s, transform .25s var(--spring);border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.btn:active,.chip:active,.fab:active,.dock-tab:active,.text-button:active{transform:scale(.96)}.btn:disabled{cursor:not-allowed;opacity:1}.btn-small{min-height:40px;padding:8px 16px}.btn-primary{background:var(--ink);color:var(--bg)}@media (hover:hover){.btn-primary:hover{background:color-mix(in srgb, var(--ink) 88%, var(--bg))}}.btn-primary:disabled{background:var(--panel);color:var(--ink)}.btn-quiet{color:var(--ink);border-color:var(--line-strong);background:0 0}@media (hover:hover){.btn-quiet:hover{background:var(--surface)}}.btn-danger{color:var(--ink);border-color:var(--line-strong);text-underline-offset:3px;background:0 0;text-decoration:underline}.btn-on-navy{background:var(--pale);color:var(--navy)}.btn-on-navy-outline{color:var(--pale);border-color:var(--pale);background:0 0}@media (hover:hover){.btn-on-navy-outline:hover{background:#343957}}.link{font:600 14px/21px var(--text);color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.icon-button{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}@media (hover:hover){.icon-button:hover{background:var(--bg)}}.input{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:48px;font:400 16px/24px var(--text);color:var(--ink);font-variant-numeric:tabular-nums;padding:11px 14px}@media (hover:hover){.input:hover:not(:disabled){border-color:var(--ink-2)}}.input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}.input:disabled{background:var(--bg);color:var(--ink-2)}.input::placeholder{color:var(--ink-2)}textarea.input{resize:vertical;min-height:80px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23292D48' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}@media (prefers-color-scheme:dark){select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23F3F0E9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.two{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}@media (width<=340px){.row.two{grid-template-columns:1fr}}.splash{background:var(--navy);min-height:100vh;color:var(--pale);text-align:center;place-content:center;justify-items:center;gap:24px;padding:24px;display:grid}.splash .lockup{width:180px}.signin{background:var(--navy);min-height:100vh;color:var(--pale);padding:calc(48px + var(--safe-top)) var(--gutter) calc(48px + var(--safe-bottom));align-items:center;display:flex;position:relative;overflow:hidden}.signin-inner{z-index:1;gap:48px;width:100%;max-width:560px;margin:0 auto;display:grid;position:relative}.signin .lockup{width:160px}.signin-copy{gap:16px;display:grid}.signin-copy .overline{margin-bottom:-4px}.signin-actions{justify-items:start;gap:16px;display:grid}.google-button{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:44px}.notice-on-navy{font:500 16px/24px var(--text);max-width:44ch}.signin-mark{background:var(--mark-on-navy);aspect-ratio:1;width:min(90vw,640px);position:absolute;bottom:-14%;right:-18%;-webkit-mask:url(/brand/knot.svg) 50%/contain no-repeat;mask:url(/brand/knot.svg) 50%/contain no-repeat}@media (width>=768px){.signin-inner{gap:64px}.signin-mark{width:560px;top:50%;bottom:auto;right:-6%;transform:translateY(-50%)}}.glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-shine), var(--glass-shadow)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--surface)}}.app{min-height:100vh;padding-top:calc(var(--safe-top) + 60px);background:var(--bg);isolation:isolate;position:relative;overflow-x:clip}.app:before{content:"";z-index:-1;aspect-ratio:1;background:var(--mark-on-pale);pointer-events:none;width:520px;position:absolute;top:-60px;right:max(-140px,50vw - 600px);-webkit-mask:url(/brand/knot.svg) 50%/contain no-repeat;mask:url(/brand/knot.svg) 50%/contain no-repeat}.topbar{z-index:10;color:var(--pale);padding-top:var(--safe-top);background:var(--navy);position:fixed;top:0;left:0;right:0;box-shadow:inset 0 -1px #ffffff14}.topbar-inner{max-width:760px;padding:8px var(--gutter);justify-content:space-between;align-items:center;gap:16px;min-height:60px;margin:0 auto;display:flex}.topbar .lockup{width:124px;height:auto}.topbar-actions{align-items:center;gap:12px;display:flex}.avatar-button{border:1.5px solid var(--pale);background:var(--pale);width:40px;height:40px;color:var(--navy);font:600 14px/1 var(--text);border-radius:999px;place-items:center;padding:0;display:grid;overflow:hidden}.avatar-button img{object-fit:cover;width:100%;height:100%}.content{max-width:760px;padding:32px var(--gutter) calc(120px + var(--safe-bottom));margin:0 auto}.page-head{gap:8px;margin-bottom:24px;display:grid}.summary{font:400 18px/28px var(--text);color:var(--ink-2)}@media (width>=768px){.content{padding-top:48px}.page-head{margin-bottom:40px}}.panel{color:var(--ink);border-radius:20px;gap:8px;margin-bottom:28px;padding:20px;display:grid}.panel .row{flex-wrap:nowrap;margin-top:8px}.panel .btn{min-height:44px;padding:10px 18px}.list-heading{margin:0 0 4px;padding:0}.task-list{margin:0 calc(var(--gutter) * -1);padding:0;list-style:none}.task{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.task-row{z-index:1;padding:6px var(--gutter);touch-action:pan-y;will-change:transform;align-items:flex-start;gap:12px;display:flex;position:relative}.swipe-action{background:var(--navy);color:var(--pale);font:600 16px/24px var(--text);align-items:center;padding:0 28px;display:none;position:absolute;inset:0}@media (prefers-color-scheme:dark){.swipe-action{background:var(--pale);color:var(--navy)}}.swipe-action.right{justify-content:flex-start}.swipe-action.left{justify-content:flex-end}.task[data-swipe] .task-row{background:var(--bg)}.task[data-swipe=right] .swipe-action.right,.task[data-swipe=left] .swipe-action.left{display:flex}.swipe-action{transition:letter-spacing .2s var(--spring)}.task[data-armed] .swipe-action{letter-spacing:.02em;text-underline-offset:4px;text-decoration:underline}.check{width:44px;height:44px;color:var(--ink);background:0 0;border:0;flex:none;place-items:center;margin:4px -4px 0 -10px;padding:0;display:grid}.check svg{border:2px solid var(--ink);color:#0000;width:26px;height:26px;transition:background-color .15s, color .15s, transform .3s var(--spring);border-radius:999px;padding:3px}.check:active svg{transform:scale(.85)}@media (hover:hover){.check:hover svg{color:var(--ink-2)}}.check[aria-checked=true] svg{background:var(--ink);color:var(--bg)}.task-body{text-align:left;min-width:0;color:var(--ink);-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:1;gap:4px;padding:12px 0;display:grid}.task-title{font:500 16px/24px var(--text);overflow-wrap:anywhere}.task-meta{font:400 13px/20px var(--text);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.task-notes{font:400 14px/21px var(--text);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-people{font:400 13px/20px var(--text);color:var(--ink-2);align-items:center;gap:8px;display:flex}.tag{font:600 12px/18px var(--text);color:var(--ink);border:1px solid var(--ink);border-radius:6px;padding:0 6px}.tag-strong{background:var(--ink);color:var(--bg)}.is-done .task-title{color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:1.5px}.empty{gap:8px;padding:48px 0;display:grid}.empty p{color:var(--ink-2)}.avatars{display:flex}.avatar{background:var(--navy);width:24px;height:24px;color:var(--pale);font:600 10px/1 var(--text);box-shadow:0 0 0 2px var(--bg);border-radius:999px;flex:none;place-items:center;display:grid;overflow:hidden}.avatar+.avatar{margin-left:-6px}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{width:32px;height:32px;font-size:12px}@media (prefers-color-scheme:dark){.avatar{background:var(--pale);color:var(--navy)}}.dock.glass,.fab.glass{box-shadow:var(--glass-shine), var(--float-shadow)}.dock-area{z-index:20;left:0;right:0;bottom:var(--dock-gap);height:var(--dock-h);max-width:560px;padding:0 max(16px, env(safe-area-inset-left)) 0 max(16px, env(safe-area-inset-right));pointer-events:none;align-items:center;gap:10px;margin:0 auto;display:flex;position:fixed}.ios-fullscreen .dock-area{bottom:auto;top:calc(var(--screen-h) - var(--dock-gap) - var(--dock-h))}.ios-fullscreen .toast-region{bottom:auto;top:calc(var(--screen-h) - var(--dock-gap) - var(--dock-h) - 72px)}.dock-area>*{pointer-events:auto}.dock{border-radius:999px;flex:auto;justify-content:space-between;gap:2px;min-width:0;max-width:100%;height:100%;padding:4px;display:flex;position:relative}.dock-lens{background:var(--lens);transition:transform .52s var(--spring), width .52s var(--spring);border-radius:999px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 1px 2px #292d481a,inset 0 1px #fff9}.dock{-webkit-user-select:none;user-select:none;overflow:clip}.content{touch-action:pan-y;will-change:transform;min-height:calc(100vh - var(--safe-top) - 60px)}.dock-tab{z-index:1;color:var(--ink);white-space:nowrap;min-width:0;transition:transform .25s var(--spring);background:0 0;border:0;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex;position:relative}.dock-label{font:500 14px/20px var(--text)}.dock-count{min-width:20px;height:20px;font:600 12px/1 var(--text);border:1.25px solid;border-radius:999px;place-items:center;padding:0 5px;display:inline-grid}.dock-tab[aria-current=page] .dock-label{font-weight:600}.dock-tab[aria-current=page] .dock-count{background:var(--ink);color:var(--bg);border-color:var(--ink)}@media (width<=360px){.dock-tab{gap:4px;padding:0 6px}.dock-count{min-width:18px;height:18px;padding:0 4px;font-size:11px}}.fab{width:var(--dock-h,62px);height:var(--dock-h,62px);color:var(--pale);transition:transform .25s var(--spring);background:#292d48db;border-color:#ffffff38;border-radius:999px;flex:none;place-items:center;display:grid}@media (prefers-color-scheme:dark){.fab{color:var(--navy);background:#f3f0e9e6}}.sheet-overlay{z-index:40;background:#0f111e59;position:fixed;inset:0}.sheet{z-index:41;width:100%;max-width:620px;max-height:calc(100vh - 44px - var(--safe-top));color:var(--ink);background:var(--glass-strong);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);box-shadow:inset 0 1px 0 var(--glass-edge), 0 -2px 12px #0f111e14;border-radius:28px 28px 0 0;outline:none;flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet-grabber{background:color-mix(in srgb, var(--ink) 28%, transparent);border-radius:999px;flex:none;width:38px;height:5px;margin:8px auto 0}.sheet-head{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 12px 10px;display:grid}.sheet-slot{display:flex}.sheet-slot.end{justify-content:flex-end}.sheet-title{font:600 18px/26px var(--text);text-align:center;margin:0}.sheet-body{overscroll-behavior:contain;padding:8px 16px calc(28px + var(--safe-bottom));flex:1;overflow-y:auto}@media (width>=768px){.sheet-body{padding:8px 24px 32px}}.text-button{min-height:44px;color:var(--ink);font:500 16px/24px var(--text);transition:transform .25s var(--spring), background-color .15s;background:0 0;border:0;border-radius:999px;padding:8px 12px}.text-button.strong{font-weight:600}@media (hover:hover){.text-button:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.text-button:disabled{color:var(--ink-2)}.form{gap:24px;display:grid}.group{background:var(--group);border-radius:16px;overflow:hidden}.group>*+*{box-shadow:inset 0 1px 0 var(--line)}.group-heading{font:600 12px/18px var(--text);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);margin:0 0 8px;padding:0 16px}.group-foot{padding:0 16px}.group-field{gap:2px;padding:10px 16px 12px;display:grid}.group-field .label{color:var(--ink-2);margin:0;font-size:13px;line-height:20px}.group-row{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex}.group-row>.label{font:400 16px/24px var(--text);flex:none;margin:0}.group-button{width:100%;min-height:52px;color:var(--ink);font:600 16px/24px var(--text);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.group-button:active{background:color-mix(in srgb, var(--ink) 8%, transparent)}.bare-input{min-width:0;min-height:44px;color:var(--ink);font:400 16px/24px var(--text);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:100%;padding:0}.bare-input::placeholder,.bare-input:disabled{color:var(--ink-2)}.bare-input.end{text-align:right;text-align-last:right;flex:1;width:auto}textarea.bare-input{resize:none;min-height:48px;padding:2px 0}.title-input{font:500 18px/26px var(--text)}select.bare-input{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpath d='M1.5 6l3.5-3.5L8.5 6M1.5 10l3.5 3.5L8.5 10' fill='none' stroke='%234A4E66' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 100% no-repeat;padding-right:22px}@media (prefers-color-scheme:dark){select.bare-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpath d='M1.5 6l3.5-3.5L8.5 6M1.5 10l3.5 3.5L8.5 10' fill='none' stroke='%23C9C6C0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}input[type=date].bare-input,input[type=time].bare-input{justify-content:flex-end}input.bare-input::-webkit-date-and-time-value{text-align:right}.group:has(:focus-visible){box-shadow:0 0 0 2px var(--focus)}.chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{min-height:40px;color:var(--ink);font:500 14px/20px var(--text);transition:transform .25s var(--spring), background-color .15s;border-radius:999px;padding:8px 16px}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:#0000;font-weight:600}.segmented{border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.segment{position:relative}.segment input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.segment span{text-align:center;font:500 16px/24px var(--text);border-radius:999px;padding:10px 16px;transition:background-color .2s,box-shadow .2s;display:block}.segment input:checked+span{background:var(--lens);font-weight:600;box-shadow:0 1px 2px #292d481a}.segment input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.people{display:grid}.person{align-items:center;gap:12px;min-height:52px;padding:6px 8px 6px 16px;display:flex}.person-name{flex:1;min-width:0;display:grid}.person-name span:first-child{font:500 16px/24px var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-name span+span{font:400 13px/20px var(--text);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-add{position:relative}.person-add .group-row{gap:8px}.suggestions{border-top:1px solid var(--line);margin:0;padding:4px 0;list-style:none}.suggestions button{width:100%;min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:4px 16px;display:flex}.suggestions button:focus-visible{background:color-mix(in srgb, var(--ink) 6%, transparent)}@media (hover:hover){.suggestions button:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}}.comments{gap:16px;margin-bottom:12px;display:grid}.comment{align-items:flex-start;gap:12px;display:flex}.comment-body{flex:1;gap:2px;min-width:0;display:grid}.comment-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.comment-head strong{font:600 14px/20px var(--text)}.comment-head time{font:400 13px/20px var(--text);color:var(--ink-2);font-variant-numeric:tabular-nums}.comment-text{font:400 16px/24px var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.composer{border-radius:24px;align-items:flex-end;gap:8px;padding:6px 6px 6px 16px;display:flex}.composer textarea{field-sizing:content;flex:1;min-height:44px;max-height:160px;padding:10px 0}.composer .btn{min-height:40px;padding:8px 16px}.settings-section{background:var(--group);border-radius:16px;gap:8px;margin-bottom:16px;padding:16px;display:grid}.settings-section .row{margin-top:8px}.toast-region{left:0;right:0;bottom:calc(max(12px, calc(var(--safe-bottom) - 10px)) + 74px);pointer-events:none;z-index:30;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{pointer-events:auto;max-width:520px;color:var(--ink);font:500 16px/24px var(--text);animation:toast-in .45s var(--spring);border-radius:999px;align-items:center;gap:16px;padding:10px 10px 10px 20px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}.toast-action{color:inherit;font:600 16px/24px var(--text);text-underline-offset:3px;background:0 0;border:0;padding:8px 12px;text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.group-button.plain{text-align:left;padding:0 16px;font-weight:500;text-decoration:none}.comment-head .link{font-size:13px;font-weight:500;line-height:20px}.dev-login{justify-items:start;gap:8px;width:min(100%,320px);display:grid}.dev-input{width:100%;min-height:48px;color:var(--pale);font:400 16px/24px var(--text);background:0 0;border:1.5px solid #f3f0e980;border-radius:999px;padding:11px 16px}.dev-input::placeholder{color:#c9c6c0}.dev-input:focus{border-color:var(--pale);outline:none}.signin :focus-visible{outline-color:var(--pale)}.wheels{justify-content:center;gap:4px;padding:8px 12px;display:flex;position:relative;-webkit-mask:linear-gradient(#0000,#000 22% 78%,#0000);mask:linear-gradient(#0000,#000 22% 78%,#0000)}.wheel-band{background:color-mix(in srgb, var(--ink) 8%, transparent);pointer-events:none;border-radius:12px;height:40px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.wheel{scrollbar-width:none;perspective:600px;overscroll-behavior:contain;touch-action:pan-y;outline:none;flex:0 auto;min-width:56px;position:relative;overflow-y:auto}.wheel:first-of-type{flex:auto;max-width:170px}.wheel::-webkit-scrollbar{display:none}.wheel:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);border-radius:12px}.wheel-item{font:400 21px/1 var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);backface-visibility:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 10px;display:flex}.wheel.align-end .wheel-item{justify-content:flex-end}.due-row{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0}.due-value{font:500 16px/24px var(--text);font-variant-numeric:tabular-nums}.due-value[data-open]{text-underline-offset:3px;text-decoration:underline}.expand{transition:grid-template-rows .42s var(--ease-ios);grid-template-rows:0fr;display:grid}.expand[data-open]{grid-template-rows:1fr}.expand>div{min-height:0;overflow:hidden}.expand .chips{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:0;padding:2px 16px 14px;overflow-x:auto}.expand .chips::-webkit-scrollbar{display:none}.expand .chip{flex:1 0 auto;padding:8px 11px}.chip:disabled{color:var(--ink-2);box-shadow:none;cursor:not-allowed}.view-head{gap:10px;padding:4px 4px 0;display:grid}.view-title{font:500 28px/35px var(--display);font-optical-sizing:auto;letter-spacing:-.01em;overflow-wrap:anywhere;margin:0}.view-title.is-done{color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:2px}.view-notes{font:400 16px/25px var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.btn-block{width:100%}@media (width>=768px){.view-title{font-size:34px;line-height:42px}}.sheet-large{height:calc(100vh - 44px - var(--safe-top))}.sheet-loading{place-items:center;min-height:50vh;display:grid}.spinner{border:2.5px solid color-mix(in srgb, var(--ink) 20%, transparent);border-top-color:var(--ink);border-radius:999px;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s!important}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}