html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--surface-bg);color:var(--text-primary);font-family:var(--font-family);overflow:hidden}.header{flex-shrink:0}.main-canvas{flex:1;display:flex;min-height:0;position:relative;transition:margin-left .25s ease}.main-canvas.main-canvas--shifted{margin-left:288px}.sidebar-overlay{position:fixed;top:0;left:0;bottom:0;width:288px;z-index:200;transform:translate(-100%);transition:transform .25s ease}.sidebar-overlay.is-open{transform:translate(0)}.canvas{flex:1;position:relative;display:flex;flex-direction:column;min-width:0}.canvas__pane{flex:1;position:relative;overflow:hidden;margin-bottom:var(--spacing-2xs)}.canvas__inner{position:relative;height:100%}.canvas__timeflow-area{position:relative;height:100%;overflow-x:hidden;overflow-y:auto}.canvas__bottom-bar{position:relative;flex-shrink:0;height:41px}.canvas__scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:auto;overflow-y:hidden}.canvas__year-inner{height:33px}.canvas__zoom{position:absolute;bottom:calc(100% + 8px);left:8px;z-index:5}.canvas__timeflow-area .timeflow,.canvas__year-inner .year-scale{width:100%;height:100%}@media(max-width:767px){.header,.main-canvas{display:none}}