body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f4f8;line-height:1.6}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.app-wrapper{width:100%;max-width:28rem}.question-card{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.card-header{background-color:#6b46c1;color:#fff;text-align:center;padding:1rem}.card-header h1{margin:0;font-size:1.5rem;font-weight:700}.card-content{padding:1.5rem}.question-section{margin-bottom:1.5rem}.category-label,.question-label{font-size:.875rem;color:#718096;margin-bottom:.25rem;font-weight:500}.category-text{font-size:1.125rem;font-weight:600;color:#6b46c1;margin-bottom:1rem}.question-display{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;min-height:8rem;display:flex;align-items:center}.button-group{display:flex;flex-direction:column;gap:.75rem}.btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.copy-icon{width:1.25rem;height:1.25rem;vertical-align:middle}.btn-secondary{background-color:#e2e8f0;color:#2d3748}.btn-secondary:hover{background-color:#cbd5e0}.btn-primary{background-color:#6b46c1;color:#fff}.btn-primary:hover{background-color:#553c9a}.card-footer{background-color:#f7fafc;padding:1rem;text-align:center;color:#718096;font-size:.875rem}.icon,.dialy{vertical-align:middle;display:inline-block;padding-right:1vi}@media (min-width: 640px){.button-group{flex-direction:row}.button-group .btn{flex:1}}html{font-size:16px}@media (max-width: 768px){html{font-size:14px}}button:focus{outline:2px solid #6b46c1;outline-offset:2px}button:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spinner-rotate{0%{transform:rotate(0);stroke-dasharray:1 126;stroke-dashoffset:0}50%{stroke-dasharray:90 126;stroke-dashoffset:-35}to{transform:rotate(360deg);stroke-dasharray:1 126;stroke-dashoffset:-126}}.loading-spinner-container{display:inline-flex;align-items:center;justify-content:center}.loading-spinner{animation:fadeIn .3s ease-in-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-example{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;text-align:center}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-state p{color:#718096;font-size:.875rem;margin:0}.loaded-state{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeIn .3s ease-in-out}.loaded-state h2{color:#2d3748;margin:0 0 .5rem}@media print{body{background:#fff}.question-card{box-shadow:none}.btn{display:none}}