.mobile-bottom-nav,.mobile-only-header{display:none !important}@media (max-width:640px){body{padding:0.75rem 0.65rem calc(84px + env(safe-area-inset-bottom,0px)) 0.65rem !important}.app-container{min-height:auto !important;width:100% !important}.app-global-footer{margin-top:1.5rem !important;padding:1rem 0.5rem calc(1.5rem + env(safe-area-inset-bottom,0px)) 0.5rem !important}.dashboard-header-card{padding:0.85rem 1rem !important;border-radius:16px !important;margin-bottom:1.15rem !important}.desktop-header-actions{display:none !important}.mini-logo{width:38px !important;height:38px !important}.user-greeting{font-size:0.7rem !important}.user-name-text{font-size:1rem !important}.section-heading{margin-bottom:0.95rem !important}.section-heading h2{font-size:1.15rem !important;letter-spacing:-0.2px !important}.section-heading p{font-size:0.8rem !important;line-height:1.45 !important}.white-card{padding:1.75rem 1.25rem !important;border-radius:20px !important}.brand-title{font-size:1.25rem !important}.brand-subtitle{font-size:0.85rem !important}.grid-categories{grid-template-columns:1fr !important;gap:0.85rem !important}.category-card{padding:1.15rem 1rem !important;min-height:auto !important;border-radius:14px !important}.category-group-card{padding:1.25rem 1.1rem !important;min-height:auto !important}.category-group-card .category-title{font-size:1.05rem !important}.category-drill-card{padding:1.15rem 1rem !important;border-radius:16px !important;margin-bottom:0.25rem !important}.drill-icon-neon{width:38px !important;height:38px !important;font-size:1.1rem !important;border-radius:10px !important}.drill-tag-badge{font-size:0.68rem !important;padding:3px 9px !important}.drill-card-title{font-size:1.05rem !important;margin-top:0.35rem !important}.drill-card-desc{font-size:0.8rem !important;line-height:1.45 !important;margin-top:0.35rem !important;margin-bottom:0.65rem !important}.drill-action-callout{font-size:0.82rem !important;margin-top:10px !important}.category-card div[style*="display:flex;gap:6px;margin-top:12px;"],.category-card div[style*="display:flex;gap:6px;margin-top:14px;"]{display:flex !important;gap:6px !important;width:100% !important;margin-top:10px !important}.category-card div[style*="display:flex;gap:6px;margin-top:12px;"] button,.category-card div[style*="display:flex;gap:6px;margin-top:14px;"] button{flex:1 1 50% !important;padding:0.55rem 0.5rem !important;font-size:0.78rem !important;justify-content:center !important;border-radius:9px !important;white-space:nowrap !important}.quiz-nav{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:6px !important;margin-bottom:0.75rem !important;flex-wrap:nowrap !important;overflow:hidden !important}.quiz-nav .btn-outline{padding:0.4rem 0.6rem !important;font-size:0.76rem !important;white-space:nowrap !important;flex-shrink:0 !important;border-radius:8px !important;gap:4px !important}.quiz-nav .badge-category{font-size:0.72rem !important;padding:0.35rem 0.6rem !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:145px !important;flex-shrink:1 !important;border-radius:14px !important}.quiz-nav .badge-timer{font-size:0.76rem !important;padding:0.35rem 0.6rem !important;gap:4px !important;flex-shrink:0 !important;border-radius:14px !important}.quiz-nav .badge-mode{font-size:0.68rem !important;padding:0.25rem 0.5rem !important;flex-shrink:0 !important;border-radius:12px !important}.number-palette-container{padding:0 !important;margin-bottom:0.65rem !important;background:transparent !important;border:none !important;box-shadow:none !important}.number-palette-grid{display:none !important}.number-palette-grid.palette-expanded{display:flex !important;flex-wrap:wrap !important;gap:6px !important;overflow-x:hidden !important;overflow-y:auto !important;max-height:185px !important;padding:0.75rem 0.85rem !important;margin-top:0.5rem !important}.number-palette-grid::-webkit-scrollbar{height:4px !important}.number-palette-grid::-webkit-scrollbar-thumb{background:rgba(2,132,199,0.25) !important;border-radius:10px !important}.num-btn{width:32px !important;height:32px !important;min-width:32px !important;flex-shrink:0 !important;font-size:0.8rem !important;border-radius:8px !important}.quiz-main-card{padding:1.15rem 0.9rem !important;border-radius:18px !important}#quiz-type-container{padding-right:0 !important}.quiz-type-badges-row{padding-right:76px !important}.scratchpad-fab{top:0.9rem !important;right:0.9rem !important;padding:0.35rem 0.65rem !important;font-size:0.74rem !important;border-radius:14px !important;gap:4px !important}.quiz-action-bar{position:sticky !important;bottom:calc(0.5rem + env(safe-area-inset-bottom,0px)) !important;background:rgba(255,255,255,0.96) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;padding:0.65rem 0.75rem !important;margin:1.25rem -0.9rem -0.9rem -0.9rem !important;border-top:1px solid var(--border-light) !important;border-radius:0 0 18px 18px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:6px !important;z-index:30 !important;flex-wrap:wrap !important;box-shadow:0 -4px 15px rgba(0,0,0,0.04) !important}.quiz-action-bar #btn-toggle-pembahasan{flex:1 1 100% !important;width:100% !important;order:0 !important;margin-bottom:0.1rem !important;padding:0.55rem 0.8rem !important;font-size:0.8rem !important;justify-content:center !important}.quiz-action-bar #btn-ragu-soal{flex:1 1 100% !important;width:100% !important;order:1 !important;padding:0.65rem 0.5rem !important;font-size:0.8rem !important;justify-content:center !important;white-space:nowrap !important;border-radius:10px !important;gap:6px !important}.quiz-action-bar #btn-prev-soal{flex:1 1 calc(50% - 6px) !important;width:auto !important;order:2 !important;padding:0.65rem 0.5rem !important;font-size:0.8rem !important;justify-content:center !important;white-space:nowrap !important;border-radius:10px !important;gap:5px !important}.quiz-action-bar #btn-next-soal,.quiz-action-bar #btn-finish-quiz{flex:1 1 calc(50% - 6px) !important;width:auto !important;order:3 !important;padding:0.65rem 0.5rem !important;font-size:0.8rem !important;justify-content:center !important;white-space:nowrap !important;border-radius:10px !important;gap:5px !important}.passage-resizer-bar{padding:0.3rem 0.65rem !important;margin-bottom:0.55rem !important;border-radius:8px !important}.resizer-label{font-size:0.72rem !important;gap:4px !important}.btn-resizer{min-width:26px !important;height:24px !important;font-size:0.72rem !important;border-radius:5px !important;padding:0 4px !important}.passage-box{max-height:200px !important;padding:0.75rem 0.85rem !important;margin-bottom:0.85rem !important;border-radius:10px !important;border-left-width:3px !important;font-size:0.85rem !important;line-height:1.5 !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:thin !important;scrollbar-color:rgba(2,132,199,0.35) transparent !important}.passage-box::-webkit-scrollbar{width:4px !important}.passage-box::-webkit-scrollbar-thumb{background:rgba(2,132,199,0.35) !important;border-radius:10px !important}.passage-title{font-size:0.7rem !important;margin-bottom:0.45rem !important;gap:5px !important}.passage-text{font-size:0.85rem !important;line-height:1.5 !important}.passage-box.font-sm .passage-text{font-size:0.78rem !important;line-height:1.45 !important}.passage-box.font-md .passage-text{font-size:0.85rem !important;line-height:1.5 !important}.passage-box.font-lg .passage-text{font-size:0.96rem !important;line-height:1.6 !important}.passage-box .question-img,.question-img{max-height:180px !important;width:auto !important;max-width:100% !important;object-fit:contain !important;border-radius:8px !important;margin-top:0.4rem !important}.question-box{font-size:0.92rem !important;line-height:1.48 !important;margin-bottom:0.9rem !important;text-align:justify !important;text-justify:inter-word !important;word-break:break-word !important}.options-container{gap:0.5rem !important;margin-bottom:1.15rem !important}.option-btn{padding:0.65rem 0.75rem !important;font-size:0.86rem !important;border-radius:10px !important;gap:8px !important;line-height:1.4 !important}.option-key{width:24px !important;height:24px !important;min-width:24px !important;font-size:0.75rem !important;border-radius:6px !important}.option-img{max-height:110px !important;width:auto !important;max-width:100% !important;object-fit:contain !important;border-radius:8px !important}.pg-k-checkbox{width:18px !important;height:18px !important;margin-right:6px !important;flex-shrink:0 !important}.table-responsive{font-size:0.8rem !important;margin-bottom:0.85rem !important;border-radius:8px !important}.bs-table th,.bs-table td{padding:0.5rem 0.4rem !important}.bs-table .col-radio{width:48px !important;text-align:center !important}.bs-radio{width:17px !important;height:17px !important}.feedback-box{padding:0.85rem 0.9rem !important;font-size:0.82rem !important;margin-bottom:1rem !important;border-radius:10px !important}.feedback-title{font-size:0.88rem !important;margin-bottom:0.35rem !important;gap:6px !important}.feedback-text{font-size:0.82rem !important;line-height:1.5 !important;margin-top:4px !important}.btn-dispute{margin-top:0.75rem !important;padding:0.4rem 0.75rem !important;font-size:0.74rem !important;border-radius:7px !important}.scratchpad-overlay{border-radius:18px !important}.scratchpad-toolbar{padding:0.35rem 0.55rem !important;gap:4px !important;flex-wrap:nowrap !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;height:44px !important;min-height:44px !important}.scratchpad-toolbar::-webkit-scrollbar{display:none !important}.sp-tool-group{gap:3px !important;flex-shrink:0 !important}.sp-tool-btn{width:28px !important;height:28px !important;border-radius:7px !important;font-size:0.78rem !important}.sp-color-btn{width:18px !important;height:18px !important}.sp-color-btn.active{transform:scale(1.18) !important;box-shadow:0 0 0 2px var(--primary-blue) !important}.sp-size-btn{width:22px !important;height:22px !important;border-radius:5px !important}.dot-sm{width:2.5px !important;height:2.5px !important}.dot-md{width:4.5px !important;height:4.5px !important}.dot-lg{width:7.5px !important;height:7.5px !important}.sp-action-btn{height:28px !important;width:28px !important;padding:0 !important;justify-content:center !important;font-size:0.78rem !important;border-radius:7px !important;gap:0 !important}.sp-opacity-btn span{display:none !important}.sp-opacity-btn{width:28px !important;padding:0 !important;justify-content:center !important}.scratchpad-canvas{touch-action:none !important}.modal-card{padding:1.25rem 1rem !important;border-radius:18px !important;max-width:95% !important;max-height:88vh !important;overflow-y:auto !important}.modal-header h3{font-size:1.05rem !important}.modal-subtext{font-size:0.82rem !important;margin-bottom:0.85rem !important;line-height:1.45 !important}.modal-footer{margin-top:1rem !important;gap:8px !important}.modal-footer button{padding:0.6rem 1.1rem !important;font-size:0.82rem !important}.briefing-modal-card{max-width:95% !important}.briefing-info-box{padding:0.75rem 0.85rem !important}.briefing-info-box strong{font-size:0.95rem !important}.mode-selection-card{padding:0.75rem 0.85rem !important;gap:10px !important;border-radius:12px !important;margin-bottom:0.65rem !important}.mode-selection-card strong{font-size:0.88rem !important}.mode-selection-card p{font-size:0.76rem !important;line-height:1.35 !important}.prayer-box{padding:0.7rem 0.85rem !important;font-size:0.78rem !important;gap:8px !important;line-height:1.4 !important}.reset-modal-card{max-width:95% !important;padding:1.25rem 1rem !important}.reset-warning-box{padding:0.85rem 0.95rem !important;border-radius:12px !important}.reset-warning-title{font-size:0.82rem !important;margin-bottom:0.5rem !important}.reset-warning-list{font-size:0.78rem !important;padding-left:1.1rem !important;gap:4px !important}.reset-safe-notice{font-size:0.76rem !important;padding-top:0.65rem !important}.btn-danger-solid{padding:0.6rem 1.1rem !important;font-size:0.82rem !important}.cheat-modal-card{max-width:94% !important;padding:1.25rem 1rem !important}.cheat-warning-icon{width:52px !important;height:52px !important;font-size:1.6rem !important}.cheat-modal-card h3{font-size:1.1rem !important}.cheat-modal-card p{font-size:0.82rem !important}.disclaimer-modal-card{max-width:95% !important;max-height:88vh !important}.disclaimer-intro{font-size:0.82rem !important;padding:0.75rem 0.85rem !important}.disclaimer-section-title{font-size:0.8rem !important}.disclaimer-list li{font-size:0.8rem !important;padding:0.65rem 0.75rem !important}.disclaimer-notice{font-size:0.76rem !important;padding:0.65rem 0.75rem !important}.sheet-user-card{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid var(--border-light);border-radius:14px;padding:0.9rem 1rem;margin-bottom:1.25rem}.sheet-user-avatar{width:48px;height:48px;border-radius:12px;background:#e0f2fe;color:var(--primary-blue);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.sheet-action-btn{width:100%;padding:0.9rem 1rem;background:#ffffff;border:1px solid var(--border-light);border-radius:12px;font-size:0.9rem;font-weight:700;color:var(--text-dark);display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:0.75rem;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.02)}.sheet-action-btn.danger{background:#fef2f2;border-color:#fecaca;color:var(--danger-red)}.sheet-action-btn:active{transform:scale(0.98)}.mobile-bottom-nav{display:flex !important;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(255,255,255,0.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(226,232,240,0.85);box-shadow:0 -4px 25px rgba(15,23,42,0.07);align-items:center;justify-content:space-around;z-index:990;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.25s ease}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--text-muted);text-decoration:none;cursor:pointer;padding:6px 0;font-size:0.68rem;font-weight:600;position:relative;transition:color 0.2s ease,transform 0.15s ease;-webkit-tap-highlight-color:transparent}.mobile-nav-btn i{font-size:1.2rem;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),color 0.2s ease}.mobile-nav-btn.active{color:var(--primary-blue);font-weight:700}.mobile-nav-btn.active i{transform:translateY(-2px) scale(1.08);color:var(--primary-blue)}.nav-active-dot{width:4px;height:4px;border-radius:50%;background:var(--primary-blue);position:absolute;bottom:3px;opacity:0;transform:scale(0);transition:all 0.2s ease}.mobile-nav-btn.active .nav-active-dot{opacity:1;transform:scale(1)}.mobile-nav-btn:active{transform:scale(0.92)}body:has(#screen-quiz.active) .mobile-bottom-nav,body:has(#screen-login.active) .mobile-bottom-nav,body:has(#screen-landing.active) .mobile-bottom-nav,.mobile-bottom-nav.nav-hidden{transform:translateY(100%) !important;opacity:0 !important;pointer-events:none !important}body:has(#screen-quiz.active),body:has(#screen-login.active),body:has(#screen-landing.active){padding-bottom:0.75rem !important}.landing-wrapper{gap:1.65rem !important}.landing-navbar{padding:0.7rem 0.9rem !important;border-radius:14px !important;top:0.4rem !important}.landing-nav-links{display:none !important}.landing-brand-logo{width:34px !important;height:34px !important}.landing-brand-name{font-size:0.88rem !important}.landing-brand-tag{font-size:0.68rem !important}.landing-hero{padding:2rem 1.2rem 1.6rem 1.2rem !important;border-radius:20px !important}.landing-eyebrow{font-size:0.7rem !important;padding:0.35rem 0.75rem !important;margin-bottom:1rem !important}.landing-hero-title{font-size:1.5rem !important;letter-spacing:-0.4px !important;line-height:1.28 !important}.landing-hero-subtitle{font-size:0.85rem !important;line-height:1.55 !important;margin-bottom:1.4rem !important}.landing-hero-cta{margin-bottom:1.65rem !important}.btn-landing-primary{width:100% !important;padding:0.9rem 1.25rem !important;font-size:0.92rem !important}.landing-stats-strip{gap:0.85rem !important;padding-top:1.2rem !important}.landing-stat-item strong{font-size:0.85rem !important}.landing-stat-item span{font-size:0.7rem !important}.landing-stat-divider{height:22px !important}.landing-features-grid,.landing-subjects-grid{grid-template-columns:1fr !important;gap:0.85rem !important}.landing-feature-card,.landing-subject-box{padding:1.15rem 1rem !important;border-radius:15px !important}.landing-bottom-banner{flex-direction:column !important;text-align:center !important;padding:1.35rem 1.15rem !important;border-radius:16px !important}}