:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#0f1011;background:#f7f7f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overscroll-behavior:none}body{overflow:hidden;background:#f7f7f5;overscroll-behavior-x:none;overscroll-behavior-y:none}button,input,select,textarea{font:inherit}button{border:0;color:inherit}.app-shell{display:flex;width:100%;height:100%;min-height:0;overflow:hidden;overscroll-behavior:none;background:#f7f7f5}.sidebar{display:flex;flex:0 0 clamp(270px,19vw,330px);flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#eeeeed,#eeeeede6)}.sidebar-top{display:flex;min-height:0;flex:1;flex-direction:column;padding:27px 24px 0}.sidebar-brand{display:flex;align-items:flex-start;gap:13px;margin-bottom:28px}.sidebar-brand h1{margin:0;font-size:18px;line-height:21px;font-weight:650;letter-spacing:0}.sidebar-brand p{margin:2px 0 0;color:#9c9ca1;font-size:12px}.icon-button,.glass-icon-button,.card-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#ffffff6b;color:#696a6e;cursor:pointer}.icon-button:hover,.glass-icon-button:hover,.card-icon:hover{background:#ffffffad;color:#0f1011}.subtle{width:22px;height:24px;background:transparent;color:#9c9ca1}.sidebar-row{display:flex;align-items:center;width:100%;min-height:39px;padding:8px 11px;gap:10px;border-radius:8px;background:transparent;color:#696a6e;font-size:15px;line-height:18px;text-align:left;cursor:pointer}.sidebar-row>span:not(.axis-glyph):not(.area-mark):not(.progress-mark){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-row strong{color:#9c9ca1;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.sidebar-row.selected{background:#ffffffa3;color:#0f1011;font-weight:650;box-shadow:inset 0 0 0 1px #b2b2b829}.project-row{padding-left:38px}.nodate-row span{display:grid;gap:1px}.nodate-row small{overflow:hidden;color:#9c9ca1;font-size:10px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.sidebar-scroll{min-height:0;flex:1;padding-bottom:26px;overflow:auto;scrollbar-width:none}.sidebar-scroll::-webkit-scrollbar{display:none}.section-title{margin:23px 11px 10px;color:#696a6e;font-size:13px;font-weight:750}.area-group{display:grid;gap:4px}.sidebar-actions{display:flex;gap:8px;padding:18px 24px 20px;background:#eeeeede6;box-shadow:inset 0 1px #b2b2b83d}.sidebar-actions button{min-width:56px;padding:7px 12px;border-radius:999px;background:#ffffff8a;color:#696a6e;font-size:14px;font-weight:650;cursor:pointer;box-shadow:inset 0 0 0 1px #b2b2b82e}.sidebar-actions .prominent{background:#3c61c71a;color:#3c61c7;box-shadow:inset 0 0 0 1px #3c61c72e}button:disabled{cursor:default;opacity:.45}.splitter{width:1px;flex:0 0 1px;background:#b2b2b852}.main-pane{position:relative;display:flex;min-width:0;flex:1;flex-direction:column;padding:31px 36px 28px;background:linear-gradient(180deg,#fbfbfa,#f7f7f5)}.floating-sidebar-button{position:absolute;top:26px;left:8px;z-index:8;background:#ffffffb8;box-shadow:0 4px 12px #0000000d,inset 0 0 0 1px #ffffff52}.timeline-header{display:grid;gap:18px;margin-bottom:20px}.header-main-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.eyebrow{margin:0 0 8px;color:#9c9ca1;font-size:13px;font-weight:650;letter-spacing:1px;text-transform:uppercase}.scope-title-row{display:flex;align-items:baseline;gap:10px}.scope-title-row h2{max-width:min(58vw,720px);margin:0;overflow:hidden;color:#0f1011;font-size:34px;font-weight:650;letter-spacing:0;line-height:40px;text-overflow:ellipsis;white-space:nowrap}.count-pill{padding:3px 9px;border-radius:999px;background:#e8e8e594;color:#9c9ca1;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.header-actions{display:flex;align-items:center;gap:6px;padding:6px;border-radius:18px;background:#ffffff7a;box-shadow:inset 0 0 0 1px #ffffff6b,0 15px 30px #36383b14;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}.drive-pill{display:inline-flex;align-items:center;max-width:300px;height:34px;padding:0 12px;gap:6px;border-radius:12px;background:#ffffff8c;color:#696a6e;font-size:13px;font-weight:600;cursor:pointer}.drive-pill.ready{width:34px;padding:0;justify-content:center;color:#46a26a;cursor:default}.drive-pill.local-pill.ready{color:#3c61c7;cursor:pointer}.glass-icon-button{width:34px;height:34px;border-radius:11px;background:#ffffff8a;box-shadow:inset 0 0 0 1px #b2b2b81f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drive-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted-icon{color:#9c9ca1}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scope-chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.scope-chips::-webkit-scrollbar{display:none}.scope-chip{flex:0 0 auto;padding:5px 12px;border-radius:999px;background:#ffffff5c;color:#696a6e;font-size:13px;font-weight:550;cursor:pointer;box-shadow:inset 0 0 0 1px #b2b2b83d}.scope-chip.selected{background:color-mix(in srgb,var(--chip-color, #3c61c7) 11%,white);color:#0f1011;font-weight:650;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip-color, #3c61c7) 24%,transparent)}.store-message{display:flex;align-items:center;min-height:38px;padding:10px 11px;border-radius:7px;background:#ecb0301a;color:#0f1011;font-size:13px}.timeline-panel{display:flex;min-height:0;flex:1;flex-direction:column;gap:12px}.timeline-toolbar{display:flex;min-height:44px;flex:0 0 auto;align-items:center;gap:12px}.timeline-toolbar-status{display:flex;min-width:0;align-items:center;gap:10px}.timeline-toolbar-status strong{overflow:hidden;color:#0f1011;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.timeline-canvas{position:relative;min-height:0;flex:1;overflow:hidden;overscroll-behavior:none;border-radius:0;background:#fbfbfa;touch-action:none;-webkit-user-select:none;user-select:none}.paper-grid{position:absolute;inset:0;background:linear-gradient(180deg,#ffffffc2,#fbfbfafa,#f7f7f5d6)}.tick{position:absolute;inset:0 auto 0 0;width:1px;background:#b2b2b814}.tick.major{background:#b2b2b824}.tick-mark{position:absolute;left:0;width:1px;height:10px;background:#36383b52}.tick.major .tick-mark{height:17px;background:#36383b85}.tick-label,.tick-sublabel{position:absolute;left:8px;white-space:nowrap;font-variant-numeric:tabular-nums}.tick-label{color:#9c9ca1;font-size:13px}.tick.major .tick-label{color:#696a6e;font-size:14px;font-weight:650}.tick-sublabel{color:#9c9ca1b8;font-size:11px}.range-chip{display:none}.axis-line{position:absolute;left:-1px;right:-1px;height:1px;background:#36383ba3}.today-marker{position:absolute;top:0;bottom:0;width:1.5px;background:#e93c5494}.today-label{position:absolute;left:-22px;padding:3px 6px;border-radius:999px;background:#e93c541a;color:#e93c54;font-size:9px;font-weight:750}.today-dot{position:absolute;left:-3px;width:7px;height:7px;border-radius:50%;background:#e93c54}.span-capsule{position:absolute;display:flex;align-items:center;height:18px;gap:7px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--node-color) 4%,transparent);color:color-mix(in srgb,var(--node-color) 74%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--node-color) 8%,transparent)}.span-capsule.area{height:26px;background:color-mix(in srgb,var(--node-color) 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--node-color) 11%,transparent)}.span-capsule span{width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:color-mix(in srgb,var(--node-color) 34%,transparent)}.span-capsule.area span{width:5px;height:5px}.span-capsule strong{min-width:0;overflow:hidden;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.span-capsule.project strong{font-size:9.5px;font-weight:600}.span-capsule em{color:color-mix(in srgb,var(--node-color) 58%,transparent);font-size:9px;font-style:normal;font-weight:750}.guide-line{position:absolute;width:0;border-left:1px dashed;opacity:.2}.guide-dot{position:absolute;width:6px;height:6px;border-radius:50%}.projection-card{position:absolute;display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:7px;background:#ffffffe0;box-shadow:0 3px 6px #00000007,inset 0 0 0 1px #b2b2b847;color:#0f1011;cursor:pointer;transform:translate(0)}.projection-card.area{background:color-mix(in srgb,var(--node-color) 7%,white);box-shadow:0 3px 9px #0000000a,inset 3px 0 color-mix(in srgb,var(--node-color) 50%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--node-color) 18%,transparent)}.projection-card.project{background:#ffffffc7;box-shadow:0 3px 6px #00000007,inset 2px 0 color-mix(in srgb,var(--node-color) 34%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--node-color) 16%,transparent)}.projection-card.subtask{background:#e8e8e5b3}.projection-card.completed{opacity:.58}.projection-card.selected{box-shadow:0 6px 14px #3c61c71f,inset 0 0 0 1px #3c61c752}.projection-card.compact{gap:4px;padding:7px}.card-title-row{display:flex;align-items:center;min-width:0;gap:7px}.card-title-row strong{min-width:0;flex:1;overflow:hidden;font-size:12px;font-weight:600;line-height:15px;text-overflow:ellipsis}.projection-card.area .card-title-row strong{font-size:13px;font-weight:750}.projection-card.subtask .card-title-row strong{font-size:10.5px;font-weight:450}.projection-card.completed .card-title-row strong{color:#696a6e;text-decoration:line-through}.projection-card p{margin:0;overflow:hidden;color:#696a6e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.node-weight{color:var(--node-color);font-size:10px;font-weight:750;font-variant-numeric:tabular-nums}.card-meta-row{display:flex;align-items:center;min-height:18px;gap:6px;color:#9c9ca1;font-size:10px;font-variant-numeric:tabular-nums}.kind-pill{padding:2px 5px;border-radius:999px;background:color-mix(in srgb,var(--node-color) 7%,transparent);color:color-mix(in srgb,var(--node-color) 72%,transparent);font-size:9px;font-weight:750}.card-spacer{flex:1}.card-icon{width:18px;height:18px;border-radius:5px;background:transparent;color:#9c9ca1}.card-icon.danger:hover,.danger-text{color:#e93c54}.canvas-controls,.level-switcher{display:flex;align-items:center;gap:5px;padding:6px;border-radius:17px;background:#ffffff85;box-shadow:inset 0 0 0 1px #ffffff80,0 15px 28px #36383b14;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18)}.canvas-controls{margin-left:auto}.canvas-controls span{padding:0 4px 0 2px;color:#696a6e;font-size:13px;font-weight:650}.level-switcher{gap:2px}.level-switcher button{padding:8px 11px;border-radius:11px;background:transparent;color:#696a6e;font-size:13px;font-weight:600;cursor:pointer}.level-switcher button.selected{background:#ffffffad;color:#0f1011;font-weight:650;box-shadow:inset 0 0 0 1px #b2b2b829}.empty-state-layer{position:absolute;z-index:5;top:84px;right:40px;display:block;pointer-events:none}.empty-state{display:grid;justify-items:end;gap:10px;color:#9c9ca1;pointer-events:auto}.empty-state strong{color:#0f1011;font-size:17px}.empty-state button{min-width:76px}.axis-glyph{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:18px;height:18px;min-width:18px;flex:0 0 18px;overflow:visible;color:var(--glyph-color)}.axis-glyph:before{position:absolute;left:2px;right:1px;height:1.5px;content:"";background:color-mix(in srgb,var(--glyph-color) 70%,transparent)}.axis-glyph i{position:relative;z-index:1;width:3.2px;height:3.2px;border-radius:50%;background:color-mix(in srgb,var(--glyph-color) 42%,transparent)}.axis-glyph i:nth-child(2){width:4.2px;height:4.2px;background:color-mix(in srgb,var(--glyph-color) 86%,transparent)}.area-mark{display:inline-block;width:14px;height:14px;min-width:14px;flex:0 0 14px;overflow:visible;background:color-mix(in srgb,var(--mark-color) 30%,white);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:inset 0 0 0 2px var(--mark-color)}.progress-mark{display:inline-block;width:14px;height:14px;min-width:14px;flex:0 0 14px;overflow:visible;border-radius:50%;background:conic-gradient(var(--mark-color) 0 var(--progress),color-mix(in srgb,var(--mark-color) 22%,transparent) var(--progress) 360deg);-webkit-mask:radial-gradient(circle,transparent 0 45%,#000 46% 100%);mask:radial-gradient(circle,transparent 0 45%,#000 46% 100%)}.node-check.completed{color:#46a26a}.subtask-dot{display:inline-block;width:5px;height:5px;flex:0 0 5px;border-radius:50%;opacity:.52}.node-inspector{position:absolute;right:34px;bottom:32px;z-index:9;width:280px;padding:16px;border-radius:12px;background:#ffffffc7;box-shadow:0 16px 34px #00000014,inset 0 0 0 1px #ffffff70;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.inspector-close{position:absolute;top:10px;right:10px}.node-inspector h3{margin:10px 0 3px;font-size:18px;line-height:22px}.node-inspector p{margin:0;color:#696a6e;font-size:12px}.node-inspector dl{display:grid;gap:8px;margin:15px 0}.node-inspector dl div{display:flex;justify-content:space-between;gap:12px}.node-inspector dt{color:#9c9ca1;font-size:11px}.node-inspector dd{margin:0;color:#0f1011;font-size:12px;font-weight:600;text-align:right}.node-inspector .notes{padding:10px;border-radius:8px;background:#f7f7f5cc;color:#696a6e}.inspector-children{display:grid;gap:6px;margin:12px 0}.inspector-children span{display:flex;align-items:center;gap:6px;color:#696a6e;font-size:12px}.modal-backdrop{position:fixed;z-index:40;inset:0;display:grid;place-items:center;background:#0f101129;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sheet{display:grid;width:min(560px,calc(100vw - 44px));max-height:calc(100vh - 56px);gap:14px;overflow:auto;padding:22px;border-radius:14px;background:#f7f7f5f5;box-shadow:0 24px 80px #00000029,inset 0 0 0 1px #ffffff7a}.sheet-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sheet h3{margin:0;font-size:22px;font-weight:750}.sheet label{display:grid;gap:6px;color:#696a6e;font-size:12px;font-weight:650}.color-picker{display:grid;gap:8px;color:#696a6e;font-size:12px;font-weight:650}.color-preview-row{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px}.color-preview{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px #0f10111f,0 4px 10px #0f101114}.color-slider{width:100%;accent-color:#3c61c7;cursor:pointer}.color-swatches{display:flex;gap:7px}.color-swatches button{width:24px;height:24px;border-radius:50%;background:var(--swatch-color);box-shadow:inset 0 0 0 1px #0f10111f;cursor:pointer}.color-swatches button.selected{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--swatch-color),0 4px 10px #0f101114}.sheet input,.sheet select,.sheet textarea{width:100%;border:1px solid rgba(178,178,184,.32);border-radius:8px;outline:none;background:#ffffffc2;color:#0f1011;font-size:13px}.sheet input,.sheet select{height:34px;padding:0 10px}.sheet textarea{min-height:78px;padding:9px 10px;resize:vertical}.sheet input:focus,.sheet select:focus,.sheet textarea:focus{border-color:#3c61c76b;box-shadow:0 0 0 3px #3c61c717}.date-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;align-items:center}.toggle-line{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.toggle-line input{width:16px;height:16px}.checklist-editor{display:grid;gap:7px;padding:8px;border-radius:10px;background:#ffffff8a;box-shadow:inset 0 0 0 1px #b2b2b833}.checklist-title{color:#696a6e;font-size:12px;font-weight:650}.checklist-row{display:grid;grid-template-columns:22px 1fr 24px;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;background:#f7f7f5b3;box-shadow:inset 0 0 0 1px #b2b2b821}.check-toggle{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:5px;background:#ffffffb8;color:#9c9ca1;cursor:pointer}.check-toggle.checked{color:#3c61c7}.checklist-row input{height:28px;border:0;padding:0;background:transparent;box-shadow:none}.secondary-line-action{display:inline-flex;align-items:center;width:max-content;gap:6px;padding:6px 8px;border-radius:8px;background:transparent;color:#696a6e;font-size:12px;font-weight:600;cursor:pointer}.sheet-actions{display:grid;grid-template-columns:auto auto auto auto;align-items:center;gap:8px;margin-top:2px}.sheet-actions span{flex:1}.sheet-actions>span{grid-column:span 1}.sheet-actions button,.primary-sheet-action,.soft-action{min-height:32px;padding:0 13px;border-radius:8px;background:#ffffff8a;color:#696a6e;font-size:13px;font-weight:650;cursor:pointer;box-shadow:inset 0 0 0 1px #b2b2b82e}.primary-sheet-action{background:#3c61c71f;color:#3c61c7;box-shadow:inset 0 0 0 1px #3c61c733}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:980px){.app-shell{min-width:0}.sidebar{position:absolute;z-index:20;height:100%;box-shadow:12px 0 34px #0000001f}.main-pane{padding:14px}.scope-title-row h2{max-width:48vw;font-size:24px}.drive-pill{max-width:170px}}