body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-50:#fef2f6;--primary-100:#fde6ed;--primary-200:#fbd0dd;--primary-300:#f8a8c1;--primary-400:#f3769f;--primary-500:#ed2a6b;--primary-600:#d61a55;--primary-700:#b31445;--primary-800:#96153c;--primary-900:#7d1635;--primary-950:#440719;--secondary-50:#fcf8f9;--secondary-100:#f3e7eb;--secondary-200:#e7cfd7;--secondary-300:#d6acbd;--secondary-400:#c283a1;--secondary-500:#ac5f85;--secondary-600:#97486f;--secondary-700:#81395b;--secondary-800:#6d304c;--secondary-900:#5c2940;--secondary-950:#2f111e}.onboarding-container,.quiz-container,.results-container{background-color:#fcf8f9;background-color:var(--secondary-50);display:flex;flex-direction:column;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.onboarding-header,.quiz-header,.results-header{align-items:center;display:flex;justify-content:center;padding:1rem;position:relative}.quiz-header{justify-content:space-between}.logo{color:#2f111e;color:var(--secondary-950);font-size:1.125rem;font-weight:700;margin:0}.back-button{background:none;border:none;border-radius:50%;color:#97486f;color:var(--secondary-600);cursor:pointer;padding:.5rem;transition:background-color .2s}.back-button:hover{background-color:#f3e7eb;background-color:var(--secondary-100)}.question-counter{color:#97486f;color:var(--secondary-600);font-size:.875rem;font-weight:600}.onboarding-main,.quiz-main,.results-main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1.5rem;text-align:center}.onboarding-content,.results-content{max-width:24rem;width:100%}.welcome-title{font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.welcome-description,.welcome-title{color:#2f111e;color:var(--secondary-950)}.welcome-description{font-size:1rem;margin-bottom:2rem}.steps-container{margin-bottom:2rem}.step-item{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.step-item.disabled{opacity:.5}.step-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.step-icon.primary{background-color:#fde6ed;background-color:var(--primary-100);color:#ed2a6b;color:var(--primary-500)}.step-icon.secondary{background-color:#f3e7eb;background-color:var(--secondary-100);color:#ac5f85;color:var(--secondary-500)}.step-content{flex:1 1;text-align:left}.step-number{color:#2f111e;color:var(--secondary-950);font-size:.875rem;font-weight:600;margin:0}.step-number.disabled{color:#c283a1;color:var(--secondary-400)}.step-title{color:#2f111e;color:var(--secondary-950);font-size:1rem;font-weight:700;margin:0}.step-title.disabled{color:#c283a1;color:var(--secondary-400)}.progress-container{margin-bottom:2rem}.progress-label{color:#2f111e;color:var(--secondary-950);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.progress-bar{background-color:#e7cfd7;background-color:var(--secondary-200);border-radius:9999px;height:.5rem;overflow:hidden;position:relative;width:100%}.progress-fill{background-color:#ed2a6b;background-color:var(--primary-500);border-radius:9999px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.onboarding-footer-text{color:#ac5f85;color:var(--secondary-500);font-size:.875rem;line-height:1.4}.onboarding-footer,.quiz-footer,.results-footer{padding:1rem;width:100%}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:9999px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:3rem;justify-content:center;margin-bottom:.75rem;transition:all .2s;width:100%}.btn-primary{background-color:#ed2a6b;background-color:var(--primary-500);box-shadow:0 4px 14px #ed2a6b4d}.btn-primary:hover:not(.disabled){background-color:#d61a55;background-color:var(--primary-600);transform:translateY(-1px)}.btn-primary:active{transform:scale(.95)}.btn-primary.disabled{background-color:#d6acbd;background-color:var(--secondary-300);box-shadow:none;color:#ac5f85;color:var(--secondary-500);cursor:not-allowed}.btn-secondary{background-color:initial;color:#ed2a6b;color:var(--primary-500)}.btn-secondary:hover{background-color:#fde6ed;background-color:var(--primary-100)}.question-container{max-width:32rem;width:100%}.question-title{color:#2f111e;color:var(--secondary-950);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:2rem}.options-container{display:flex;flex-direction:column;gap:.75rem}.option-button{align-items:center;background:#fff;border:2px solid #0000;border-radius:.75rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s}.option-button:hover{border-color:#fbd0dd;border-color:var(--primary-200);box-shadow:0 2px 8px #ed2a6b1a}.option-button.selected{background-color:#fef2f6;background-color:var(--primary-50);border-color:#ed2a6b;border-color:var(--primary-500)}.option-letter{align-items:center;background-color:#f3e7eb;background-color:var(--secondary-100);border-radius:50%;color:#97486f;color:var(--secondary-600);display:flex;flex-shrink:0;font-weight:700;height:2rem;justify-content:center;width:2rem}.option-button.selected .option-letter{background-color:#ed2a6b;background-color:var(--primary-500);color:#fff}.option-text{color:#2f111e;color:var(--secondary-950);flex:1 1;line-height:1.4}.love-language-badge{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem}.love-language-emoji{font-size:4rem;margin-bottom:1rem}.love-language-title{color:#97486f;color:var(--secondary-600);font-size:1.125rem;margin-bottom:.5rem}.love-language-name{color:#ed2a6b;color:var(--primary-500);font-size:1.5rem;font-weight:700;margin:0}.love-language-description{background:#fff;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.love-language-description p{color:#6d304c;color:var(--secondary-800);line-height:1.6;margin:0}.love-language-tips,.next-steps,.quiz-scores{background:#fff;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.love-language-tips h4,.next-steps h4,.quiz-scores h4{color:#2f111e;color:var(--secondary-950);font-size:1.125rem;font-weight:700;margin-bottom:1rem}.love-language-tips ul{margin:0;padding-left:1.5rem}.love-language-tips li{color:#81395b;color:var(--secondary-700);line-height:1.4;margin-bottom:.5rem}.scores-grid{display:flex;flex-direction:column;gap:1rem}.score-item{align-items:center;display:flex;gap:1rem}.score-name{color:#6d304c;color:var(--secondary-800);font-size:.875rem;font-weight:600;min-width:8rem}.score-bar{background-color:#e7cfd7;background-color:var(--secondary-200);border-radius:9999px;flex:1 1;height:.5rem;overflow:hidden}.score-fill{background-color:#f3769f;background-color:var(--primary-400);border-radius:9999px;height:100%;transition:width .3s ease}.score-value{color:#97486f;color:var(--secondary-600);font-size:.875rem;font-weight:600;min-width:2rem}.next-steps p{color:#81395b;color:var(--secondary-700);line-height:1.6;margin:0}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;margin:1rem 0;padding:1rem}.error-container{color:#6d304c;color:var(--secondary-800);flex-direction:column;padding:2rem;text-align:center}.error-container h2{color:#991b1b;margin-bottom:1rem}.btn-primary:disabled,.btn-secondary:disabled,.option-button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-primary.disabled,.btn-secondary.disabled{cursor:not-allowed;opacity:.6}.btn-primary:disabled:after,.btn-secondary:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";display:inline-block;height:12px;margin-left:8px;width:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.onboarding-main,.quiz-main,.results-main{padding:1rem}.welcome-title{font-size:1.5rem}.question-title{font-size:1.25rem}.option-button{padding:.75rem}.score-item{align-items:stretch;flex-direction:column;gap:.5rem}.score-name{min-width:auto}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{align-items:center;display:flex;justify-content:center;padding:20px}.loading{color:#fff;text-align:center}.login-prompt{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:3rem;text-align:center;width:100%}.login-card h1{color:#333;font-size:2rem;margin-bottom:1rem}.login-card p{color:#666;font-size:1.1rem;margin-bottom:2rem}.auth-buttons{display:flex;flex-direction:column;gap:1rem}.dashboard{align-items:center;display:flex;justify-content:center;min-height:100vh}.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:3rem;text-align:center;width:100%}.dashboard-card h1{color:#333;font-size:2.5rem;margin-bottom:2rem}.user-info{margin-bottom:2rem}.user-info h2{color:#555;font-size:1.5rem;margin-bottom:1.5rem}.user-details{background:#667eea1a;border-radius:10px;margin:1rem 0;padding:1.5rem;text-align:left}.user-details p{color:#333;font-size:.95rem;margin-bottom:.5rem}.user-details p:last-child{margin-bottom:0}.user-details strong{color:#667eea;display:inline-block;width:120px}.love-language-info{background:linear-gradient(135deg,#fef2f6,#fcf8f9);background:linear-gradient(135deg,var(--primary-50,#fef2f6) 0,var(--secondary-50,#fcf8f9) 100%);border:1px solid #fbd0dd;border:1px solid var(--primary-200,#fbd0dd);border-radius:10px;margin:1rem 0;padding:1.5rem;text-align:center}.love-language-info h3{color:#d61a55;color:var(--primary-600,#d61a55);font-size:1.2rem;margin-bottom:.5rem}.love-language-info p{color:#81395b;color:var(--secondary-700,#81395b);font-size:.9rem;margin:0}.btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#ee0b0b,#d81859);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#d10a0a,#c21650);box-shadow:0 8px 25px #ee0b0b4d}.btn-secondary{background:linear-gradient(135deg,#fce4ec,#f8bbd9);color:#333}.btn-secondary:hover{box-shadow:0 8px 25px #f8bbd94d}.btn-logout{background:linear-gradient(135deg,#ff6b6b,#ee5a24);margin-top:1rem}.btn-logout:hover{box-shadow:0 8px 25px #ff6b6b4d}.error-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.error-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-left:5px solid #ff6b6b;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.error-card h1{color:#ff6b6b;font-size:2rem;margin-bottom:1rem}.error-card p{color:#666;font-size:1.1rem;margin-bottom:2rem}.error-instructions{background:#ff6b6b1a;border-radius:10px;margin:1.5rem 0;padding:1.5rem;text-align:left}.error-instructions h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.error-instructions ol{margin:0;padding-left:1.5rem}.error-instructions li{color:#555;margin-bottom:.5rem}.error-instructions code{background:#667eea1a;border-radius:4px;color:#667eea;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:2px 6px}.daily-question{background:var(--secondary-color);border:1px solid var(--card-border);border-radius:10px;margin:1rem 0;padding:1.5rem;text-align:center}.daily-question h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.daily-question p{color:var(--text-secondary);font-size:1rem;margin:0}@supports (padding:max(0px)){.safe-area-inset-bottom{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.safe-area-inset-top{padding-top:max(.75rem,env(safe-area-inset-top))}}@media (hover:none) and (pointer:coarse){.cursor-pointer,button{min-height:44px;min-width:44px}input,select,textarea{font-size:16px}}@media screen and (max-width:768px){.App{padding:0}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}}.sticky{position:sticky}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.love-lab-text .love{color:#ee0b0b;color:var(--love-red,#ee0b0b)}.love-lab-text .lab{color:#1e1e1e;color:var(--lab-black,#1e1e1e)}.text-love{color:#ee0b0b;color:var(--love-red,#ee0b0b)}.text-lab{color:#1e1e1e;color:var(--lab-black,#1e1e1e)}
/*# sourceMappingURL=main.86db0854.css.map*/