:root{--test-primary: #059669;--test-bg: #f4f6f7;--text-dark: #2c3e50;--white: #ffffff}.ai-summary,.seo-page-title{display:none!important}body.dark-mode{--test-bg: #121212;--white: #1e1e1e;--text-dark: #e0e0e0}body{margin:0;font-family:Inter,sans-serif;background:var(--test-bg);height:100vh;display:flex;flex-direction:column}.test-header{background:var(--white);padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000d;height:60px;position:relative;z-index:10}.test-header .logo{font-size:1.4rem;font-weight:800;color:var(--test-primary);text-decoration:none;display:flex;align-items:center;gap:10px}.timer-badge{background:#fff3cd;color:#856404;padding:5px 15px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:8px}.test-container{flex:1;display:flex;overflow:hidden}.question-panel{flex:1;padding:2rem;overflow-y:auto;background:var(--white);margin:1rem;border-radius:12px;box-shadow:0 4px 15px #00000008}.nav-panel{width:300px;background:var(--white);padding:1.5rem;border-left:1px solid #eee;overflow-y:auto}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.palette-btn{width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:600;color:#666;transition:all .2s}.palette-btn.active{border-color:var(--test-primary);border-width:2px}.palette-btn.answered{background:#27ae60;color:#fff;border-color:#27ae60}.palette-btn.visited{background:#c0392b;color:#fff;border-color:#c0392b}.test-footer{background:var(--white);padding:1rem 2rem;display:flex;justify-content:space-between;border-top:1px solid #eee;position:relative;z-index:10}.btn-nav{padding:10px 25px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:.2s}.btn-prev{background:#ecf0f1;color:var(--text-dark)}.btn-next{background:var(--test-primary);color:#fff}.btn-submit{background:#27ae60;color:#fff}.btn-reset,.btn-exit{background:none;border:none;cursor:pointer;font-weight:600;padding:8px 16px;border-radius:6px;transition:all .2s}.btn-reset{color:#f39c12;margin-right:10px}.btn-reset:hover{background:#f39c121a}.btn-exit{color:#e74c3c}.btn-exit:hover{background:#e74c3c1a}.mcq-option{display:block;padding:12px 15px;border:1px solid #eee;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:.2s}.mcq-option:hover{background:#f9f9f9}.mcq-option.selected{background:#e8f6f3;border-color:#27ae60}.solution-div{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--test-primary);display:none}.result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;justify-content:center;align-items:center;z-index:1000}.result-card{background:#fff;padding:2rem;border-radius:16px;text-align:center;max-width:400px;width:90%}.score-circle{width:100px;height:100px;background:var(--test-primary);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:800}@media(max-width:768px){body{height:100dvh;height:100vh;overflow:hidden}.test-header{position:fixed;top:0;left:0;right:0;z-index:100;height:50px;padding:.5rem 1rem;box-shadow:0 2px 8px #00000014}.logo{font-size:1rem!important}.test-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:.6rem 1rem;gap:.5rem;box-shadow:0 -2px 8px #0000000f}.btn-nav{padding:8px 18px;font-size:.9rem}.test-container{position:fixed;inset:50px 0 56px;flex-direction:column;overflow:hidden;display:flex}.question-panel{flex:1;min-height:0;margin:0;border-radius:0;padding:1rem 1rem .5rem;box-shadow:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-panel{width:100%;flex-shrink:0;display:flex;flex-direction:column;max-height:200px;border-left:none;border-top:2px solid #e5e7eb;background:var(--white);padding:0;overflow:hidden;transition:max-height .3s ease}.nav-panel>div:first-child{flex-shrink:0;display:flex;align-items:center;padding:.5rem 1rem;margin-bottom:0!important;border-bottom:1px solid #f0f0f0}#paletteBody{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem 1rem .75rem}.nav-panel.collapsed{max-height:40px}#paletteToggle{display:flex!important;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#05966914;color:var(--test-primary, #059669)!important}#paletteToggle i{transition:transform .3s ease}.palette-grid{grid-template-columns:repeat(7,1fr);gap:6px}.palette-btn{width:32px;height:32px;font-size:.78rem}}@media(max-width:420px){.palette-grid{grid-template-columns:repeat(6,1fr)}.question-panel{padding:.75rem .75rem .5rem}}@media(max-width:360px){.palette-grid{grid-template-columns:repeat(5,1fr);gap:5px}.palette-btn{width:28px;height:28px;font-size:.72rem}}#footer-container{display:none!important}