.quick-check{max-width:600px;margin:0 auto}.question{font-size:1.2em;color:#4a5568;margin-bottom:1.5rem;line-height:1.5}.step-indicator{text-align:center;color:#718096;font-size:.9em;margin-top:2rem}.example-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.example-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalAppear .3s ease}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.example-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:2px solid #f1f5f9}.example-modal-header h3{color:#1a202c;margin:0;font-size:1.2em}.close-button{background:none;border:none;font-size:2em;color:#718096;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-button:hover{background:#f1f5f9;color:#4a5568}.example-modal-content{padding:1rem 2rem}.example-text{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-radius:12px;border-left:4px solid #667eea;font-size:1.05em;line-height:1.6;color:#2d3748;font-style:italic;margin-bottom:1.5rem}.example-note{background:linear-gradient(135deg,#fff7ed,#fed7aa 20%);padding:1.5rem;border-radius:12px;border-left:4px solid #f59e0b}.example-note p{margin:0;color:#92400e;font-size:.95em;line-height:1.5}.example-note strong{color:#78350f}.example-modal-footer{padding:1rem 2rem 2rem;text-align:center;border-top:2px solid #f1f5f9}.example-modal-footer button{padding:1rem 2rem;font-size:1.1em;font-weight:600}@media (max-width: 768px){.example-modal-overlay{padding:.5rem}.example-modal{max-height:90vh}.example-modal-header,.example-modal-content,.example-modal-footer{padding-left:1.5rem;padding-right:1.5rem}.example-text{padding:1.5rem}.example-note{padding:1.25rem}}.detailed-walk{max-width:900px;margin:0 auto}.walk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-button{padding:.5rem 1rem;background:transparent;color:#667eea;border:none;cursor:pointer;font-size:1em}.back-button:hover{text-decoration:underline}.completion-indicator{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-weight:600}.age-selector{margin-bottom:2rem}.age-selector h3{margin-bottom:1rem;color:#2d3748}.age-points{display:flex;gap:.5rem;flex-wrap:wrap}.age-point{position:relative;padding:.75rem 1.25rem;background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s;min-width:70px}.age-point:hover{background:#edf2f7;transform:translateY(-2px)}.age-point.selected{background:#667eea;color:#fff;border-color:#667eea}.age-point.completed{border-color:#48bb78;position:relative}.age-point.completed:after{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#48bb78;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8em}.current-marker{display:block;font-size:.7em;margin-top:.25rem;font-weight:700}.reflection-area{background:#f7fafc;padding:2rem;border-radius:12px;margin-bottom:2rem}.path-reminder{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:2px solid #fc8181;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.gap-alert{color:#742a2a;font-weight:600;margin:0;font-size:1.1em;line-height:1.5}.cost-reminder{background:linear-gradient(135deg,#fed7d7,#fbb6ce);border:2px solid #f687b3;border-radius:8px;padding:1rem;margin-bottom:1rem;color:#744210;font-weight:600}.integrated-prompt{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.integrated-textarea{width:100%;min-height:150px;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1em;line-height:1.6;resize:vertical}.integrated-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.age-label{display:flex;flex-direction:column;align-items:center}.path-icon{margin-top:.25rem;font-size:1.2em}.reflection-input{margin-top:1rem}.prompt-with-example{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.prompt{flex:1;font-size:1.1em;color:#2d3748;margin:0;font-style:italic}.example-button{padding:.5rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:.85em;font-weight:600;white-space:nowrap;transition:all .3s ease;box-shadow:0 2px 8px #f59e0b4d}.example-button:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.input-actions{display:flex;gap:1rem;margin-top:1rem}.reflections-summary{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.reflection-timeline{margin-top:1rem}.timeline-item{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:8px;margin-bottom:1rem;border-left:4px solid #667eea}.timeline-age{font-weight:700;color:#667eea;min-width:60px}.timeline-content{flex:1}.timeline-text{margin-bottom:.5rem;line-height:1.5;color:#4a5568}.timeline-text strong{color:#2d3748}.commitment-screen{max-width:800px;margin:0 auto}.journey-summary{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:2px solid #9ae6b4;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.journey-summary h3{color:#22543d;margin-bottom:1rem}.vision-path{display:flex;flex-direction:column;gap:.75rem}.vision-point{display:flex;gap:1rem;align-items:flex-start}.age-marker{font-weight:700;color:#2f855a;min-width:70px}.vision-text{color:#2d3748;line-height:1.5}.urgency-reminder{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:2px solid #fc8181;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.urgency-reminder h3{color:#742a2a;margin-bottom:1rem}.urgency-reminder p{color:#742a2a;margin-bottom:.5rem}.cost-highlight{font-weight:700;color:#9c4221;background:#fed7d780;padding:.5rem;border-radius:6px}.commitment-section{background:#fff;padding:2rem;border-radius:12px;border:2px solid #e2e8f0}.commitment-section h3{color:#2d3748;margin-bottom:1rem}.commitment-prompt{color:#4a5568;font-style:italic;margin-bottom:1rem;line-height:1.5}.commitment-section textarea{width:100%;min-height:120px;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1em;line-height:1.6;resize:vertical;margin-bottom:1.5rem}.commitment-section textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.commitment-actions{display:flex;gap:1rem;justify-content:center}.journey-sidebar{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border:2px solid #cbd5e0;border-radius:12px;padding:1.5rem;margin-top:2rem}.journey-sidebar h4{color:#2d3748;margin-bottom:1rem}.journey-entry{background:#fff;padding:1rem;border-radius:8px;margin-bottom:.75rem;border-left:4px solid #667eea}.journey-age{font-weight:700;color:#667eea;margin-bottom:.5rem}.journey-text{color:#4a5568;line-height:1.5;font-size:.95em}@media (max-width: 768px){.age-points{justify-content:center}.input-actions{flex-direction:column}.prompt-with-example,.integrated-prompt{flex-direction:column;gap:.75rem}.example-button{align-self:flex-start;font-size:.8em;padding:.4rem .8rem}.commitment-actions{flex-direction:column}.vision-point{flex-direction:column;gap:.5rem}.age-marker{min-width:auto}}.trajectory-viz{margin-bottom:2rem}.trajectory-viz h2{text-align:center;margin-bottom:2rem;color:#1a202c}.path-comparison{display:grid;grid-template-columns:1fr 120px 1fr;gap:2rem;margin:2rem 0 4rem;align-items:start}.path-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:2px solid transparent;transition:all .3s ease}.path-section.current-path{border-color:#f565654d;background:linear-gradient(135deg,#fff5f5,#fff)}.path-section.desired-path{border-color:#4facfe4d;background:linear-gradient(135deg,#f0f9ff,#fff)}.path-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(226,232,240,.5)}.path-header h3{font-size:1.1em;margin-bottom:.5rem;color:#1a202c}.path-type{font-size:.9em;color:#718096;text-transform:uppercase;letter-spacing:1px;font-weight:600}.timeline-simple{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.time-point{display:flex;align-items:flex-start;gap:1rem}.point-dot{width:16px;height:16px;border-radius:50%;margin-top:.25rem;flex-shrink:0}.point-dot:not(.current){background:#cbd5e0}.point-dot.current{width:20px;height:20px;background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 0 0 4px #f5576c33;animation:pulse-simple 2s infinite}.point-dot.projected{background:#f56565}.point-dot.desired{background:linear-gradient(135deg,#4facfe,#00f2fe)}.point-dot.ideal{background:#48bb78}@keyframes pulse-simple{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.point-info{flex:1}.age{font-weight:700;font-size:.9em;color:#2d3748;display:block;margin-bottom:.25rem}.present .age,.present-start .age{color:#f5576c}.reflection{font-size:.85em;color:#4a5568;line-height:1.4;margin:0}.path-prediction{background:#e2e8f04d;padding:1rem;border-radius:8px;border-left:4px solid #cbd5e0}.path-prediction.desired{background:#4facfe1a;border-left-color:#4facfe}.path-prediction p{font-size:.9em;color:#2d3748;line-height:1.5;margin:0}.gap-divider{display:flex;align-items:center;justify-content:center;padding:2rem 0}.gap-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.gap-icon{font-size:2em}.gap-label{font-weight:900;font-size:.8em;letter-spacing:2px;color:#1a202c;background:#fff;padding:.5rem 1rem;border-radius:20px;box-shadow:0 2px 8px #0000001a}.gap-indicator.significant .gap-label{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;animation:pulse-significant 2s infinite}@keyframes pulse-significant{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gap-arrows{display:flex;flex-direction:column;gap:.5rem;font-size:1.5em;color:#e53e3e}.analysis-results{margin-top:3rem}.alert{padding:2rem;border-radius:16px;margin-bottom:2rem;border:2px solid transparent}.alert-urgent{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-color:#f565654d}.alert-warning{background:linear-gradient(135deg,#fffdf7,#feebc8);border-color:#f6ad554d}.alert h3{margin-bottom:1rem;color:#1a202c;font-size:1.2em;text-align:center}.gap-breakdown{text-align:center}.gap-statement{font-size:1.1em;line-height:1.6;color:#2d3748;font-weight:600;margin-bottom:2rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.comparison-item{padding:1.5rem;background:#ffffffb3;border-radius:12px;text-align:left}.comparison-item.current{border-left:4px solid #f56565}.comparison-item.desired{border-left:4px solid #4facfe}.comparison-item h4{font-size:.9em;margin-bottom:.5rem;color:#1a202c;text-transform:uppercase;letter-spacing:1px;font-weight:700}.comparison-item p{font-size:.95em;color:#4a5568;line-height:1.5;margin:0}.patterns-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.patterns-section h4{margin-bottom:1rem;color:#1a202c;font-size:1em}.pattern-tags{display:flex;flex-wrap:wrap;gap:.5rem}.pattern-tag{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.85em;font-weight:600}.cost-section{background:linear-gradient(135deg,#fef5e7,#fdebd0);padding:2rem;border-radius:16px;border:2px solid rgba(241,196,15,.2);margin-bottom:2rem}.cost-section h4{color:#d68910;margin-bottom:1rem;font-size:1.1em;font-weight:600}.cost-list{list-style:none;padding:0;margin:0}.cost-item{padding:.75rem 0 .75rem 1.5rem;color:#7d4f05;font-size:.95em;line-height:1.5;border-bottom:1px solid rgba(241,196,15,.2);position:relative}.cost-item:last-child{border-bottom:none}.cost-item:before{content:"⚠️";position:absolute;left:0;top:.75rem}.action-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;border-radius:16px;text-align:center;box-shadow:0 8px 32px #667eea4d}.action-box h3{color:#fff;margin-bottom:1rem;font-size:1.3em}.action-statement{font-size:1.1em;line-height:1.6;margin-bottom:2rem}.commitment-prompt{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.3)}.commitment-prompt p{margin:.5rem 0}.commitment-prompt .emphasis{font-size:1.3em;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-top:1rem}@media (max-width: 968px){.path-comparison{grid-template-columns:1fr;gap:3rem}.gap-divider{order:2;padding:1rem 0}.gap-arrows{transform:rotate(90deg)}.comparison-grid{grid-template-columns:1fr;gap:1rem}}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;margin-bottom:2rem}.tagline{color:#ffffffe6;font-size:1.2em;margin-top:-.5em}.app-main{flex:1;width:100%;max-width:800px;margin:0 auto}.app-footer{text-align:center;padding:2rem;color:#ffffffb3;font-size:.9em}.intro-text{font-size:1.1em;line-height:1.6;color:#4a5568;margin-bottom:1rem}.button-group{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.button-group button{flex:1;min-width:200px}.ready-deeper{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;margin-top:2rem}.ready-deeper h2{color:#2d3748;margin-bottom:1rem}.deeper-intro{font-size:1.1em;color:#4a5568;margin-bottom:1.5rem;font-weight:500}.deeper-benefits{background:#fff;padding:1.5rem;border-radius:12px;margin:1.5rem 0}.deeper-benefits p{margin-bottom:1rem;color:#2d3748;font-weight:600}.deeper-benefits ul{list-style:none;padding:0;margin:0}.deeper-benefits li{padding:.5rem 0;color:#4a5568;line-height:1.6}.time-estimate{color:#718096;font-size:.95em;text-align:center;margin-top:1rem}button.large{font-size:1.1em;padding:1rem 2rem}@media (max-width: 768px){.button-group{flex-direction:column}.button-group button{width:100%}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem}h1{font-size:2.5em;line-height:1.1;margin-bottom:.5em;color:#fff;text-align:center}h2{font-size:1.8em;line-height:1.2;margin-bottom:.5em;color:#333}button{border-radius:8px;border:1px solid transparent;padding:.8em 1.5em;font-size:1em;font-weight:500;font-family:inherit;background-color:#667eea;color:#fff;cursor:pointer;transition:all .25s;min-height:44px}button:hover{background-color:#5a67d8;transform:translateY(-2px);box-shadow:0 10px 20px #0003}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button.secondary{background-color:transparent;color:#667eea;border:2px solid #667eea}button.secondary:hover{background-color:#667eea;color:#fff}input,textarea{width:100%;padding:.8em;font-size:1em;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;transition:border-color .25s}input:focus,textarea:focus{outline:none;border-color:#667eea}textarea{min-height:100px;resize:vertical}.card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 40px #0000001a;margin-bottom:2rem}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;margin:2rem 0;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease}@media (max-width: 768px){#root{padding:1rem}h1{font-size:2em}.card{padding:1.5rem}}