.canvas-page-host,.canvas-page-host .canvas-workspace-shell{overscroll-behavior:none;height:100%;min-height:0;max-height:100%;overflow:hidden}.canvas-workspace-shell{--canvas-workspace-scale:1.2;--canvas-sidebar-panel-width:260px;overscroll-behavior:none;border-radius:var(--canvas-workspace-radius);background:var(--canvas-workspace-surface);min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;color:var(--canvas-workspace-text);flex:1;display:flex;position:relative;overflow:hidden}.canvas-workspace-sidebar-column{--canvas-sidebar-inset-x:1.2rem;--canvas-sidebar-inset-top:1.05rem;--canvas-sidebar-content-inset-x:.5rem;overscroll-behavior:none;border-top-left-radius:var(--canvas-workspace-radius);min-height:0;max-height:100%;display:flex;overflow:hidden}.canvas-workspace-sidebar-column>.sidebar-panel{flex:auto;min-height:0}@media (min-width:1024px){.canvas-workspace-sidebar-column{width:var(--canvas-sidebar-panel-width);flex-shrink:0;transition:width .22s cubic-bezier(.22,1,.36,1),opacity .18s,visibility,border-color .18s}.canvas-workspace-sidebar-column--collapsed{opacity:0;pointer-events:none;visibility:hidden;transition:width .22s cubic-bezier(.22,1,.36,1),opacity .18s,visibility 0s linear .22s,border-color .18s;border-color:#0000!important;width:0!important}.canvas-workspace-sidebar-column .sidebar-panel-header-hover-actions{opacity:0;pointer-events:none;transition:opacity .18s,transform .18s cubic-bezier(.22,1,.36,1);transform:translate(4px)}}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.canvas-workspace-sidebar-column:hover .sidebar-panel-header-hover-actions{opacity:1;pointer-events:auto;transform:translate(0)}.canvas-workspace-sidebar-column .sidebar-panel-header-hover-actions:has([data-popup-open]){opacity:1;pointer-events:auto;transform:translate(0)}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.canvas-workspace-sidebar-column,.canvas-workspace-sidebar-column .sidebar-panel-header-hover-actions{transition:none;transform:none}}.canvas-workspace-sidebar-column .sidebar-panel.sidebar-panel-card{border:none;border-right:1px solid var(--sidebar-border);border-radius:0;border-top-left-radius:var(--canvas-workspace-radius);width:100%;height:100%;min-height:0;max-height:100%;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;background:var(--canvas-workspace-sidebar-surface,var(--canvas-workspace-surface));color:var(--canvas-workspace-text);--sidebar:var(--canvas-workspace-sidebar-surface,var(--canvas-workspace-surface));--sidebar-foreground:var(--canvas-workspace-text);--sidebar-muted-foreground:var(--canvas-workspace-muted);--sidebar-accent:color-mix(in srgb, var(--canvas-workspace-accent) 10%, var(--canvas-workspace-surface-hover));--sidebar-accent-foreground:var(--canvas-workspace-text);--sidebar-border:var(--canvas-workspace-border);--sidebar-primary:var(--canvas-workspace-accent);align-self:stretch;margin:0;overflow:hidden}html:not(.dark) .canvas-workspace-sidebar-column .sidebar-panel.sidebar-panel-card{border-right-color:#d0cec880}html.dark .canvas-workspace-sidebar-column .sidebar-panel.sidebar-panel-card{border-right-color:#ffffff0a}.canvas-workspace-sidebar-column .sidebar-panel>div{background:var(--canvas-workspace-sidebar-surface,var(--canvas-workspace-surface))}.canvas-workspace-sidebar-column .sidebar-panel-scroll,.canvas-workspace-sidebar-column .spaces-sidebar-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--canvas-workspace-sidebar-surface,var(--canvas-workspace-surface));padding-inline:0}@property --sidebar-scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --sidebar-scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@keyframes sidebar-scroll-fade-top{to{--sidebar-scroll-fade-top:var(--sidebar-scroll-fade-size)}}@keyframes sidebar-scroll-fade-bottom{0%{--sidebar-scroll-fade-bottom:var(--sidebar-scroll-fade-size)}}@supports (animation-timeline:scroll(self block)){.canvas-workspace-sidebar-column .sidebar-panel-scroll,.canvas-workspace-sidebar-column .spaces-sidebar-scroll{--sidebar-scroll-fade-size:18px;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--sidebar-scroll-fade-top), #000 calc(100% - var(--sidebar-scroll-fade-bottom)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--sidebar-scroll-fade-top), #000 calc(100% - var(--sidebar-scroll-fade-bottom)), transparent 100%);animation-name:sidebar-scroll-fade-top,sidebar-scroll-fade-bottom;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self);animation-range:0 var(--sidebar-scroll-fade-size), calc(100% - var(--sidebar-scroll-fade-size)) 100%}}.canvas-workspace-sidebar-column .sidebar-panel>div>header,.canvas-workspace-sidebar-column .sidebar-panel header{height:auto;min-height:3.5rem;padding:var(--canvas-sidebar-inset-top) var(--canvas-sidebar-inset-x) .75rem;background:var(--canvas-workspace-sidebar-surface,var(--canvas-workspace-surface));isolation:isolate}.canvas-workspace-sidebar-column:has(.doc-editor-pages-sidebar){--canvas-sidebar-inset-top:0px}.canvas-workspace-sidebar-column .doc-editor-pages-sidebar.sidebar-panel header,.canvas-workspace-sidebar-column .sidebar-panel.doc-editor-pages-sidebar>div>header{box-sizing:border-box;height:3.5rem;min-height:3.5rem;padding:0 .75rem}.canvas-workspace-sidebar-column .sidebar-panel-scroll>section,.canvas-workspace-sidebar-column .sidebar-panel-body>section{border-top-width:0;border-bottom-width:0}.canvas-workspace-sidebar-column .spaces-sidebar-v2{--sidebar-bg:var(--canvas-workspace-sidebar-surface,var(--canvas-workspace-surface));--sidebar-text:var(--canvas-workspace-text);--sidebar-muted:var(--canvas-workspace-muted);--sidebar-muted-2:color-mix(in srgb, var(--canvas-workspace-muted) 72%, transparent);--sidebar-hover:color-mix(in srgb, var(--canvas-workspace-accent) 10%, var(--canvas-workspace-surface-hover));--sidebar-active:color-mix(in srgb, var(--canvas-workspace-accent) 14%, var(--canvas-workspace-surface-hover));--sidebar-active-strong:color-mix(in srgb, var(--canvas-workspace-accent) 18%, var(--canvas-workspace-surface-hover));--sidebar-menu-bg:var(--canvas-workspace-surface-raised);--sidebar-menu-border:var(--canvas-workspace-border);--spaces-list-icon:color-mix(in srgb, var(--canvas-workspace-accent) 42%, var(--canvas-workspace-muted));--spaces-list-icon-active:var(--canvas-workspace-accent);--spaces-depth-1:calc(var(--canvas-sidebar-inset-x) - var(--canvas-sidebar-content-inset-x) + var(--spaces-leading))}.canvas-workspace-main{overscroll-behavior:none;background:var(--canvas-workspace-content-surface);width:0;min-width:0;max-width:100%;min-height:0;max-height:100%;color:var(--canvas-workspace-text);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.canvas-workspace-content-pane{background:var(--canvas-workspace-content-surface);min-width:0;min-height:0;color:var(--canvas-workspace-text);--background:var(--canvas-workspace-content-surface);--foreground:var(--canvas-workspace-text);--card:var(--canvas-workspace-content-surface-raised);--card-foreground:var(--canvas-workspace-text);--muted:var(--canvas-workspace-content-surface-raised);--muted-foreground:var(--canvas-workspace-muted);--border:color-mix(in srgb, var(--canvas-workspace-border) 72%, transparent);--accent:var(--canvas-workspace-content-surface-hover);--accent-foreground:var(--canvas-workspace-text);flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.canvas-workspace-list-scroll{background:var(--canvas-workspace-content-surface);scrollbar-width:none;-ms-overflow-style:none}.canvas-workspace-list-scroll::-webkit-scrollbar{display:none}.canvas-workspace-list-toolbar{border-bottom-width:0}.canvas-workspace-list-column-header{background:color-mix(in srgb, var(--canvas-workspace-content-surface) 92%, transparent);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);color:var(--canvas-workspace-muted);border-bottom-width:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.canvas-workspace-list-column-header{background:var(--canvas-workspace-content-surface-raised)}}.canvas-workspace-view-chips{border-bottom-width:0}.canvas-workspace-view-chip{border-color:color-mix(in srgb, var(--canvas-workspace-border) 80%, transparent);background:var(--canvas-workspace-content-surface-raised);color:var(--canvas-workspace-muted)}.canvas-workspace-view-chip:hover{color:var(--canvas-workspace-text)}.canvas-workspace-view-chip-active{border-color:color-mix(in srgb, var(--canvas-workspace-accent) 42%, transparent);background:color-mix(in srgb, var(--canvas-workspace-accent) 12%, var(--canvas-workspace-content-surface-raised));color:var(--canvas-workspace-text)}.canvas-panel-scaffold{isolation:isolate;background:var(--canvas-workspace-content-surface);min-width:0;max-width:100%;height:100%;min-height:0;color:var(--canvas-workspace-text);--canvas-panel-bottom-fade:4.75rem;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.canvas-panel-scaffold--compact-fade{--canvas-panel-bottom-fade:1.25rem}.canvas-panel-scaffold:after{content:"";z-index:2;height:var(--canvas-panel-bottom-fade);pointer-events:none;border-bottom-right-radius:var(--canvas-workspace-radius);background:linear-gradient(to top, var(--canvas-workspace-content-surface) 14%, color-mix(in srgb, var(--canvas-workspace-content-surface) 94%, transparent) 46%, transparent 100%);position:absolute;bottom:0;left:0;right:0}.canvas-panel-header{z-index:2;background:color-mix(in srgb, var(--canvas-workspace-content-surface) 94%, transparent);-webkit-backdrop-filter:blur(32px)saturate(160%);backdrop-filter:blur(32px)saturate(160%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.canvas-panel-header{background:var(--canvas-workspace-content-surface)}}.canvas-panel-scroll:has(>.canvas-panel-header){--status-section-sticky-top:3.5rem}.status-section-sticky-header{top:var(--status-section-sticky-top,0px);z-index:1;background:color-mix(in srgb, var(--canvas-workspace-content-surface) 90%, transparent);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);transition:background-color .18s,box-shadow .18s;position:sticky}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.status-section-sticky-header{background:var(--canvas-workspace-content-surface)}}.canvas-panel-scroll .status-section-sticky-header,.spaces-task-list-scroll .status-section-sticky-header{background:var(--canvas-workspace-content-surface);-webkit-backdrop-filter:none;backdrop-filter:none;top:0}.task-list-section .status-section-sticky-header,.canvas-panel-scroll .task-list-section .status-section-sticky-header,.spaces-task-list-scroll .task-list-section .status-section-sticky-header,.task-list-section .task-table-sticky-header{background:var(--task-list-section-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.spaces-task-list-table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto}.canvas-panel-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-width:0;min-height:0;padding-bottom:var(--canvas-panel-bottom-fade);scroll-padding-bottom:var(--canvas-panel-bottom-fade);background:var(--canvas-workspace-content-surface);scrollbar-width:none;-ms-overflow-style:none;flex:auto;overflow:hidden auto}.canvas-panel-scroll::-webkit-scrollbar{display:none}.spaces-task-list-scroll{scrollbar-width:none;-ms-overflow-style:none}.spaces-task-list-scroll::-webkit-scrollbar{display:none}.spaces-task-row--selected{background:color-mix(in srgb, var(--canvas-workspace-accent) 34%, var(--canvas-workspace-content-surface,var(--background)));border-color:color-mix(in srgb, var(--canvas-workspace-accent) 42%, var(--border))}.spaces-task-row--selected:hover,.group:hover .spaces-task-row--selected{background:color-mix(in srgb, var(--canvas-workspace-accent) 38%, var(--canvas-workspace-content-surface,var(--background)))}.spaces-task-row-checkbox{transition:opacity .15s,background-color .15s,border-color .15s}.spaces-task-row-checkbox--ghost{border-color:color-mix(in srgb, var(--foreground) 22%, var(--border));background:color-mix(in srgb, var(--foreground) 8%, transparent)}.spaces-task-row-checkbox--ghost:hover{border-color:color-mix(in srgb, var(--foreground) 32%, var(--border));background:color-mix(in srgb, var(--foreground) 14%, transparent)}.spaces-task-row-checkbox--hidden{opacity:0;pointer-events:none}.group:hover .spaces-task-row-checkbox--hidden,.spaces-task-list--selection-active .spaces-task-row-checkbox--hidden{opacity:1;pointer-events:auto}.spaces-task-bulk-bar{left:50%;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:40;border:1px solid color-mix(in srgb, var(--canvas-workspace-accent) 22%, var(--border));background:color-mix(in srgb, var(--canvas-workspace-sidebar-surface,var(--card)) 92%, transparent);max-width:min(960px,100% - 2rem);box-shadow:0 16px 40px color-mix(in srgb, var(--foreground) 16%, transparent), 0 0 0 1px color-mix(in srgb, var(--foreground) 4%, transparent);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex;position:absolute;translate:-50%}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.spaces-task-bulk-bar{background:var(--canvas-workspace-sidebar-surface,var(--card))}}.spaces-task-bulk-bar__actions{scrollbar-width:none;flex-wrap:nowrap;flex:1;align-items:center;gap:.125rem;min-width:0;display:flex;overflow-x:auto}.spaces-task-bulk-bar__actions::-webkit-scrollbar{display:none}.spaces-task-bulk-bar__action{shrink:0;color:var(--foreground);border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.spaces-task-bulk-bar__action:hover{background:color-mix(in srgb, var(--canvas-workspace-accent) 12%, var(--muted))}.spaces-task-bulk-bar__action--destructive{color:var(--destructive)}.spaces-task-bulk-bar__action--destructive:hover{background:color-mix(in srgb, var(--destructive) 12%, transparent)}