html{min-height:100%;position:relative}body{background-color:#121212;color:#e0e0e0;margin-bottom:7rem}.navbar{background-color:#1e1e1e!important;box-shadow:0 2px 8px rgba(0,0,0,.3)}.navbar-brand{color:#fff!important}.bg-light{background-color:#1e1e1e!important;border-bottom:1px solid #333}.card{background-color:#2d2d2d;border:none;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#e0e0e0}.card-title{color:#fff}.btn-primary{background-color:#5c6bc0;border-color:#5c6bc0}.btn-outline-primary{border-color:#5c6bc0;color:#5c6bc0}.btn-outline-primary:hover{background-color:#5c6bc0;color:#fff}.form-control,.form-select{background-color:#2d3748;border:1px solid #4a5568;color:#e2e8f0}.form-control:focus,.form-select:focus{background-color:#2d3748;border-color:#63b3ed;box-shadow:0 0 0 .25rem rgba(99,179,237,.25);color:#e2e8f0}.form-text{color:#a0aec0}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23a0aec0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}.form-select option{background-color:#2d3748;color:#e2e8f0}.btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.alert-info{background-color:#1e3a5f;border-color:#2a4d7d;color:#9cc5f0}.alert-success{background-color:#1e3b2f;border-color:#276749;color:#68d391}.alert-danger{background-color:#471e1e;border-color:#742a2a;color:#feb2b2}.error{background:#471e1e;border-radius:4px;color:#dc3545;padding:10px}.question-card{background:#2d2d2d;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:20px;padding:20px}.question-card h3{color:#fff;margin:0 0 10px}.rating-buttons{display:flex;gap:10px;margin:15px 0}.rating-button{background:#3d3d3d;border:none;border-radius:4px;cursor:pointer;padding:8px 16px;transition:background .2s}.rating-button:hover{background:#4d4d4d}.results{background:#2d2d2d;border-radius:4px;display:block!important;margin-top:15px;min-height:50px;opacity:1!important;padding:15px;visibility:visible!important}.results-box{background-color:#2d2d2d;border-radius:.5rem;color:#e0e0e0;transition:all .3s ease}.results-box:hover{box-shadow:0 4px 6px rgba(0,0,0,.3);transform:translateY(-2px)}.result-stats{color:#e0e0e0;display:flex;font-size:1.1em;justify-content:space-between}.question-results{background:#333;border-radius:4px;display:none;margin-top:12px;padding:12px}.question-results.visible{display:block}.category-badge{box-shadow:0 2px 4px rgba(0,0,0,.2);color:var(--text-color);font-size:.875rem;font-weight:500;padding:.5em 1em;position:relative;text-transform:capitalize;transition:all .2s ease}.footer{background-color:#212529;border-top:1px solid #2d3748;color:#e0e0e0;margin-top:3rem!important;padding:1.5rem 0}.footer a{color:#7eb6ff;transition:color .2s ease}.footer a:hover{color:#add8e6}.footer .text-muted{color:#9ca3af!important}.modal-footer{border-top:1px solid #2d3748}.text-muted{color:#a0aec0!important}.loading{color:#a0aec0;padding:10px;text-align:center}.provide-feedback-link{color:#7eb6ff;cursor:pointer;font-weight:500;text-decoration:underline}.provide-feedback-link:hover{color:#add8e6;text-decoration:none}.chart-wrapper{height:75vh;padding:10px;position:relative;width:100%}#chartModal .modal-content{background-color:#1a202c;min-height:80vh}#chartModal .modal-body{padding:1.5rem}#chartModal .modal-header{border-bottom-color:#2d3748;padding:1rem 1.5rem}#chartModal .modal-title{color:#e2e8f0;font-size:1.5rem}#viewChartContainer{bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}#viewChartBtn{box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s ease}#viewChartBtn:hover{transform:translateY(-2px)}@media (max-width:576px){.btn-lg.btn-outline-primary{font-size:.875rem;margin:0 .15rem!important;padding:.25rem .5rem}.rating-number{display:block;font-size:.8rem;margin-bottom:2px}.rating-emoji{display:block}.card-title,.rating-emoji{font-size:1.1rem}.text-muted{font-size:.9rem}.container{padding-left:10px;padding-right:10px}.card-body{padding:.75rem}}@media (max-width:767px){.footer .text-lg-end{margin-top:.5rem;text-align:left!important}}