@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Nunito:wght@300;400;600;700;800&display=swap";*{font-family:Kanit,sans-serif!important;margin:0;padding:0;box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,sans-serif}.monaco-editor,.monaco-editor *{font-family:Consolas,Courier New,monospace!important}#root{min-height:100vh;background:linear-gradient(135deg,#faf8f3,#f5f2ea,#ebe8dd);padding:0}.quiz-container{width:100%;min-height:100vh}.ant-layout-sider{box-shadow:4px 0 20px #8b735514;background:linear-gradient(180deg,#fffef9,#faf8f3)!important}.ant-layout-sider-trigger{background:#d4c5a9!important;color:#5d4e37!important;transition:all .3s ease}.ant-layout-sider-trigger:hover{background:#c9b895!important}.ant-menu-item-selected{background:linear-gradient(90deg,#f5f2ea,#ebe8dd)!important;border-left:3px solid #b8a67d!important;border-radius:0 12px 12px 0!important;margin-right:8px!important}.ant-menu-item{border-radius:0 12px 12px 0!important;margin:4px 8px 4px 0!important;transition:all .3s ease}.ant-menu-item:hover{background:#f5f2ea!important}.quiz-card,.result-card{border-radius:24px;box-shadow:0 8px 32px #8b73551a;padding:2.5rem;background:#fffef9;border:2px solid #ebe8dd;overflow:visible}.monaco-editor .suggest-widget,.monaco-editor .parameter-hints-widget,.monaco-editor .context-view,.monaco-editor .monaco-hover,.monaco-editor .editor-widget,.monaco-editor-hover{z-index:9999!important}.monaco-editor,.monaco-editor-background,.monaco-editor .overflow-guard{overflow:visible!important}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quiz-header h3{margin:0;color:#8b7355;font-weight:700;font-size:1.8rem}.question-section{margin:2rem 0}.question-section h4{margin-bottom:1.5rem;color:#6b5841;font-size:1.2rem;line-height:1.6;font-weight:600}.option-button{width:100%;height:auto!important;padding:1rem!important;text-align:left!important;font-size:1rem!important;line-height:1.5!important;border-radius:16px!important;transition:all .3s ease!important;border:2px solid #ebe8dd!important;background:#fffef9!important}.option-button:hover{border-color:#d4c5a9!important;background:#f5f2ea!important;transform:translateY(-2px);box-shadow:0 4px 12px #8b73551f}.option-button.ant-radio-button-wrapper-checked{background:linear-gradient(135deg,#f5f2ea,#ebe8dd)!important;border-color:#b8a67d!important;color:#5d4e37!important;font-weight:600;box-shadow:0 4px 16px #8b735526}.ant-btn-primary{background:linear-gradient(135deg,#c9b895,#b8a67d)!important;border:none!important;border-radius:16px!important;font-weight:600!important;color:#5d4e37!important;box-shadow:0 4px 16px #8b735533!important;transition:all .3s ease!important}.ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b735540!important;background:linear-gradient(135deg,#b8a67d,#a89468)!important}.ant-btn-primary:disabled{background:#ddd!important;box-shadow:none!important}.result-header{text-align:center;margin-bottom:2rem}.trophy-icon{font-size:3.5rem;color:#c9b895;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(139,115,85,.2))}.score-display{text-align:center;margin:2rem 0}.score-display h3{color:#6b5841;font-weight:700}.ant-progress-inner{border-radius:100px!important;overflow:hidden}.ant-progress-bg{border-radius:100px!important}.ant-progress-circle-path{stroke:#c9b895!important}.answer-correct{background:linear-gradient(135deg,#f6ffed,#f0fff4);border:2px solid #b7eb8f;border-left:4px solid #52c41a;border-radius:16px}.answer-wrong{background:linear-gradient(135deg,#fff2f0,#ffe8e6);border:2px solid #ffccc7;border-left:4px solid #d4380d;border-radius:16px}.ant-tag{border-radius:12px!important;padding:4px 12px!important;font-weight:600!important;border:none!important}.ant-tag-success{background:linear-gradient(135deg,#d4f4dd,#a8e6cf)!important;color:#389e0d!important}.ant-tag-green{background:linear-gradient(135deg,#b7eb8f,#95de64)!important;color:#237804!important}.ant-tag-blue{background:linear-gradient(135deg,#bae0ff,#91caff)!important;color:#0958d9!important}.ant-tag-orange{background:linear-gradient(135deg,#ffd8bf,#ffbb96)!important;color:#d46b08!important}.ant-tag-red,.ant-tag-error{background:linear-gradient(135deg,#ffccc7,#ffa39e)!important;color:#cf1322!important}.ant-tag-default{background:linear-gradient(135deg,#f5f2ea,#ebe8dd)!important;color:#5d4e37!important}.ant-select-selector{border-radius:12px!important;border:2px solid #ebe8dd!important}.ant-select-focused .ant-select-selector{border-color:#b8a67d!important;box-shadow:0 0 0 2px #b8a67d1a!important}.ant-alert{border-radius:16px!important;border:2px solid!important}.ant-alert-success{background:linear-gradient(135deg,#f6ffed,#f0fff4)!important;border-color:#b7eb8f!important}.ant-alert-info{background:linear-gradient(135deg,#f5f2ea,#ebe8dd)!important;border-color:#d4c5a9!important}.ant-alert-warning{background:linear-gradient(135deg,#fffbe6,#fff7db)!important;border-color:#ffe58f!important}.ant-alert-error{background:linear-gradient(135deg,#fff2f0,#ffe8e6)!important;border-color:#ffccc7!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f2ea;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4c5a9,#c9b895);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c9b895,#b8a67d)}.ant-card{transition:all .3s ease;border-radius:16px!important}.ant-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b73551f!important}@media(max-width:768px){.quiz-container{padding:1rem}.quiz-card,.result-card{padding:1.5rem;border-radius:20px}.question-section h4{font-size:1rem}.trophy-icon{font-size:3rem}.quiz-header h3{font-size:1.4rem}}@media(max-width:480px){.quiz-header{flex-direction:column;gap:.5rem;text-align:center}.quiz-header h3{font-size:1.2rem}.option-button{padding:.75rem!important;font-size:.9rem!important}.quiz-card,.result-card{border-radius:16px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.trophy-icon{animation:bounce 2s ease-in-out infinite}.ant-list-item{border-radius:12px!important;transition:all .3s ease}.ant-list-item:hover{background:#f5f2ea}