:root{--green-primary: #059669;--green-accent: #34D399;--bg-page: #0A1628;--bg-surface: #0F2233;--bg-border: #1B3A50;--text-primary: #F0FDF4;--text-muted: #6EE7B7;--correct-bg: #064E3B;--wrong-bg: #4C1D1D}@media(prefers-color-scheme:light){:root{--green-primary: #059669;--green-accent: #047857;--bg-page: #F0FDF4;--bg-surface: #FFFFFF;--bg-border: #A7F3D0;--text-primary: #064E3B;--text-muted: #065F46;--correct-bg: #A7F3D0;--wrong-bg: #FECACA}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:Noto Sans Tamil,Tamil Sangam MN,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.7;overflow-x:hidden}header{background:var(--bg-surface);border-bottom:1px solid var(--bg-border);position:sticky;top:0;z-index:100}nav{max-width:800px;margin:0 auto;padding:0 1rem;height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-size:1.1rem;font-weight:700;color:var(--green-accent);text-decoration:none;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;padding:.5rem .75rem;border-radius:8px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.nav-links a.active{color:var(--green-accent)}.nav-links a:hover{background:var(--bg-border);color:var(--text-primary)}.nav-cta{background:var(--green-primary);color:#f0fdf4;text-decoration:none;font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;white-space:nowrap;min-height:44px;display:flex;align-items:center}main{max-width:700px;margin:0 auto;padding:0 1rem 3rem}.breadcrumb{display:block;padding:1.25rem 0 .5rem;font-size:.85rem;font-weight:500;color:var(--text-muted)}.breadcrumb a{color:var(--green-accent);text-decoration:none;font-weight:600}.page-header{padding:1.5rem 0 1.25rem;border-bottom:1px solid var(--bg-border);margin-bottom:1.5rem}h1{font-size:clamp(1.4rem,5vw,1.9rem);font-weight:700;margin-bottom:.5rem}.subtitle{font-size:.95rem;color:var(--text-muted);line-height:1.7}.intro-card{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.intro-stats{display:flex;gap:.75rem;margin-bottom:1.25rem}.intro-stat{flex:1;background:var(--bg-page);border-radius:12px;padding:.9rem .5rem;text-align:center}.intro-stat-num{display:block;font-size:1.4rem;font-weight:700;color:var(--green-accent)}.intro-stat-label{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.intro-points{list-style:none;margin-bottom:1.5rem}.intro-points li{font-size:.9rem;padding:.4rem 0}.start-btn{display:block;width:100%;background:var(--green-primary);color:#f0fdf4;border:none;font-family:inherit;font-size:1.05rem;font-weight:700;padding:1rem;border-radius:12px;cursor:pointer}.start-btn:disabled{opacity:.6}.intro-source{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:1rem}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.q-progress{font-size:.85rem;font-weight:600;color:var(--text-muted)}.timer-display{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;background:var(--bg-surface);border:1px solid var(--bg-border);padding:.35rem .8rem;border-radius:999px}.timer-display.low{color:#ef4444;border-color:#ef4444}.quiz-card{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:16px;padding:1.25rem;margin-bottom:1rem}.q-text{font-size:1.05rem;font-weight:600;margin-bottom:1rem;line-height:1.6}.quiz-opts{display:flex;flex-direction:column;gap:.6rem}.quiz-opt{text-align:left;background:var(--bg-page);border:1.5px solid var(--bg-border);color:var(--text-primary);font-family:inherit;font-size:.92rem;padding:.75rem 1rem;border-radius:10px;cursor:pointer;line-height:1.5}.quiz-opt.selected{border-color:var(--green-primary);background:var(--correct-bg)}.quiz-nav{display:flex;gap:.75rem;margin-bottom:1.25rem}.nav-btn{flex:1;font-family:inherit;font-size:.95rem;font-weight:700;padding:.8rem;border-radius:10px;cursor:pointer;border:none}.nav-btn.primary{background:var(--green-primary);color:#f0fdf4}.nav-btn.secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--bg-border)}.nav-btn:disabled{opacity:.4}.q-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.pal-btn{aspect-ratio:1;background:var(--bg-surface);border:1px solid var(--bg-border);color:var(--text-muted);font-family:inherit;font-size:.8rem;font-weight:600;border-radius:8px;cursor:pointer}.pal-btn.answered{background:var(--correct-bg);color:var(--text-primary);border-color:var(--green-primary)}.pal-btn.current{border-color:var(--green-accent);border-width:2px}.result-card{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:16px;padding:1.75rem 1.5rem;text-align:center;margin-bottom:1.5rem}.result-label{font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.score-value{font-size:2.5rem;font-weight:800;color:var(--green-accent)}.score-pct{font-size:1rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem}.score-msg{font-size:.95rem;margin-bottom:1.5rem}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap}.share-btn{flex:1;min-width:160px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#25d366;color:#06210f;text-decoration:none;font-weight:700;font-size:.95rem;padding:.8rem;border-radius:10px}.review-section{margin-bottom:1.5rem}.review-section h2{font-size:1.1rem;font-weight:700;margin-bottom:.9rem}.review-perfect{text-align:center;font-size:1rem;padding:1.5rem;background:var(--correct-bg);border-radius:12px}.review-card{background:var(--bg-surface);border:1px solid var(--bg-border);border-left:3px solid #EF4444;border-radius:10px;padding:.9rem 1rem;margin-bottom:.75rem}.review-q{font-size:.9rem;font-weight:600;margin-bottom:.4rem}.review-ans{font-size:.85rem;color:var(--green-accent)}.result-links{display:flex;flex-direction:column;gap:.6rem}.result-links a{color:var(--green-accent);text-decoration:none;font-size:.9rem;font-weight:600}footer{background:var(--bg-surface);border-top:1px solid var(--bg-border);padding:1rem;text-align:center}.footer-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.footer-logo{font-size:1rem;font-weight:700;color:var(--green-accent)}.footer-copy{font-size:.75rem;color:var(--text-muted)}@media(max-width:600px){.nav-links{display:none}.intro-stats{flex-wrap:wrap}.footer-inner{flex-direction:column;text-align:center}}