.app-shell>.sidebar{width:var(--layout-frame-width);flex-basis:var(--layout-frame-width);padding:var(--layout-frame-padding-y) var(--layout-frame-padding-x);background:var(--layout-frame-background);border-color:var(--layout-frame-border);overflow-y:auto;scrollbar-width:thin}.app-shell>.main{margin-left:var(--layout-frame-width);width:calc(100% - var(--layout-frame-width))}.app-shell .sidebar-brand-row{min-height:var(--layout-brand-height);padding:var(--layout-brand-padding-y) var(--layout-brand-padding-x);margin:var(--layout-brand-margin-y) var(--layout-brand-margin-x);color:var(--layout-brand-text);flex-shrink:0}.app-shell .sidebar-brand-row .brand{height:auto;padding:0;gap:var(--layout-brand-gap);font-size:var(--layout-brand-font);color:inherit;letter-spacing:-1.6px;line-height:1.25}.app-shell .brand-mark{width:var(--layout-brand-icon);height:var(--layout-brand-icon);gap:calc(var(--layout-brand-icon)*.105);margin:0}.app-shell .brand-mark i{height:calc(var(--layout-brand-icon)*.14);width:95%;background:currentColor}.app-shell .brand-mark i:nth-child(2){width:70%}.app-shell .brand-mark i:nth-child(3){width:43%}.app-shell .brand-period{color:inherit;opacity:.65}.app-shell .workspace-switch{width:auto;gap:var(--layout-workspace-gap);padding:var(--layout-workspace-padding-y) var(--layout-workspace-padding-x);margin:var(--layout-workspace-margin-y) var(--layout-workspace-margin-x);margin-bottom:calc(var(--layout-workspace-margin-y) + var(--layout-workspace-bottom));border-color:var(--layout-workspace-border);border-radius:var(--layout-workspace-radius);background:var(--layout-workspace-background);color:var(--layout-workspace-text);flex-shrink:0;min-width:0}.app-shell .workspace-switch .workspace-icon{height:var(--layout-workspace-badge);width:var(--layout-workspace-badge);font-size:calc(var(--layout-workspace-badge)*.5);flex-shrink:0}.app-shell .workspace-switch>span:nth-child(2){font-size:var(--layout-workspace-font);min-width:0}.app-shell .workspace-switch small{font-size:var(--layout-workspace-subtitle);color:var(--layout-workspace-muted);overflow:hidden;text-overflow:ellipsis}.app-shell .workspace-switch>svg{color:var(--layout-workspace-muted)}.app-shell .sidebar-section-label{font-size:var(--layout-section-font);color:var(--layout-section-text);letter-spacing:var(--layout-section-tracking);padding:var(--layout-section-padding-y) var(--layout-section-padding-x);margin:var(--layout-section-margin-y) var(--layout-section-margin-x);flex-shrink:0}.app-shell .projects-label{margin-top:calc(var(--layout-section-margin-y) + var(--layout-section-project-top))}.app-shell .projects-label button{color:inherit}.app-shell .projects-label svg{width:calc(var(--layout-section-font) + 4px);height:calc(var(--layout-section-font) + 4px)}.app-shell .sidebar nav{gap:var(--layout-navigation-row-gap);flex-shrink:0}.app-shell .sidebar nav>:is(button,a){height:auto;min-height:var(--layout-navigation-height);font-size:var(--layout-navigation-font);gap:var(--layout-navigation-gap);padding:var(--layout-navigation-padding-y) var(--layout-navigation-padding-x);margin:var(--layout-navigation-margin-y) var(--layout-navigation-margin-x);border-radius:var(--layout-navigation-radius);color:var(--layout-navigation-text)}.app-shell .sidebar nav>:is(button,a) svg{width:var(--layout-navigation-icon);height:var(--layout-navigation-icon);color:var(--layout-navigation-icon-color)}.app-shell .sidebar .nav-count{font-size:calc(var(--layout-navigation-font) - 3px)}.app-shell .sidebar .projects-nav{gap:var(--layout-projects-row-gap)}.app-shell .sidebar .projects-nav>button{min-height:var(--layout-projects-height);font-size:var(--layout-projects-font);gap:var(--layout-projects-gap);padding:var(--layout-projects-padding-y) var(--layout-projects-padding-x);margin:var(--layout-projects-margin-y) var(--layout-projects-margin-x);border-radius:var(--layout-projects-radius);color:var(--layout-projects-text)}.app-shell .sidebar .projects-nav>button>svg{width:calc(var(--layout-projects-icon) + 11px);height:calc(var(--layout-projects-icon) + 11px);color:inherit}.app-shell .project-dot{width:var(--layout-projects-icon);height:var(--layout-projects-icon);margin:0 5px;background:currentColor!important}.app-shell .sidebar nav>:is(button,a).active{color:var(--layout-projects-active-text);background:var(--layout-projects-active-background);box-shadow:inset 0 1px #fff5}.app-shell .sidebar nav>:is(button,a).active svg{color:inherit}.app-shell .selected-dot{background:currentColor}.app-shell .sidebar-bottom{padding-top:12px;flex-shrink:0}.app-shell .daily-note{padding:var(--layout-reminder-padding-y) var(--layout-reminder-padding-x);margin:var(--layout-reminder-margin-y) var(--layout-reminder-margin-x);border-radius:var(--layout-reminder-radius);background:var(--layout-reminder-background);color:var(--layout-reminder-text)}.app-shell .daily-note-title{gap:var(--layout-reminder-gap);align-items:center}.app-shell .daily-note strong{font-size:var(--layout-reminder-font)}.app-shell .daily-note-title svg{width:calc(var(--layout-reminder-font) + 1px);height:calc(var(--layout-reminder-font) + 1px)}.app-shell .daily-note p{font-size:var(--layout-reminder-body-font);line-height:var(--layout-reminder-line-height);color:var(--layout-reminder-muted);margin-top:var(--layout-reminder-gap)}.app-shell .daily-note button{font-size:var(--layout-reminder-action-font);gap:var(--layout-reminder-gap);margin-top:var(--layout-reminder-gap)}.app-shell .daily-note button svg{width:calc(var(--layout-reminder-action-font) + 1px);height:calc(var(--layout-reminder-action-font) + 1px)}.app-shell .profile-button{width:calc(100% - var(--layout-profile-margin-x)*2);gap:var(--layout-profile-gap);padding:var(--layout-profile-padding-y) var(--layout-profile-padding-x);margin:var(--layout-profile-margin-y) var(--layout-profile-margin-x)}.app-shell .profile-button>.avatar{width:var(--layout-profile-avatar);height:var(--layout-profile-avatar);font-size:calc(var(--layout-profile-avatar)*.36)}.app-shell .profile-button>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis}.app-shell .profile-button strong{font-size:var(--layout-profile-font);color:var(--layout-profile-text);white-space:nowrap}.app-shell .profile-button small{font-size:var(--layout-profile-subtitle);color:var(--layout-profile-muted)}.app-shell .profile-button>svg{color:var(--layout-profile-muted)}.app-shell .profile-menu{position:fixed;left:calc(var(--layout-frame-padding-x) + var(--layout-profile-margin-x));bottom:calc(var(--layout-profile-avatar) + var(--layout-profile-padding-y)*2 + var(--layout-profile-margin-y)*2 + var(--layout-frame-padding-y) + 8px)}.app-shell .topbar{height:auto;min-height:var(--layout-topbar-height);padding:var(--layout-topbar-padding-y) var(--layout-topbar-padding-x);margin:var(--layout-topbar-margin-y) var(--layout-topbar-margin-x);gap:var(--layout-topbar-gap);background:var(--layout-topbar-background);border-color:var(--layout-topbar-border)}.app-shell .breadcrumb{gap:var(--layout-identity-gap);margin:var(--layout-identity-margin-y) var(--layout-identity-margin-x);min-width:0}.app-shell .breadcrumb-home{font-size:var(--layout-identity-font);gap:var(--layout-identity-gap);color:var(--layout-identity-muted)}.app-shell .breadcrumb svg{width:var(--layout-identity-icon);height:var(--layout-identity-icon);color:var(--layout-identity-muted)}.app-shell .header-title{font-size:var(--layout-identity-title-font);color:var(--layout-identity-text)}.app-shell .topbar-actions{gap:var(--layout-summary-gap);margin:var(--layout-summary-margin-y) var(--layout-summary-margin-x);color:var(--layout-summary-muted);flex-shrink:0}.app-shell .project-summary{gap:var(--layout-summary-gap);font-size:var(--layout-summary-font);color:var(--layout-summary-muted)}.app-shell .project-summary>button{font-size:inherit;color:inherit;padding:0}.app-shell .project-summary strong{font-size:var(--layout-summary-number-font);color:var(--layout-summary-text)}.app-shell .project-summary svg{width:var(--layout-summary-icon);height:var(--layout-summary-icon)}.app-shell .notification svg{width:calc(var(--layout-summary-icon) + 5px);height:calc(var(--layout-summary-icon) + 5px)}.app-shell .topbar-actions>.avatar{width:var(--layout-summary-avatar);height:var(--layout-summary-avatar);font-size:calc(var(--layout-summary-avatar)*.36)}.app-shell .mini-progress i{background:var(--layout-summary-text)}.app-shell .view-tabs{height:auto;min-height:var(--layout-tabs-height);padding:var(--layout-tabs-padding-y) var(--layout-tabs-padding-x);margin:var(--layout-tabs-margin-y) var(--layout-tabs-margin-x);background:var(--layout-tabs-background);align-items:center;gap:14px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.app-shell .view-tabs>div:first-child{height:auto;gap:var(--layout-tabs-gap);align-self:stretch;align-items:center;flex-shrink:0}.app-shell .view-tabs>div:first-child>button{height:auto;min-height:var(--layout-tabs-height);font-size:var(--layout-tabs-font);color:var(--layout-tabs-text);gap:7px;padding:0 1px}.app-shell .view-tabs>div:first-child>button svg{height:var(--layout-tabs-icon);width:var(--layout-tabs-icon)}.app-shell .view-tabs>div:first-child>button.active{color:var(--layout-tabs-active);border-color:var(--layout-tabs-active)}.app-shell .view-tabs>div:first-child>.versions-button{height:auto;min-height:calc(var(--layout-tabs-height) - 8px);padding:3px 8px}.app-shell .timeline-view-options{gap:var(--layout-grouping-gap)!important;width:auto;margin:var(--layout-grouping-margin-y) var(--layout-grouping-margin-x);color:var(--layout-grouping-text);flex-shrink:0}.app-shell .timeline-view-options>label{font-size:var(--layout-grouping-label-font);color:var(--layout-grouping-muted);gap:var(--layout-grouping-gap)}.app-shell .timeline-view-options select,.app-shell .detail-control button{font-size:var(--layout-grouping-font);height:auto;min-height:var(--layout-grouping-height);padding:var(--layout-grouping-padding-y) var(--layout-grouping-padding-x);border-radius:var(--layout-grouping-radius);color:var(--layout-grouping-text);background:var(--layout-grouping-background)}.app-shell .timeline-view-options select{padding-right:24px}.app-shell .detail-control{border-radius:var(--layout-grouping-radius);background:var(--layout-grouping-background)}.app-shell .detail-control button{min-height:calc(var(--layout-grouping-height) - 4px);border-radius:calc(var(--layout-grouping-radius) - 2px);color:var(--layout-grouping-muted)}.app-shell .detail-control button[aria-pressed=true]{background:#fff;color:var(--layout-grouping-text)}.app-shell .timeline-toolbar{height:auto;min-height:var(--layout-toolbar-height);padding:var(--layout-toolbar-padding-y) var(--layout-toolbar-padding-x);margin:var(--layout-toolbar-margin-y) var(--layout-toolbar-margin-x);gap:var(--layout-toolbar-gap);background:var(--layout-toolbar-background);border-color:var(--layout-toolbar-border);flex-wrap:nowrap}.app-shell .toolbar-left,.app-shell .toolbar-right{width:auto;gap:var(--layout-toolbar-gap);flex-shrink:0}.app-shell .toolbar-right{margin-left:auto;gap:var(--layout-actions-gap)}.app-shell .date-controls{display:flex;align-items:center;gap:var(--layout-date-gap);margin:var(--layout-date-margin-y) var(--layout-date-margin-x);color:var(--layout-date-text);font-size:var(--layout-date-font);white-space:nowrap}.app-shell .date-controls button{padding:var(--layout-date-padding-y) var(--layout-date-padding-x);font-size:inherit;height:auto;min-height:0;width:auto;gap:var(--layout-date-gap);font-weight:500;color:inherit}.app-shell .date-controls svg{width:var(--layout-date-icon);height:var(--layout-date-icon);color:var(--layout-date-muted)}.app-shell .date-nav{margin:0}.app-shell .date-controls .today-button{color:var(--layout-date-muted);font-weight:400}.app-shell .scale-control{gap:var(--layout-scale-gap);padding:var(--layout-scale-padding-y) var(--layout-scale-padding-x);margin:var(--layout-scale-margin-y) var(--layout-scale-margin-x);border-radius:var(--layout-scale-radius);background:var(--layout-scale-background)}.app-shell .scale-control button{font-size:var(--layout-scale-font);width:var(--layout-scale-width);height:var(--layout-scale-height);padding:0;border-radius:calc(var(--layout-scale-radius) - 2px);color:var(--layout-scale-text)}.app-shell .scale-control button.active{color:var(--layout-scale-active)}.app-shell .search-box{width:var(--layout-search-width);height:auto;min-height:var(--layout-search-height);gap:var(--layout-search-gap);padding:var(--layout-search-padding-y) var(--layout-search-padding-x);margin:var(--layout-search-margin-y) var(--layout-search-margin-x);border-color:var(--layout-search-border);border-radius:var(--layout-search-radius);background:var(--layout-search-background);color:var(--layout-search-text);flex:0 0 var(--layout-search-width)}.app-shell .search-box>svg{width:var(--layout-search-icon);height:var(--layout-search-icon)}.app-shell .search-box input{font-size:var(--layout-search-font);color:var(--layout-search-text);width:100%;min-width:0;padding:0;height:auto}.app-shell .search-box input::placeholder{color:var(--layout-search-text)}.app-shell .toolbar-right>button,.app-shell .toolbar-right>.filter-wrap>button{font-size:var(--layout-actions-font);min-height:var(--layout-actions-height);height:auto;gap:var(--layout-actions-gap);padding:var(--layout-actions-padding-y) var(--layout-actions-padding-x);margin:var(--layout-actions-margin-y) var(--layout-actions-margin-x);border-radius:var(--layout-actions-radius);background:var(--layout-actions-background);color:var(--layout-actions-text);border-color:var(--layout-actions-border)}.app-shell .toolbar-right>button svg,.app-shell .toolbar-right>.filter-wrap>button svg{width:var(--layout-actions-icon);height:var(--layout-actions-icon)}.app-shell .toolbar-right>.primary{color:var(--layout-actions-primary-text);background:var(--layout-actions-primary-background);border-color:var(--layout-actions-primary-background)}.app-shell .toolbar-right>.percent-toggle[aria-pressed=true]{background:var(--layout-scale-background);border-color:var(--layout-search-border)}.app-shell .toolbar-right>button:hover,.app-shell .toolbar-right>.filter-wrap>button:hover{filter:brightness(.97)}.app-shell.viewer-mode>.main{margin-left:0;width:100%}@media(min-width:761px){.app-shell.sidebar-collapsed>.sidebar{width:var(--layout-frame-collapsed);flex-basis:var(--layout-frame-collapsed);padding-left:6px;padding-right:6px}.app-shell.sidebar-collapsed>.main{margin-left:var(--layout-frame-collapsed);width:calc(100% - var(--layout-frame-collapsed))}.app-shell.sidebar-collapsed .sidebar-brand-row{min-height:88px;padding:0;margin:0}.app-shell.sidebar-collapsed .workspace-switch{padding:5px;border:0;background:transparent;margin-left:0;margin-right:0;box-shadow:none}.app-shell.sidebar-collapsed .sidebar nav>:is(button,a){width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0;gap:0}.app-shell.sidebar-collapsed .project-initial{font-size:var(--layout-projects-font)}.app-shell.sidebar-collapsed .profile-button{padding-left:0;padding-right:0;margin-left:0;margin-right:0;width:100%}.app-shell.sidebar-collapsed .profile-menu{left:calc(var(--layout-frame-collapsed) + 6px);bottom:10px}}@media(max-width:1350px){.app-shell .search-box kbd{display:none}.app-shell .timeline-toolbar{flex-wrap:wrap;row-gap:6px}.app-shell .toolbar-left,.app-shell .toolbar-right{max-width:100%}.app-shell .toolbar-left{overflow-x:auto;scrollbar-width:none}.app-shell .toolbar-right{flex-wrap:wrap}}@media(max-width:1000px){.app-shell .timeline-view-options>label{font-size:0;gap:0}.app-shell .topbar-actions{gap:8px}}@media(max-width:760px){.app-shell>.main{margin-left:0;width:100%}.app-shell .topbar{padding-left:12px;padding-right:12px}.app-shell .header-title{font-size:min(var(--layout-identity-title-font),17px)}.app-shell .view-tabs{padding-left:12px;padding-right:12px}.app-shell .timeline-toolbar{padding-left:12px;padding-right:12px;overflow:visible}.app-shell .toolbar-left,.app-shell .toolbar-right{width:100%;overflow-x:auto;scrollbar-width:none;flex-shrink:1}.app-shell .toolbar-right{margin-left:0;flex-wrap:nowrap}.app-shell .toolbar-right>*{flex-shrink:0}.app-shell .filter-menu,.app-shell .export-menu{position:fixed;right:12px;top:160px;bottom:auto}.app-shell .search-box input{font-size:16px}}