:root{--ink-1: #11243f;--ink-2: #36486a;--ink-3: #6f7a93;--ink-4: #9aa3ba;--ink-5: #d4d2cc;--bg: #eeeeea;--bg-soft: #f6f5f1;--bg-card: #e4e2dc;--bg-card-2: #d8d6ce;--line: #dcdad2;--line-strong: #c4c1b6;--accent: #0e7373;--accent-soft: #d3e8e8;--accent-ink: #0a4a4a;--blue: var(--accent);--blue-soft: var(--accent-soft);--blue-ink: var(--accent-ink);--stage-denial: #93897a;--stage-defense: #a83a32;--stage-minimization: #c98a2c;--stage-acceptance: #0e7373;--stage-adaptation: #2d6a4f;--stage-integration: #5b3a8a;--warn-bg: #f7e5c5;--warn-ink: #6a4612;--warn-line: #e1c98e;--danger-bg: #f7dad6;--danger-ink: #6e1c14;--success-ink: #1f6a44;--font-cn: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans CN", "Noto Sans SC", sans-serif;--font-en: "SF Pro Text", "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font: var(--font-en), var(--font-cn);--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, monospace;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 22px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-en),var(--font-cn);background:var(--bg);color:var(--ink-1);-webkit-font-smoothing:antialiased}button{font-family:inherit}a{cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.mock{width:100%;height:100%;background:var(--bg);color:var(--ink-1);font-family:var(--font);font-size:15px;line-height:1.6;letter-spacing:.005em;overflow:hidden;display:flex;flex-direction:column;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}.mock-scroll{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--ink-5) transparent}.mock-scroll::-webkit-scrollbar{width:8px}.mock-scroll::-webkit-scrollbar-thumb{background:var(--ink-5);border-radius:4px}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:var(--bg-soft);flex-shrink:0}.topbar .logo{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--ink-1)}.logo-mark{width:22px;height:22px;border-radius:6px;background:var(--ink-1);display:flex;align-items:center;justify-content:center;color:var(--bg);font-size:11px;font-weight:600;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.005em;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .05s;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px #0000000a,0 0 0 .5px #0e73732e}.btn-primary:hover{background:#0c5f5f}.btn-primary:disabled,.btn-primary[aria-disabled=true]{background:var(--ink-5);color:var(--bg);cursor:not-allowed}.btn-secondary{background:var(--bg);color:var(--ink-1);border-color:var(--line-strong)}.btn-secondary:hover{background:var(--bg-card)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--bg-card)}.btn-sm{height:32px;padding:0 14px;font-size:13px}.btn-lg{height:48px;padding:0 28px;font-size:15px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}.card-soft{background:var(--bg-card);border-radius:var(--r-lg);padding:24px}.card-quote{background:#fff;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:18px 24px}.progress{height:4px;width:100%;background:var(--bg-card);border-radius:2px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--ink-1);border-radius:2px;transition:width .4s ease}.progress-label{margin-top:10px;font-size:12px;color:var(--ink-3);letter-spacing:.02em;display:flex;justify-content:space-between}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:500}.muted{color:var(--ink-3)}.subtle{color:var(--ink-4)}h1.display{font-size:38px;line-height:1.15;letter-spacing:-.022em;font-weight:600;margin:0;color:var(--ink-1)}h2.title{font-size:24px;line-height:1.25;letter-spacing:-.012em;font-weight:600;margin:0}h3.subtitle{font-size:17px;line-height:1.35;font-weight:600;margin:0;letter-spacing:-.005em}.lead{font-size:16px;line-height:1.7;color:var(--ink-2)}.body{font-size:15px;line-height:1.75;color:var(--ink-2)}.kicker{font-size:12px;color:var(--ink-3);letter-spacing:.02em}.radio-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:background .12s,border-color .12s}.radio-row:hover{background:var(--bg-soft)}.radio-row[data-selected=true]{background:var(--accent-soft);border-color:var(--accent)}.radio-dot{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ink-4);background:#fff;display:flex;align-items:center;justify-content:center;transition:border-color .12s,background .12s}.radio-row[data-selected=true] .radio-dot{border-color:var(--blue)}.radio-row[data-selected=true] .radio-dot:after{content:"";width:8px;height:8px;background:var(--blue);border-radius:50%}.field-label{font-size:13px;color:var(--ink-2);font-weight:500;margin-bottom:8px}textarea.ta,input.in{width:100%;font-family:inherit;font-size:15px;line-height:1.7;color:var(--ink-1);background:#fff;border:1px solid var(--line-strong);border-radius:10px;padding:14px 16px;outline:none;transition:border-color .15s,box-shadow .15s;resize:none}textarea.ta:focus,input.in:focus{border-color:var(--ink-1);box-shadow:0 0 0 3px #11243f14}.check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:4px 0}.check-box{flex-shrink:0;width:18px;height:18px;border:1.5px solid var(--ink-4);border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:background .12s,border-color .12s}.check[data-checked=true] .check-box{background:var(--ink-1);border-color:var(--ink-1)}.check[data-checked=true] .check-box:after{content:"";width:9px;height:5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;background:var(--bg-card);color:var(--ink-2);letter-spacing:.005em}.chip-blue,.chip-accent{background:var(--accent-soft);color:var(--accent-ink)}.chip-warn{background:var(--warn-bg);color:var(--warn-ink)}.chip-outline{background:transparent;border:1px solid var(--line-strong)}.divider{height:1px;background:var(--line);margin:32px 0}.divider-soft{height:1px;background:var(--line);opacity:.6;margin:24px 0}.restore{background:var(--accent-soft);border-bottom:1px solid #b9dcdc;padding:14px 24px;display:flex;align-items:center;gap:16px;font-size:14px;color:var(--accent-ink)}.restore .wave{font-size:16px}.stagebar{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:28px 0 8px}.stagebar>div{height:8px;border-radius:4px;background:var(--bg-card-2);position:relative}.stagebar>div[data-active=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px}.stagebar-labels{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;font-size:10.5px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.ph-stripe{background:repeating-linear-gradient(135deg,#00000006 0,#00000006 8px,#0000000a 8px,#0000000a 16px),var(--bg-card);color:var(--ink-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;border-radius:8px}.save-toast{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}.save-toast .dot{width:6px;height:6px;border-radius:50%;background:var(--stage-adaptation)}.row{display:flex}.col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.flex-1{flex:1 1 0}.center{display:flex;align-items:center;justify-content:center}.between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.text-center{text-align:center}.w-full{width:100%}.reading{max-width:600px;margin:0 auto}@media (max-width: 640px){.mock-scroll>div{padding-left:20px!important;padding-right:20px!important}}@media print{@page{margin:18mm 16mm}html,body,#root{height:auto;overflow:visible;background:#fff}.mock{height:auto;overflow:visible;display:block;background:#fff}.mock-scroll{overflow:visible;height:auto}.no-print{display:none!important}.mock-scroll>div{padding:0!important;max-width:100%!important}section,.card-quote,.stagebar,.stagebar-labels{break-inside:avoid}h1,h2,h3{break-after:avoid}.btn{display:none!important}}