:root{--sky-color:#87ceeb;--cloud-color:#fff;--text-color:#333;--sun-color:gold;--sun-border:orange}.qa-page{background-color:var(--sky-color);color:var(--text-color);min-height:100vh;margin:0;padding:0;font-family:"M PLUS Rounded 1c",sans-serif;overflow-x:hidden}.qa-page header h1{font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700}.qa-page.morning .sky-container{background:linear-gradient(#87ceeb 0%,#e0f6ff 100%)}.qa-page.daytime .sky-container{background:linear-gradient(#00bfff 0%,#87ceeb 100%)}.qa-page.sunset .sky-container{background:linear-gradient(coral 0%,gold 100%)}.qa-page.night .sky-container{color:#fff;background:linear-gradient(#191970 0%,#483d8b 100%)}.qa-page.morning header{color:#1a5490;text-shadow:2px 2px 4px #fffc}.qa-page.morning header p{color:#2d5f8f}.qa-page.night header{text-shadow:1px 1px 3px #fff3}.qa-page.night .cloud{background:#f0f0f0;box-shadow:8px 8px #ffffff1a}.qa-page.night .cloud:before,.qa-page.night .cloud:after,.qa-page.night .cloud .cloud-bump{background:#f0f0f0}header{text-align:center;color:#fff;text-shadow:1px 1px 3px #0003;margin-bottom:30px}header h1{margin-bottom:10px;font-size:1.8rem;font-weight:700}header p{opacity:.9;font-size:.9rem}.search-box{margin-bottom:60px}.search-box input{color:#333;background:#ffffffe6;border:2px solid #fff;border-radius:25px;width:80%;max-width:400px;margin-top:15px;padding:12px;font-size:1rem;box-shadow:0 4px 6px #0000001a}.search-box input::placeholder{color:#999}.search-box input:focus{background:#fff;border-color:#fff;outline:none;box-shadow:0 4px 8px #00000026}.category-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.tab-btn{color:#fff;cursor:pointer;background:#ffffff4d;border:2px solid #fff;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .3s}.tab-btn:hover{background:#ffffff80}.tab-btn.active{color:var(--sky-color);background:#fff}.qa-page.morning .tab-btn{color:#1a5490;background:#ffffffb3;border-color:#1a5490}.qa-page.morning .tab-btn:hover{background:#ffffffe6}.qa-page.morning .tab-btn.active{color:#fff;background:#1a5490}.qa-page.night .tab-btn{color:#fffc;border-color:#ffffff80}.qa-page.night .tab-btn.active{color:#191970;background:#fff}.clouds-area{flex-wrap:wrap;justify-content:center;gap:10px;padding-bottom:50px;display:flex}.cloud{background:var(--cloud-color);cursor:pointer;text-align:center;border-radius:50px;justify-content:center;align-items:center;width:160px;height:80px;transition:opacity .3s;animation:6s ease-in-out infinite float;display:flex;position:relative;box-shadow:8px 8px #0000000d}@media (max-width:600px){.clouds-area{justify-content:space-around;gap:0}.cloud{width:40%;height:70px;margin:40px 0;font-size:.85rem}.cloud:before{width:60px;height:60px;top:-30px;left:5px}.cloud:after{width:70px;height:70px;top:-35px;right:5px}.cloud .cloud-bump{width:50px;height:50px;top:-15px;left:35%}.cloud-text{font-size:.85rem}}.cloud:before{content:"";background:var(--cloud-color);border-radius:50%;width:80px;height:80px;position:absolute;top:-40px;left:20px}.cloud:after{content:"";background:var(--cloud-color);border-radius:50%;width:100px;height:100px;position:absolute;top:-50px;right:20px}.cloud .cloud-bump{background:var(--cloud-color);z-index:1;border-radius:50%;width:70px;height:70px;position:absolute;top:-25px;left:65px}.cloud-text{z-index:10;color:#555;font-size:1.1rem;font-weight:700;line-height:1.4;position:relative}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.cloud:nth-child(2n){animation-duration:7s;animation-delay:1s}.cloud:nth-child(3n){animation-duration:5s;animation-delay:.5s}.cloud:nth-child(4n){animation-duration:8s;animation-delay:2s}.cloud.poof{opacity:0;pointer-events:none;transform:scale(1.5)}.modal{z-index:1000;opacity:1;background:#fff9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal.hidden{opacity:0;display:none}.modal-content.sun-shape{background:var(--sun-color);aspect-ratio:1;text-align:center;border:5px solid var(--sun-border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:400px;padding:30px;animation:.5s cubic-bezier(.175,.885,.32,1.275) sun-pop;display:flex;position:relative;box-shadow:0 0 50px #ffd700cc}@keyframes sun-pop{0%{transform:scale(0)rotate(-45deg)}to{transform:scale(1)rotate(0)}}.sun-rays{background:radial-gradient(circle,#0000 40%,#ffd7004d 50%,#0000 60%);border-radius:50%;width:100%;height:100%;animation:3s linear infinite rotate-rays;position:absolute}@keyframes rotate-rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.close-btn{color:#d35400;cursor:pointer;z-index:20;background:0 0;border:none;font-size:2rem;position:absolute;top:20px;right:30px}.answer-body{z-index:10;color:#d35400}.answer-body h2{opacity:.8;margin-bottom:10px;font-size:1rem}.answer-text p#modal-answer-main{margin:10px 0;font-size:1.4rem;font-weight:700;line-height:1.3}.answer-text .detail{color:#a04000;background:#ffffff4d;border-radius:10px;margin-top:15px;padding:10px;font-size:.9rem}