@import"https://stackpath.bootstrapcdn.com/bootswatch/4.5.2/darkly/bootstrap.min.css";body{background:linear-gradient(-45deg,#121212,#1a1a2e,#16213e,#0f3460);background-size:400% 400%;animation:gradientFade 10s ease infinite;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}@keyframes gradientFade{0%{background-position:bottom left}50%{background-position:top right}to{background-position:bottom left}}.desktop-title{font-size:4rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.mobile-title{font-size:2rem;text-align:center;display:none}@media (max-width: 768px){.desktop-title{display:none}.mobile-title{display:block}}.questionnaire-container{position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#121212;color:#fff;text-align:center;padding:20px}.emoji{font-size:8rem;margin-bottom:20px}@media (max-width: 768px){.emoji{font-size:6rem}}.answer-buttons{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%;max-width:900px}.answer-buttons .btn{font-size:1.6rem;padding:20px;width:100%;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}@media (min-width: 1024px){.answer-buttons{max-width:1000px}}.answer-buttons .btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #fff3}.btn-success{background-color:#28a745;border:none}.btn-danger{background-color:#dc3545;border:none}.btn-secondary{background-color:#6c757d;border:none}