:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;--bg:#fafafa;--surface:#fff;--text:#111;--muted:#5f6368;--border:#e2e5e9;--accent:#2f6feb;--accent-dark:#174ea6;--accent-soft:#eaf1ff;--success:#1e8e5a;--warn:#9a6700;--danger:#c2413b;--radius:14px;--radius-lg:22px;--focus:3px solid #174ea6;background:#fafafa;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);overflow-wrap:anywhere;min-height:100vh;margin:0;font-size:18px;line-height:1.55}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p,figure{margin-top:0}h1{letter-spacing:-.035em;font-size:clamp(2rem,5vw,3.4rem);line-height:1.12}h2{font-size:clamp(1.3rem,3vw,1.65rem);line-height:1.25}svg{max-width:100%;display:block}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafafaf5;padding:14px max(12px,50vw - 590px);position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--text);font-size:1rem;font-weight:750;text-decoration:none}main{flex:1;width:min(1180px,100%);margin:0 auto}.screen{padding:clamp(32px,6vw,72px) clamp(12px,3vw,28px)}.screen.narrow{max-width:820px;margin:0 auto}.screen-heading{align-items:flex-start;gap:18px;margin-bottom:32px;display:flex}.screen-heading h1{margin-bottom:8px}.screen-heading p{color:var(--muted);margin-bottom:0}.question-number{color:var(--accent);border-top:2px solid var(--accent);min-width:34px;padding-top:8px;font:700 13px ui-monospace,monospace}.choice-grid{gap:16px;display:grid}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice-stack{gap:12px;display:grid}.observe-layout,.redesign-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:28px;display:grid}.redesign-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.center-action{justify-content:center;margin-top:24px;display:flex}.app-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);padding:20px 12px;font-size:14px}.sticky-preview{position:sticky;top:142px}@media (width<=820px){.choice-grid.three,.observe-layout,.redesign-layout{grid-template-columns:1fr}.sticky-preview{position:static}}@media (width<=560px){.choice-grid.two,.preview-grid,.test-grid{grid-template-columns:1fr}.screen-heading{gap:10px}.brand{max-width:190px}}.steps{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.steps li{color:#7a7f85;border-top:3px solid var(--border);white-space:nowrap;flex:1;align-items:center;gap:7px;padding-top:7px;font-size:13px;font-weight:650;display:flex}.steps li span{border:1px solid var(--border);border-radius:50%;place-items:center;width:22px;height:22px;font:700 11px ui-monospace,monospace;display:grid}.steps li.active{color:var(--accent-dark);border-color:var(--accent)}.steps li.active span{background:var(--accent);color:#fff;border-color:var(--accent)}.steps li.done{color:var(--success);border-color:var(--success)}.history-button,.icon-button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:650}.screen-back-button{min-height:44px;color:var(--accent-dark);background:0 0;border:0;margin-bottom:18px;padding:6px 2px;font-size:16px;font-weight:750}.screen-back-button:hover{text-decoration:underline}.icon-button{min-width:44px;font-size:26px;line-height:1}.start-screen{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;min-height:calc(100vh - 180px);display:grid}.start-copy{max-width:680px}.start-copy .lead{color:var(--muted);max-width:630px;font-size:1.15rem}.guide-note{border-left:4px solid var(--accent);background:var(--accent-soft);flex-direction:column;gap:3px;margin:28px 0;padding:10px 16px;display:flex}.guide-note span{color:var(--muted);font-size:.9rem}.workbench-illustration{background:var(--surface);border:1px solid var(--border);border-radius:50% 42% 48% 44%;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.workbench-illustration:after{content:"";background:var(--border);border-radius:50%;height:8px;position:absolute;inset:auto 10% 20%}.big-tool{font-size:110px;transform:rotate(-7deg)}.small-tool{font-size:60px;position:absolute;bottom:20%;right:19%;transform:rotate(16deg)}.magnifier{color:var(--accent);font-size:120px;line-height:1;position:absolute;top:18%;left:18%;transform:rotate(-15deg)}.primary-button,.secondary-button{border:2px solid #0000;border-radius:10px;min-height:52px;padding:12px 20px;font-size:18px;font-weight:750}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark)}.secondary-button{background:var(--surface);color:var(--text);border-color:var(--border)}.secondary-button:hover{border-color:var(--accent)}.full{justify-content:center;width:100%}.choice-card{text-align:left;min-height:120px;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:18px;transition:border-color .15s,transform .15s;position:relative}.choice-card:hover{border-color:#aab4c2;transform:translateY(-2px)}.choice-card.selected{border-color:var(--accent);background:var(--accent-soft)}.choice-card strong,.choice-card span,.choice-card em,.choice-card i{display:block}.choice-card strong{margin-bottom:5px;font-size:1.1rem}.choice-card span{color:var(--muted);font-size:.88rem;font-style:normal}.choice-card em{color:var(--accent-dark);margin-top:12px;font-size:.88rem;font-style:normal;font-weight:750}.tool-card{text-align:center;padding:14px 18px 22px}.tool-card .tool-art{max-width:260px;margin:-8px auto 8px}.tool-card em{text-align:left}.choice-card.compact{min-height:88px}.scene-board,.evidence-panel,.promise-box,.sticky-preview,.test-card,.summary-board{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(16px,3vw,26px)}.scene-board p{color:var(--muted);text-align:center;margin-bottom:0}.evidence-panel h2,.part-palette h2,.sticky-preview h2{margin-bottom:16px}.choice-instruction{color:var(--muted);margin:-8px 0 16px}.evidence-sentence{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.evidence-sentence p{margin:5px 0}.evidence-sentence b{color:var(--accent-dark);min-width:76px;display:inline-block}.evidence-sentence button{width:100%;margin-top:16px}.promise-box{border-left:5px solid var(--accent);margin-bottom:26px}.promise-box>div{flex-direction:column;display:flex}.promise-box>div span{color:var(--muted);font-size:.9rem}.promise-box ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none;display:grid}.promise-box li{background:var(--bg);border-radius:10px;flex-direction:column;padding:12px;display:flex}.promise-box li span{color:var(--muted);font-size:.85rem}.promise-box label{align-items:center;gap:10px;font-weight:750;display:flex}.promise-box input{width:24px;height:24px;accent-color:var(--accent)}.part-card small{color:var(--accent-dark);font:700 12px ui-monospace,monospace}.part-card i{color:var(--warn);margin-top:10px;font-size:.82rem;font-style:normal}.tool-art{border-radius:var(--radius);background:#f6f7f9;overflow:hidden}.tool-art.changed{background:var(--accent-soft)}.preview-grid figure{margin-bottom:0}.preview-grid figcaption{margin:0 0 8px 4px;font-weight:750}.sticky-preview .primary-button{margin-top:18px}.readiness-message{background:var(--accent-soft);color:var(--accent-dark);border-radius:10px;margin:14px 0 -6px;padding:10px 12px;font-weight:700}.readiness-message.needs-action{color:#7a4e00;background:#fff8e6}.test-card{flex-direction:column;display:flex}.test-heading span{color:var(--accent-dark);font:700 12px ui-monospace,monospace}.test-card>p{color:var(--muted);font-size:.88rem}.test-card button{margin-top:auto}.prediction-panel{border:0;margin:auto 0 0;padding:14px 0 0}.prediction-panel legend{padding:0;font-weight:750}.prediction-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.prediction-options button{border:2px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);border-radius:10px;padding:8px;font-weight:700}.prediction-options button:hover{border-color:var(--accent)}.prediction-options button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.prediction-help{color:var(--muted);margin:8px 0 12px;font-size:1rem}.prediction-feedback{color:var(--accent-dark);font-weight:750}.result{border-left:5px solid var(--success);background:#ecf7f1;border-radius:12px;margin-top:auto;padding:14px}.result.improved{border-color:var(--warn);background:#fff8e6}.result.new-tradeoff{border-color:var(--danger);background:#fff0ee}.result strong{align-items:center;gap:8px;display:flex}.result strong span{border:2px solid;border-radius:50%;place-items:center;min-width:26px;height:26px;display:grid}.result p{margin:8px 0 0;font-size:.88rem}.summary-board{text-align:center}.summary-icon{font-size:60px}.summary-board ul{padding:0;list-style:none}.summary-board li{justify-content:center;gap:10px;margin-top:8px;display:flex}.summary-board li strong{color:var(--accent-dark)}.prescription-screen{text-align:center}.prescription-heading span{letter-spacing:.08em;color:var(--accent-dark);font:700 12px ui-monospace,monospace}.prescription-heading h1{margin:8px 0}.prescription-sheet{text-align:left;background:var(--surface);border:2px solid var(--text);border-radius:4px;max-width:900px;margin:24px auto;padding:clamp(16px,4vw,40px)}.prescription-facts,.result-list{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px;display:grid}.prescription-facts p,.result-list>div{border-top:2px solid var(--text);padding-top:10px}.prescription-facts b,.prescription-facts span,.result-list strong,.result-list span{display:block}.prescription-facts span,.result-list p{color:var(--muted);font-size:.88rem}.remaining-checks{border:1px solid var(--border);border-radius:12px;margin:24px 0;padding:16px 20px}.remaining-checks h2{margin:0 0 8px;font-size:1.1rem}.remaining-checks ul{margin:0;padding-left:22px}.remaining-checks p{color:var(--success);margin:0;font-weight:700}.presentation-script{border-left:5px solid var(--accent);background:var(--accent-soft);margin:26px 0;padding:12px 18px}.presentation-script p{grid-template-columns:150px 1fr;gap:12px;margin:8px 0;display:grid}.presentation-script b{color:var(--accent-dark)}.presentation-guide{text-align:center;font-weight:750}.dialog-backdrop{z-index:30;background:#11111173;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius-lg);width:min(560px,100%);max-height:85vh;padding:24px;overflow:auto;box-shadow:0 12px 40px #0000002e}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.dialog-heading h2{margin:0}.change-list{padding:0;list-style:none}.change-list li{border-top:1px solid var(--border);grid-template-columns:110px 1fr;gap:4px 14px;padding:18px 0;display:grid}.change-list time{color:var(--muted);font:13px ui-monospace,monospace}.change-list p{color:var(--muted);grid-column:2;margin:0}.error-screen{text-align:center;padding:80px 20px}@media (width<=820px){.start-screen{grid-template-columns:1fr;min-height:auto}.workbench-illustration{order:-1;min-height:280px}}@media (width<=560px){.steps li{justify-content:center;font-size:0}.steps li span{font-size:11px}.history-button{padding:8px 10px;font-size:13px}.promise-box ul,.prescription-facts,.result-list,.change-list li{grid-template-columns:1fr}.change-list p{grid-column:1}.big-tool{font-size:86px}.magnifier{font-size:90px}.prediction-options{grid-template-columns:1fr}.presentation-script p{grid-template-columns:1fr;gap:2px}}@media (width<=240px){.header-row{flex-direction:column;align-items:flex-start}.brand{max-width:none}.workbench-illustration{min-height:210px}.primary-button,.secondary-button{padding-inline:10px;font-size:16px}}