#app nav{display:none}.container.mt-4{padding-bottom:100px}.answer-option{color:#333;background-color:#fff;border-radius:5px;margin-bottom:12px;padding:15px;font-size:18px;font-weight:400;transition:background-color .2s ease-in-out;box-shadow:0 4px 5px #0000000d}.wp-header{border-bottom:none!important}.quiz-sticky-header{z-index:100;background:#f5f4fa;margin-bottom:12px;padding-top:4px;padding-bottom:8px;position:sticky;top:0;box-shadow:0 2px 5px #0000000d}.process{border-bottom:2px solid #c8e2f9}.answer-wrong{color:#fff;background-color:#bf0c2c}.answer-disabled{color:#000;opacity:.75;cursor:not-allowed}.answer-correct{color:#fff;background-color:#028b64}.hint-box{background-color:#e8f5e9;border-radius:8px;margin-top:10px;padding:12px}.question-block{padding:20px 5px}.highlight-text{color:#0d6efd;font-weight:700}.highlight-title{color:#000;font-size:20px}.sp-bt{justify-content:space-between;align-items:center;display:flex}.box-btn{text-align:center}.answer{border:none;justify-content:space-between;width:100%;display:flex}.icon-arrow i{color:#000;background-color:#f0f0f0;border:1px solid #000;font-size:50px}.icon-arrow i:hover{background-color:#e2e8f0}.answer-wrapper{display:flex}.answer-hints{background-color:#e6f4ea;border-left:4px solid #38a169;border-radius:6px;margin-top:10px;padding:10px}.left-answer{text-align:left}.trans-box{background-color:#b3e8c9;margin-top:-12px;margin-bottom:12px;padding:15px}.answer-block{border-bottom:1px solid #3c3c435c}.answer-tips .tag{color:#122759;background-color:#badfff;border-radius:8px;margin-bottom:8px;margin-right:8px;padding:4px 10px;font-size:1.05rem;font-weight:500;display:inline-block}.box-guild{background-color:#fff!important}.guideline-box{color:#000;background-color:#fff;border-left:9px solid #27ae60;border-radius:20px;margin-top:15px;margin-bottom:15px;padding:1rem 1.25rem}.guideline-box ul{padding-left:0;list-style:none}.box-next-btn-circle{z-index:100;background-color:#f5f4fae5;width:100%;max-width:720px;padding:10px 16px;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.next-btn-circle{color:#fff;cursor:not-allowed;opacity:.55;letter-spacing:.5px;background-color:#9e9e9e;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;height:52px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .22s,opacity .22s,box-shadow .22s;display:flex;box-shadow:0 2px 6px #00000026}.next-btn-circle.answered{opacity:1;cursor:pointer;background-color:#0b2c74;box-shadow:0 4px 12px #0b2c7466}.next-btn-circle.answered:hover:not(:disabled){background-color:#09306e;box-shadow:0 6px 16px #0b2c7480}.next-btn-circle.answered:disabled{opacity:.75;cursor:wait}.next-btn-label{line-height:1}.answer-tips{display:inline}.result-icon img{width:150px!important}.civics-options-box{padding:25px!important}.answer-tips .tag .tag-key{font-weight:800!important}.sub-title{font-size:smaller;font-weight:500;color:#828282!important}.stared img{filter:invert(68%)sepia(95%)saturate(400%)hue-rotate(5deg)brightness(110%)}.tips-box{padding:10px 0;font-size:1.05rem}.question-translation{font-size:1.05rem}.answer-tips .tag .tag-value{font-weight:400}.banner-civics img{border-radius:12px}.nav-sheet-backdrop{z-index:200;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.nav-sheet-backdrop.open{opacity:1;pointer-events:auto}.nav-sheet{z-index:201;background:#fff;border-radius:16px 16px 0 0;max-height:70vh;padding:12px 16px 24px;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.nav-sheet.open{transform:translateY(0)}.nav-sheet-handle{background:#d1d5db;border-radius:2px;width:40px;height:4px;margin:0 auto 12px}.nav-sheet-stats{justify-content:center;gap:16px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.nav-sheet-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.nav-cell{aspect-ratio:1;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:40px;font-size:13px;font-weight:600;transition:transform .15s;display:flex}.nav-cell:active{transform:scale(.92)}.nav-unanswered{color:#6c757d;background:#e9ecef}.nav-correct{color:#fff;background:#028b64}.nav-wrong{color:#fff;background:#bf0c2c}.nav-current{color:#fff;background:#0b2c74;box-shadow:0 0 0 3px #5b9bff}.nav-trigger-btn{cursor:pointer;color:#0b2c74;background:0 0;border:none;padding:4px;font-size:22px;position:relative}.nav-legend{color:#6c757d;justify-content:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.nav-legend-dot{vertical-align:middle;border-radius:4px;width:12px;height:12px;margin-right:4px;display:inline-block}@media (min-width:768px){.nav-sheet-grid{grid-template-columns:repeat(10,1fr)}.nav-sheet{max-height:60vh}}@media (min-width:1024px){.nav-sheet-grid{grid-template-columns:repeat(14,1fr)}.nav-sheet{max-width:720px;max-height:50vh;margin:0 auto}}.confirm-finish-sheet{padding:28px 20px calc(24px + env(safe-area-inset-bottom,0px));z-index:201;text-align:center;background:#fff;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000001f}.confirm-finish-icon{color:#f59e0b;margin-bottom:12px;font-size:40px;display:block}.confirm-finish-title{color:#1f2937;text-align:center;margin:0 0 8px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.confirm-finish-desc{color:#6b7280;text-align:center;margin:0 0 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.confirm-finish-actions{gap:12px;display:flex}.confirm-finish-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;transition:background .2s}.confirm-finish-continue{color:#1f2937;background:0 0;border:2px solid #e5e7eb}.confirm-finish-continue:hover{background:#f9fafb}.confirm-finish-done{color:#fff;background:#2563eb}.confirm-finish-done:hover{background:#1d4ed8}.confirm-finish-done:active{background:#1e40af}.confirm-finish-done:disabled{opacity:.6;cursor:not-allowed}