:root{color-scheme:light dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-height:100vh;background-color:#0d1117;color:#c9d1d9}#root{display:flex;min-height:100vh}.app-root{flex:1;display:flex;flex-direction:column}.app-header{border-bottom:1px solid #30363d;padding:12px 16px;background-color:#010409}.app-title{font-size:18px;font-weight:600}.app-main{flex:1;padding:16px;display:flex;justify-content:center}.app-container{width:100%;max-width:960px}.card{background-color:#161b22;border:1px solid #30363d;border-radius:12px;padding:16px}.card+.card{margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;border:1px solid #30363d;background-color:#21262d;color:#c9d1d9;font-size:14px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .05s ease}.button:hover{background-color:#292f36;border-color:#8b949e}.button-primary{background-color:#1f6feb;border-color:#1f6feb;color:#f0f6fc}.button-primary:hover{background-color:#388bfd;border-color:#388bfd}.button-ghost{background-color:transparent}.button[disabled]{opacity:.6;cursor:default}.field-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field-label{font-size:13px;color:#8b949e}.field-input{padding:6px 8px;border-radius:6px;border:1px solid #30363d;background-color:#0d1117;color:#c9d1d9;font-size:14px}.field-input:focus{outline:2px solid #1f6feb;outline-offset:1px}.question-text{font-size:16px;margin-bottom:12px}.options-grid{display:flex;flex-direction:column;gap:8px}.option-button{width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid #30363d;background-color:#0d1117;color:#c9d1d9;font-size:14px;cursor:pointer;display:flex;gap:8px}.option-button:hover{background-color:#151b23}.option-button-selected{border-color:#1f6feb;background-color:#151b23}.option-letter{font-weight:600;color:#8b949e}.option-text{flex:1}.progress-bar{position:relative;width:100%;height:8px;border-radius:999px;background-color:#21262d;overflow:hidden}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:inherit;background-color:#1f6feb;transition:width .2s ease}.quiz-footer{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.quiz-footer-left,.quiz-footer-right{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.muted{font-size:13px;color:#8b949e}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.stat-item{padding:10px 12px;border-radius:10px;border:1px solid #30363d;background-color:#0d1117}.stat-label{font-size:12px;color:#8b949e;margin-bottom:4px}.stat-value{font-size:18px;font-weight:600}.attempt-table{width:100%;border-collapse:collapse;font-size:13px}.attempt-table th,.attempt-table td{border-bottom:1px solid #21262d;padding:6px 4px;text-align:left}.attempt-table th{color:#8b949e;font-weight:500}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid #30363d}.pill-success{border-color:#238636;color:#3fb950}.pill-warn{border-color:#9e6a03;color:#d29922}.pill-danger{border-color:#da3633;color:#f85149}@media(max-width:600px){.app-main,.card{padding:12px}.quiz-footer{flex-direction:column;align-items:stretch}.quiz-footer-left,.quiz-footer-right{justify-content:space-between}}