tasks-app{display:flex;flex-direction:column;block-size:100dvh;overflow:hidden;background:var(--canvas)}tasks-app app-stage{position:relative;display:flex;flex:1;min-block-size:0}tasks-app>app-stage>*{display:none}tasks-app[view=sign-in] sign-in,tasks-app[view=stack] task-view{display:flex}tasks-app[view=stack] task-drawer{display:flex}tasks-app app-bar icon-button{inline-size:var(--touch-target);block-size:var(--touch-target)}@media (min-width: 900px){tasks-app[drawer=closed] task-drawer{display:none}tasks-app task-view{margin:0 var(--space-sm) var(--space-sm) 0;border-radius:var(--shape-lg);box-shadow:var(--shadow-1)}tasks-app[drawer=closed] task-view{margin-inline-start:var(--space-sm)}}@media (max-width: 899px){tasks-app task-view{border-radius:var(--shape-lg) var(--shape-lg) 0 0;box-shadow:var(--shadow-1)}tasks-app task-drawer{position:absolute;inset-block:0;inset-inline-start:0;z-index:3;border-radius:0 var(--shape-lg) var(--shape-lg) 0;background:var(--paper);box-shadow:var(--shadow-3);transition:transform var(--motion-base) var(--ease-standard),visibility 0s linear 0s}tasks-app[drawer=closed] task-drawer{transform:translate(-104%);visibility:hidden;transition:transform var(--motion-base) var(--ease-exit),visibility 0s linear var(--motion-base)}tasks-app[view=stack] drawer-scrim{display:block;position:absolute;inset:0;z-index:2;background:var(--scrim);transition:opacity var(--motion-base) var(--ease-standard),visibility 0s linear 0s}tasks-app[drawer=closed] drawer-scrim{opacity:0;visibility:hidden;transition:opacity var(--motion-base) var(--ease-standard),visibility 0s linear var(--motion-base)}}