html{zoom:.9}.onboarding-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.onboarding-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%}.welcome-header{text-align:center;margin-bottom:30px}.welcome-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:10px;font-weight:700}.welcome-header p{color:#718096;font-size:1.1rem}.model-note{color:#a0aec0;font-size:.9rem;font-style:italic;margin-top:5px}.onboarding-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-weight:600;color:#2d3748;font-size:1rem}.form-group input{padding:15px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#8c7d77}.mbti-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mbti-button{padding:12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease}.mbti-button:hover{border-color:#8c7d77;background:#ddd4cf}.mbti-button.selected{border-color:#8c7d77;background:#8c7d77;color:#fff}.submit-button{padding:15px;background:linear-gradient(135deg,#8c7d77,#b7a18e);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease}.submit-button:hover:not(:disabled){transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.about-program-container{margin-top:25px;text-align:center}.about-program-button{padding:15px 25px;background:linear-gradient(135deg,#8c7d77,#b7a18e);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 12px #8c7d774d;text-transform:uppercase;letter-spacing:.5px}.about-program-button:hover{background:linear-gradient(135deg,#b7a18e,#8c7d77);transform:translateY(-3px);box-shadow:0 6px 16px #8c7d7766}.about-program-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.about-program-modal{background:#fff;border-radius:15px;padding:30px;max-width:700px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #0003}.program-section{margin-bottom:25px}.program-section h3{color:#8c7d77;margin-bottom:10px;font-size:1.2rem}.program-section h4{color:#b7a18e;margin-bottom:8px;font-size:1rem}.program-section p{color:#2d3748;line-height:1.6;margin-bottom:10px}.program-section ul{margin-left:20px;color:#2d3748}.program-section li{margin-bottom:8px;line-height:1.5}.tech-explanation{background:#f8f9fa;padding:20px;border-radius:8px;margin-top:15px;border-left:4px solid #8C7D77}.tech-explanation h4{margin-top:0;margin-bottom:15px}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.app-container{display:grid;grid-template-columns:1fr 2fr;gap:30px;max-width:1200px;width:100%;background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 40px #0000001a}.plant-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.plant-display{text-align:center}.plant-image{font-size:8rem;margin-bottom:20px;transition:all .5s ease}.plant-image.stage-seed{animation:pulse 2s infinite}.plant-image.stage-sprout{animation:grow .8s ease-out}.plant-image.stage-stem{animation:stretch .8s ease-out}.plant-image.stage-leaves{animation:flourish .8s ease-out}.plant-image.stage-bud{animation:bloom-prep .8s ease-out}.plant-image.stage-blossom{animation:bloom 1s ease-out}.stage-description h3{color:#2d3748;font-size:1.3rem;margin-bottom:15px;font-weight:600}.stage-indicator{display:flex;gap:8px;justify-content:center}.stage-dot{width:12px;height:12px;border-radius:50%;background:#e2e8f0;transition:all .3s ease}.stage-dot.completed{background:#48bb78}.stage-dot.active{background:#8c7d77;transform:scale(1.2)}.gibbs-indicator{margin:15px 0;text-align:center}.gibbs-stage-name{font-size:.9rem;color:#8c7d77;font-weight:600;margin-bottom:8px;text-transform:capitalize}.gibbs-progress{display:flex;gap:6px;justify-content:center}.gibbs-dot{width:12px;height:12px;border-radius:50%;background:#ddd4cf;transition:all .3s ease}.gibbs-dot.completed{background:#b7a18e}.gibbs-dot.active{background:#8c7d77;transform:scale(1.3)}.chat-container{display:flex;flex-direction:column;height:600px;border:2px solid #e2e8f0;border-radius:15px;overflow:hidden}.chat-header{background:linear-gradient(135deg,#8c7d77,#b7a18e);color:#fff;padding:20px;text-align:center}.chat-header h2{font-size:1.5rem;margin-bottom:5px;font-weight:600}.chat-header p{opacity:.9;font-size:.9rem}.messages-container{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.message{display:flex;flex-direction:column;max-width:80%}.message.user{align-self:flex-end}.message.bot{align-self:flex-start}.message-content{padding:15px 20px;border-radius:18px;font-size:1rem;line-height:1.5}.message.user .message-content{background:#8c7d77;color:#fff;border-bottom-right-radius:5px}.message.bot .message-content{background:#f7fafc;color:#2d3748;border-bottom-left-radius:5px;border:1px solid #e2e8f0}.message-time{font-size:.75rem;color:#a0aec0;margin-top:5px;padding:0 5px}.typing-indicator{display:flex;gap:4px;padding:15px 20px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#a0aec0;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.input-container{display:flex;gap:10px;padding:20px;border-top:1px solid #e2e8f0;background:#f7fafc}.input-container textarea{flex:1;padding:15px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;resize:none;font-family:inherit;transition:border-color .3s ease}.input-container textarea:focus{outline:none;border-color:#8c7d77}.send-button{padding:15px 25px;background:#8c7d77;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.send-button:hover:not(:disabled){background:#b7a18e}.send-button:disabled{opacity:.6;cursor:not-allowed}.completion-message{padding:30px;background:linear-gradient(135deg,#d4c0aa,#b7a18e);border-radius:15px;text-align:center}.completion-content h3{color:#8c7d77;font-size:1.5rem;margin-bottom:20px;font-weight:600}.completion-content p{color:#2d3748;line-height:1.6;margin-bottom:15px;font-size:1rem}.completion-content a{color:#8c7d77;text-decoration:none;font-weight:600}.completion-content a:hover{text-decoration:underline}.about-logic-button{position:fixed;bottom:20px;right:20px;padding:10px 15px;background:#8c7d77;color:#fff;border:none;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease;z-index:1000}.about-logic-button:hover{background:#b7a18e;transform:translateY(-2px)}.about-logic-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.about-logic-modal{background:#fff;border-radius:15px;padding:30px;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #0003}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#8c7d77;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#f0f0f0;border-radius:50%}.about-logic-modal h2{color:#8c7d77;margin-bottom:20px;font-size:1.8rem}.logic-section{margin-bottom:25px}.logic-section h3{color:#8c7d77;margin-bottom:10px;font-size:1.2rem}.logic-section h4{color:#b7a18e;margin-bottom:8px;font-size:1rem}.logic-section p{color:#2d3748;line-height:1.6;margin-bottom:10px}.logic-section ul{margin-left:20px;color:#2d3748}.logic-section li{margin-bottom:5px;line-height:1.5}.pillar{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px;border-left:4px solid #8C7D77}.pillar h4{margin-top:0}.gibbs-explanation{background:#f0f8ff;padding:20px;border-radius:8px;margin-top:20px;border-left:4px solid #B7A18E}.gibbs-explanation h4{color:#8c7d77;margin-top:0;margin-bottom:15px}.gibbs-explanation ol{margin-left:20px;color:#2d3748}.gibbs-explanation li{margin-bottom:8px;line-height:1.5}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes grow{0%{transform:scale(.8);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes stretch{0%{transform:scaleY(.8)}to{transform:scaleY(1)}}@keyframes flourish{0%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0)}}@keyframes bloom-prep{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes bloom{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@media (max-width: 768px){.app-container{grid-template-columns:1fr;gap:20px;padding:20px}.plant-image{font-size:6rem}.chat-container{height:500px}.message{max-width:90%}.message-content{padding:12px 16px;font-size:.9rem;line-height:1.4}.input-container{padding:15px;gap:8px}.input-container textarea{padding:12px;font-size:.9rem;min-height:60px}.send-button{padding:12px 16px;font-size:.9rem}.mbti-grid{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#d4c0aa,#b7a18e);min-height:100vh}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}