:root{--background:#f6f8fb;--surface:#fff;--surface-muted:#eef2f7;--surface-strong:#172033;--surface-strong-hover:#2563eb;--text:#172033;--text-muted:#687386;--line:#dce3ec;--line-strong:#c7d1de;--blue:#2563eb;--green:#16845b;--amber:#b7791f;--coral:#d14c3a;--violet:#7756c9;--ink:#304154;--focus:#2563eb33;--shadow:0 18px 50px #17203317;--shadow-soft:0 10px 34px #1720330d;--nav-bg:#fbfcfef0;--soft-surface:#fbfcfe;--done-bg:#d8f7e5;--done-line:#6ed09a;--danger-surface:#fff7f5;--danger-line:#f1c2ba;--danger-text:#8a1f15;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--background:#10151f;--surface:#172033;--surface-muted:#222c3d;--surface-strong:#2563eb;--surface-strong-hover:#1d4ed8;--text:#eef3fb;--text-muted:#aab5c6;--line:#2c384c;--line-strong:#3a4860;--focus:#7da5ff47;--shadow:0 18px 50px #00000059;--shadow-soft:0 10px 34px #00000047;--nav-bg:#10151ff0;--soft-surface:#141b29;--done-bg:#183629;--done-line:#267a58;--danger-surface:#351a18;--danger-line:#7b332b;--danger-text:#ffb4aa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{min-height:100%}body{background:var(--background);color:var(--text);flex-direction:column;min-height:100vh;margin:0;display:flex}body,button,input,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{border:0}button:not(:disabled){cursor:pointer}input,textarea{background:var(--surface);border:1px solid var(--line);color:var(--text);resize:none;border-radius:8px;outline:none;width:100%;padding:11px 12px}input:focus,textarea:focus,button:focus-visible,.goal-card-button:focus-visible,.landing-button:focus-visible,.navigation-brand:focus-visible,.navigation-link:focus-visible,.navigation-menu-toggle:focus-visible,.settings-logout:focus-visible,.settings-toggle:focus-visible{box-shadow:0 0 0 4px var(--focus);outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}textarea{line-height:1.45}.app-navigation{background:var(--nav-bg);border-bottom:1px solid var(--line);z-index:40;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:10px 28px;display:flex;position:sticky;top:0}.navigation-brand,.navigation-link{color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.navigation-brand{flex:none;gap:10px;font-weight:850}.navigation-brand-mark{background:var(--surface-strong);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.navigation-links{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.navigation-menu-toggle{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:none}.navigation-link{color:var(--text-muted);border-radius:8px;gap:7px;min-width:0;min-height:38px;padding:0 12px;font-size:.9rem;font-weight:800}.navigation-link:hover,.navigation-link[aria-current=page]{background:var(--surface-muted);color:var(--text)}.navigation-link span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-shell{flex:1;min-height:0}.app-footer{background:var(--soft-surface);border-top:1px solid var(--line);color:var(--text-muted);justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:14px 28px;font-size:.86rem;font-weight:700;display:flex}.app-footer nav{align-items:center;gap:14px;display:flex}.app-footer a{color:var(--text-muted);text-decoration:none}.app-footer a:hover,.app-footer a:focus-visible{color:var(--text)}.detail-shell{min-height:calc(100vh - 128px)}.landing-shell,.create-page-shell{min-height:calc(100vh - 128px);padding:28px}.legal-page,.settings-page{padding:42px 28px 56px}.legal-content{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;max-width:760px;margin:0 auto;padding:28px}.settings-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;gap:22px;max-width:640px;margin:0 auto;padding:28px;display:grid}.settings-toggle{background:var(--surface-muted);border:1px solid var(--line);color:var(--text);text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 16px;display:grid}.settings-toggle strong{color:var(--text-muted)}.settings-logout{background:var(--surface);border:1px solid var(--line);color:var(--danger-text);border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.settings-logout:hover{background:var(--danger-surface);border-color:var(--danger-line)}.legal-content h1{margin-bottom:20px}.legal-content h2{margin:28px 0 10px;font-size:1.12rem}.legal-content p{color:var(--text-muted);margin-bottom:0;line-height:1.6}.legal-content code{background:var(--surface-muted);color:var(--text);border-radius:6px;padding:2px 5px}.landing-shell{justify-content:center;align-items:flex-start;padding-top:38vh;display:flex}.landing-card{text-align:center;place-items:center;gap:18px;display:grid}.landing-button{background:var(--surface-strong);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.create-page-shell{justify-content:center;align-items:center;display:flex}.create-page-card{background:var(--soft-surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;width:min(100%,430px);max-width:430px;padding:28px}.overview-layout{grid-template-columns:minmax(290px,380px) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--soft-surface);border-right:1px solid var(--line);padding:28px}.brand,.section-heading,.overview-header,.goal-card-top,.goal-card-meta,.detail-toolbar,.toolbar-title,.toolbar-progress,.palette-heading,.summary-pill,.task-node,.goal-node,.start-node{align-items:center;display:flex}.brand{gap:13px}.brand-mark,.goal-card-icon,.node-icon,.palette-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.brand-mark{background:var(--surface-strong);color:#fff;border-radius:8px;width:42px;height:42px}.eyebrow{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:750}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.45rem,2vw,2rem);line-height:1.05}h2{margin-bottom:0;font-size:1.6rem;line-height:1.12}h3{margin-bottom:8px;font-size:1rem;line-height:1.25}.create-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.section-heading{gap:9px;margin-bottom:16px}.section-heading h2{font-size:1.05rem}label{color:var(--text-muted);gap:8px;margin-bottom:14px;font-size:.82rem;font-weight:700;display:grid}.primary-button,.ghost-button,.danger-button,.icon-button,.status-button{border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.primary-button,.ghost-button,.danger-button{gap:8px;min-height:42px;padding:0 15px}.primary-button{background:var(--surface-strong);color:#fff;width:100%;font-weight:750}.primary-button:not(:disabled):hover{background:var(--surface-strong-hover)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.danger-button{color:#fff;background:#b42318;font-weight:750}.ghost-button{background:var(--surface);border:1px solid var(--line);color:var(--text);font-weight:700}.ghost-button:disabled,.icon-button:disabled,.status-button:disabled{cursor:not-allowed;opacity:.45}.icon-button{color:var(--text-muted);background:0 0;width:34px;height:34px}.icon-button:hover,.status-button:hover{background:var(--surface-muted);color:var(--text)}.icon-button.subtle{color:#8a4a43}.icon-button.danger{color:#b42318}.overview-content{padding:32px}.home-overview{min-height:calc(100vh - 128px)}.overview-header{justify-content:space-between;margin-bottom:24px}.summary-pill{background:var(--surface);border:1px solid var(--line);color:var(--text-muted);border-radius:999px;gap:8px;min-height:36px;padding:0 13px;font-size:.9rem;font-weight:750}.summary-pill.compact{min-height:32px}.goal-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.goal-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;min-height:214px;padding:18px;transition:border-color .16s,transform .16s,box-shadow .16s}.goal-card-button{color:inherit;text-align:left;width:100%;text-decoration:none;display:block}.goal-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.goal-card-top{justify-content:space-between;margin-bottom:18px}.goal-card-icon{color:var(--blue);background:#e8f0ff;border-radius:8px;width:40px;height:40px}.goal-card p{color:var(--text-muted);min-height:42px;font-size:.93rem;line-height:1.45}.goal-card-meta{color:var(--text-muted);gap:14px;margin:18px 0 12px}.goal-card-meta span{align-items:center;gap:6px;display:inline-flex}.card-progress,.progress-track{background:var(--surface-muted);border-radius:999px;overflow:hidden}.card-progress{height:7px}.card-progress div,.progress-fill{background:var(--green);height:100%}.empty-overview{border:1px dashed var(--line-strong);color:var(--text-muted);border-radius:8px;place-items:center;min-height:320px;padding:32px;display:grid}.empty-overview h3{color:var(--text);margin:14px 0 0}.auth-panel{gap:18px;width:100%;max-width:420px;margin:0 auto;display:grid}.auth-panel h1{color:var(--text);font-size:clamp(2rem,7vw,3.4rem);line-height:1}.auth-form{gap:14px;display:grid}.auth-form label{color:var(--text-muted);gap:7px;font-size:.88rem;display:grid}.auth-form input{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;min-height:46px;padding:0 14px}.auth-error{color:#b42318;font-size:.9rem}.auth-hint{color:var(--text-muted);font-size:.82rem}.detail-shell{grid-template:"toolbar""builder"minmax(0,1fr)/1fr;display:grid}.detail-toolbar{background:var(--nav-bg);border-bottom:1px solid var(--line);z-index:20;grid-area:toolbar;justify-content:space-between;gap:18px;padding:16px 24px;position:sticky;top:0}.toolbar-title{color:var(--text);flex:1;gap:9px;min-width:0;font-weight:800}.toolbar-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toolbar-progress{color:var(--text-muted);gap:10px;font-size:.87rem;font-weight:800}.progress-track{width:110px;height:8px}.builder-stage{grid-area:builder;padding:28px 24px 36px;overflow:auto}.next-block-panel{gap:12px;margin:22px 0 0;display:grid}.next-block-button{border:1px dashed var(--line-strong);color:var(--text);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 15px;font-weight:800;display:inline-flex}.next-block-button:hover,.next-block-preview-card:hover{background:var(--soft-surface);border-color:var(--text-muted)}.next-block-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.next-block-preview-label{color:var(--text);margin:0;font-size:.84rem;font-weight:800}.next-block-preview-card{background:var(--surface);border:1px solid var(--line);color:var(--text);text-align:left;border-radius:8px;align-items:flex-start;gap:10px;width:100%;min-height:82px;padding:12px;display:flex}.next-block-preview-card span:last-child{min-width:0}.next-block-preview-card strong{margin-bottom:5px;font-size:.88rem;line-height:1.2;display:block}.next-block-preview-card small,.next-block-hint{color:var(--text-muted);font-size:.78rem;line-height:1.35}.next-block-preview-card small{display:block}.next-block-preview-card .next-block-preview-action{color:var(--blue);align-items:center;gap:5px;margin-top:8px;font-weight:850;line-height:1;display:inline-flex}.next-block-preview-card .next-block-preview-action svg{display:block}.next-block-hint{border:1px dashed var(--line-strong);text-align:center;border-radius:8px;margin:0;padding:14px}.path-board{width:min(100%,760px);max-width:760px;margin:0 auto}.goal-node,.start-node,.task-node{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;gap:14px;padding:16px}.goal-node{border-color:#2563eb59}.goal-node-label{color:var(--blue);text-transform:uppercase;flex-direction:column;flex:none;align-items:center;gap:6px;font-size:.78rem;font-weight:850;display:inline-flex}.start-node{border-color:#16845b59}.node-icon{border-radius:8px;width:44px;height:44px}.goal-icon{color:var(--blue);background:#e8f0ff}.start-icon{color:var(--green);background:#e8f7ef}.node-fields{flex:1;min-width:0}.node-title-input,.block-title-input,.node-textarea{border-color:#0000;padding-left:0;padding-right:0}.node-title-input,.block-title-input{padding-top:0;padding-bottom:5px;font-size:1.08rem;font-weight:800}.node-textarea{color:var(--text-muted);padding-top:2px;padding-bottom:0}.connector{background:var(--line-strong);width:2px;height:22px;margin:0 auto}.block-chain{display:grid}.block-chain:empty+.start-node{margin-top:22px}.task-node{position:relative}.task-node .node-fields{padding-left:28px}.task-node:before,.palette-card:before{background:var(--blue);content:"";border-radius:999px;width:4px;position:absolute;inset:12px auto 12px 0}.task-node[data-done=true]{background:var(--done-bg);border-color:var(--done-line)}.task-node[data-done=true] .block-title-input,.task-node[data-done=true] .node-textarea{cursor:default;pointer-events:none;background:0 0;border-color:#0000}.task-node[data-done=true] .block-title-input:focus,.task-node[data-done=true] .node-textarea:focus{box-shadow:none}.status-button{color:#fff;background:#0f8f62;border:1px solid #0f8f62;flex:none;gap:7px;min-width:116px;min-height:38px;padding:0 12px;font-size:.86rem;font-weight:800}.task-node[data-done=false] .status-button{background:var(--surface-strong);border-color:var(--surface-strong);color:#fff}.status-button:hover{background:#0b7f57;border-color:#0b7f57}.task-node[data-done=false] .status-button:hover{background:var(--surface-strong-hover);border-color:var(--surface-strong-hover)}.node-actions{flex:none;align-items:center;gap:4px;display:flex}.palette-tray{background:var(--soft-surface);z-index:50;width:100vw;max-width:none;height:100vh;padding:28px;transition:transform .2s;position:fixed;inset:0;overflow:auto;transform:translate(100%)}.palette-tray[data-open=true]{transform:translate(0)}.palette-backdrop{opacity:0;pointer-events:none;z-index:45;background:#17203352;transition:opacity .18s;display:block;position:fixed;inset:0}.palette-backdrop[data-open=true]{opacity:1;pointer-events:auto}.palette-close{display:inline-flex}.palette-heading{justify-content:space-between;max-width:760px;margin:0 auto 18px}.palette-heading h2{font-size:1.18rem}.palette-row{grid-template-columns:1fr;gap:12px;max-width:760px;margin:12px auto 0;display:grid}.palette-empty,.palette-draft-card{background:var(--surface);border:1px dashed var(--line-strong);border-radius:8px;gap:14px;max-width:760px;margin:0 auto;padding:18px;display:grid}.palette-draft-card{border-style:solid}.palette-draft-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.palette-empty p{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.45}.palette-empty h3{margin-bottom:0}.palette-empty svg{color:var(--text)}.primary-button svg{color:#fff}.palette-card{background:var(--surface);border:1px solid var(--line);color:var(--text);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:11px;min-height:84px;padding:14px 13px 14px 17px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.palette-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.palette-card-content{flex:1;align-items:flex-start;gap:11px;min-width:0;display:flex}.palette-edit-fields{flex:1;gap:5px;min-width:0;display:grid}.palette-edit-fields input,.palette-edit-fields textarea{border-color:#0000;padding:0}.palette-edit-fields input{min-height:26px;font-size:.95rem;font-weight:800}.palette-edit-fields textarea{color:var(--text-muted);min-height:40px;font-size:.82rem}.palette-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.palette-add-button{flex:none;min-width:136px}.palette-icon{background:var(--surface-muted);color:var(--blue);border-radius:8px;width:34px;height:34px;margin-top:2px}.palette-card strong{margin-bottom:5px;font-size:.92rem;line-height:1.15;display:block}.palette-card small{color:var(--text-muted);font-size:.78rem;line-height:1.3;display:block}.palette-delete-confirmation{background:var(--danger-surface);border:1px solid var(--danger-line);color:var(--danger-text);border-radius:8px;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;padding:10px;display:flex}.palette-delete-confirmation span{margin-right:auto;font-size:.86rem;font-weight:750}@media (max-width:980px){.overview-layout{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0}.palette-row,.next-block-preview-grid{grid-template-columns:1fr}}@media (max-width:720px){.app-navigation{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.navigation-menu-toggle{display:inline-flex}.navigation-links{grid-column:1/-1;justify-content:stretch;align-items:stretch;gap:8px;display:none}.navigation-links[data-open=true]{display:grid}.navigation-link{background:var(--surface);border:1px solid var(--line);justify-content:flex-start;min-height:44px;padding:0 12px}.overview-content,.sidebar,.builder-stage,.palette-tray{padding-left:16px;padding-right:16px}.overview-header,.detail-toolbar{flex-direction:column;align-items:stretch}.toolbar-progress{justify-content:space-between;width:100%}.progress-track{flex:1;width:auto}.goal-node,.start-node,.task-node{align-items:flex-start}.palette-card{grid-template-columns:1fr}.palette-card-actions,.palette-delete-confirmation{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.palette-add-button,.palette-delete-confirmation span{grid-column:1/-1}.palette-row{grid-template-columns:1fr}.node-actions{flex-direction:column}}