:root{--text:#a6b2c1;--text-h:#f8fafc;--bg:#0f172a;--border:#2d3748;--code-bg:#1d293b;--accent:#f97316;--accent-bg:#f973162e;--accent-border:#fbbf2473;--social-bg:#1d293bb3;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}body{background:var(--bg);margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:0;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:0;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-header{box-sizing:border-box;background:radial-gradient(circle at 12% 0,#fbbf242e,#0000 32%),radial-gradient(circle at 78% 0,#a855f72e,#0000 34%),linear-gradient(90deg,#111827 0%,#1a172b 50%,#211626 100%);border-bottom:1px solid #2d3748;flex-shrink:0;grid-template-columns:minmax(170px,240px) minmax(0,1fr) auto;align-items:center;gap:18px;min-height:66px;padding:10px 18px;display:grid;box-shadow:0 1px 10px #00000059}.brand-lockup{gap:2px;min-width:0;display:grid}.brand-lockup h1{color:#f8fafc;margin:0;font-size:17px;font-weight:750;line-height:1.15}.brand-lockup span{color:#9aa7b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.header-metrics{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.metric-group{background:#0f172ab8;border:1px solid #344256;border-radius:8px;grid-auto-columns:minmax(76px,auto);grid-auto-flow:column;align-items:stretch;gap:1px;display:grid;overflow:hidden}.metric-group.single{grid-auto-columns:minmax(98px,auto)}.metric-card{background:color-mix(in srgb, var(--metric-color) 13%, #121a2a);border-left:3px solid var(--metric-color);box-sizing:border-box;align-items:center;gap:1px;min-width:76px;min-height:42px;padding:6px 10px 6px 8px;display:grid}.metric-value{color:var(--metric-color);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;line-height:1}.metric-label{color:#a6b2c1;text-transform:uppercase;white-space:nowrap;font-size:10.5px;font-weight:700;line-height:1.05}.gap-menu{position:relative}.header-actions{align-items:center;gap:10px;display:flex}@media (width<=980px){.app-header{grid-template-columns:1fr auto;align-items:start}.header-metrics{order:3;grid-column:1/-1;justify-content:flex-start}}@media (width<=620px){.app-header{padding:10px 12px}.metric-group{grid-auto-columns:minmax(68px,auto)}.metric-card{min-width:68px;padding-inline:7px}}.dashboard{--blue:#38bdf8;--gold:#fbbf24;--violet:#a855f7;--orange:#f97316;--red:#ef4444;--purple-soft:#c084fc;--surface:#111827;--surface-2:#162033;--surface-3:#1d293b;--border:#2d3748;--border-2:#344256;--text:#e5edf6;--text-strong:#f8fafc;--text-muted:#9aa7b8;box-sizing:border-box;height:100%;min-height:0;color:var(--text);text-align:left;background:radial-gradient(circle at 0 0,#f973161f,#0000 28%),radial-gradient(circle at 100% 0,#38bdf81a,#0000 30%),#0f172a;grid-template-columns:minmax(0,1fr) 390px;gap:0;display:grid;overflow:hidden}.dashboard h2,.dashboard h3,.dashboard p{margin:0}.dashboard h2{color:var(--text-strong);letter-spacing:0;font-size:20px;font-weight:700}.dashboard h3{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700}.dashboard-list,.plan-main,.dashboard-detail{min-height:0;overflow:auto}.dashboard-list,.plan-main{padding:22px}.dashboard-detail{border-left:1px solid var(--border);background:var(--surface);padding:20px}.dashboard-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.dashboard-title-row p,.detail-header p,.fine-print,.source-line,.empty-state,.feed-meta,.goal-facts,.timeline-meta{color:#70808f;overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.45}.count-pill,.feed-kind{color:#9dccff;white-space:nowrap;background:#2f80ed2e;border:1px solid #2f80ed59;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.cps-badge{color:#c084fc;letter-spacing:.4px;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#a855f72e;border:1px solid #a855f766;border-radius:3px;align-items:center;padding:1px 5px;font-size:10px;font-weight:700;display:inline-flex}.cps-open-badge{color:#f97316!important;background:#f9731626!important;border-color:#f9731673!important;padding:2px 7px!important;font-size:10.5px!important;font-weight:700!important}.goal-repos-container{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.repo-pill{color:#38bdf8;letter-spacing:.2px;-webkit-user-select:none;user-select:none;background:#38bdf81a;border:1px solid #38bdf852;border-radius:4px;align-items:center;gap:4px;padding:1.5px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600;line-height:1.3;transition:all .15s;display:inline-flex}.repo-pill:hover{color:#7dd3fc;background:#38bdf82e;border-color:#38bdf880}.repo-pill.large{padding:3px 8px;font-size:12px}.repo-pill-icon{opacity:.85;font-size:10px}.repo-remove-btn{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:2px;align-items:center;padding:0 2px 0 4px;font-size:13px;line-height:1;transition:opacity .15s,color .15s;display:inline-flex}.repo-remove-btn:hover{opacity:1;color:var(--red)}.work-feed,.goal-stack,.connection-list,.history-list{flex-direction:column;gap:8px;display:flex}.feed-row,.connection-row,.goal-header,.timeline-row{background:var(--surface);border:1px solid var(--border);color:inherit;cursor:pointer;font:inherit;text-align:left;border-radius:6px}.feed-row{gap:5px;padding:12px;display:grid;position:relative;overflow:hidden}.feed-row:before{content:"";border-radius:6px 0 0 6px;width:4px;position:absolute;inset:-1px auto -1px -1px}.feed-row.manual:before{background:var(--gold)}.feed-row.worklog:before{background:var(--blue)}.feed-row.task:before{background:var(--orange)}.feed-row.selected,.goal-section.selected,.timeline-row.selected,.connection-row:hover,.goal-header:hover,.timeline-row:hover{border-color:#5d9bd3;box-shadow:0 0 0 2px #5d9bd333}.feed-title,.goal-title,.timeline-title{color:var(--text-strong);overflow-wrap:anywhere;word-break:break-word;white-space:normal;font-size:14px;font-weight:650;line-height:1.4}.detail-header{border-bottom:1px solid var(--border);gap:7px;padding-bottom:16px;display:grid}.detail-section{border-bottom:1px solid var(--border);gap:10px;padding:16px 0;display:grid}.connection-row{align-items:center;gap:8px;padding:9px 10px;display:flex}.status-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.inline-form select,.progress-composer input,.progress-composer select,.progress-composer textarea,.quick-add input{box-sizing:border-box;color:var(--text);font:inherit;background:#0f172a;border:1px solid #3a4658;border-radius:5px;width:100%;min-width:0;padding:8px 9px;font-size:13px}.inline-form button,.progress-composer button,.quick-add button{color:#fff;cursor:pointer;font:inherit;white-space:nowrap;background:#2d72a8;border:0;border-radius:5px;padding:8px 11px;font-size:13px;font-weight:700}.inline-form button:disabled,.progress-composer button:disabled,.quick-add button:disabled{cursor:default;background:#9fb1c1}.progress-composer{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.progress-composer label,.quick-add{gap:5px;display:grid}.progress-composer label span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.progress-composer .wide,.composer-actions{grid-column:1/-1}.progress-composer textarea{resize:vertical}.progress-composer.compact{grid-template-columns:1fr}.composer-actions{align-items:center;gap:10px;display:flex}.save-state{font-size:12px;font-weight:700}.save-state.good{color:var(--gold)}.save-state.bad,.inline-error{color:#c0392b}.goal-section{background:var(--surface);border:1px solid color-mix(in srgb, var(--goal-color,#344256) 35%, #344256);border-left:4px solid var(--goal-color,#344256);border-radius:6px;gap:10px;padding:12px;display:grid}.goal-header{border:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;padding:0;display:flex}.goal-date,.timeline-date{color:var(--text-muted);white-space:nowrap;font-size:12px}.goal-facts{flex-wrap:wrap;gap:8px 14px;display:flex}.timeline{border-left:2px solid var(--border-2);gap:6px;margin-left:4px;padding-left:12px;display:grid}.timeline-row{grid-template-columns:92px auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.unscheduled-group{gap:8px;display:grid}.quick-add{grid-template-columns:minmax(160px,1fr) 150px auto;align-items:end}.quick-add.compact{border-top:1px solid var(--border);padding-top:10px}.history-row{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:9px 10px}.history-row span{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.history-row p{color:var(--text);font-size:13px}.empty-state.small{font-size:12px}@media (width<=900px){.dashboard{grid-template-columns:1fr!important}.pane-resizer{display:none!important}.dashboard-detail{border-left:0;border-top:1px solid var(--border);max-height:48vh}.quick-add,.inline-form,.timeline-row{grid-template-columns:1fr}}.milestone-diamond{color:var(--violet);justify-content:center;align-items:center;width:16px;height:16px;font-size:14px;line-height:1;display:inline-flex}.task-checkbox-container{cursor:pointer;justify-content:center;align-items:center;padding:2px;display:inline-flex}.task-checkbox{appearance:none;border:1.5px solid var(--border-2);background:var(--surface-2);cursor:pointer;border-radius:4px;place-content:center;width:16px;height:16px;margin:0;transition:all .15s;display:inline-grid;position:relative}.task-checkbox:hover{border-color:var(--blue)}.task-checkbox:checked{background:var(--gold);border-color:var(--gold)}.task-checkbox:checked:after{content:"";border-bottom:2px solid #0f172a;border-left:2px solid #0f172a;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.item-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 12px;transition:border-color .15s;display:flex}.item-row:hover{border-color:#5d9bd3}.item-row.selected{background:var(--surface-2);border-color:#5d9bd3;box-shadow:0 0 0 2px #5d9bd340}.item-row.is-done .item-title{color:var(--text-muted);text-decoration:line-through}.item-title{color:var(--text-strong);overflow-wrap:anywhere;word-break:break-word;white-space:normal;flex:120px;min-width:0;font-size:13.5px;font-weight:500;line-height:1.4}.item-date-badge{color:var(--text-muted);white-space:nowrap;font-size:11.5px}.kind-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.child-add-bar{border-top:1px solid #2d374899;align-items:center;gap:8px;margin-top:4px;padding-top:8px;display:flex}.child-add-btn{border:1px dashed var(--border-2);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.child-add-btn:hover{border-color:var(--blue);color:var(--text-strong);background:#38bdf814}.child-add-btn.milestone:hover{border-color:var(--violet);background:#a855f714}.creation-box{background:var(--surface-2);border:1px solid var(--border-2);border-radius:6px;gap:10px;margin-top:8px;padding:12px;display:grid}.creation-header{justify-content:space-between;align-items:center;display:flex}.creation-desc{color:var(--text-muted);font-size:11.5px;font-style:italic}.creation-fields{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.creation-fields input{color:var(--text);background:#0f172a;border:1px solid #3a4658;border-radius:5px;flex:160px;min-width:130px;padding:7px 9px;font-size:13px}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:5px;padding:7px 12px;font-size:13px;font-weight:600}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;padding:7px 10px;font-size:13px}.btn-secondary:hover{color:var(--text-strong);border-color:var(--border-2)}.milestone-prompt{color:var(--gold);background:#fbbf241f;border:1px solid #fbbf2459;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:flex}.detail-actions-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.detail-field{gap:5px;display:grid}.detail-field label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.detail-input,.detail-select,.detail-textarea{color:var(--text);font:inherit;box-sizing:border-box;background:#0f172a;border:1px solid #3a4658;border-radius:5px;width:100%;padding:7px 9px;font-size:13px}.detail-textarea{resize:vertical;min-height:90px}.detail-input:focus,.detail-select:focus,.detail-textarea:focus{border-color:var(--blue);outline:none}.drag-handle{color:var(--text-muted);cursor:grab;opacity:.35;-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;padding:2px 4px;font-size:13px;line-height:1;transition:opacity .15s,color .15s,background .15s;display:inline-flex}.item-row:hover .drag-handle,.goal-header:hover .drag-handle{opacity:.85}.drag-handle:hover{color:var(--blue);background:#38bdf81f;opacity:1!important}.drag-handle:active{cursor:grabbing}.is-dragging{opacity:.35}.drag-over-top{position:relative}.drag-over-top:before{content:"";background:var(--blue);z-index:10;pointer-events:none;border-radius:2px;height:3px;position:absolute;top:-3px;left:0;right:0;box-shadow:0 0 8px #38bdf899}.drag-over-bottom{position:relative}.drag-over-bottom:after{content:"";background:var(--blue);z-index:10;pointer-events:none;border-radius:2px;height:3px;position:absolute;bottom:-3px;left:0;right:0;box-shadow:0 0 8px #38bdf899}.pane-resizer{cursor:col-resize;background:var(--surface);border-left:1px solid var(--border);-webkit-user-select:none;user-select:none;touch-action:none;z-index:5;justify-content:center;align-items:center;width:8px;transition:background .15s;display:flex;position:relative}.pane-resizer:hover,.is-resizing-pane .pane-resizer{background:#38bdf833}.resizer-handle{background:var(--border-2);border-radius:1px;width:2px;height:28px;transition:background .15s,height .15s}.pane-resizer:hover .resizer-handle,.is-resizing-pane .resizer-handle{background:var(--blue);height:42px}.is-resizing-pane{-webkit-user-select:none!important;user-select:none!important}.is-resizing-pane iframe{pointer-events:none}.plan-main::-webkit-scrollbar{width:7px;height:7px}.dashboard-detail::-webkit-scrollbar{width:7px;height:7px}.dashboard-list::-webkit-scrollbar{width:7px;height:7px}.plan-main::-webkit-scrollbar-track{background:#0f172a80}.dashboard-detail::-webkit-scrollbar-track{background:#0f172a80}.dashboard-list::-webkit-scrollbar-track{background:#0f172a80}.plan-main::-webkit-scrollbar-thumb{background:#2d3748;border-radius:4px}.dashboard-detail::-webkit-scrollbar-thumb{background:#2d3748;border-radius:4px}.dashboard-list::-webkit-scrollbar-thumb{background:#2d3748;border-radius:4px}.plan-main::-webkit-scrollbar-thumb:hover{background:#4a5568}.dashboard-detail::-webkit-scrollbar-thumb:hover{background:#4a5568}.dashboard-list::-webkit-scrollbar-thumb:hover{background:#4a5568}