.ad-popup-overlay[data-astro-cid-jz77fmqd]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in-out}.ad-popup-content[data-astro-cid-jz77fmqd]{position:relative;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}.ad-popup-close[data-astro-cid-jz77fmqd]{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;background:#333;color:#fff;border:2px solid white;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10000}.ad-popup-close[data-astro-cid-jz77fmqd]:hover{background:#555;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.game-section .language-switcher{position:fixed;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:1000}.game-section @media (max-width: 768px){.btn{width:100%}.game-section .language-switcher{top:.5rem;right:.5rem}.game-section}.scan-content{text-align:center;padding:2rem 1.5rem;background:#1e293bcc;border-radius:1rem;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh}.scan-animation{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem}.aura-circle{width:100px;height:100px;margin:0;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);position:relative;animation:pulse 2s ease-in-out infinite}.aura-circle:before{content:"";position:absolute;inset:-15px;border-radius:50%;border:3px solid rgba(99,102,241,.3);animation:ripple 2s ease-out infinite}.aura-circle:after{content:"";position:absolute;inset:-30px;border-radius:50%;border:2px solid rgba(139,92,246,.2);animation:ripple 2s ease-out infinite .5s}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.scan-text{font-size:1.3rem;color:var(--text-primary);animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.result-card{position:relative;overflow:hidden}.result-card.pink{border-left:4px solid #ff69b4;background:linear-gradient(135deg,#ff69b41a,#1e293bcc)}.result-card.blue{border-left:4px solid #4a90e2;background:linear-gradient(135deg,#4a90e21a,#1e293bcc)}.result-card.yellow{border-left:4px solid #ffd700;background:linear-gradient(135deg,#ffd7001a,#1e293bcc)}.result-card.green{border-left:4px solid #50c878;background:linear-gradient(135deg,#50c8781a,#1e293bcc)}.result-card.purple{border-left:4px solid #9b59b6;background:linear-gradient(135deg,#9b59b61a,#1e293bcc)}.result-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12rem;opacity:.1;z-index:0;pointer-events:none;margin:0}.result-title,.result-summary,.result-details{position:relative;z-index:1}.detail-section{margin-bottom:2rem;padding:1.5rem;background:#0f172a80;border-radius:1rem}@media(min-width:768px){.aura-circle{width:130px;height:130px}.aura-circle:before{inset:-20px}.aura-circle:after{inset:-40px}}.cafe-traits-section{margin-top:2rem;padding:2rem;background:#0f172a80;border-radius:1rem;border-left:4px solid var(--primary-color)}.cafe-traits-section h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary);font-weight:600}.traits-list li:before{content:"☕";position:absolute;left:0}@media(max-width:768px){.result-icon{font-size:3rem}.cafe-traits-section{padding:1.5rem}.cafe-traits-section h3{font-size:1.1rem}.traits-list li{font-size:.95rem}}.color-circle{width:150px;height:150px;border-radius:50%;margin:0 auto 2rem;box-shadow:0 10px 30px #0000004d;animation:pulse 2s ease-in-out infinite;transition:all .3s ease}.result-subtitle{font-size:1.3rem;margin-bottom:1.5rem;font-weight:600;color:var(--text-primary)}.today-message-section{margin-top:2rem;padding:2rem;background:#0f172a80;border-radius:1rem;border-left:4px solid var(--primary-color);text-align:center}.today-message-section h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary);font-weight:600}.today-message{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;font-style:italic;margin:0}@media(max-width:768px){.color-circle{width:120px;height:120px}.today-message-section{padding:1.5rem}.today-message-section h3{font-size:1.1rem}.today-message{font-size:1rem}}.landing-content,.result-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:var(--spacing-md) var(--spacing-sm);background:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.result-actions{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}.result-actions .btn{width:100%;max-width:320px}.card-container{perspective:1000px;margin:2rem 0;display:flex;justify-content:center}.card{width:280px;height:350px;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.card.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-shadow:0 10px 30px #0000004d}.card-front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-back{background:#fff;color:#1e293b;transform:rotateY(180deg)}.card-icon{font-size:4rem;margin-bottom:1rem}.card-hint{font-size:1.1rem;text-align:center}.quote-icon{font-size:3rem;margin-bottom:1rem}.quote-text{font-size:1.2rem;line-height:1.6;text-align:center;margin-bottom:1.5rem;font-weight:500;color:#1e293b}.quote-color{width:60px;height:60px;border-radius:50%;margin:0 auto;box-shadow:0 4px 15px #0003}@media(min-width:768px){.landing-content{width:100%;max-width:420px;min-height:420px;margin-left:auto;margin-right:auto}.card{width:320px;height:400px}.quote-text{font-size:1.4rem}}@media(min-width:1024px){.landing-content{max-width:460px;min-height:460px}.card{width:360px;height:450px}}.ad-section-top{margin:1rem 0 2rem;display:flex;justify-content:center;min-height:100px;align-items:center}.ad-section-bottom{margin:2rem 0 1rem;display:flex;justify-content:center;min-height:100px;align-items:center}.mbti-badge{display:inline-block;background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;padding:.8rem 2rem;border-radius:2rem;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;width:100%}.result-subtitle{font-size:1.3rem;text-align:center;margin-bottom:1.5rem;color:#ff6b9d;font-weight:600}.stats-section{margin-top:2rem;padding:2rem;background:#0f172a80;border-radius:1rem}[data-theme=light] .stats-section{background:linear-gradient(135deg,#fff1f2f2,#ffe4e6f2)!important;border:1px solid rgba(255,107,157,.2)!important;box-shadow:0 4px 12px #ff6b9d26!important}.stats-section h3{font-size:1.5rem;margin-bottom:1.5rem;text-align:center;color:var(--text-primary)}.stat-item{margin-bottom:1.5rem}.stat-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:1rem;color:var(--text-primary)}.stat-value{font-weight:700;color:#ff6b9d}.stat-bar{width:100%;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.stat-fill{height:100%;background:linear-gradient(90deg,#ff6b9d,#c44569);border-radius:10px;transition:width 1s ease}.related-tests{margin:3rem 0;padding:2rem;background:#1e293b80;border-radius:1rem}[data-theme=light] .related-tests{background:linear-gradient(135deg,#fffafcf2,#fff5f8f2)!important;border:1px solid rgba(255,107,157,.2)!important;box-shadow:0 4px 12px #ff6b9d1a!important}.related-tests h3{font-size:1.3rem;margin-bottom:1.5rem;text-align:center;color:var(--text-primary)}.test-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.test-link{display:block;padding:1rem;background:#0f172a80;border:1px solid rgba(255,107,157,.3);border-radius:.5rem;text-decoration:none;color:var(--text-primary);text-align:center;transition:all .3s}[data-theme=light] .test-link{background:linear-gradient(135deg,#ffffffe6,#fffafce6)!important;border:1px solid rgba(255,107,157,.25)!important;box-shadow:0 2px 8px #ff6b9d1a!important}.test-link:hover{background:#ff6b9d33;border-color:#ff6b9d;transform:translateY(-2px)}[data-theme=light] .result-card{background:linear-gradient(135deg,#fff1f2fa,#ffe4e6fa)!important;border:2px solid rgba(255,107,157,.25)!important;box-shadow:0 4px 20px #ff6b9d33!important}@media(max-width:768px){.btn{width:100%}.test-links{grid-template-columns:1fr}}.result-card.secure{border-left:4px solid #50c878;background:linear-gradient(135deg,#50c8781a,#1e293bcc)}.result-card.avoidant{border-left:4px solid #4a90e2;background:linear-gradient(135deg,#4a90e21a,#1e293bcc)}.result-card.anxious{border-left:4px solid #ff6b9d;background:linear-gradient(135deg,#ff6b9d1a,#1e293bcc)}.result-card.fearful{border-left:4px solid #9b59b6;background:linear-gradient(135deg,#9b59b61a,#1e293bcc)}[data-theme=light] .result-card.secure{background:linear-gradient(135deg,#f0fdf4fa,#dcfce7fa)!important;border:2px solid rgba(80,200,120,.25)!important;box-shadow:0 4px 20px #50c87833!important}[data-theme=light] .result-card.avoidant{background:linear-gradient(135deg,#eff6fffa,#dbeafefa)!important;border:2px solid rgba(74,144,226,.25)!important;box-shadow:0 4px 20px #4a90e233!important}[data-theme=light] .result-card.anxious{background:linear-gradient(135deg,#fff1f2fa,#ffe4e6fa)!important;border:2px solid rgba(255,107,157,.25)!important;box-shadow:0 4px 20px #ff6b9d33!important}[data-theme=light] .result-card.fearful{background:linear-gradient(135deg,#faf5fffa,#f3e8fffa)!important;border:2px solid rgba(155,89,182,.25)!important;box-shadow:0 4px 20px #9b59b633!important}.type-badge{display:inline-block;padding:.8rem 2rem;border-radius:2rem;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;width:100%}.result-card.secure .type-badge{background:linear-gradient(135deg,#50c878,#3da85a);color:#fff}.result-card.avoidant .type-badge{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.result-card.anxious .type-badge{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff}.result-card.fearful .type-badge{background:linear-gradient(135deg,#9b59b6,#7d3c98);color:#fff}[data-theme=light] .detail-section{background:linear-gradient(135deg,#fffffff2,#faf8fff2)!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .result-card.secure .detail-section{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2)!important;border-left-color:#50c878!important;box-shadow:0 4px 12px #50c87826!important}[data-theme=light] .result-card.avoidant .detail-section{background:linear-gradient(135deg,#eff6fff2,#dbeafef2)!important;border-left-color:#4a90e2!important;box-shadow:0 4px 12px #4a90e226!important}[data-theme=light] .result-card.anxious .detail-section{background:linear-gradient(135deg,#fff1f2f2,#ffe4e6f2)!important;border-left-color:#ff6b9d!important;box-shadow:0 4px 12px #ff6b9d26!important}[data-theme=light] .result-card.fearful .detail-section{background:linear-gradient(135deg,#faf5fff2,#f3e8fff2)!important;border-left-color:#9b59b6!important;box-shadow:0 4px 12px #9b59b626!important}@media(max-width:768px){.type-badge{font-size:1.2rem;padding:.6rem 1.5rem}.btn{width:100%}}.type-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.8rem 2rem;border-radius:2rem;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;width:100%}.result-subtitle{font-size:1.3rem;text-align:center;margin-bottom:1.5rem;color:#f59e0b;font-weight:600}.habit-analysis{margin-top:2rem;padding:2rem;background:#0f172a80;border-radius:1rem}.habit-analysis h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.analysis-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.8rem;background:#1e293b80;border-radius:.5rem}.analysis-label{font-size:1rem;color:var(--text-secondary)}.analysis-value{font-size:1rem;font-weight:700;color:#f59e0b}.advice-section{margin-top:2rem;padding:2rem;background:#0f172a80;border-radius:1rem;border-left:4px solid #22c55e}.advice-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.advice-tips{display:flex;flex-direction:column;gap:1.5rem}.advice-tip{padding:1.5rem;background:#1e293b80;border-radius:1rem;border-left:3px solid #22c55e}.advice-tip h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary)}.advice-tip p{color:var(--text-secondary);line-height:1.6}.btn-secondary:hover{border-color:#f59e0b;background:#f59e0b33}@media(max-width:768px){.btn{width:100%}}.color-circle{width:150px;height:150px;border-radius:50%;margin:0 auto 2rem;box-shadow:0 10px 30px #0000004d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.result-subtitle{font-size:1.3rem;margin-bottom:1.5rem;font-weight:600}.universe-color-section{margin-top:2rem;padding:2rem;background:#0f172a80;border-radius:1rem;border-left:4px solid var(--primary-color)}.universe-color-section h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}.universe-color-section p{font-size:1rem;color:var(--text-secondary);line-height:1.8}@media(max-width:768px){.color-circle{width:120px;height:120px}.btn{width:100%}}.result-icon{font-size:4rem;margin-bottom:1rem;text-align:center}.result-subtitle{font-size:1.3rem;margin-bottom:1.5rem;font-weight:600;color:var(--text-primary);text-align:center}.night-traits-section{margin-top:2rem;padding:2rem;background:#0f172a80;border-radius:1rem;border-left:4px solid var(--primary-color)}.night-traits-section h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary);font-weight:600}.traits-list{list-style:none;padding:0;margin:0}.traits-list li{font-size:1rem;color:var(--text-secondary);line-height:1.8;padding:.5rem 0 .5rem 1.5rem;position:relative}.traits-list li:before{content:"✨";position:absolute;left:0}.result-card{transition:border-color .3s ease}@media(max-width:768px){.result-icon{font-size:3rem}.night-traits-section{padding:1.5rem}.night-traits-section h3{font-size:1.1rem}.traits-list li{font-size:.95rem}}.ad-break-content{text-align:center;padding:2rem 1.5rem;background:#1e293bcc;border-radius:1rem}.ad-break-content h2{font-size:1.6rem;margin-bottom:1rem}.ad-break-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.result-summary{font-size:1.2rem;text-align:center;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.result-details{margin-top:2rem}.detail-section{margin-bottom:2rem;padding:1.5rem;background:#0f172a80;border-radius:1rem;border-left:4px solid var(--primary-color)}.detail-section h3{font-size:1.2rem;margin-bottom:.8rem;color:var(--text-primary)}.detail-section p{color:var(--text-secondary);line-height:1.8;font-size:1rem}.btn-secondary:hover{border-color:var(--primary-color);background:#6366f133}@media(min-width:768px){.landing-content,.quiz-content,.ad-break-content,{}}.native-ad-section{margin:3rem 0;display:flex;justify-content:center;min-height:250px;align-items:center}.stress-level-card{background:#1e293bcc;border-radius:1.5rem;padding:3rem;border:1px solid rgba(255,255,255,.1);margin-bottom:2rem;text-align:center}[data-theme=light] .stress-level-card{background:linear-gradient(135deg,#fff1f2fa,#ffe4e6fa)!important;border:2px solid rgba(255,107,157,.25)!important;box-shadow:0 4px 20px #ff6b9d33!important}.stress-meter{margin-bottom:2rem}.stress-circle{width:200px;height:200px;border-radius:50%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:all 1s ease}.stress-number{font-size:3rem;font-weight:700;color:var(--text-primary)}.stress-label{font-size:1.2rem;color:var(--text-secondary);margin-top:.5rem}.stress-title{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.stress-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.relief-section{background:#1e293bcc;border-radius:1.5rem;padding:2rem;margin-bottom:2rem;border-left:4px solid #22c55e}[data-theme=light] .relief-section{background:linear-gradient(135deg,#fff1f2f2,#ffe4e6f2)!important;border:1px solid rgba(255,107,157,.2)!important;box-shadow:0 4px 12px #ff6b9d26!important;border-left:none!important}.relief-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.relief-tips{display:flex;flex-direction:column;gap:1.5rem}.relief-tip{padding:1.5rem;background:#0f172a80;border-radius:1rem;border-left:3px solid #22c55e}[data-theme=light] .relief-tip{background:linear-gradient(135deg,#ffffffe6,#fffafce6)!important;border:1px solid rgba(255,107,157,.25)!important;box-shadow:0 2px 8px #ff6b9d1a!important;border-left:none!important}.relief-tip h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary)}.relief-tip p{color:var(--text-secondary);line-height:1.6}.info-section{background:#1e293bcc;border-radius:1.5rem;padding:2rem;margin-bottom:2rem}[data-theme=light] .info-section{background:linear-gradient(135deg,#fff1f2f2,#ffe4e6f2)!important;border:1px solid rgba(255,107,157,.2)!important;box-shadow:0 4px 12px #ff6b9d26!important}.info-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.level-guide{display:flex;flex-direction:column;gap:1rem}.guide-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#0f172a80;border-radius:.5rem}[data-theme=light] .guide-item{background:linear-gradient(135deg,#ffffffe6,#fffafce6)!important;border:1px solid rgba(255,107,157,.25)!important;box-shadow:0 2px 8px #ff6b9d1a!important}.guide-color{width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:.2rem}.guide-text{flex:1}.guide-text strong{display:block;color:var(--text-primary);margin-bottom:.3rem;font-size:1rem}.guide-text p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.humor-section{background:#1e293bcc;border-radius:1.5rem;padding:2rem;margin-bottom:2rem;border-left:4px solid #f59e0b}[data-theme=light] .humor-section{background:linear-gradient(135deg,#fff1f2f2,#ffe4e6f2)!important;border:1px solid rgba(255,107,157,.2)!important;box-shadow:0 4px 12px #ff6b9d26!important;border-left:none!important}.humor-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.humor-content{color:var(--text-secondary);line-height:1.8;font-size:1rem}.humor-item{margin-bottom:1rem;padding:1rem;background:#0f172a80;border-radius:.5rem}[data-theme=light] .humor-item{background:linear-gradient(135deg,#ffffffe6,#fffafce6)!important;border:1px solid rgba(255,107,157,.25)!important;box-shadow:0 2px 8px #ff6b9d1a!important}.btn-secondary:hover{border-color:#ff6b9d;background:#ff6b9d33}[data-theme=light] .result-content{background:linear-gradient(135deg,#fffafcf2,#fff5f8f2)!important}.landing-content,.quiz-content,.result-content{max-width:500px;margin:0 auto;padding:3.5rem 2.5rem!important;border-radius:1.5rem!important}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#ff6b9d,#c44569)!important;border:none!important;box-shadow:0 4px 15px #ff6b9d66!important;padding:1.2rem 3rem!important;font-size:1.2rem!important;border-radius:1rem!important;font-weight:700!important;letter-spacing:.5px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-theme=light] .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b9d80!important}[data-theme=light] .option-btn{background:linear-gradient(135deg,#ffffffe6,#fffafce6)!important;border:1px solid rgba(255,107,157,.3)!important;color:var(--text-primary)!important;box-shadow:0 2px 8px #ff6b9d0d!important;padding:1.2rem!important;border-radius:1rem!important;font-size:1.05rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-theme=light] .option-btn:hover{border-color:#ff6b9d!important;background:linear-gradient(135deg,#fff0f5f2,#ffebf0f2)!important;box-shadow:0 4px 15px #ff6b9d33!important;transform:translateY(-2px)!important;color:#c44569!important;font-weight:600}.options-container{display:flex;flex-direction:column;gap:1rem;width:100%}.question-text{font-weight:700;margin-bottom:2rem;color:var(--text-primary)}[data-theme=light] .question-text{color:#2d3748}[data-theme=light] .progress-fill{background:linear-gradient(90deg,#ff6b9d,#c44569)!important}[data-theme=light] .progress-bar{background:#ff6b9d1a!important}@media(max-width:768px){.stress-level-card{padding:2rem 1.5rem}.stress-circle{width:150px;height:150px}.stress-number{font-size:2.5rem}.stress-title{font-size:1.5rem}.btn{width:100%}.landing-content,.quiz-content,.result-content{width:100%;max-width:100%}}