#quiz-app-root {
    --nt-primary: #2563eb; --nt-primary-dark: #1d4ed8; --nt-success: #16a34a; --nt-error: #dc2626;
    --nt-bg: #f8fafc; --nt-card-bg: #ffffff; --nt-text-main: #1e293b; --nt-text-muted: #64748b;
    --nt-border: #e2e8f0; --nt-radius: 12px;
    font-family: 'Inter', sans-serif !important; background: var(--nt-bg); color: var(--nt-text-main);
    padding: 15px; box-sizing: border-box !important; position: relative; font-size: 14px;
}
#quiz-app-root * { box-sizing: border-box !important; }
#quiz-app-root .card { background: white; border-radius: 12px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); border: 1px solid #eee; margin-bottom: 20px; }
#quiz-app-root .hidden { display: none !important; }
#quiz-app-root .btn { padding: 10px 20px; border-radius: 8px; font-weight: 600; cursor: pointer; border: none; transition: 0.2s; font-size: 14px; }
#quiz-app-root .btn-primary { background: var(--nt-primary); color: white; }
#quiz-app-root .option-item { width: 100%; text-align: left; padding: 10px; margin-bottom: 8px; border: 2px solid #eee; border-radius: 8px; background: white; cursor: pointer; font-size: 15px; color: #1e293b !important; font-weight: 500; text-transform: none !important;}
#quiz-app-root .option-item.selected { border-color: var(--nt-primary); background: #eff6ff; }
#quiz-app-root .feedback { padding: 12px; border-radius: 8px; margin-top: 15px; font-size: 14px; }
#quiz-app-root .feedback-correct { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
#quiz-app-root .feedback-wrong { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
#quiz-app-root input[type="text"], #quiz-app-root input[type="email"] { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 12px; font-size: 14px; }
#quiz-app-root h1 { font-size: 24px !important; margin-bottom: 5px !important; }
#quiz-app-root h2 { font-size: 20px !important; line-height: 1.4 !important; margin-bottom: 15px !important; }
#quiz-app-root h3 { font-size: 18px !important; margin-top: 0 !important; }
@media (max-width: 600px) {
    #quiz-app-root { padding: 10px; }
    #quiz-app-root .card { padding: 15px; }
    #quiz-app-root h1 { font-size: 20px !important; }
    #quiz-app-root h2 { font-size: 18px !important; }
}