.shell{--tabbar-h:0px;background:var(--color-surface);min-height:100dvh}.grow{flex:1}.topbar{z-index:30;height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(22px, env(safe-area-inset-right,0px)) 0 max(22px, env(safe-area-inset-left,0px));border-bottom:1px solid var(--color-line);background:color-mix(in oklab, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:24px;display:flex;position:sticky;top:0}.brand{color:var(--color-text);font-size:var(--text-md);letter-spacing:-.015em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.brand-logo{width:auto;height:26px;display:block}.topnav{gap:2px;display:flex}.topnav a{color:var(--color-muted);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:8px;align-items:center;gap:7px;padding:6px 12px 6px 10px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.topnav a[aria-current=page]{background:var(--color-raised);color:var(--color-text)}.topbar-due{color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap;text-decoration:none}.topbar-due:hover{color:var(--color-text)}.topbar-due b{color:var(--color-text);font-weight:700}.avatar{background:var(--color-raised);width:30px;height:30px;color:var(--color-muted);font-size:var(--text-xs);transition:color var(--duration-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;font-weight:700;text-decoration:none;display:grid}.avatar:hover{color:var(--color-text)}.avatar:focus-visible{border-radius:50%}button.avatar{font:inherit;font-size:var(--text-xs);cursor:pointer;border:0;padding:0;font-weight:700}.acct-menu{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);min-width:220px;color:var(--color-text);box-shadow:var(--shadow-sm);margin:0;padding:6px;inset:56px 16px auto auto}.acct-menu:popover-open{display:grid}.acct-name{color:var(--color-text);font-size:var(--text-base);font-weight:700;display:block}.acct-email{border-bottom:1px solid var(--color-line);color:var(--color-muted);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0 0 4px;padding:8px 10px 10px}button.avatar{position:relative}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.avatar-badge{background:var(--color-accent);min-width:17px;height:17px;box-shadow:0 0 0 2px var(--color-surface);color:var(--color-accent-text);animation:badge-in var(--duration-slow) var(--ease-spring);border-radius:99px;place-items:center;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-7px}@keyframes badge-in{0%{opacity:0;transform:scale(.4)}}.tabbar{height:calc(60px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);border-top:1px solid var(--color-line);background:color-mix(in oklab, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.tabbar a,.tabbar-more{min-height:48px;color:var(--color-faint);border-radius:10px;align-content:center;place-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:grid}.tabbar-more{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.tabbar a[aria-current=page],.tabbar-more[aria-current=page]{color:var(--color-text);font-weight:700}.tabbar-icon{isolation:isolate;width:22px;height:22px;display:grid;position:relative}.tabbar-icon:before{content:"";z-index:-1;background:var(--color-accent);opacity:0;border-radius:99px;position:absolute;inset:-4px -13px;scale:.7}.tabbar [aria-current=page] .tabbar-icon:before,.tabbar-more[aria-expanded=true] .tabbar-icon:before{opacity:1;scale:1}@media (prefers-reduced-motion:no-preference){.tabbar-icon:before{transition:opacity var(--duration-base) var(--ease-out), scale var(--duration-base) var(--ease-spring)}}.tabbar-icon svg{width:22px;height:22px}.tabbar [aria-current=page] .tabbar-icon,.tabbar-more[aria-expanded=true] .tabbar-icon{color:var(--color-accent-text)}.tabbar-more[aria-expanded=true]{color:var(--color-text);font-weight:700}.more-sheet{border-radius:var(--radius-xl,16px) var(--radius-xl,16px) 0 0;background:var(--color-surface);width:100%;max-width:34rem;max-height:calc(100dvh - 48px);color:var(--color-text);overscroll-behavior:contain;border:0;margin:0 auto;padding:0;inset:auto 0 0;overflow-y:auto;box-shadow:0 -18px 48px -12px #00000073;box-shadow:0 -18px 48px -12px lab(0% 0 0/.45)}.more-sheet::backdrop{background:#00000080;background:lab(0% 0 0/.5)}.more-sheet-body{padding:8px 12px calc(16px + env(safe-area-inset-bottom));gap:6px;display:grid}.more-sheet-body:before{content:"";background:var(--color-line);border-radius:99px;justify-self:center;width:36px;height:4px}.more-sheet-head{justify-content:flex-end;align-items:center;gap:12px;padding:2px 0 4px 12px;display:flex}.more-sheet-head svg{width:18px;height:18px}.more-sheet-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.more-sheet-item{border-radius:var(--radius-lg);min-height:68px;color:var(--color-text);font-size:var(--text-md,1rem);transition:background-color var(--duration-fast) var(--ease-out);align-items:center;gap:16px;padding:10px 12px;font-weight:700;text-decoration:none;display:flex}.more-sheet-item:hover{background:var(--color-raised)}.more-sheet-icon{border-radius:var(--radius-lg);background:var(--color-raised);width:48px;height:48px;color:var(--color-text);flex:none;place-items:center;display:grid}.more-sheet-icon svg{width:26px;height:26px;transition:transform var(--duration-base) var(--ease-spring)}.more-sheet-item:hover .more-sheet-icon{background:var(--color-bg)}.more-sheet-item:hover .more-sheet-icon svg{transform:scale(1.1)}.more-sheet-item[aria-current=page] .more-sheet-icon{background:var(--color-accent);color:var(--color-accent-text)}.more-sheet-item .count{margin-left:auto}@media (prefers-reduced-motion:no-preference){.more-sheet,.more-sheet::backdrop{transition:translate var(--duration-slow) var(--ease-out), opacity var(--duration-slow) var(--ease-out), display var(--duration-slow) allow-discrete, overlay var(--duration-slow) allow-discrete}.more-sheet:not([open]){translate:0 100%}.more-sheet:not([open])::backdrop{opacity:0}@starting-style{.more-sheet[open]{translate:0 100%}.more-sheet[open]::backdrop{opacity:0}}.more-sheet-item:active .more-sheet-icon svg{transform:scale(.94)}}.tabbar-badge{box-shadow:0 0 0 2px var(--color-surface);position:absolute;top:-6px;left:12px}.shell>.tabbar{display:none}.moves{flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-height:1.6rem;margin:0;font-size:.875rem;display:flex}.moves-empty,.moves .n{color:var(--color-faint)}.moves .m{color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:1px 2px;font-weight:500}.moves .m:hover{color:var(--color-text)}.moves .m[data-ahead]{color:var(--color-faint)}.moves .m[aria-current=step]{color:var(--color-text);box-shadow:inset 0 -2px 0 var(--color-accent);border-radius:0;font-weight:700}@media (max-width:640px){.shell{--tabbar-h:calc(60px + env(safe-area-inset-bottom));padding-bottom:var(--tabbar-h);background:var(--color-bg)}.topbar{height:calc(52px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));background:color-mix(in oklab, var(--color-bg) 92%, transparent)}.topnav,.topbar-due{display:none}.shell>.tabbar{z-index:30;display:grid;position:fixed;inset:auto 0 0}}.tagform{gap:6px;padding:2px;display:flex}.tagform .input{flex:1;min-width:0}.topnav a svg{width:16px;height:16px;transition:transform var(--duration-base) var(--ease-spring), color var(--duration-fast) var(--ease-out);flex:none}.topnav a:not([aria-current=page]):hover{background:color-mix(in oklab, var(--color-raised) 65%, transparent);color:var(--color-text)}.topnav a:hover svg{color:var(--color-accent);transform:translateY(-1px)scale(1.12)}.topnav a:active svg{transform:scale(.94)}.topnav a[aria-current=page] svg{color:var(--color-accent)}@media (max-width:900px){.topnav a svg{display:none}.topbar{padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));gap:14px}.topnav a{padding:6px 9px}.topbar-due-day{display:none}}@media (prefers-reduced-motion:reduce){.topnav a:hover svg,.topnav a:active svg{transform:none}}.acct{display:flex}.brand-group{align-items:center;gap:9px;display:flex}.beta{background:var(--color-raised);height:18px;color:var(--color-muted);font:inherit;letter-spacing:.03em;border:0;border-radius:99px;align-items:center;padding:0 7px;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex;translate:0 4px}button.beta{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}button.beta:hover{background:color-mix(in oklab, var(--color-raised) 70%, var(--color-muted));color:var(--color-text)}.popover.fb-sheet{gap:10px;width:min(400px,100vw - 32px);padding:10px 12px 12px 16px;inset:66px 16px auto auto}.fb-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.fb-head h2{font-size:var(--text-md);margin:0}.fb-form{gap:10px;margin-right:4px;display:grid}.fb-text{min-height:6.75rem;max-height:calc(100dvh - 230px)}.fb-foot{align-items:center;gap:12px;display:flex}.fb-page{min-width:0;color:var(--color-faint);font-size:var(--text-xs);flex:1;align-items:center;gap:6px;margin:0;font-weight:600;display:flex}.fb-page-icon{flex:none;width:13px;height:13px}.fb-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fb-foot .btn{min-width:5.5rem}.fb-sent{grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:6px 4px 10px 0;display:grid}.fb-check{background:var(--color-accent);width:32px;height:32px;color:var(--color-accent-text);border-radius:50%;padding:6px}.fb-sent p{font-size:var(--text-sm);overflow-wrap:anywhere;gap:1px;margin:0;display:grid}.fb-sent b{font-size:var(--text-base)}.fb-sent span{color:var(--color-muted)}@media (prefers-reduced-motion:no-preference){.popover.fb-sheet{transition:opacity var(--duration-base) var(--ease-out), translate var(--duration-base) var(--ease-out), display var(--duration-base) allow-discrete, overlay var(--duration-base) allow-discrete}@starting-style{.popover.fb-sheet:popover-open{opacity:0;translate:0 -6px}}.fb-check{animation:fb-land .55s var(--ease-spring) both}.fb-check path{stroke-dasharray:22;stroke-dashoffset:22px;animation:fb-draw .32s var(--ease-out) .18s forwards}.fb-sent p{animation:fb-rise var(--duration-slow) var(--ease-out) .12s both}}@keyframes fb-land{0%{opacity:0;transform:scale(.82)}60%{opacity:1;transform:scale(1.1)}}@keyframes fb-draw{to{stroke-dashoffset:0}}@keyframes fb-rise{0%{opacity:0;translate:0 3px}}@media (max-width:640px){.acct-menu .acct-wide{display:none}.popover.fb-sheet{width:auto;inset:60px 12px auto}.beta{translate:0 3px}}.topbar{view-transition-name:app-top}.shell>.tabbar{view-transition-name:app-tabs}::view-transition-group(app-top){z-index:2;animation:none}::view-transition-group(app-tabs){z-index:2;animation:none}::view-transition-old(app-top){animation:none}::view-transition-new(app-top){animation:none}::view-transition-old(app-tabs){animation:none}::view-transition-new(app-tabs){animation:none}::view-transition-group(.page){animation:none;overflow:clip}::view-transition-old(.page){mix-blend-mode:normal;animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}::view-transition-new(.page){mix-blend-mode:normal;animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}html[data-nav=forward]::view-transition-old(.page){animation-name:page-out-left}html[data-nav=forward]::view-transition-new(.page){animation-name:page-in-right}html[data-nav=back]::view-transition-old(.page){animation-name:page-out-right}html[data-nav=back]::view-transition-new(.page){animation-name:page-in-left}html[data-nav=across]::view-transition-old(.page){animation:.16s ease-out both page-fade-out}html[data-nav=across]::view-transition-new(.page){animation:.2s ease-out both page-fade-in}@keyframes page-in-right{0%{opacity:0;translate:40px}}@keyframes page-out-left{to{opacity:0;translate:-40px}}@keyframes page-in-left{0%{opacity:0;translate:-40px}}@keyframes page-out-right{to{opacity:0;translate:40px}}@keyframes page-fade-in{0%{opacity:0}}@keyframes page-fade-out{to{opacity:0}}@media (max-width:640px){::view-transition-old(.page){animation-duration:.32s}::view-transition-new(.page){animation-duration:.32s}html[data-nav=forward]::view-transition-new(.page){animation-name:page-push-in}html[data-nav=forward]::view-transition-old(.page){animation-name:page-push-under}html[data-nav=back]::view-transition-old(.page){z-index:1;animation-name:page-pop-out}html[data-nav=back]::view-transition-new(.page){animation-name:page-pop-under}}@keyframes page-push-in{0%{translate:100%}}@keyframes page-push-under{to{filter:brightness(.82);translate:-28%}}@keyframes page-pop-out{to{translate:100%}}@keyframes page-pop-under{0%{filter:brightness(.82);translate:-28%}}@media (prefers-reduced-motion:reduce){::view-transition-old(.page){animation:none!important}::view-transition-new(.page){animation:none!important}}