body { font-family: Arial, sans-serif; background: #1a2030; min-height: 100vh; padding: 40px 20px; color: #e0e0e0; }
.card { max-width: 640px; margin: 0 auto; background: #fff; color: #1b1b1b; padding: 30px; border-radius: 8px; }
.card h1 { font-size: 24px; margin-bottom: 6px; }
.sub { color: #666; font-size: 14px; margin-bottom: 20px; }
.q { margin: 20px 0; padding-top: 16px; border-top: 1px solid #eee; }
.q h3 { font-size: 16px; margin-bottom: 10px; }
.opts { display: flex; flex-direction: column; gap: 6px; }
.url { background: #f3f6fb; border: 1px solid #ccd6e0; padding: 10px 14px; font-family: Consolas, monospace; font-size: 14px; text-align: left; cursor: pointer; border-radius: 4px; color: #0067b8; }
.url:hover { background: #e3ebf5; }
.url.selected { background: #0067b8; color: #fff; border-color: #0067b8; }
.url.correct { background: #d4edda; color: #155724; border-color: #28a745; }
.url.wrong { background: #f8d7da; color: #721c24; border-color: #dc3545; text-decoration: line-through; }
.btn { background: #0067b8; color: #fff; border: none; padding: 12px 28px; font-size: 15px; border-radius: 4px; cursor: pointer; margin-top: 20px; width: 100%; }
#answers .ans-row { padding: 8px 0 8px 28px; border-bottom: 1px solid #eee; font-size: 14px; position: relative; }
#answers .ans-row::before { content: "\2713"; position: absolute; left: 4px; top: 8px; color: #107c10; font-weight: bold; }
#answers .ans-row code { background: #f3f3f3; padding: 1px 6px; border-radius: 3px; }