:root{--page-bg:#f7f3ed;--surface:#fff;--text:#23312d;--primary:#3f6b5a;--accent:#d89b66;--muted:#6d756f;--border:#ddd6cc;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--page-bg);font:16px/1.5 var(--font-sans);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--page-bg)}body{background:var(--page-bg);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100svh}.app-shell{background:linear-gradient(180deg, #d89b6629, #f7f3ed00 280px), var(--page-bg);min-height:100svh;padding:16px}.flow-frame{width:min(100%,680px);margin:0 auto}.flow-header{justify-content:space-between;align-items:flex-end;gap:16px;margin:8px 0 16px;display:flex}.flow-header h1,.welcome-screen h1{color:var(--text);margin:0;font-size:2.15rem;font-weight:700;line-height:1.04}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:800}.save-status,.script-meta,.task-count,.welcome-copy{color:var(--muted)}.save-status{white-space:nowrap;margin:0 0 4px;font-size:.9rem}.stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.step-dot{border:1px solid var(--border);min-width:0;color:var(--muted);text-align:center;background:#ffffff8f;border-radius:8px;padding:8px 6px;font-size:.76rem;font-weight:700}.step-dot span{background:var(--border);width:20px;height:20px;color:var(--text);border-radius:999px;place-items:center;margin-right:4px;font-size:.72rem;display:inline-grid}.step-dot.active{color:var(--text);background:#3f6b5a1a;border-color:#3f6b5a80}.step-dot.active span{background:var(--primary);color:#fff}.welcome-screen,.flow-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;box-shadow:0 18px 50px #23312d14}.welcome-screen{flex-direction:column;justify-content:center;min-height:calc(100svh - 32px);padding:28px;display:flex}.welcome-mark{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;width:54px;height:54px;margin-bottom:28px;position:relative}.welcome-mark span{border-top:2px solid var(--primary);border-bottom:2px solid var(--accent);height:8px;position:absolute;bottom:13px;left:10px;right:10px}.welcome-copy{max-width:30rem;margin:18px 0 0;font-size:1.04rem}.welcome-actions{gap:10px;margin-top:32px;display:grid}.flow-card{padding:18px}.section-heading{margin-bottom:18px}.section-heading h2,.script-toolbar h2{color:var(--text);margin:0;font-size:1.45rem;line-height:1.15}.task-stack,.field-stack,.plan-editor-list{gap:14px;display:grid}.task-card{border:1px solid var(--border);background:#fffdf9;border-radius:8px;padding:16px}.task-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.task-card h3,.script-section h3{color:var(--text);margin:0;font-size:1.05rem;line-height:1.25}.task-count{text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}.field-grid{gap:12px;display:grid}.field{gap:7px;display:grid}.field span,.microsteps-header span{color:var(--text);font-size:.88rem;font-weight:800}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:8px;line-height:1.35}input,select{min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:70px;padding:11px 12px}input::placeholder,textarea::placeholder{color:#6d756fb8}input:focus,select:focus,textarea:focus,button:focus-visible{outline-offset:2px;outline:3px solid #d89b6657}.microsteps{gap:10px;margin-top:14px;display:grid}.microsteps-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.microstep-row{grid-template-columns:1fr 40px;align-items:center;gap:8px;display:grid}.primary-button,.secondary-button,.text-button,.icon-button{font:inherit;border:0;border-radius:8px;font-weight:800}.primary-button,.secondary-button{min-height:48px;padding:12px 16px}.primary-button{background:var(--primary);color:#fff}.secondary-button{border:1px solid var(--border);color:var(--text);background:#fff}.text-button{color:var(--primary);background:0 0;padding:8px 4px}.text-button.compact{min-height:34px;padding:5px 2px;font-size:.86rem}.icon-button{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);background:#fff}.full-width{width:100%;margin-top:14px}.nav-row{grid-template-columns:1fr 1.35fr;gap:10px;margin-top:18px;display:grid}.nav-row.single-action{grid-template-columns:1fr}.validation-summary,.validation-ok{border-radius:8px;margin-top:16px;font-size:.92rem}.validation-summary{color:var(--text);background:#d89b661f;border:1px solid #d89b667a;padding:12px 14px}.validation-summary p,.validation-summary ul,.validation-ok,.script-meta{margin:0}.validation-summary ul{padding-left:18px}.validation-ok{color:var(--primary);background:#3f6b5a14;border:1px solid #3f6b5a3d;padding:12px 14px;font-weight:800}.if-then-pair{gap:10px;display:grid}.obstacle-grid{gap:8px;display:grid}.obstacle-option{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:750;display:flex}.obstacle-option.selected{background:#3f6b5a1a;border-color:#3f6b5a8f}.obstacle-option input{width:18px;min-height:18px;accent-color:var(--primary)}.plan-editor-list{margin-top:14px}.script-layout,.script-toolbar{gap:14px;display:grid}.script-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.script-actions.one-action{grid-template-columns:1fr}.script-reader{gap:12px;display:grid}.script-section{border-top:1px solid var(--border);padding-top:12px}.script-section p{color:var(--text);margin:8px 0 0}.choice-fieldset{border:0;gap:10px;margin:0 0 16px;padding:0;display:grid}.choice-fieldset legend{color:var(--text);margin-bottom:8px;font-size:.9rem;font-weight:800}.choice-grid{gap:8px;display:grid}.choice-button,.rating-button{border:1px solid var(--border);min-height:42px;color:var(--text);font:inherit;background:#fff;border-radius:8px;font-weight:800}.choice-button.selected,.rating-button.selected{color:var(--primary);background:#3f6b5a1f;border-color:#3f6b5a8f}.rating-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.history-panel,.review-panel,.feedback-panel{margin-top:0}.history-list,.review-summary,.feedback-summary{gap:12px;display:grid}.history-card,.review-task,.feedback-summary{border:1px solid var(--border);background:#fffdf9;border-radius:8px;padding:14px}.history-card h3,.review-summary h3,.feedback-summary h3,.review-task h4{color:var(--text);margin:0;line-height:1.2}.history-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0;display:grid}.history-meta div{min-width:0}.history-meta dt{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.history-meta dd{color:var(--text);overflow-wrap:anywhere;margin:2px 0 0}.empty-state,.review-task p{color:var(--muted);margin:0}.review-summary{margin-bottom:16px}.review-task{gap:6px;display:grid}.feedback-summary{margin-top:16px}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}@media (width>=640px){.app-shell{padding:32px}.welcome-screen{min-height:auto;padding:44px}.field-grid,.if-then-pair,.choice-grid,.script-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.script-toolbar{align-items:end}}