:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: clamp(28px, 3vw, 42px);--control-h: 44px;--control-h-sm: 38px;--control-radius: 14px;--bg: #f5efe7;--bg-soft: #fcf8f3;--card: rgba(255, 255, 255, .82);--card-strong: rgba(255, 255, 255, .96);--line: rgba(99, 76, 57, .12);--line-strong: rgba(99, 76, 57, .18);--text: #2f2a25;--text-soft: #6f645d;--shadow: 0 18px 55px rgba(96, 67, 42, .08);--shadow-soft: 0 10px 30px rgba(96, 67, 42, .06);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--accent: #d4537e;--green: #1d9e75;--blue: #378add;--purple: #534ab7;--gold: #f1a34a;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.55;font-size:var(--text-base)}*{box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left,rgba(212,83,126,.16),transparent 28%),radial-gradient(circle at top right,rgba(55,138,221,.14),transparent 26%),linear-gradient(180deg,#fffaf6,#f7efe7)}button,input,textarea{font:inherit}button{cursor:pointer;line-height:1}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{width:min(1360px,calc(100vw - 32px));margin:0 auto;padding:var(--space-6) 0 var(--space-8)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand__mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#322c28,#6b5f56);box-shadow:var(--shadow-soft);padding:10px}.brand__mark-icon{width:100%;height:100%;display:block}.brand p,.brand span,.hero span,.hero strong,.stat-card__label,.stat-card__note,.muted,.eyebrow,.section-title,.field-label,.info-tile__label,.info-tile__value,.info-tile__note,.action-item span,.action-item p,.check-row span,.check-row strong,.travel-card span,.travel-card small,.hero__meta span{margin:0}.brand p{font-size:var(--text-xl);font-weight:700;line-height:1.2}.brand span{display:block;color:var(--text-soft);font-size:var(--text-sm);margin-top:var(--space-1)}.toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.toolbar__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.mode-switch{display:inline-flex;background:#ffffffbf;border:1px solid var(--line);border-radius:999px;padding:var(--space-1);box-shadow:var(--shadow-soft)}.mode-switch button,.ghost-button,.secondary-button,.primary-button{border:1px solid transparent;border-radius:var(--control-radius);background:transparent;color:var(--text);min-height:var(--control-h);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.mode-switch button{padding:var(--space-2) var(--space-3);color:var(--text-soft);min-height:var(--control-h-sm)}.mode-switch button.is-active{background:#fff;color:var(--text);box-shadow:0 8px 20px #49362714}.ghost-button,.secondary-button,.primary-button{padding:var(--space-3) var(--space-4);border-color:var(--line);background:#ffffffb8;box-shadow:var(--shadow-soft);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1)}.ghost-button:hover,.secondary-button:hover,.primary-button:hover,.mode-switch button:hover{transform:translateY(-1px)}.ghost-button--danger{color:#a13b5b}.ghost-button--active{border-color:#534ab747;background:#534ab714}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card{padding:var(--space-5)}.sidebar__heading h2,.overview-hero h1{font-size:var(--text-3xl);line-height:1.08}.info-tile{display:grid;gap:var(--space-1);align-content:space-between;min-height:92px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffbd;box-shadow:var(--shadow-soft)}.info-tile--compact{min-height:84px;padding:var(--space-3) var(--space-4)}.info-tile__label{color:var(--text-soft);font-size:var(--text-xs);line-height:1.2}.info-tile__value{font-size:var(--text-md);line-height:1.2}.info-tile__note{color:var(--text-soft);font-size:var(--text-xs);line-height:1.4}.info-tile--summary,.info-tile--savings{background:#ffffffb8}.info-tile--start{background:#378add14;border-color:#378add29}.info-tile--current{background:#d4537e14;border-color:#d4537e29}.info-tile--goal{background:#1d9e7514;border-color:#1d9e7529}.section-bar{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-1);margin-bottom:var(--space-4);scrollbar-width:thin}.section-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-width:fit-content;padding:12px var(--space-4);border-radius:999px;border:1px solid var(--line);background:#ffffffb8;box-shadow:var(--shadow-soft);color:var(--text-soft)}.app-shell--preview .section-pill{box-shadow:none;background:#ffffff9e}.section-pill.is-active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,white);background:color-mix(in srgb,var(--accent) 9%,white)}.section-pill__icon{font-size:var(--text-lg)}.section-pill__label{font-size:var(--text-sm);font-weight:600}.section-pill__progress{font-size:var(--text-xs);color:var(--text-soft)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-4);align-items:start}.app-shell--preview .workspace{grid-template-columns:minmax(0,1fr) 304px;gap:var(--space-5)}.workspace--edit{grid-template-columns:304px minmax(0,1fr);gap:var(--space-5)}.canvas,.sidebar{min-width:0}.editor-nav{min-width:0;display:grid;gap:var(--space-4);position:sticky;top:var(--space-4);align-self:start}.editor-workspace{min-width:0;display:grid;gap:var(--space-5)}.editor-preview-shell,.editor-inspector--embedded{border-radius:var(--radius-xl);border:1px solid var(--line);background:#ffffffc7;box-shadow:var(--shadow-soft);padding:var(--space-5)}.editor-preview-shell{display:grid;gap:var(--space-4)}.editor-preview-frame{min-width:0;background:#ffffffc7;border:1px solid rgba(99,76,57,.08);border-radius:var(--radius-lg);padding:var(--space-5)}.editor-preview-shell .sidebar__heading,.editor-inspector--embedded .sidebar__heading{padding:0}.editor-preview-shell .sidebar__heading{margin-bottom:calc(var(--space-1) * -1)}.editor-inspector--embedded{position:static}.panel-stack{display:grid;gap:var(--space-4)}.sidebar{position:sticky;top:var(--space-4);display:grid;gap:var(--space-4)}.sidebar--preview{gap:var(--space-3)}.sidebar__heading{padding:var(--space-1) var(--space-1) 0}.sidebar__heading h2{font-size:var(--text-2xl);margin-top:var(--space-1)}.editor-mode-hint{display:grid;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(83,74,183,.16);background:#534ab70f}.editor-mode-hint span{color:var(--text-soft);font-size:var(--text-xs)}.editor-mode-hint strong{font-size:var(--text-md)}.overview-hero{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-6)}.overview-hero__badge{min-width:170px;border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(135deg,#d4537e1f,#378add14);border:1px solid var(--line);align-self:center}.overview-hero__badge span{display:block;color:var(--text-soft);font-size:var(--text-xs);margin-bottom:var(--space-2)}.overview-hero__badge strong{font-size:var(--text-xl);line-height:1.2}.editor-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.editor-overview-item{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffb8;padding:var(--space-4)}.editor-overview-item span{display:block;font-size:var(--text-xs);color:var(--text-soft);margin-bottom:var(--space-1)}.editor-overview-item strong{font-size:var(--text-xl);line-height:1.2}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.stat-card{padding:var(--space-5)}.stat-card__label{color:var(--text-soft);font-size:var(--text-xs)}.stat-card__value{margin-top:var(--space-2);font-size:30px;font-weight:800;line-height:1.1}.stat-card__note{color:var(--text-soft);font-size:var(--text-xs);margin-top:var(--space-2)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.content-card,.feature-card,.editor-stack>.card,.sidebar>.card{padding:var(--space-5)}.section-title{font-size:var(--text-md);font-weight:700;line-height:1.25}.card-head,.feature-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.progress-list,.action-list,.check-list,.sortable-list,.editor-stack,.editor-module-list,.nested-editor{display:grid;gap:var(--space-3)}.progress-row__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);gap:var(--space-4)}.progress-block{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.progress-block--compact{gap:var(--space-1)}.progress-block__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.progress-block__label{color:var(--text-soft);font-size:var(--text-xs);font-weight:600}.progress-block__value{font-size:var(--text-xs);color:var(--text-soft);font-weight:700}.progress{width:100%;height:10px;border-radius:999px;background:#69574c14;overflow:hidden;box-shadow:inset 0 1px 2px #3d29190f}.progress__fill{height:100%;border-radius:inherit;transition:width .24s ease;box-shadow:0 0 0 1px #ffffff4d inset}.action-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffffbd;border:1px solid var(--line);min-height:76px}.action-item__dot{width:10px;height:10px;border-radius:999px;margin-top:var(--space-1);flex:0 0 auto}.action-item p{font-weight:700;font-size:var(--text-base);line-height:1.2}.action-item span{display:block;color:var(--text-soft);font-size:var(--text-xs);margin-top:var(--space-1)}.feature-card__foot{display:flex;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);color:var(--text-soft);font-size:var(--text-xs)}.two-column,.growth-color-grid,.travel-editor-grid,.form-grid{display:grid;gap:var(--space-3)}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.sub-card{background:#ffffffb3;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4)}.person-head{display:flex;align-items:center;gap:var(--space-3)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#69574c14;font-weight:700}.field-label{display:block;color:var(--text-soft);font-size:var(--text-xs);margin-bottom:var(--space-1)}.field-input,.field-textarea,.field-color{width:100%;border:1px solid var(--line);border-radius:var(--control-radius);background:#ffffffd1;color:var(--text);padding:var(--space-3) var(--space-4);outline:none;transition:border-color .18s ease,box-shadow .18s ease;font-size:var(--text-base);min-height:var(--control-h)}.field-textarea{resize:vertical;min-height:104px;line-height:1.55}.field-input:focus,.field-textarea:focus,.field-color:focus{border-color:color-mix(in srgb,var(--accent) 40%,white);box-shadow:0 0 0 4px #d4537e14}.field-color{padding:var(--space-1);min-height:var(--control-h)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.form-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.form-span-2{grid-column:span 2}.sortable-list{margin-top:var(--space-4)}.sortable-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffb8;min-height:76px}.sortable-row.is-dragging{opacity:.65}.sortable-row__handle{width:26px;min-height:26px;display:grid;place-items:center;color:var(--text-soft);-webkit-user-select:none;user-select:none}.sortable-row__content{min-width:0}.list-form-row,.list-row-actions{display:grid;gap:var(--space-2)}.inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.toggle-row{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text);font-size:var(--text-sm)}.toggle-row input{width:16px;height:16px}.module-row{display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffb8;padding:var(--space-3) var(--space-4);min-height:72px}.module-row.is-active{border-color:color-mix(in srgb,var(--accent) 35%,white);background:color-mix(in srgb,var(--accent) 8%,white)}.module-row--locked{opacity:.88}.module-row__meta{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.module-row__meta strong{font-size:var(--text-base)}.module-row__meta span{color:var(--text-soft);font-size:var(--text-xs)}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:700;min-height:30px}.status-chip--soft{background:#534ab714;color:#463f9b}.status-chip--synced{background:#1d9e7514;color:#0f6e56}.status-chip--loading{background:#534ab714;color:#463f9b}.status-chip--saving{background:#378add14;color:#245e9a}.status-chip--offline{background:#f1a34a1a;color:#9a5f12}.status-chip--conflict{background:#d4537e1f;color:#8f2d52}.check-list{margin-top:var(--space-1)}.check-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--line);min-height:46px}.check-row:last-child{border-bottom:none}.check-row input{width:16px;height:16px}.check-row span.is-done{color:var(--text-soft);text-decoration:line-through}.card-number{font-size:28px;font-weight:800;margin:var(--space-3) 0 var(--space-2);line-height:1.08}.travel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.travel-card{display:grid;gap:var(--space-2);text-align:left;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffbd;box-shadow:var(--shadow-soft);min-height:122px}.travel-card.is-done{background:#e1f5eee6;border-color:#1d9e7533}.travel-card__emoji{font-size:26px}.travel-card strong{font-size:var(--text-base);line-height:1.2}.travel-card span,.travel-card small{color:var(--text-soft);font-size:var(--text-xs)}.empty-inline{padding:var(--space-4);border-radius:var(--radius-md);border:1px dashed var(--line-strong);color:var(--text-soft);text-align:center;background:#ffffff80}.secondary-button--full{width:100%}.primary-button{width:100%;background:linear-gradient(135deg,#d4537e,#f19a95);color:#fff;border-color:transparent}.nested-editor{padding-top:var(--space-2);border-top:1px solid var(--line)}.growth-category-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.preview-rail{display:grid;gap:var(--space-4);padding:var(--space-6);background:#ffffffe6}.preview-rail__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.preview-summary-grid,.metric-strip{display:grid;gap:var(--space-3)}.preview-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.sidebar--preview .preview-summary-grid{grid-template-columns:1fr}.preview-summary-grid .info-tile{height:100%}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-strip--two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip--three{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-rail__divider{height:1px;background:var(--line)}.app-shell--preview .action-list{gap:var(--space-2)}.app-shell--preview .card{background:#ffffffe6;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#634c3914}.app-shell--preview .content-card,.app-shell--preview .feature-card,.app-shell--preview .stat-card,.app-shell--preview .overview-hero,.app-shell--preview .preview-rail{background:#ffffffe6;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell--preview .info-tile,.app-shell--preview .action-item,.app-shell--preview .travel-card{background:#ffffffe0;box-shadow:none}.app-shell--preview .info-tile--summary,.app-shell--preview .info-tile--savings,.app-shell--preview .info-tile--start,.app-shell--preview .info-tile--current,.app-shell--preview .info-tile--goal{background:#ffffffe6}.app-shell--preview .action-item{padding:var(--space-3) var(--space-4);min-height:68px;box-shadow:none}.app-shell--preview .action-item__dot{margin-top:5px}.app-shell--preview .toolbar>button{display:none}.app-shell--preview .toolbar__actions{display:none}.app-shell--preview .hero{padding:var(--space-6)}.app-shell--preview .canvas>.panel-stack,.app-shell--preview .canvas>.card,.app-shell--preview .canvas>.feature-card{box-shadow:none}.app-shell--preview .content-grid{grid-template-columns:1.15fr .85fr}.app-shell--preview .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell--preview .progress-row{padding:var(--space-2) 0}.app-shell--preview .progress-row__head{margin-bottom:var(--space-1)}.toast{position:fixed;right:var(--space-4);bottom:var(--space-4);display:grid;gap:var(--space-1);min-width:280px;max-width:min(92vw,340px);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);background:#fffffff0;box-shadow:var(--shadow)}.toast strong{font-size:var(--text-base)}.toast span{color:var(--text-soft);font-size:var(--text-sm);line-height:1.5}.toast--success{border-color:#1d9e753d}.toast--error{border-color:#d4537e3d}.demo-page{width:min(1480px,calc(100vw - 32px));margin:0 auto;padding:var(--space-6) 0 var(--space-8)}.demo-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.demo-page__header h1{margin-top:var(--space-1);font-size:var(--text-3xl);line-height:1.08}.demo-page__stats{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:var(--space-3);min-width:min(100%,420px)}.demo-shell{display:grid;grid-template-columns:304px minmax(0,1fr);gap:var(--space-5);align-items:start}.demo-tree{position:sticky;top:var(--space-4);display:grid;gap:var(--space-4);min-width:0}.demo-main{min-width:0;display:grid;gap:var(--space-4)}.demo-shell--stacked .demo-main{grid-template-rows:auto auto}.demo-shell--tabs .demo-main{grid-template-rows:auto minmax(0,1fr)}.demo-shell--drawer .demo-main{min-height:760px}.demo-panel{display:grid;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--line);background:#ffffffd1;box-shadow:var(--shadow-soft)}.demo-panel--single{min-height:100%}.demo-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.demo-panel__body{min-width:0;border-radius:var(--radius-lg);border:1px solid rgba(99,76,57,.08);background:#ffffffb8;padding:var(--space-4)}.demo-tabs{display:inline-flex;gap:var(--space-1);padding:var(--space-1);border-radius:999px;border:1px solid var(--line);background:#ffffffc7;width:fit-content}.demo-tabs button{border:none;min-height:38px;padding:10px 16px;border-radius:999px;color:var(--text-soft);background:transparent}.demo-tabs button.is-active{color:var(--text);background:#fff;box-shadow:0 10px 24px #27191114}.demo-drawer{position:absolute;top:var(--space-4);right:var(--space-4);bottom:var(--space-4);width:min(44%,420px);display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(83,74,183,.16);background:#fffffff5;box-shadow:-24px 0 48px #402a1f1f}.demo-shell--drawer{position:relative;min-height:760px}.demo-shell .editor-mode-hint{background:#534ab70d}@media (max-width: 1120px){.workspace,.app-shell--preview .workspace,.workspace--edit{grid-template-columns:1fr}.sidebar,.editor-nav{position:static}.editor-workspace{gap:var(--space-4)}.app-shell--preview .content-grid{grid-template-columns:1fr}.app-shell--preview .preview-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-shell{grid-template-columns:1fr}.demo-tree{position:static}.demo-page__header{align-items:flex-start;flex-direction:column}.demo-page__stats{width:100%;min-width:0}}@media (max-width: 900px){.stats-grid,.content-grid,.two-column,.metric-strip,.metric-strip--three,.form-grid,.form-grid--compact,.metric-strip--two,.editor-overview-grid{grid-template-columns:1fr}.form-span-2{grid-column:auto}.hero,.overview-hero{flex-direction:column}.topbar{flex-direction:column;align-items:stretch}.toolbar{justify-content:flex-start}.app-shell--preview .preview-summary-grid,.app-shell--preview .content-grid,.app-shell--preview .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell--preview .preview-rail{padding:var(--space-4)}.app-shell--preview .preview-rail__top{align-items:flex-start;flex-direction:column}.demo-page{width:min(100vw - 18px,1480px);padding-top:12px}.demo-page__stats{grid-template-columns:1fr}.demo-panel{padding:var(--space-4)}.demo-drawer{position:static;width:100%;min-height:0}}@media (max-width: 640px){.app-shell{width:min(100vw - 18px,1360px);padding-top:12px}.hero,.overview-hero,.content-card,.feature-card,.editor-stack>.card,.sidebar>.card,.editor-nav>.card,.editor-inspector>.card,.editor-preview-shell,.editor-inspector--embedded{padding:16px}.section-pill{padding:10px 14px}.app-shell--preview .preview-summary-grid,.app-shell--preview .stats-grid,.app-shell--preview .content-grid{grid-template-columns:1fr}.app-shell--preview .sidebar--preview{gap:var(--space-2)}.app-shell--preview .preview-rail{padding:var(--space-4);border-radius:var(--radius-lg)}.app-shell--preview .action-item{min-height:62px}.progress{height:8px}.preview-rail{padding:var(--space-4)}.toast{right:10px;left:10px;bottom:10px;min-width:0}}