:root{--bg:#f8f9fa;--panel:#f1f3f5;--panel-hover:#e9ecef;--card:#fff;--text:#1a1a2e;--text-secondary:#495057;--text-muted:#868e96;--text-placeholder:#adb5bd;--border:#dee2e6;--border-light:#e9ecef;--border-focus:#2563eb;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#dbeafe;--success:#16a34a;--success-light:#dcfce7;--danger:#dc2626;--danger-light:#fee2e2;--warning:#f59e0b;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f, 0 1px 3px #00000008;--shadow-lg:0 12px 32px #00000014;--shadow-drawer:0 24px 60px #00000024;--sans:Inter, ui-sans-serif, system-ui, -apple-system, "Microsoft YaHei", sans-serif;--mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--ease:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-normal:.2s;color:var(--text);background:var(--bg);font-family:var(--sans)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100vh;margin:0;overflow-x:hidden}input,textarea,select,button{font-family:inherit}textarea{scrollbar-width:thin}.app-shell{background:var(--bg);grid-template-columns:260px minmax(0,1fr) 300px;min-height:100vh;display:grid}.sidebar,.history{background:var(--panel);height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar{border-right:1px solid var(--border-light)}.history{border-left:1px solid var(--border-light)}.sidebar-content,.history-content{padding:18px 14px}.brand{align-items:center;gap:10px;margin-bottom:20px;padding:0 4px;display:flex}.brand-mark{border-radius:var(--radius-sm);color:#fff;background:var(--accent);place-items:center;width:32px;height:32px;font-size:15px;font-weight:650;display:grid}.brand strong{color:var(--text);font-size:14px;display:block}.brand span,.history-head p,.section-heading p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4;display:block}.new-project,.sidebar nav button,.history-head button,.section-heading button,.mini-heading button,.doc-footer button,.header-actions button,.mobile-topbar button,.preview-actions button,.preview-head button,.drawer-close,.history-export button{border:1px solid var(--border);background:var(--card);color:var(--text-secondary);border-radius:var(--radius-sm);font:500 13px/1 var(--sans);cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);padding:8px 12px}button:hover{background:var(--panel-hover);border-color:var(--border)}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{box-shadow:var(--shadow-sm);background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;font-weight:550!important}.primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.primary:active{transform:scale(.98);box-shadow:none!important}.ghost{background:0 0!important;border-color:#0000!important}.ghost:hover{background:var(--panel)!important}.danger{color:var(--danger)!important}.danger:hover{background:var(--danger-light)!important;border-color:var(--danger)!important}.new-project{width:100%;color:var(--accent);border-color:var(--accent-light);background:#2563eb0a;margin-bottom:16px;font-weight:550}.new-project:hover{background:var(--accent-light)!important}.sidebar nav{gap:4px;display:grid}.sidebar nav button{text-align:left;border-radius:var(--radius-sm);background:0 0;border-color:#0000;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;display:flex}.sidebar nav button:hover{background:var(--panel-hover)}.sidebar nav button.active{background:var(--accent-light);border-color:var(--accent-light);color:var(--accent);font-weight:550}.sidebar nav span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar nav small{color:var(--text-muted);flex:none;font-size:11px}.sidebar-status:before{content:"";vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.sidebar-active:before{background:var(--success)}.sidebar-paused:before{background:var(--warning)}.sidebar-done:before{background:var(--text-muted)}.document{width:min(880px,100vw - 560px);margin:0 auto;padding:28px 38px 48px;overflow-x:hidden}.mobile-topbar{display:none}.doc-header{border-bottom:1px solid var(--border-light);grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:22px;padding-bottom:18px;display:grid}.title-input,.description-input,.goal-title-group input,.text-block textarea,.extension-row textarea,.inspiration-row textarea,.header-actions input,select{border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);background:0 0;border:1px solid #0000}.title-input{letter-spacing:-.015em;padding:4px 0;font-size:32px;font-weight:700;line-height:1.2}.description-input{resize:vertical;min-height:72px;color:var(--text-secondary);padding:4px 0;font-size:14px;line-height:1.65}.title-input:hover,.description-input:hover,.goal-title-group input:hover,.text-block textarea:hover,.extension-row textarea:hover,.inspiration-row textarea:hover{background:var(--card);border-color:var(--border-light)}.title-input:focus,.description-input:focus,.goal-title-group input:focus,.text-block textarea:focus,.extension-row textarea:focus,.inspiration-row textarea:focus{background:var(--card);border-color:var(--accent);box-shadow:0 0 0 3px #2563eb14}.header-actions{gap:10px;display:grid}.header-actions label{color:var(--text-muted);font-size:11px;font-weight:550}.header-actions input{background:var(--card);border-color:var(--border);margin-top:5px;padding:9px 10px;font-size:13px}.meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0 22px;font-size:12px;display:flex}.meta-row select,.extension-row select,.inspiration-row select{background:var(--card);border-color:var(--border);width:auto;min-width:100px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;padding:7px 10px;font-size:12px}.meta-row select:hover{border-color:var(--text-placeholder)}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin:8px 0 14px;display:flex}.section-heading h2{color:var(--text);margin:2px 0 0;font-size:18px;font-weight:600;line-height:1.3}.section-heading.compact{margin-top:0}.goal-list{gap:12px;display:grid}.goal-card{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--card);min-width:0;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease), border-color var(--duration-normal) var(--ease);padding:16px 18px}.goal-card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.inspiration-panel{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-sm);gap:10px;margin-top:18px;padding:14px 18px 18px;display:grid}.inspiration-panel:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.goal-top{grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.check{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:#0000;cursor:pointer;width:22px;height:22px;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);place-items:center;margin-top:20px;padding:0;font-size:12px;font-weight:700;display:grid}.check:hover{border-color:var(--accent);background:var(--accent-light)}.check.done{background:var(--success);border-color:var(--success);color:#fff}.check.done:hover{background:#15803d;border-color:#15803d}.goal-title-group span{color:var(--text-muted);font-size:11px;font-weight:600}.goal-title-group input{color:var(--text);border-radius:var(--radius-sm);margin-top:2px;padding:4px 6px;font-size:16px;font-weight:600;display:block}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.text-block{min-width:0}.text-block span{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.text-block textarea{resize:vertical;border:1px solid var(--border-light);min-height:80px;color:var(--text-secondary);border-radius:var(--radius-sm);background:#fafbfc;padding:8px 10px;font-size:13px;line-height:1.5;display:block}.text-block textarea:focus{background:var(--card);border-color:var(--accent);box-shadow:0 0 0 3px #2563eb14}.extensions{gap:6px;margin-top:12px;display:grid}.mini-heading{justify-content:space-between;align-items:center;display:flex}.mini-heading span{color:var(--text-muted);font-size:11px;font-weight:600}.mini-heading button{padding:5px 8px;font-size:12px}.extension-row,.inspiration-row{grid-template-columns:minmax(0,1fr) 110px;align-items:start;gap:8px;display:grid}.extension-row textarea,.inspiration-row textarea{resize:vertical;border:1px solid var(--border-light);min-height:42px;color:var(--text-secondary);border-radius:var(--radius-sm);background:#fafbfc;padding:8px 10px;font-size:13px;line-height:1.45}.extension-row textarea:focus,.inspiration-row textarea:focus{background:var(--card);border-color:var(--accent);box-shadow:0 0 0 3px #2563eb14}.doc-footer{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;display:flex}.history-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.history-head p{font-size:11px}.history-head strong{color:var(--text);margin-top:1px;font-size:14px;line-height:1.3;display:block}.history-head button{flex-shrink:0;padding:7px 10px;font-size:12px}.snapshot-card{border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#f8fbff;margin-bottom:12px;padding:12px 14px}.snapshot-card span{color:var(--accent);font-size:11px;font-weight:600}.snapshot-card p{color:var(--text-muted);margin:4px 0 0;font-size:12px;line-height:1.5}.version-list{gap:6px;display:grid}.history-export{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.history-export button{text-align:center;padding:7px 8px;font-size:11px}.version-row{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--card);text-align:left;cursor:pointer;width:100%;transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);gap:3px;padding:10px 12px;display:grid}.version-row:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.version-row span{color:var(--text);font-size:12px;font-weight:550}.version-row strong{color:var(--text-muted);font-size:11px}.version-row small{color:var(--text-placeholder);font-size:11px}.version-row-wrapper{align-items:stretch;gap:6px;display:flex}.version-row-wrapper .version-row{flex:1}.version-delete{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--card);width:32px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease);flex-shrink:0;place-items:center;font-size:12px;display:grid;padding:0!important}.version-delete:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.empty{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);text-align:center;background:#fafbfc;padding:12px 14px;font-size:12px;line-height:1.6}.preview-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .15s var(--ease);background:#0000001f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);width:min(720px,100%);max-height:84vh;box-shadow:var(--shadow-drawer);animation:slideUp .2s var(--ease);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.preview-head,.preview-actions{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.preview-head h2{margin:0;font-size:20px;font-weight:600}.preview-body{padding:16px 20px;overflow-y:auto}.preview-body h3{margin:16px 0 8px;font-size:14px;font-weight:600}.preview-body p{color:var(--text-secondary);font-size:13px;line-height:1.6}.preview-goal{border-top:1px solid var(--border-light);gap:4px;padding:10px 0;display:grid}.preview-actions{border-top:1px solid var(--border-light);padding:14px 20px}.preview-actions button{padding:9px 16px;font-size:13px}.mobile-drawer{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .15s var(--ease);background:#00000014;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.drawer-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);width:min(400px,100%);max-height:84vh;box-shadow:var(--shadow-drawer);animation:slideUp .2s var(--ease);overflow-y:auto}.drawer-close{margin:12px 12px 0 auto;padding:6px 10px;font-size:12px;display:block}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar,.history{display:none}.document{width:100vw;max-width:100vw;padding:0 16px 36px}.mobile-topbar{z-index:20;border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f9faeb;justify-content:flex-start;align-items:center;gap:10px;width:100vw;margin:0 0 18px;padding:10px 14px;display:flex;position:sticky;top:0;transform:translate(-16px)}.mobile-topbar strong{pointer-events:none;white-space:nowrap;font-size:14px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.mobile-topbar button{min-width:60px;padding:7px 10px;font-size:12px}}@media (width<=720px){.doc-header{grid-template-columns:1fr}.title-input{font-size:26px}.goal-card,.inspiration-panel,.field-grid,.text-block,.extension-row,.inspiration-row,.extension-row textarea,.inspiration-row textarea,.text-block textarea{min-width:0;max-width:100%}.field-grid,.extension-row,.inspiration-row{grid-template-columns:minmax(0,1fr)}.goal-top{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px}.check{margin-top:0}.section-heading,.preview-actions{flex-direction:column;align-items:stretch}.preview-actions button{width:100%}}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text-muted);padding:48px 24px}.empty-state.compact{padding:28px 20px}.empty-state .empty-icon{margin-bottom:14px;font-size:36px}.empty-state h3{color:var(--text);margin:0 0 6px;font-size:17px;font-weight:650}.empty-state p{color:var(--text-muted);margin:0;max-width:420px;margin-inline:auto;font-size:14px;line-height:1.6}.empty-state.compact p{max-width:none}.empty-workspace{margin-top:80px}.sidebar-empty{color:var(--text-muted);text-align:center;padding:16px 12px;font-size:13px;line-height:1.55}.confirm-backdrop{z-index:60;animation:fadeIn .15s var(--ease);background:#0f172a38;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-modal{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card);width:min(400px,100%);box-shadow:var(--shadow-drawer);animation:slideUp .2s var(--ease);padding:24px}.confirm-title{color:var(--text);margin:0 0 6px;font-size:16px;font-weight:680}.confirm-desc{color:var(--text-secondary);margin:0 0 18px;font-size:14px;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text-secondary);font:500 13px/1 var(--sans);cursor:pointer;padding:9px 18px}.confirm-actions button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.confirm-actions button.danger:hover{background:#b91c1c}.extensions-empty{color:var(--text-muted);border:1px dashed var(--border-light);border-radius:var(--radius-sm);background:#fbfdff;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.title-row{align-items:baseline;gap:14px;display:flex}.status-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.status-active{background:var(--success-light);color:#15803d}.status-paused{color:#92400e;background:#fef3c7}.status-done{color:var(--text-muted);background:#f3f4f6}.extension-actions{align-items:center;gap:6px;display:flex}.extension-actions select{flex:1}.icon-only{border-radius:var(--radius-sm);place-items:center;width:28px;min-width:28px;height:28px;font-size:13px;display:grid;padding:0!important}button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (width>=721px) and (width<=1024px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.history{display:none}.document{width:100%;max-width:100%;padding:24px 28px 40px}.mobile-topbar{z-index:20;border-bottom:1px solid var(--border-light);background:var(--bg);align-items:center;gap:10px;margin:0 0 14px;padding:8px 0;display:flex;position:sticky;top:0}.mobile-topbar strong{pointer-events:none;margin-left:auto;font-size:14px;font-weight:600}.mobile-topbar button{min-width:56px;padding:7px 10px;font-size:12px}}@media (width<=1024px){button,.check,.new-project,.version-row,.header-actions input,.meta-row select,.extension-row select,.inspiration-row select{min-height:44px}.check{min-width:44px;min-height:44px}input,textarea,select{font-size:16px}.header-actions input{padding:10px 12px}.version-row{padding:12px 14px}}