.sleep-intro{text-align:center;background:linear-gradient(180deg, var(--primary) 0%, var(--primary) 50%, var(--primary) 100%);color:#fff;border-radius:15px;margin:30px 0;padding:50px 20px;position:relative;overflow:hidden}.night-sky{height:120px;margin-bottom:10px;position:relative}.moon{background:radial-gradient(circle at 30% 30%, var(--primary), var(--primary), var(--primary));border-radius:50%;width:80px;height:80px;margin:0 auto;position:relative;box-shadow:0 0 40px #00000014,0 0 80px #00000014}.moon:after{content:"";background:#00000014;border-radius:50%;width:25px;height:25px;position:absolute;top:8px;right:10px}.star{background:#fff;border-radius:50%;width:4px;height:4px;animation:2s ease-in-out infinite twinkle;position:absolute}.star:before{content:"";background:#fff;border-radius:1px;width:2px;height:10px;position:absolute;top:-3px;left:1px}.star:after{content:"";background:#fff;border-radius:1px;width:10px;height:2px;position:absolute;top:1px;left:-3px}.star-1{animation-delay:0s;top:15px;left:15%}.star-2{animation-delay:.5s;top:30px;right:20%}.star-3{animation-delay:1s;top:10px;right:10%}.star-4{animation-delay:1.5s;top:50px;left:10%}.star-5{animation-delay:.8s;top:20px;left:40%}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.intro-text{text-shadow:0 2px 10px #0000004d;margin-bottom:30px;font-size:1.3em;line-height:1.8}.test-info{flex-wrap:wrap;justify-content:center;gap:30px;margin:30px 0;display:flex}.test-info p{opacity:.9;margin:5px 0;font-size:1.1em}.btn-primary{color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:30px;padding:15px 40px;font-size:1.2em;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00000014}.progress-bar{background:#1e1b4b22;border-radius:5px;width:100%;height:10px;margin-bottom:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--primary), var(--primary));width:0%;height:100%;transition:width .3s}.question-counter{text-align:center;color:#666;margin-bottom:30px;font-size:1.2em}.question-container{padding:40px 20px}.question-container h2{text-align:center;color:#333;margin-bottom:40px;font-size:1.4em;line-height:1.6}.options{flex-direction:column;gap:12px;max-width:600px;margin:0 auto;display:flex}.option-btn{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:18px;font-size:1.1em;transition:all .2s}.option-btn:hover{background:linear-gradient(135deg, #eef2ff 0%, var(--bg-subtle) 100%);border-color:var(--primary);transform:translate(5px)}.result-container{text-align:center;padding:40px 20px}.result-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 50%, var(--primary) 100%);color:#fff;border-radius:20px;margin-bottom:30px;padding:40px 30px;box-shadow:0 10px 40px #00000014}.result-emoji{margin-bottom:15px;font-size:4em}.result-type-name{color:#fff;margin-bottom:10px;font-size:1.8em}.result-schedule{opacity:.9;background:#ffffff26;border-radius:20px;padding:8px 20px;font-size:1.05em;display:inline-block}.result-detail{text-align:left;margin-bottom:30px}.result-detail h3{color:var(--primary);text-align:center;margin-bottom:15px}.result-desc{color:#555;max-width:600px;margin:0 auto;font-size:1.1em;line-height:1.8}.traits-section{background:#f8f9fa;border-radius:15px;margin-bottom:25px;padding:25px}.traits-section h3{color:var(--primary);margin-bottom:15px}.traits-list{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.trait-tag{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;border-radius:20px;padding:8px 16px;font-size:.95em}.tips-section{background:linear-gradient(135deg, #eef2ff 0%, var(--bg-subtle) 100%);text-align:left;border-radius:15px;margin-bottom:25px;padding:25px}.tips-section h3{color:var(--primary);text-align:center;margin-bottom:15px}.tips-list{max-width:550px;margin:0 auto;padding:0;list-style:none}.tips-list li{border-left:4px solid var(--primary);color:#555;background:#fff;border-radius:10px;margin-bottom:10px;padding:12px 15px;line-height:1.6}.compat-section{margin-bottom:25px}.compat-section h3{color:var(--primary);margin-bottom:15px}.compat-wrap{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.compat-item{border-radius:10px;padding:15px 25px}.compat-item.good{background:#e8f5e9}.compat-item.bad{background:#ffebee}.compat-label{color:#666;margin-bottom:5px;font-size:.9em;display:block}.compat-value{font-size:1.2em;font-weight:700}.compat-item.good .compat-value,.compat-item.bad .compat-value{color:var(--primary)}#retry-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;margin-top:20px}.content-section{max-width:800px;margin:40px auto;line-height:1.8}.content-section h2{color:var(--primary);margin-top:35px;margin-bottom:15px;font-size:1.4em}.content-section p{color:#555;margin-bottom:15px}.content-section ul{margin-bottom:15px;padding-left:20px}.content-section li{color:#555;margin-bottom:10px}@media (width<=768px){.test-info{flex-direction:column;gap:10px}.intro-text{font-size:1.1em}.moon{width:60px;height:60px}.night-sky{height:90px}.result-emoji{font-size:3em}.result-type-name{font-size:1.4em}.result-schedule{font-size:.95em}.compat-wrap{flex-direction:column;gap:15px}}