:root{--bg:#f6f7f9;--panel:#fff;--ink:#1c1c1e;--muted:#6b7280;--line:#e3e6ea;--accent:#2f6f4f;--accent-soft:#eef4f0;--danger-bg:#fdeaea;--danger-line:#f3b6b6;--danger-ink:#8c2020;--track:#eceef1;--hint:#6b7280;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}[data-theme=dark]{--bg:#1b2126;--panel:#222a30;--ink:#e6eaed;--muted:#93a1ab;--line:#33404a;--accent:#7fc79d;--accent-soft:#2a3a33;--danger-bg:#3a2323;--danger-line:#5d3434;--danger-ink:#f0a8a8;--track:#2c3740;--hint:#9aa4ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font:inherit;cursor:pointer}h1,h2,h3{margin:0 0 .4rem;line-height:1.2}.muted{color:var(--muted);font-size:.85rem}.error{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-ink);border-radius:8px;padding:.7rem .9rem}.gallery{max-width:1040px;margin:0 auto;padding:3rem 1.5rem 4rem}.gallery-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2.5rem;display:flex}.gallery h1{letter-spacing:-.02em;font-size:2.1rem}.tagline{color:var(--muted);margin:0}.gallery section{margin-bottom:2.5rem}.gallery section>h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.9rem;font-size:.8rem}.gallery-actions{align-items:center;gap:.5rem;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:border-color .15s,box-shadow .15s;position:relative}.card:hover{border-color:var(--muted);box-shadow:0 2px 8px #00000014}.card-body{text-align:left;background:0 0;border:0;border-radius:12px;flex-direction:column;gap:.35rem;width:100%;padding:1.1rem;display:flex}.card-dot{border-radius:50%;width:14px;height:14px}.card-delete{color:var(--muted);opacity:0;background:0 0;border:0;border-radius:6px;padding:.2rem .4rem;font-size:1.2rem;line-height:1;position:absolute;top:.4rem;right:.5rem}.card:hover .card-delete{opacity:1}.card-delete:hover{background:var(--danger-bg);color:var(--danger-ink)}button.primary{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.6rem 1.1rem;font-weight:600}button.primary:hover{filter:brightness(1.08)}.workspace{grid-template-rows:auto 1fr;grid-template-columns:1fr 340px;height:100vh;display:grid}.workspace.with-tree{grid-template-columns:264px 1fr 340px}.tree{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.tree-head{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.6rem .7rem .4rem;font-size:.7rem;display:flex}.tree ul{flex:1;margin:0;padding:.3rem 0;list-style:none;overflow-y:auto}.tree-row{cursor:grab;border-top:2px solid #0000;border-bottom:2px solid #0000;align-items:center;gap:.35rem;padding:.15rem .5rem .15rem 0;display:flex}.tree-row:hover{background:var(--bg)}.tree-row.selected{background:var(--accent-soft)}.tree-row.centred .tree-name{font-weight:700}.tree-row.dragging{opacity:.4}.tree-row.drop-before{border-top-color:var(--accent)}.tree-row.drop-after{border-bottom-color:var(--accent)}.tree-row.drop-inside{outline:2px solid var(--accent);outline-offset:-2px}.tree-twisty{color:var(--muted);background:0 0;border:0;flex-shrink:0;width:16px;padding:0;font-size:.7rem;line-height:1}.tree-twisty:disabled{cursor:default}.tree-name{min-width:0;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:.1rem 0;font-size:.82rem;overflow:hidden}.tree-lock{flex-shrink:0;font-size:.65rem}.tree-progress{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.7rem}.tree-hint{color:var(--muted);border-top:1px solid var(--line);margin:0;padding:.5rem .7rem;font-size:.7rem}.tree-toggle{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;flex-shrink:0;width:28px;height:28px;line-height:1}.tree-toggle[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.view-switch{border:1px solid var(--line);border-radius:7px;flex-shrink:0;display:flex;overflow:hidden}.view-switch button{background:var(--panel);color:var(--muted);border:0;padding:.32rem .6rem;font-size:.78rem}.view-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--ink);font-weight:600}.gantt{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.gantt.empty{color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:2rem}.gantt-scroll{flex:1;min-height:0;overflow:auto}.gantt-head{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);height:26px;display:flex;position:sticky;top:0}.gantt-label-col{text-transform:uppercase;letter-spacing:.06em;width:210px;color:var(--muted);flex-shrink:0;padding:.35rem .6rem;font-size:.7rem}.gantt-track-col{flex:1;min-width:320px;position:relative}.gantt-tick-label{color:var(--muted);white-space:nowrap;font-size:.68rem;position:absolute;top:.35rem;transform:translate(-50%)}.gantt-rows{margin:0;padding:0;list-style:none}.gantt-row{border-bottom:1px solid var(--line);align-items:stretch;min-height:22px;display:flex}.gantt-row:hover{background:var(--bg)}.gantt-row.selected{background:var(--accent-soft)}.gantt-label{width:210px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex-shrink:0;align-items:center;gap:.4rem;padding-right:.5rem;font-size:.78rem;display:flex;overflow:hidden}.gantt-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gantt-late{color:#c0392b;flex-shrink:0;font-weight:700}.gantt-track{flex:1;min-width:320px;position:relative}.gantt-gridline{background:var(--line);width:1px;position:absolute;top:0;bottom:0}.gantt-today{opacity:.55;background:#c0392b;width:2px;position:absolute;top:0;bottom:0}.gantt-bar{border-radius:3px;min-width:3px;position:absolute;top:4px;bottom:4px;overflow:hidden}.gantt-bar.overdue{outline:1px solid #c0392b}.gantt-bar.derived{opacity:.45;top:8px;bottom:8px}.gantt-bar-fill{border-radius:3px 0 0 3px;height:100%;display:block}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:1.2rem;padding:.7rem 1.2rem;display:flex}button.link{color:var(--accent);background:0 0;border:0;border-radius:5px;padding:.2rem .3rem;font-weight:500}button.link:hover:not(:disabled){background:var(--accent-soft)}button.link:disabled{color:var(--ink);cursor:default;font-weight:600}.breadcrumb{white-space:nowrap;flex:1;min-width:0;overflow-x:auto}.breadcrumb .sep{color:var(--muted);margin:0 .15rem}.depth{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.depth select{font:inherit;border:1px solid var(--line);border-radius:6px;padding:.25rem .4rem}.search{font:inherit;border:1px solid var(--line);background:var(--bg);min-width:200px;color:var(--ink);border-radius:999px;padding:.35rem .7rem;font-size:.85rem}.search:focus{outline:2px solid var(--accent);outline-offset:1px}.toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:.35rem;font-size:.85rem;display:flex}.stage-controls{background:var(--panel);border:1px solid var(--line);z-index:1;border-radius:8px;align-items:center;gap:.25rem;padding:.2rem;display:flex;position:absolute;top:.6rem;left:.8rem}.stage-controls button{width:26px;height:26px;color:var(--ink);background:0 0;border:0;border-radius:5px;font-size:.95rem;line-height:1}.stage-controls button:hover:not(:disabled){background:var(--bg)}.stage-controls button:disabled{opacity:.3;cursor:default}.rings-readout{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:1.2rem;font-size:.75rem}.stage{flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;position:relative}.radial{width:100%;height:100%;max-height:calc(100vh - 150px)}.hint{color:var(--hint);margin:.4rem 0 0;font-size:.8rem}.segment{cursor:pointer}.segment-label,.hub-name,.hub-progress{pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:500}.hub{cursor:pointer}.hub-progress{opacity:.75;font-weight:600}.hub-name{font-weight:600}.detail{background:var(--panel);border-left:1px solid var(--line);padding:1.3rem;overflow-y:auto}.detail-empty{color:var(--muted);justify-content:center;align-items:center;display:flex}.detail h2{font-size:1.15rem}.detail-name{font:inherit;width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:7px;margin-bottom:1rem;padding:.35rem .5rem;font-size:1.1rem;font-weight:600}.detail-name:hover{border-color:var(--line)}.detail-name:focus{border-color:var(--accent);background:var(--bg);outline:none}.field{margin-bottom:1rem}.field-row{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.field label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.3rem;font-size:.7rem;display:block}.field-head{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.field-head label{flex:1;margin:0}.field-value{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.field-note{color:var(--muted);margin:.3rem 0 0;font-size:.75rem}.field input[type=range]{width:100%;accent-color:var(--accent)}.field input[type=date]{font:inherit;border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:6px;padding:.3rem .4rem;font-size:.85rem}.lock{opacity:.5;background:0 0;border:0;border-radius:5px;padding:.15rem;font-size:.85rem}.lock.on{opacity:1}.lock:hover{background:var(--bg)}.swatches{gap:.35rem;display:flex}.swatch-pick{border:2px solid #0000;border-radius:6px;width:24px;height:24px}.swatch-pick.on{border-color:var(--ink)}.toggle.inline{margin-top:.5rem;font-size:.8rem}.detail-actions{gap:.4rem;margin:1.2rem 0;display:flex}.detail-actions button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:7px;flex:1;padding:.45rem;font-size:.85rem}.detail-actions button:hover:not(:disabled){border-color:var(--muted)}.detail-actions button:disabled{opacity:.4;cursor:default}.detail-actions .danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger-ink)}.history-controls{gap:.2rem;display:flex}.history-controls button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;width:28px;height:28px;line-height:1}.history-controls button:hover:not(:disabled){background:var(--bg)}.history-controls button:disabled{opacity:.3;cursor:default}.save-state{color:var(--muted);text-align:right;min-width:3.6rem;font-size:.75rem}.save-state.busy{opacity:.75}.subgoal-row{width:100%;color:inherit;text-align:left;font:inherit;background:0 0;border:0;align-items:center;gap:.6rem;padding:.15rem 0;font-size:.9rem;display:flex}.subgoal-row:hover .subgoal-name{color:var(--accent)}.notes.editable{border:1px solid var(--line);border-radius:7px;min-height:4.5rem;padding:.5rem .6rem}.notes.editable:focus{outline:none}.notes.editable:empty:before{content:attr(data-placeholder);color:var(--muted)}.edge-handle{cursor:ew-resize}.detail h3{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-top:1.5rem;font-size:.75rem}.detail-stats{grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0;display:grid}.detail-stats dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem}.detail-stats dd{margin:.15rem 0 0;font-size:1rem;font-weight:600}.progress-bar{background:var(--track);border-radius:999px;height:8px;overflow:hidden}.progress-bar span{border-radius:999px;height:100%;display:block}.centre-button{border:1px solid var(--line);background:var(--bg);border-radius:8px;width:100%;margin-top:1.2rem;padding:.55rem;font-weight:500}.centre-button:hover{border-color:var(--muted)}.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:.95rem;line-height:1}.theme-toggle:hover{background:var(--bg)}.subgoal-list{margin:.5rem 0 0;padding:0;list-style:none}.subgoal-list li{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding:.4rem 0;font-size:.9rem;display:flex}.swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.subgoal-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.subgoal-value{color:var(--muted);font-variant-numeric:tabular-nums}.notes{overflow-wrap:anywhere;font-size:.9rem;line-height:1.55}.notes font{font-size:inherit!important;color:inherit!important}.notes p{margin:0 0 .6rem}