body{font-family:'Poppins',sans-serif;background:linear-gradient(135deg,#e0f2ff,#ffffff);color:#222;margin:0;padding:0;}
@media(prefers-color-scheme:dark){body{background:linear-gradient(135deg,#0a0f1f,#1f1f2e);color:#eee;}}
.iq-container{max-width:800px;margin:2rem auto;padding:1rem;}
.iq-header{text-align:center;margin-bottom:2rem;}
.iq-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:2rem;text-align:center;min-height:120px;}
@media(prefers-color-scheme:dark){.iq-card{background:#222;color:#eee;}}
.option{display:block;margin:.5rem 0;padding:.8rem;border:none;border-radius:8px;background:#f0f0f0;cursor:pointer;}
.option:hover{background:#0073aa;color:#fff;}
.timer{font-weight:bold;margin:1rem 0;color:#d62828;}
.progress{margin-top:1rem;font-size:.9rem;color:#555;}
.result{text-align:center;margin-top:1rem;}
button.share,button.retry{margin:.5rem;padding:.8rem 1.2rem;border:none;border-radius:8px;cursor:pointer;color:#fff;}
button.share{background:#0073aa;}button.retry{background:#00a859;}
canvas{max-width:100%;margin:1rem auto;display:block;}