:root{--bg: #0f172a;--card-bg: #1e293b;--text: #f8fafc;--text-muted: #94a3b8;--accent-now: #ef4444;--accent-later: #3b82f6;--btn-bg: #334155;--btn-hover: #475569;--edge-active: #38bdf8;--edge-default: #334155;--node-glow: rgba(56, 189, 248, .9)}body.theme-software{--bg: #0f172a;--card-bg: #1e293b;--text: #f8fafc;--text-muted: #94a3b8;--accent-now: #ef4444;--accent-later: #3b82f6;--btn-bg: #334155;--btn-hover: #475569;--edge-active: #38bdf8;--edge-default: #334155;--node-glow: rgba(56, 189, 248, .9)}body.theme-house-event{--bg: #18181b;--card-bg: #27272a;--text: #fafaf9;--text-muted: #a1a1aa;--accent-now: #f97316;--accent-later: #10b981;--btn-bg: #3f3f46;--btn-hover: #52525b;--edge-active: #f59e0b;--edge-default: #3f3f46;--node-glow: rgba(245, 158, 11, .9)}body.theme-medical{--bg: #18080c;--card-bg: #270d13;--text: #fff1f2;--text-muted: #fda4af;--accent-now: #f43f5e;--accent-later: #06b6d4;--btn-bg: #4c111c;--btn-hover: #601825;--edge-active: #f43f5e;--edge-default: #4c111c;--node-glow: rgba(244, 63, 94, .95)}body.theme-buying{--bg: #041d15;--card-bg: #0a2d21;--text: #ecfdf5;--text-muted: #6ee7b7;--accent-now: #10b981;--accent-later: #f59e0b;--btn-bg: #114c38;--btn-hover: #16634a;--edge-active: #34d399;--edge-default: #114c38;--node-glow: rgba(52, 211, 153, .95)}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1rem;overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease}.bg-graph-container{display:none}@media (min-width: 1024px){.bg-graph-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden;padding:1.5rem 2rem;box-sizing:border-box;opacity:.38;transition:opacity .4s ease}.bg-header{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bg-title-row{display:flex;align-items:center;gap:.75rem;justify-content:center}.bg-title{font-size:2.25rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--text);opacity:.45;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:0 0 25px rgba(255,255,255,.08)}.mode-tag{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .55rem;border-radius:4px;background:#38bdf833;border:1px solid var(--edge-active);color:var(--edge-active)}.bg-result{display:flex;flex-direction:column;align-items:center;gap:.35rem;opacity:0;transform:translateY(-8px);transition:opacity .35s ease,transform .35s ease;pointer-events:none;min-height:2.5rem}.bg-result.is-visible{opacity:.9;transform:translateY(0)}.bg-result-badge{font-size:.95rem;font-weight:800;letter-spacing:.15em;padding:.25rem .75rem;border-radius:6px;text-transform:uppercase}.bg-result-badge.now{background:#ef444440;color:var(--accent-now);border:1px solid var(--accent-now);box-shadow:0 0 14px #ef444459}body.theme-buying .bg-result-badge.now{background:#10b98140;box-shadow:0 0 14px #10b98159}.bg-result-badge.later{background:#3b82f640;color:var(--accent-later);border:1px solid var(--accent-later);box-shadow:0 0 14px #3b82f659}body.theme-buying .bg-result-badge.later{background:#f59e0b40;box-shadow:0 0 14px #f59e0b59}.bg-result-title{font-size:1.15rem;font-weight:700;letter-spacing:.04em;color:var(--text);text-align:center;max-width:800px;text-shadow:0 0 12px rgba(0,0,0,.7)}.bg-graph-wrapper{position:relative;width:100%;max-width:1400px;flex:1;display:flex;align-items:center;justify-content:center}.bg-graph-svg{width:100%;height:auto;max-height:calc(100vh - 190px);padding:.25rem}.bg-rationale-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.rationale-bubble{position:absolute;background:#0f172aeb;border:1px solid var(--edge-active);border-radius:8px;padding:.45rem .7rem;font-size:.75rem;color:var(--text);box-shadow:0 4px 15px #0009,0 0 10px #38bdf84d;max-width:240px;transform:translate(-50%,-100%);margin-top:-12px;pointer-events:auto;animation:fadeInBubble .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rationale-bubble-choice{font-weight:800;color:var(--edge-active);font-size:.7rem;letter-spacing:.05em;margin-bottom:.2rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.rationale-bubble-text{line-height:1.35;color:var(--text);font-style:italic;opacity:.95;word-break:break-word}@keyframes fadeInBubble{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.bg-timer-container{display:flex;flex-direction:column;align-items:center;gap:.15rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.55}.bg-timer-label{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.bg-timer{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:2.1rem;font-weight:700;letter-spacing:.08em;color:var(--text);font-variant-numeric:tabular-nums}.graph-edge{stroke:var(--edge-default);stroke-width:2.5;fill:none;transition:stroke .4s ease,stroke-width .4s ease,filter .4s ease;stroke-linecap:round}.graph-edge.active{stroke:var(--edge-active);stroke-width:4.5;filter:drop-shadow(0 0 6px var(--edge-active))}.graph-edge-label{fill:var(--text-muted);font-size:13px;font-weight:700;text-anchor:middle;dominant-baseline:central;transition:fill .3s ease}.graph-edge-label.active{fill:var(--edge-active);font-weight:800}.graph-node-rect{fill:var(--card-bg);stroke:var(--edge-default);stroke-width:2;rx:10;ry:10;transition:fill .4s ease,stroke .4s ease,stroke-width .4s ease,filter .4s ease}.graph-node-text{fill:var(--text-muted);font-size:13px;font-weight:600;text-anchor:middle;dominant-baseline:central;transition:fill .3s ease,font-weight .3s ease,transform .25s ease}.graph-node.has-time .graph-node-text{transform:translateY(-6px)}.graph-node-time{fill:var(--edge-active);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;text-anchor:middle;dominant-baseline:central;opacity:0;transition:opacity .25s ease,fill .3s ease}.graph-node.has-time .graph-node-time{opacity:1}.graph-node.visited .graph-node-rect{stroke:var(--accent-later);fill:#3b82f633;stroke-width:2.5}.graph-node.visited .graph-node-text{fill:var(--text)}.graph-node.current .graph-node-rect{stroke:var(--edge-active);fill:#ffffff12;stroke-width:3.5;filter:drop-shadow(0 0 10px var(--node-glow));animation:node-pulse 2s infinite ease-in-out}.graph-node.current .graph-node-text{fill:var(--text);font-weight:700}.graph-node.outcome-now .graph-node-rect{stroke:var(--accent-now)}.graph-node.outcome-now.current .graph-node-rect{fill:#ef444459;filter:drop-shadow(0 0 12px var(--accent-now))}body.theme-buying .graph-node.outcome-now.current .graph-node-rect{fill:#10b98159;filter:drop-shadow(0 0 12px var(--accent-now))}.graph-node.outcome-later .graph-node-rect{stroke:var(--accent-later)}.graph-node.outcome-later.current .graph-node-rect{fill:#3b82f659;filter:drop-shadow(0 0 12px var(--accent-later))}body.theme-buying .graph-node.outcome-later.current .graph-node-rect{fill:#f59e0b59;filter:drop-shadow(0 0 12px var(--accent-later))}@keyframes node-pulse{0%,to{stroke-width:3.5;filter:drop-shadow(0 0 6px var(--node-glow))}50%{stroke-width:4.5;filter:drop-shadow(0 0 14px var(--node-glow))}}.card{position:relative;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e293be0;border:1px solid rgba(71,85,105,.7);box-shadow:0 20px 45px -10px #000000b3,0 0 0 1px #ffffff0d}body.theme-house-event .card{background:#27272ae6;border-color:#52525bb3}body.theme-medical .card{background:#270d13e6;border-color:#5e1825b3}body.theme-buying .card{background:#0a2d21e6;border-color:#16634ab3}}.card{position:relative;background:var(--card-bg);border:1px solid #334155;border-radius:16px;padding:2.5rem;max-width:620px;width:100%;box-shadow:0 10px 25px -5px #00000080;display:flex;flex-direction:column;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;transition:background-color .3s ease,border-color .3s ease;max-height:90vh;max-height:90dvh;overflow-y:auto;overflow-x:hidden}.step-progress-bar{position:absolute;top:0;left:0;bottom:0;width:0%;background:#38bdf833;pointer-events:none;z-index:0;border-radius:inherit;opacity:0;transition:opacity .2s ease}body.theme-house-event .step-progress-bar{background:#f59e0b38}body.theme-medical .step-progress-bar{background:#f43f5e40}body.theme-buying .step-progress-bar{background:#10b98140}.step-progress-bar.is-running{opacity:1;animation:step-loading-fill 10s linear forwards}@keyframes step-loading-fill{0%{width:0%}to{width:100%}}body.theme-house-event .card{border-color:#3f3f46}body.theme-medical .card{border-color:#4c111c}body.theme-buying .card{border-color:#114c38}.card.is-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 25px 60px -10px #000000d9,0 0 0 2px var(--edge-active);cursor:grabbing}#app{position:relative;z-index:1;display:flex;flex-direction:column;flex:1}.card-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #334155;gap:.75rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}body.theme-house-event .card-header{border-bottom-color:#3f3f46}body.theme-medical .card-header{border-bottom-color:#4c111c}body.theme-buying .card-header{border-bottom-color:#114c38}.card-header:active,.card.is-dragging .card-header{cursor:grabbing}.card-header-title{display:flex;align-items:center;gap:.5rem}.drag-handle-icon{color:var(--text-muted);opacity:.5;flex-shrink:0;transition:opacity .2s ease,color .2s ease}.card-header:hover .drag-handle-icon{opacity:.9;color:var(--text)}.header-controls{display:flex;align-items:center;gap:.5rem}.btn-home{display:inline-flex;align-items:center;gap:.35rem;background:var(--btn-bg);color:var(--text);border:1px solid #475569;border-radius:8px;padding:.35rem .65rem;font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}body.theme-house-event .btn-home{border-color:#52525b}body.theme-medical .btn-home{border-color:#5e242d}body.theme-buying .btn-home{border-color:#16634a}.btn-home:hover{background:var(--btn-hover);border-color:var(--edge-active);color:var(--text)}body.theme-medical .btn-home:hover{background:#601825;border-color:#f43f5e}body.theme-buying .btn-home:hover{background:#16634a;border-color:#34d399}.btn-home:active{transform:scale(.96)}.mode-selector select,.lang-selector select{background:var(--btn-bg);color:var(--text);border:1px solid #475569;border-radius:8px;padding:.35rem .55rem;font-size:.82rem;font-weight:500;cursor:pointer;outline:none;transition:background .15s,border-color .15s}.mode-selector select:hover,.mode-selector select:focus,.lang-selector select:hover,.lang-selector select:focus{background:var(--btn-hover);border-color:#64748b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.meta{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.question{font-size:1.35rem;font-weight:600;line-height:1.4;margin-bottom:2rem;min-height:4rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}button{background:var(--btn-bg);color:var(--text);border:1px solid #475569;border-radius:10px;padding:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s,border-color .15s,transform .05s}body.theme-house-event button{border-color:#52525b}body.theme-medical button{border-color:#5e242d}body.theme-buying button{border-color:#16634a}button:hover{background:var(--btn-hover);border-color:#64748b}body.theme-medical button:hover{background:#601825;border-color:#f43f5e}body.theme-buying button:hover{background:#16634a;border-color:#34d399}button:active{transform:scale(.98)}kbd{background:#0000004d;padding:.2rem .4rem;border-radius:4px;font-size:.75rem;border:1px solid #64748b;font-family:inherit}body.theme-medical kbd{border-color:#601825}body.theme-buying kbd{border-color:#16634a}.nav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #334155;padding-top:1rem;margin-top:auto;gap:.5rem}body.theme-house-event .nav{border-top-color:#3f3f46}body.theme-medical .nav{border-top-color:#4c111c}body.theme-buying .nav{border-top-color:#114c38}.nav button{background:transparent;border:none;font-size:.9rem;color:var(--text-muted);padding:.5rem 0;cursor:pointer;border-radius:0}.nav button:hover{color:var(--text);background:transparent}.nav button:active{transform:none}.badge{display:inline-block;font-size:.85rem;font-weight:700;padding:.35rem .75rem;border-radius:6px;margin-bottom:1rem}.badge-now{background:#ef444426;color:var(--accent-now);border:1px solid var(--accent-now)}body.theme-buying .badge-now{background:#10b98126;color:var(--accent-now);border:1px solid var(--accent-now)}.badge-later{background:#3b82f626;color:var(--accent-later);border:1px solid var(--accent-later)}body.theme-buying .badge-later{background:#f59e0b26;color:var(--accent-later);border:1px solid var(--accent-later)}.action-plan{background:#00000040;border-left:3px solid #64748b;padding:1rem;border-radius:0 8px 8px 0;margin:1.5rem 0;font-size:.95rem;line-height:1.5;color:var(--text)}body.theme-house-event .action-plan,body.theme-medical .action-plan,body.theme-buying .action-plan{border-left-color:var(--accent-now)}.verdict-title{font-size:1.5rem;margin-bottom:.5rem;font-weight:600;line-height:1.3}.template-selector-screen{display:flex;flex-direction:column;gap:1.25rem}.mode-toggle-bar{display:flex;gap:.5rem;background:#00000040;padding:.35rem;border-radius:10px;border:1px solid #334155}.mode-toggle-btn{flex:1;font-size:.85rem;font-weight:600;padding:.5rem;border-radius:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.mode-toggle-btn.is-active{background:var(--btn-bg);color:var(--text);box-shadow:0 2px 8px #0006}.selector-title{font-size:1.4rem;font-weight:700;color:var(--text);line-height:1.3}.selector-subtitle{font-size:.95rem;color:var(--text-muted);margin-top:-.5rem;line-height:1.4}.template-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin:.5rem 0}.template-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;background:var(--btn-bg);border:1px solid #475569;border-radius:12px;text-decoration:none;color:var(--text);transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;cursor:pointer}.template-card:hover{background:var(--btn-hover);border-color:var(--edge-active);transform:translateY(-2px);box-shadow:0 8px 20px -4px #0006}.template-card:active{transform:scale(.99)}.template-card-icon{font-size:1.85rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#00000040;border-radius:10px}.template-card-info{display:flex;flex-direction:column;gap:.2rem}.template-card-title{font-size:1.05rem;font-weight:700;color:var(--text)}.template-card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.35}.disclaimer{text-align:center;font-size:.76rem;color:var(--text-muted);opacity:.75;letter-spacing:.06em;text-transform:uppercase;margin-top:.5rem}.btn-start{background:var(--edge-active);color:#0f172a;border:none;font-size:1.15rem;font-weight:700;padding:1.15rem;border-radius:10px;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:transform .1s ease,filter .2s ease,box-shadow .2s ease}.btn-start:hover{filter:brightness(1.1);box-shadow:0 0 16px var(--node-glow)}.btn-start:active{transform:scale(.98)}.btn-start kbd{background:#0003;border-color:#00000040;color:#0f172a;font-weight:700}.rationale-form-box{display:flex;flex-direction:column;gap:1rem}.rationale-header-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;text-transform:uppercase;padding:.25rem .6rem;border-radius:6px;background:#38bdf826;color:var(--edge-active);border:1px solid var(--edge-active);width:-moz-fit-content;width:fit-content}.rationale-question-title{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.35}.rationale-textarea{width:100%;min-height:100px;background:#00000059;border:1px solid #475569;border-radius:10px;padding:.85rem 1rem;color:var(--text);font-size:.95rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}.rationale-textarea:focus{border-color:var(--edge-active);box-shadow:0 0 12px #38bdf840}.rationale-actions{display:flex;gap:.75rem;align-items:center}.btn-save-rationale{flex:2;background:var(--edge-active);color:#0f172a;border:none;font-weight:700;padding:.85rem}.btn-skip-rationale{flex:1;background:transparent;border:1px solid #475569;color:var(--text-muted);padding:.85rem}.btn-skip-rationale:hover{background:var(--btn-bg);color:var(--text)}.report-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #334155;display:flex;flex-direction:column;gap:1rem}.report-header-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.report-title{font-size:1.15rem;font-weight:700;color:var(--text)}.btn-copy-report{font-size:.8rem;font-weight:600;padding:.45rem .8rem;background:var(--btn-bg);border:1px solid #475569;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.btn-copy-report:hover{background:var(--btn-hover);border-color:var(--edge-active)}.report-trail{display:flex;flex-direction:column;gap:.75rem}.report-item{background:#00000038;border:1px solid #334155;border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem}.report-item-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.report-item-choice{font-weight:800;padding:.15rem .5rem;border-radius:4px;font-size:.75rem}.report-item-choice.yes{background:#38bdf833;color:var(--edge-active);border:1px solid var(--edge-active)}.report-item-choice.no{background:#ef444433;color:var(--accent-now);border:1px solid var(--accent-now)}.report-item-question{font-size:.92rem;font-weight:600;color:var(--text)}.report-item-rationale{font-size:.85rem;color:var(--text-muted);font-style:italic;line-height:1.4;border-left:2px solid var(--edge-active);padding-left:.6rem;margin-top:.2rem}@media (max-width: 640px){body{padding:0;align-items:stretch;justify-content:stretch;background:var(--card-bg)}.card{max-width:100%;width:100%;min-height:100vh;min-height:100dvh;border:none;border-radius:0;box-shadow:none;padding:1.5rem 1.25rem;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.card-header{margin-bottom:1.5rem;padding-bottom:.75rem;cursor:default}.drag-handle-icon{display:none}.header-controls{gap:.35rem}.mode-selector select,.lang-selector select{padding:.3rem .45rem;font-size:.75rem}.btn-home{padding:.3rem .55rem;font-size:.75rem}.question{font-size:1.25rem;min-height:auto;margin-bottom:1.5rem}.verdict-title{font-size:1.35rem}.actions{grid-template-columns:1fr;gap:.85rem;margin-bottom:1.5rem}.rationale-actions{flex-direction:column}button{padding:1rem;font-size:1.05rem}.action-plan{padding:1rem;margin:1.25rem 0;font-size:.95rem}.nav{margin-top:auto;padding-top:1.25rem}}