*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#0a1f14;margin:0;font-family:Poppins,system-ui,sans-serif}#root{width:100%;min-height:100svh}.tajweed-text tajweed.ham_wasl,.tajweed-text tajweed.laam_shamsiyah,.tajweed-text tajweed.laam_qamariyah,.tajweed-text tajweed.silent,.tajweed-text tajweed.slnt{color:#aaa}.tajweed-text tajweed.madda_normal{color:#537fff}.tajweed-text tajweed.madda_permissible{color:#4050ff}.tajweed-text tajweed.madda_necessary{color:#000ebc}.tajweed-text tajweed.madda_obligatory,.tajweed-text tajweed.madda_pbligatory{color:#2144c1}.tajweed-text tajweed.ghunnah,.tajweed-text tajweed.ghn{color:#ff7e1e}.tajweed-text tajweed.ikhafa,.tajweed-text tajweed.ikhf{color:#9400a8}.tajweed-text tajweed.ikhafa_shafawi,.tajweed-text tajweed.ikhf_shfw{color:#d500b7}.tajweed-text tajweed.iqlab,.tajweed-text tajweed.iqlb{color:#26bffd}.tajweed-text tajweed.idgham_ghunnah,.tajweed-text tajweed.idgh_ghn{color:#169777}.tajweed-text tajweed.idgham_wo_ghunnah,.tajweed-text tajweed.idgh_w_ghn{color:#169200}.tajweed-text tajweed.idgham_shafawi,.tajweed-text tajweed.idghm_shfw{color:#58b800}.tajweed-text tajweed.idgham_mutajanisayn,.tajweed-text tajweed.idgham_mutaqaribayn,.tajweed-text tajweed.idgh_mus{color:#a1a1a1}.tajweed-text tajweed.qalaqah,.tajweed-text tajweed.qalqah,.tajweed-text tajweed.qlq{color:#dd0008}.tajweed-text .ayah-end{color:var(--accent);font-size:.85em}.tajweed-text.ayah-arabic{text-align:right;color:var(--white);margin:0 0 14px;font-size:26px;line-height:2.2}.tajweed-toggle-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px 0;display:flex}.tajweed-toggle{color:var(--white);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0003;border:1px solid #ffc10759;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.tajweed-toggle.active{border-color:var(--accent);color:var(--accent);background:#ffc10733}.tajweed-toggle-dot{background:linear-gradient(135deg,#537fff 0%,#ff7e1e 40%,#9400a8 70%,#169777 100%);border-radius:50%;flex-shrink:0;width:10px;height:10px}.tajweed-legend{border-radius:var(--radius-sm);color:var(--white-70);background:#0003;border:1px solid #ffffff14;margin:0 16px 8px;padding:10px 12px;font-size:11px}.tajweed-legend summary{cursor:pointer;color:var(--accent);font-weight:600;list-style:none}.tajweed-legend summary::-webkit-details-marker{display:none}.tajweed-legend-list{grid-template-columns:1fr 1fr;gap:6px 10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.tajweed-legend-list li{align-items:center;gap:6px;line-height:1.3;display:flex}.tajweed-legend-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}:root{--teal-50:#e0f2f1;--teal-100:#b2dfdb;--teal-300:#4db6ac;--teal-400:#26a69a;--teal-500:#009688;--teal-600:#00897b;--teal-700:#00796b;--teal-800:#00695c;--teal-900:#004d40;--green-dark:var(--teal-700);--green-header:var(--teal-700);--green-olive:transparent;--green-olive-light:#ffffff1f;--green-card:#ffffff2e;--green-card-border:#ffffff47;--accent:#4db6ac;--accent-hover:#26a69a;--accent-text:#004d40;--gold:#4db6ac;--white:#fff;--white-90:#fffffff2;--white-70:#ffffffd1;--white-50:#ffffff8c;--text-dark:#1a2e2e;--text-muted:#6b7f7f;--text-light:#8a9a9a;--card-white:#fff;--card-white-shadow:0 6px 24px #004d401f;--card-dark:#ffffff29;--card-dark-border:#ffffff40;--glass-blur:blur(10px);--gradient-hero:linear-gradient(160deg, #4db6ac 0%, #26a69a 38%, #00897b 72%, #00796b 100%);--gradient-card:linear-gradient(135deg, #4db6ac 0%, #00796b 100%);--bg-app:#f3f6f6;--bg-surface:#fff;--chip-bg:#ecefef;--nav-pill:#4db6ac2e;--shadow-device:0 40px 80px #00000073;--radius-xl:24px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--bottom-nav-h:76px;--bottom-nav-inset:env(safe-area-inset-bottom,0px);--bottom-nav-gap:0px;--bottom-nav-lift:0px;--nav-bottom-offset:env(safe-area-inset-bottom,0px);--safe-area-bottom:0px;--safe-area-top:0px;--bottom-nav-fab-lift:20px}.screen,.android-device__inner{background:var(--bg-app)}.app{background:#e8eded}.android-device{background:linear-gradient(160deg,#4db6ac 0%,#00796b 100%)}.screen.home-screen.learn-scroll-screen,.app-shell--tabs .screen.learn-scroll-screen:not(.profile-screen),.app-shell--tabs .screen.dua-screen{padding-bottom:calc(var(--bottom-nav-h) + var(--nav-bottom-offset,0px) + 4px)}.app-shell--tabs .dua-category-list,.app-shell--tabs .dua-list,.app-shell--tabs .dua-detail{padding-bottom:calc(var(--bottom-nav-h) + var(--nav-bottom-offset,0px) + 6px)}.home-hero{background:var(--gradient-hero);color:var(--white);border-radius:0 0 28px 28px;flex-shrink:0;padding:12px 16px 22px;position:relative;overflow:hidden}.home-hero-mosque{object-fit:cover;object-position:center;opacity:.12;pointer-events:none;width:50%;max-width:200px;height:65%;position:absolute;bottom:0;right:-16px}.home-hero-top{z-index:1;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex;position:relative}.home-hero-top .home-user{flex:1;min-width:0}.home-hero-top .home-coin-chip{order:2}.home-user{cursor:pointer;min-width:0;color:inherit;text-align:left;background:0 0;border:none;align-items:center;padding:0;display:flex}.home-user-greet{color:var(--white-90);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.home-compass-btn{width:40px;height:40px;color:var(--white);cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;font-size:18px}.home-location{z-index:1;text-align:center;margin-bottom:8px;position:relative}.home-location-city{letter-spacing:.1em;align-items:center;gap:6px;margin:0 0 4px;font-size:11px;font-weight:700;display:inline-flex}.home-location-hijri{color:var(--white-70);margin:0;font-size:12px}.home-prayer-status{z-index:1;text-align:center;margin:0;font-size:12px;position:relative}.home-prayer-main{z-index:1;text-align:center;letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:800;position:relative}.home-countdown{z-index:1;text-align:center;color:var(--white-70);margin:0 0 14px;font-size:12px;position:relative}.home-prayer-bar{z-index:1;border-radius:var(--radius-md);scrollbar-width:none;background:#fff3;gap:4px;padding:10px 8px;display:flex;position:relative;overflow-x:auto}.home-prayer-bar::-webkit-scrollbar{display:none}.home-prayer-slot{text-align:center;flex:1;min-width:50px}.home-prayer-slot-name{opacity:.85;font-size:10px;display:block}.home-prayer-slot-time{font-size:11px;font-weight:700;display:block}.home-body{flex:none;padding:16px 16px 24px}.home-quran-banner{border-radius:var(--radius-lg);background:var(--gradient-card);width:100%;color:var(--white);text-align:left;cursor:pointer;box-shadow:var(--card-white-shadow);border:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:16px 18px;display:flex}.home-quran-banner-text h3{margin:0 0 4px;font-size:17px;font-weight:700}.home-quran-banner-text p{opacity:.9;margin:0;font-size:12px}.home-quran-banner-img{object-fit:contain;flex-shrink:0;width:72px;height:72px}.home-menu4{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.home-menu4-item{border-radius:var(--radius-md);background:var(--card-white);box-shadow:var(--card-white-shadow);cursor:pointer;border:none;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;font-family:inherit;display:flex}.home-menu4-icon{font-size:24px;line-height:1}.home-menu4-label{color:var(--text-dark);font-size:11px;font-weight:600}.home-section-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.home-section-title{color:var(--text-dark);margin:0;font-size:15px;font-weight:700}.home-section-link{color:var(--teal-600);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:600}.home-learning{margin-bottom:18px}.home-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.home-learning-card.learn-card{text-align:center;flex-direction:column;align-items:center;height:100%;min-height:120px;padding:16px 12px 14px;overflow:visible;box-shadow:0 2px 10px #004d4014}.home-learning-card{text-align:center;flex-direction:column;align-items:center;gap:10px;height:100%;min-height:120px;padding:16px 12px 14px;display:flex;overflow:visible}.home-learning-card .learn-card-icon{flex-shrink:0;align-self:center;width:48px;height:48px;margin:0;font-size:0}.home-learning-card .learn-card-icon svg{width:24px;height:24px}.home-learning-card .learn-card-title{white-space:normal;word-break:break-word;color:var(--text-dark);font-size:13px;font-weight:700;line-height:1.35;display:block;overflow:visible}.home-learning-card-sub{color:var(--text-muted);white-space:normal;word-break:break-word;font-size:10px;line-height:1.35;display:block}.home-learning-card-text{flex-direction:column;flex:1;justify-content:flex-start;align-self:stretch;align-items:center;gap:3px;width:100%;min-width:0;padding:0;display:flex}.home-learning-card .learn-card-meta{white-space:nowrap;color:var(--teal-600);margin-top:2px;font-size:10px;font-weight:600}.home-learning-card .learn-card-arrow,.home-learning-card .learn-card-num,.home-learning-card:before{display:none}.home-kajian.home-learning{margin-bottom:18px}.home-kajian .home-section-head{margin-bottom:12px;padding:0 2px}.home-kajian .home-section-title{letter-spacing:-.025em;color:var(--text-dark);font-size:16px;font-weight:700}.home-kajian .home-section-link{letter-spacing:.01em;opacity:.92;font-size:12.5px}.home-kajian-grid .home-kajian-empty,.home-kajian-grid .home-prayer-status{background:var(--card-white);border-radius:var(--radius-lg);padding:12px 14px}.home-kajian-empty{color:var(--text-muted,#5f7a76);margin:0;padding:8px 4px;font-size:.88rem}.home-videos-scroll{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.home-videos-scroll::-webkit-scrollbar{display:none}.home-video-card{border-radius:var(--radius-md);background:var(--gradient-card);cursor:pointer;opacity:1;border:none;flex:0 0 140px;padding:0;overflow:hidden}.home-video-card:disabled{opacity:.45;cursor:default}.home-video-card-inner{min-height:72px;color:var(--white);justify-content:space-between;align-items:center;padding:12px;display:flex}.home-video-card-title{margin:0;font-size:13px;font-weight:700}.home-video-card-photo{object-fit:cover;border:2px solid #fff6;border-radius:50%;width:44px;height:44px}.home-jurnal-best{margin-top:24px}.home-week-schedule{margin-top:24px;margin-bottom:calc(var(--bottom-nav-h) + var(--nav-bottom-offset,0px) + 12px)}.home-week-schedule .home-section-head{margin-bottom:12px;padding:0 2px}.home-week-schedule .home-section-title{letter-spacing:-.025em;color:var(--text-dark);font-size:16px;font-weight:700}.home-week-schedule .home-section-link{letter-spacing:.01em;opacity:.92;font-size:12.5px}.home-jurnal-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.home-jurnal-scroll::-webkit-scrollbar{display:none}.home-jurnal-card{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:0 0 118px;gap:6px;padding:0;font-family:inherit;display:flex}.home-jurnal-cover-wrap{aspect-ratio:3/4.2;background:var(--chip-bg);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 4px 14px #004d401f}.home-jurnal-cover{object-fit:cover;width:100%;height:100%;display:block}.home-jurnal-rank{color:#fff;text-align:center;background:#004d40e0;border-radius:6px;min-width:22px;padding:2px 6px;font-size:10px;font-weight:800;line-height:1.3;position:absolute;top:6px;left:6px}.home-jurnal-views{color:#fff;background:#0000008c;border-radius:999px;align-items:center;gap:3px;width:fit-content;max-width:100%;padding:3px 6px;font-size:9px;font-weight:600;display:inline-flex;position:absolute;bottom:6px;left:6px;right:6px}.home-jurnal-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.home-jurnal-tag{color:var(--teal-600);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:600}.lang-sheet--light{background:var(--card-white)!important}.lang-sheet-title--dark{color:var(--text-dark)!important}.app-bottom-nav{z-index:20;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.app-bottom-nav__curve{z-index:0;height:calc(var(--bottom-nav-h) + var(--bottom-nav-fab-lift));background:var(--card-white);pointer-events:auto;border-radius:28px 28px 0 0;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #004d4024}.app-bottom-nav__inner{z-index:1;min-height:var(--bottom-nav-h);pointer-events:auto;justify-content:space-between;align-items:flex-end;padding:0 54px 8px;display:flex;position:relative}.app-bottom-nav__side{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:8px 6px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.app-bottom-nav__side.active{color:var(--teal-700)}.app-bottom-nav__side-icon{font-size:20px}.app-bottom-nav__fab{border:4px solid var(--card-white);background:var(--gradient-card);width:52px;height:52px;color:var(--white);cursor:pointer;box-shadow:0 0 0 6px var(--card-white), 0 6px 20px #00796b59;z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2px;display:flex;position:relative;top:-16px}html.capacitor-native .app-bottom-nav--four-tabs{bottom:0!important}html.capacitor-native .app-bottom-nav--four-tabs .app-bottom-nav__curve--flat,html.capacitor-native .app-bottom-nav--four-tabs .app-bottom-nav__inner--four-tabs{transition:bottom .15s ease-out}html.capacitor-native{--nav-bottom-offset:var(--safe-area-bottom,0px);--bottom-nav-inset:var(--nav-bottom-offset,0px)}html.capacitor-android{--nav-bottom-offset:var(--safe-area-bottom,0px);--bottom-nav-lift:0px;--bottom-nav-inset:var(--nav-bottom-offset,0px)}.screen.learn-scroll-screen{-webkit-overflow-scrolling:touch;background:var(--bg-app);scrollbar-width:none;flex-direction:column;min-height:0;display:flex;overflow:hidden auto}.screen.learn-scroll-screen::-webkit-scrollbar{display:none}.screen.learn-screen--chat{overflow:hidden}.learn-hero{background:var(--gradient-hero);color:var(--white);border-radius:0 0 32px 32px;flex-shrink:0;padding:12px 16px 26px;position:relative;overflow:hidden;box-shadow:0 12px 30px #004d4026}.learn-hero--compact{border-radius:0 0 24px 24px;padding-bottom:18px}.learn-hero-back{z-index:2;width:40px;height:40px;color:var(--white);cursor:pointer;background:#ffffff26;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;padding:0;transition:all .2s;display:flex;position:relative}.learn-hero-back:active{background:#ffffff40;transform:scale(.92)}.learn-hero-back svg{width:22px;height:22px}.learn-hero-inner{z-index:1;position:relative}.learn-hero-badge{letter-spacing:.03em;text-shadow:0 1px 2px #0000001a;background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.learn-hero-icon{background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:10px;font-size:24px;display:flex}.learn-hero-icon--svg{color:var(--white)}.learn-hero-icon--svg svg{width:26px;height:26px}.learn-hero-title{letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800;line-height:1.2}.learn-hero--compact .learn-hero-title{font-size:22px}.learn-hero-subtitle{color:var(--white-90);margin:0 0 10px;font-size:15px;font-weight:600}.learn-hero-desc{color:var(--white-70);max-width:340px;margin:0;font-size:13px;line-height:1.55}.learn-hero-meta{color:var(--white-70);margin:8px 0 0;font-size:12px}.learn-hero-breadcrumb{color:var(--white-70);margin:0 0 8px;font-size:12px;font-weight:600}.learn-body{flex:none;padding:20px 16px 32px}.learn-screen--chat{overflow:hidden}.learn-screen--chat .learn-body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.learn-screen--chat .learn-hero{border-radius:0 0 20px 20px;padding:8px 14px 10px}.learn-screen--chat .learn-hero--compact{padding-bottom:10px}.learn-screen--chat .learn-hero-back{width:34px;height:34px;margin-bottom:6px}.learn-screen--chat .learn-hero-back svg{width:18px;height:18px}.learn-screen--chat .learn-hero-breadcrumb{opacity:.85;margin-bottom:2px;font-size:10px}.learn-screen--chat .learn-hero-icon{border-radius:10px;width:32px;height:32px;margin-bottom:4px;font-size:16px}.learn-screen--chat .learn-hero-title{margin:0;font-size:1.2rem;line-height:1.2}.learn-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 12px;font-size:12px;font-weight:700}.learn-card-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.learn-card{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:22px;outline:none;align-items:center;gap:16px;width:100%;padding:18px 16px;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #004d4008,inset 0 1px #fffffff2;background:var(--card-white)!important;border:1px solid #00796b0a!important}.learn-card:active{transform:scale(.985);box-shadow:0 2px 8px #004d4005}.learn-card-num{width:22px;height:22px;color:var(--teal-700);background:#0096880f;border:1px solid #0096881a;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .25s;display:flex;position:absolute;top:12px;right:14px}.learn-card:hover .learn-card-num{background:var(--teal-100)}.learn-card-icon{width:52px;height:52px;color:var(--teal-700);background:#0096880d;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;transition:all .25s;display:flex;box-shadow:0 4px 12px #0096880d}.learn-card:hover .learn-card-icon{background:#00968814;transform:scale(1.06)rotate(3deg)}.learn-card-content{flex-direction:column;flex:1;gap:3px;min-width:0;padding-right:20px;display:flex}.learn-card-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--teal-600);font-size:9.5px;font-weight:700}.learn-card-title{color:var(--text-dark);font-size:16.5px;font-weight:700;line-height:1.3}.learn-card-summary{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.learn-card-meta{color:var(--teal-600);margin-top:2px;font-size:10.5px;font-weight:600}.learn-card-arrow{color:var(--teal-400);font-size:22px;font-weight:300;line-height:1;transition:all .25s;position:absolute;bottom:18px;right:16px}.learn-card:hover .learn-card-arrow{color:var(--teal-600);transform:translate(4px)scale(1.1)}.learn-note{border-radius:20px;gap:12px;margin-top:24px;padding:14px 16px;display:flex;box-shadow:0 4px 12px #004d4003;background:linear-gradient(135deg,#0096880a 0%,#00796b12 100%)!important;border:1px solid #00796b14!important}.learn-note-icon{color:var(--teal-600);flex-shrink:0;font-size:16px;animation:2s infinite starPulse}@keyframes starPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.learn-note p{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.55}.learn-note strong{color:var(--teal-700)}.learn-content-card{border-radius:var(--radius-lg);background:var(--card-white);box-shadow:var(--card-white-shadow);text-align:justify;padding:18px 16px}.learn-content-summary{color:var(--teal-700);border-bottom:1px solid #eef2f2;margin:0 0 16px;padding-bottom:14px;font-size:14px;font-weight:500;line-height:1.55}.learn-para{color:var(--text-dark);margin:0 0 14px;font-size:14px;line-height:1.65}.learn-para:last-child{margin-bottom:0}.learn-para strong{color:var(--teal-800);font-weight:600}.talaqqi-ayah-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.talaqqi-ayah-dot{color:#fff;background:#ffffff29;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 10px #0000000d}.talaqqi-ayah-dot:hover{background:#ffffff47;border-color:#ffffff80;transform:translateY(-2px)scale(1.08);box-shadow:0 6px 14px #ffffff26}.talaqqi-panel--elegant{flex-direction:column;gap:16px;display:flex}.talaqqi-section-card{border-radius:var(--radius-md);background:var(--card-white);box-shadow:var(--card-white-shadow);padding:16px}.talaqqi-section-card h3{color:var(--teal-700);align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:700;display:flex}.talaqqi-section-card .learning-para{color:var(--text-muted);margin:0 0 10px;padding:0;font-size:13px;line-height:1.6}.talaqqi-section-card .learning-para:last-child{margin-bottom:0}.talaqqi-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.talaqqi-step{align-items:flex-start;gap:12px;display:flex}.talaqqi-step-num{background:var(--gradient-card);width:26px;height:26px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.talaqqi-step-text{color:var(--text-dark);flex:1;padding-top:3px;font-size:13px;line-height:1.5}.talaqqi-online-cta{border-radius:var(--radius-lg);background:var(--gradient-card);color:var(--white);text-align:center;box-shadow:var(--card-white-shadow);margin-top:4px;padding:20px 18px}.talaqqi-online-cta-label{text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin:0 0 8px;font-size:11px;font-weight:600}.talaqqi-online-cta-code{word-break:break-all;border-radius:var(--radius-sm);background:#00000026;margin:0 0 16px;padding:10px 12px;font-family:ui-monospace,Cascadia Code,monospace;font-size:12px;line-height:1.4}.talaqqi-join-btn--hero{background:var(--white);width:100%;color:var(--teal-700);cursor:pointer;border:none;border-radius:999px;padding:14px 20px;font-size:15px;font-weight:700;box-shadow:0 4px 16px #0000001f}.talaqqi-online-cta .talaqqi-tip{color:var(--white-70);margin:14px 0 0;font-size:11px;font-style:normal;line-height:1.5}.talaqqi-offline-grid{flex-direction:column;gap:12px;display:flex}.talaqqi-checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.talaqqi-checklist li{color:var(--text-dark);gap:10px;font-size:13px;line-height:1.5;display:flex}.talaqqi-checklist li:before{content:"✓";color:var(--teal-500);flex-shrink:0;font-weight:700}.learn-screen--chat .learn-body .talaqqi-chat{flex:1;min-height:0}.screen{background:var(--bg-app)}.screen .back-btn{border:1px solid var(--card-dark-border);background:var(--card-dark);width:40px;height:40px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--white);border-radius:50%;flex-shrink:0;padding:0}.screen .back-btn svg{width:22px;height:22px}.quran-header,.hadith-header,.dua-header,.meeting-header,.surah-detail-header,.live-stream-header,.learning-header,.jurnal-access-screen .learning-header{background:0 0;border-bottom:none;flex-shrink:0;padding:10px 16px 12px}.quran-header h1,.hadith-header-text h1,.dua-header-text h1,.meeting-header-text h1,.surah-detail-title h1,.live-stream-title h1,.learning-header-text h1{color:var(--white)}.quran-subtitle,.hadith-subtitle,.dua-subtitle,.meeting-subtitle,.live-stream-title p,.learning-subtitle,.learning-meta{color:var(--white-70)}.hadith-breadcrumb,.dua-breadcrumb,.learning-breadcrumb,.surah-detail-meta{color:var(--gold)}.hadith-intro,.dua-intro{color:var(--white-70);padding:0 16px 10px}.lang-chip{background:var(--card-dark);border:1px solid var(--card-dark-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--white)}.lang-chip-code{color:var(--gold)}.lang-sheet{color:var(--text-dark);box-shadow:0 16px 48px #00000059;background:var(--card-white)!important}.lang-sheet-title{color:var(--text-dark)!important}.language-option{color:var(--text-dark);background:#f4f7f7;border:1.5px solid #0f2e2e1a}.language-option-native{color:var(--text-muted)}.language-option-label{color:var(--text-dark)}.quran-screen,.surah-detail-screen,.hadith-screen,.dua-screen,.meeting-screen,.learning-screen,.jurnal-access-screen,.live-stream-screen,.onboarding{background:var(--bg-app)}.quran-tabs{padding:0 16px 12px}.quran-tab{background:var(--card-dark);border:1px solid var(--card-dark-border);color:var(--white-70)}.quran-tab.active{background:linear-gradient(135deg, var(--gold) 0%, #e6a800 100%);color:var(--accent-text);border-color:#0000}.surah-grid{padding:0 16px 20px}.surah-grid-card{background:var(--card-white);box-shadow:var(--card-white-shadow);color:var(--text-dark);border:none;min-height:108px}.surah-number{color:var(--text-muted)}.surah-name{color:var(--text-dark)}.surah-book-icon{color:var(--teal-600)}.surah-detail-header{border-bottom:none}.surah-detail-arabic{color:var(--teal-600)}.surah-detail-body{background:var(--card-white);border-radius:var(--radius-xl);box-shadow:var(--card-white-shadow);margin:0 12px 12px;padding:16px}.surah-detail-state{color:var(--text-muted)}.ayah-card{color:var(--text-dark);background:#f8faf9;border:1px solid #0f2e2e14}.ayah-arabic,.word-arabic{color:var(--text-dark)}.ayah-translit,.ayah-translation,.word-translit{color:var(--text-muted)}.ayah-audio-error{color:#c62828}.mushaf-badge{color:#9a7b00;background:#f5c51826;border-color:#f5c51859}.surah-auto-play-btn{color:var(--text-dark);background:#f0f4f3;border:1px solid #0f2e2e1a}.surah-auto-play-btn.active{border-color:var(--gold);color:var(--accent-text);background:#f5c51833}.hadith-category-list,.hadith-list,.dua-category-list,.dua-list,.learning-category-list,.learning-article-list{background:0 0;border-radius:0;margin-top:0;padding:8px 16px 24px}.hadith-category-card,.hadith-card,.dua-category-card,.dua-list-card,.learning-category-card,.learning-article-card,.talaqqi-mode-card{background:var(--card-white);box-shadow:var(--card-white-shadow);color:var(--text-dark);border:none}.hadith-category-title,.hadith-card-title,.dua-category-title,.dua-list-title,.learning-category-card-title,.learning-article-card-title{color:var(--text-dark)}.hadith-category-desc,.hadith-card-preview,.dua-category-desc,.dua-list-preview,.learning-category-card-sub,.learning-article-card-summary{color:var(--text-muted)}.hadith-category-meta,.dua-category-meta,.learning-category-card-meta,.learning-article-card-meta{color:var(--teal-600)}.hadith-chevron,.dua-chevron,.learning-chevron{color:var(--teal-500)}.hadith-detail,.dua-detail{background:var(--card-white);border-radius:var(--radius-xl);min-height:0;box-shadow:var(--card-white-shadow);flex:1;margin:0 12px 12px;padding:18px 16px 24px;overflow-y:auto}.hadith-arabic,.dua-detail .dua-arabic{color:var(--text-dark)}.hadith-translation,.hadith-meaning,.dua-latin,.dua-translation,.dua-when,.dua-source{color:var(--text-muted)}.hadith-copy-btn,.dua-copy-btn{color:var(--text-dark);background:#f0f4f3;border:1px solid #0f2e2e1f}.hadith-grade--sahih{color:#2e7d32;background:#4caf5026;border-color:#4caf5059}.hadith-grade--hasan,.dua-badge-essential{color:#9a7b00;background:#f5c51826;border-color:#f5c51859}.learning-category-desc{color:var(--white-70);background:0 0;padding:0 16px 8px}.learning-article{color:var(--text-dark);background:var(--card-white);border-radius:var(--radius-xl);box-shadow:var(--card-white-shadow);margin:0 12px 16px}.learning-article--chat{box-shadow:none;background:0 0;margin:0;padding:0 12px 12px}.learning-article-summary{color:var(--teal-600);border-bottom-color:#00000014}.learning-para{color:var(--text-dark)}.talaqqi-mode-index{background:linear-gradient(135deg, var(--teal-600), var(--teal-800));color:var(--white)}.talaqqi-panel{padding:0 4px}.talaqqi-panel .learning-para{color:var(--white-90);padding:0 12px}.talaqqi-ayah-card{background:var(--card-white);box-shadow:var(--card-white-shadow);border:none}.talaqqi-ayah-arabic{color:var(--text-dark)}.talaqqi-ayah-latin{color:var(--text-muted)}.talaqqi-play-btn{color:var(--text-dark);background:#f0f4f3;border:1px solid #0f2e2e1f}.talaqqi-online-box{background:var(--card-white);box-shadow:var(--card-white-shadow);border:none}.talaqqi-room-label{color:var(--text-muted)}.talaqqi-room-code{color:var(--teal-600)}.talaqqi-tip{color:var(--white-70)}.talaqqi-chat{background:0 0}.talaqqi-chat--picker,.talaqqi-chat--login,.talaqqi-chat--offline{background:0 0;border-radius:0;margin:0;padding:12px 12px 20px}.talaqqi-chat-profile,.talaqqi-chat-profile--viewing{background:var(--card-white);box-shadow:var(--card-white-shadow);color:var(--text-dark);border:none}.talaqqi-chat-user strong,.talaqqi-viewing-name,.talaqqi-picker-title{color:var(--text-dark)}.talaqqi-chat-user span,.talaqqi-viewing-email,.talaqqi-picker-desc{color:var(--text-muted)}.talaqqi-santri-row{background:var(--card-white);box-shadow:var(--card-white-shadow);border:none}.talaqqi-santri-name{color:var(--text-dark)}.talaqqi-santri-meta{color:var(--text-muted)}.talaqqi-chat-bubble{background:var(--card-white);border:1px solid #0f2e2e0f;box-shadow:0 2px 12px #0000000f}.talaqqi-chat-bubble-head strong,.talaqqi-comment p{color:var(--text-dark)}.talaqqi-comment-input{color:var(--text-dark);background:#f4f7f7;border:1px solid #0f2e2e1f}.talaqqi-comment-send{background:var(--teal-700);color:var(--white)}.talaqqi-chat-compose{background:var(--card-white);border-top:1px solid #0000000f;box-shadow:0 -4px 20px #00000014}.talaqqi-compose-hint,.talaqqi-compose-hint--readonly{color:var(--text-muted)}.talaqqi-role-chip{color:var(--text-muted);background:#f4f7f7;border:1px solid #0f2e2e26}.talaqqi-back-santri{color:var(--teal-600)}.talaqqi-ref-toggle{color:var(--teal-600);background:#ffffff14}.talaqqi-ref-btn{background:var(--card-white);color:var(--text-dark);border:none}.talaqqi-chat-offline-title{color:var(--gold)}.talaqqi-chat-login-title{color:var(--text-dark)}.talaqqi-chat--login .learning-para{color:var(--text-muted)}.talaqqi-logout-btn{color:var(--text-muted);border-color:#0f2e2e26}.talaqqi-superadmin-hint{color:#7b1fa2}.meeting-body{padding:8px 16px 24px}.meeting-label,.meeting-input,.meeting-trust-note,.meeting-public-hint{color:var(--white-70)}.meeting-input{background:var(--card-white);color:var(--text-dark);box-shadow:var(--card-white-shadow);border:none}.meeting-card,.meeting-home-card{background:var(--card-white);box-shadow:var(--card-white-shadow);color:var(--text-dark);border:none}.meeting-card-head h3,.meeting-home-title{color:var(--text-dark)}.meeting-card-desc,.meeting-home-sub,.meeting-card-meta{color:var(--text-muted)}.meeting-card-room,.meeting-card-room--btn{color:var(--teal-600)}.meeting-card-copy,.meeting-fill-demo-btn{color:var(--text-dark);background:#f0f4f3;border:1px solid #0f2e2e1f}.meeting-card--featured{background:#fffdf5;border:2px solid #f5c51866}.meeting-badge{color:#9a7b00}.meeting-screen--room .meeting-header{background:var(--card-dark)}.meeting-room-footer{background:var(--card-white);color:var(--text-dark);border-top-color:#00000014}.meeting-room-footer p{color:var(--text-muted)}.jurnal-access-screen .jurnal-access-body{background:0 0;border-radius:0;margin:0;padding:8px 16px 24px}.jurnal-access-card{background:var(--card-white);box-shadow:var(--card-white-shadow);color:var(--text-dark);border:none}.jurnal-access-card h2{color:var(--text-dark)}.jurnal-access-desc,.jurnal-access-benefits{color:var(--text-muted)}.jurnal-access-step{background:linear-gradient(135deg, var(--gold), #e6a800);color:var(--accent-text)}.jurnal-access-price strong{color:var(--teal-700)}.jurnal-access-price-label,.jurnal-access-price-period,.jurnal-access-order-id{color:var(--text-muted)}.jurnal-access-warning{color:#e65100}.jurnal-access-error{color:#c62828}.jurnal-access-logout{color:var(--text-muted);border-color:#0f2e2e26}.profile-sheet-title,.profile-sheet-user-text strong{color:var(--text-dark)}.profile-sheet-user-text span{color:var(--text-muted)}.profile-sheet-subscription{color:var(--teal-600)}.profile-sheet-desc{color:var(--text-muted)}.profile-sheet-close{color:var(--text-dark);background:#f0f4f3;border-color:#0f2e2e1f}.live-stream-header{background:var(--card-dark);border-bottom:none}.live-stream-body{background:#000}.live-stream-note{color:var(--white-70);padding:12px 16px}.onboarding-body{background:var(--teal-900)}.onboarding-scroll h1{color:var(--white)}.onboarding-tagline,.onboarding-language-hint{color:var(--white-70)}.onboarding-language-title{color:var(--white)}.onboarding-hero-overlay{background:linear-gradient(#0000 25%,#0820208c 55%,#061818fa 100%)}.btn-primary{background:linear-gradient(135deg, var(--gold) 0%, #e6a800 100%);color:var(--accent-text);border:none;box-shadow:0 6px 20px #f5c51859}.btn-secondary,.btn-retry{background:var(--teal-700);color:var(--white)}.screen:not(.home) .bottom-nav{display:none}.podcast-card:not(.podcast-card--ref){background:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--card-white-shadow)}.podcast-card:not(.podcast-card--ref) .podcast-title{color:var(--text-dark)}.screen.learn-screen--chat{flex-direction:column!important;height:100%!important;display:flex!important;overflow:hidden!important}.learn-screen--chat .learn-body,.learn-screen--chat .learn-body .talaqqi-chat,.learn-screen--chat .learn-body .talaqqi-chat--picker-wrapper{background:var(--bg-app)!important;flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important;overflow:hidden!important}.learn-screen--chat .learn-body .talaqqi-chat.talaqqi-chat--picker{-webkit-overflow-scrolling:touch!important;overflow:hidden scroll!important}.talaqqi-chat{background:var(--bg-app);--talaqqi-compose-inset:max(12px, env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;height:100%;min-height:0;display:flex}html.capacitor-native .talaqqi-chat{--talaqqi-compose-inset:max(20px, env(safe-area-inset-bottom,0px))}.talaqqi-chat-header{flex-shrink:0;padding-top:8px}.talaqqi-chat-header--compact{padding-top:4px}.talaqqi-chat-toolbar{border-radius:var(--radius-md);background:var(--card-white);box-shadow:var(--card-white-shadow);align-items:center;gap:8px;margin:0 10px 6px;padding:8px 10px;display:flex}.talaqqi-toolbar-user{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.talaqqi-toolbar-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden;color:var(--text-dark)!important}.talaqqi-toolbar-email{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden;color:var(--text-muted)!important}.talaqqi-toolbar-badges{flex-shrink:0;align-items:center;gap:4px;display:flex}.talaqqi-toolbar-actions{align-items:center;gap:8px;margin:0 10px 6px;padding:0 2px;display:flex}.talaqqi-ref-toggle--inline{border-radius:999px;flex:none;width:auto;margin:0;padding:6px 12px;font-size:11px}.talaqqi-ref-toggle--inline.active{background:var(--teal-50)!important;color:var(--teal-800)!important}.talaqqi-toolbar-guru-hint{font-size:10px;font-weight:600;color:#7b1fa2!important}.talaqqi-chat-scroll{-webkit-overflow-scrolling:touch!important;flex:1!important;min-height:0!important;max-height:100%!important;padding:0 0 120px!important;overflow:hidden scroll!important}.talaqqi-chat--picker,.talaqqi-chat--login,.talaqqi-chat--offline{border-radius:0;margin:0;padding:12px 14px 60px;background:var(--bg-app)!important;-webkit-overflow-scrolling:touch!important;flex:1!important;height:0!important;min-height:0!important;overflow:hidden scroll!important}.talaqqi-chat-loading{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px}.talaqqi-chat-profile{border-radius:var(--radius-md);box-shadow:var(--card-white-shadow);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;margin:0 12px 10px;padding:12px 14px;display:flex;background:var(--card-white)!important;border:none!important}.talaqqi-chat-profile--viewing{flex-flow:wrap;align-items:center;gap:8px;padding:10px 12px}.talaqqi-chat-profile--viewing .talaqqi-viewing-santri{flex:1;min-width:120px}.talaqqi-chat-profile--viewing .talaqqi-back-santri{flex-shrink:0}.talaqqi-chat-user{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.talaqqi-chat-user strong,.talaqqi-viewing-name,.talaqqi-picker-title,.talaqqi-chat-login-title,.talaqqi-chat-offline-title{color:var(--text-dark)!important}.talaqqi-chat-user span,.talaqqi-viewing-email,.talaqqi-picker-desc,.talaqqi-chat-empty,.talaqqi-compose-hint,.talaqqi-compose-hint--readonly,.talaqqi-api-url,.talaqqi-demo-label,.talaqqi-demo-key-hint,.talaqqi-picker-demo-hint{color:var(--text-muted)!important}.talaqqi-chat-avatar{object-fit:cover;border:2px solid var(--teal-100);border-radius:50%;width:44px;height:44px}.talaqqi-ws-live{color:var(--teal-700);background:var(--teal-50);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:10px;font-weight:700}.talaqqi-logout-btn{background:var(--card-white);cursor:pointer;border:1px solid #e0e8e8;border-radius:999px;margin-left:auto;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:600;color:var(--teal-700)!important}.talaqqi-back-santri{cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:13px;font-weight:600;color:var(--teal-600)!important}.talaqqi-viewing-name{margin:0;font-size:17px;font-weight:700}.talaqqi-viewing-email{word-break:break-all;font-size:12px}.talaqqi-picker-title{margin:0 0 4px;font-size:15px;font-weight:700}.talaqqi-picker-desc{margin:0;font-size:12px;line-height:1.45}.talaqqi-santri-row{border-radius:var(--radius-md);width:100%;box-shadow:var(--card-white-shadow);color:var(--text-dark);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:14px;font-family:inherit;display:flex;background:var(--card-white)!important;border:none!important}.talaqqi-santri-row--self{background:#f0faf8!important;border:2px solid #00796b59!important}.talaqqi-santri-row--all{margin-bottom:8px;border:2px solid var(--teal-200,#b2dfdb)!important;background:linear-gradient(135deg,#f0faf8 0%,#fff 100%)!important}.talaqqi-santri-avatar{background:var(--teal-50);border-radius:50%;width:44px;height:44px;font-size:14px;font-weight:700;color:var(--teal-700)!important}.talaqqi-santri-name{font-size:14px;font-weight:600;color:var(--text-dark)!important}.talaqqi-santri-meta{font-size:11px;color:var(--text-muted)!important}.talaqqi-santri-row .learning-chevron{color:var(--teal-400);font-size:22px}.talaqqi-role-row{border-radius:var(--radius-md);background:var(--card-white);box-shadow:var(--card-white-shadow);flex-shrink:0;margin:0 12px 10px;padding:12px 14px}.talaqqi-role-row .meeting-label{color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.talaqqi-role-chips{gap:8px;display:flex}.talaqqi-role-chip{cursor:pointer;border-radius:999px;flex:1;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-muted)!important;background:#f4f7f7!important;border:1px solid #e0e8e8!important}.talaqqi-role-chip.active{border-color:var(--teal-500)!important;background:var(--teal-50)!important;color:var(--teal-700)!important}.talaqqi-superadmin-hint{border-radius:var(--radius-sm);background:#7b1fa214;flex-shrink:0;margin:0 12px 8px;padding:8px 12px;font-size:12px;line-height:1.4;color:#7b1fa2!important}.talaqqi-ref-toggle{border-radius:var(--radius-md);width:calc(100% - 24px);box-shadow:var(--card-white-shadow);cursor:pointer;text-align:center;border:none;flex-shrink:0;margin:0 12px 10px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:600;background:var(--card-white)!important;color:var(--teal-700)!important}.talaqqi-ref-list{background:var(--card-white);border-radius:var(--radius-md);box-shadow:var(--card-white-shadow);flex-wrap:wrap;gap:8px;margin:0 12px 12px;padding:10px 12px;list-style:none;display:flex}.talaqqi-ref-btn{cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:600;display:inline-flex;background:var(--teal-50)!important;color:var(--teal-700)!important;border:1px solid #e0e8e8!important}.learn-screen--chat .talaqqi-chat-feed,.talaqqi-chat-feed{flex-direction:column;flex:none;gap:8px;padding:2px 10px 6px;display:flex}.talaqqi-rec-card{border-radius:12px;padding:10px 12px;box-shadow:0 1px 8px #004d400f;background:var(--card-white)!important;border:1px solid #004d4014!important}.talaqqi-rec-card--guru{border-left:3px solid var(--teal-400)!important}.talaqqi-rec-card--mine{border-left:3px solid var(--teal-600)!important;background:#f8fcfb!important}.talaqqi-rec-card-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.talaqqi-rec-card-meta{flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;font-size:12px;display:flex}.talaqqi-rec-card-meta strong{font-size:13px;color:var(--text-dark)!important}.talaqqi-rec-card-meta .talaqqi-chat-time{margin-left:0;font-size:10px}.talaqqi-item-delete--card{margin-left:0;padding:3px 8px;font-size:10px}.talaqqi-rec-card-foot{border-top:1px solid #004d400f;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;padding-top:8px;display:flex}.talaqqi-koreksi-pill{color:var(--teal-700);background:var(--teal-50);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.talaqqi-comment-count{color:var(--text-muted);font-size:10px;font-weight:600}.talaqqi-rec-card-toggle{background:var(--teal-50);cursor:pointer;border:none;border-radius:999px;margin-left:auto;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;color:var(--teal-700)!important}.talaqqi-rec-card-toggle--open{background:#eef2f2;color:var(--text-muted)!important}.talaqqi-rec-card-details{border-top:1px dashed #004d401a;margin-top:8px;padding-top:8px}.talaqqi-rec-card-details .talaqqi-comment-list{margin-bottom:8px}.talaqqi-rec-card-details .talaqqi-comment{padding:8px 10px;font-size:12px}.talaqqi-rec-card-details .talaqqi-comment-form{margin-top:4px}.talaqqi-rec-card-details .talaqqi-comment-input{padding:8px 12px;font-size:12px}.talaqqi-rec-card-details .talaqqi-comment-mic{width:38px;height:38px;font-size:16px}.talaqqi-rec-card-details .talaqqi-comment-send{padding:8px 12px;font-size:11px}.talaqqi-mini-player{background:linear-gradient(135deg,#e8f5f3 0%,#f6fbfb 100%);border:1px solid #00796b1f;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.talaqqi-mini-player--compact{gap:8px;padding:6px 8px}.talaqqi-mini-player-btn{background:var(--gradient-card);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #00796b40}.talaqqi-mini-player--compact .talaqqi-mini-player-btn{width:32px;height:32px}.talaqqi-mini-player-btn svg{width:14px;height:14px;margin-left:2px}.talaqqi-mini-player-pause{box-sizing:border-box;border-left:3px solid #fff;border-right:3px solid #fff;width:12px;height:12px;display:block}.talaqqi-mini-player-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.talaqqi-mini-player-label{color:var(--teal-700);font-size:10px;font-weight:600}.talaqqi-mini-player-track{cursor:pointer;touch-action:none;background:#00796b26;border-radius:999px;height:5px;overflow:hidden}.talaqqi-mini-player-fill{border-radius:inherit;background:linear-gradient(90deg, var(--teal-500), var(--teal-600));height:100%;transition:width .1s linear}.talaqqi-mini-player-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.talaqqi-comment-voice .talaqqi-mini-player{margin-top:4px}.learn-screen--chat .talaqqi-chat-bubble,.talaqqi-chat-bubble{border-radius:var(--radius-lg,14px);box-shadow:var(--card-white-shadow);padding:16px;background:var(--card-white)!important;border:1px solid #004d401a!important}.talaqqi-chat-bubble--guru{border-left:4px solid var(--teal-400)!important}.talaqqi-chat-bubble--mine{border-left:4px solid var(--teal-600)!important;background:#f8fcfb!important}.talaqqi-chat-bubble-head .talaqqi-chat-time{margin-left:auto}.talaqqi-mine-tag{background:var(--teal-50);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;color:var(--teal-700)!important}.talaqqi-role-tag--guru{background:var(--teal-50);color:var(--teal-700)!important}.talaqqi-ayah-tag{color:var(--teal-600);font-size:10px;font-weight:600}.talaqqi-santri-email-tag{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:10px;font-weight:400;overflow:hidden}.talaqqi-koreksi-badge{color:var(--teal-700);background:var(--teal-50);border-radius:var(--radius-sm,6px);margin:4px 0 6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.talaqqi-chat-time{margin-left:auto;font-size:10px;color:var(--text-light)!important}.talaqqi-recording-player{background:linear-gradient(160deg,#e8f5f3 0%,#f4faf9 55%,#fff 100%);border:1px solid #00796b2e;border-radius:12px;margin:0 0 14px;padding:14px 14px 12px;box-shadow:inset 0 1px #ffffffe6}.talaqqi-recording-player-label{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.talaqqi-recording-player-icon{font-size:22px;line-height:1}.talaqqi-recording-player-title{flex:1;min-width:0;font-size:15px;font-weight:700;color:var(--teal-800,#00695c)!important}.talaqqi-recording-duration{background:#ffffffd9;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;color:var(--text-muted)!important}.learn-screen--chat .talaqqi-chat-audio,.talaqqi-chat .talaqqi-chat-audio{background:#fff;border:1px solid #00796b1f;border-radius:10px;width:100%;min-width:100%;height:56px;min-height:56px;margin:0;display:block}.learn-screen--chat .talaqqi-chat-audio::-webkit-media-controls-panel{min-height:48px;padding:4px 8px}.talaqqi-chat .talaqqi-chat-audio::-webkit-media-controls-panel{min-height:48px;padding:4px 8px}.talaqqi-chat-feed>.talaqqi-chat-empty{text-align:center;border-radius:var(--radius-md);background:var(--card-white);min-height:200px;box-shadow:var(--card-white-shadow);flex:1;justify-content:center;align-items:center;padding:24px 16px;font-size:15px;line-height:1.5;display:flex}.talaqqi-comment--guru{background:var(--teal-50);border-left:3px solid var(--teal-500)}.talaqqi-comment-author{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.talaqqi-comment p{margin:0;color:var(--text-dark)!important}.talaqqi-comment-form{gap:8px;display:flex}.talaqqi-comment-form--guru-inline{border-radius:0 0 var(--radius-md) var(--radius-md);background:#e8f5e98c;border-top:1px solid #00796b1a;margin:0 -14px -14px;padding:10px 14px}.talaqqi-comment-input{border-radius:999px;flex:1;min-width:0;padding:10px 14px;font-family:inherit;font-size:13px;color:var(--text-dark)!important;background:#f4f7f7!important;border:1px solid #e0e8e8!important}.talaqqi-comment-send{cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:700;background:var(--gradient-card)!important;color:var(--white)!important}.talaqqi-comment-send:disabled{opacity:.45;cursor:not-allowed}.talaqqi-comment-mic{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;line-height:1;display:flex;border:2px solid var(--teal-200,#b2dfdb)!important;background:var(--teal-50)!important;color:var(--teal-800,#00695c)!important}.talaqqi-comment-mic--rec{animation:1s ease-in-out infinite talaqqi-pulse-rec;color:#c62828!important;background:#ffebee!important;border-color:#c62828!important}.talaqqi-comment-voice{background:#ffffffb3;border:1px solid #00796b1f;border-radius:10px;margin:8px 0 4px;padding:10px 12px}.talaqqi-comment-voice-label{margin-bottom:8px;font-size:11px;font-weight:700;display:block;color:var(--teal-700)!important}.learn-screen--chat .talaqqi-comment-audio,.talaqqi-comment-audio{border-radius:8px;width:100%;height:48px;min-height:48px}.talaqqi-feed-pagination{background:var(--card-white);border-top:1px solid #004d4014;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:6px 10px;display:flex;box-shadow:0 -2px 8px #004d400a}.talaqqi-feed-pagination-info{text-align:center;flex:1;font-size:11px;font-weight:600;line-height:1.35;color:var(--text-muted)!important}.talaqqi-feed-pagination-btn{background:var(--card-white);cursor:pointer;border:1px solid #dce5e3;border-radius:999px;flex-shrink:0;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:600;color:var(--teal-700)!important}.talaqqi-feed-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.talaqqi-feed-pagination-btn:not(:disabled):hover{background:var(--teal-50);border-color:var(--teal-300)}.talaqqi-chat-error{border-radius:var(--radius-sm);color:#c62828;background:#ffebee;flex-shrink:0;margin:0 12px 8px;padding:10px 12px;font-size:12px;line-height:1.4}.talaqqi-chat-compose{padding:16px 16px calc(16px + var(--talaqqi-compose-inset));flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:14px 16px;display:flex;box-shadow:0 -6px 24px #004d401f;background:var(--card-white)!important;border-top:1px solid #004d4014!important}.talaqqi-chat-compose--compact{padding:10px 14px calc(10px + var(--talaqqi-compose-inset));justify-content:flex-start;gap:10px 12px}.talaqqi-chat-compose--compact .talaqqi-mic-btn{width:48px;height:48px;margin-left:auto;font-size:20px}.talaqqi-compose-hint--inline{text-align:center;flex:100%;margin:0;font-size:10px;color:var(--text-muted)!important}.talaqqi-compose-ayah{color:var(--text-dark);flex:auto;justify-content:center;align-items:center;gap:10px;min-width:0;font-size:13px;font-weight:600;display:flex}.talaqqi-compose-ayah select{border-radius:var(--radius-sm);color:var(--text-dark);background:#f4f7f7;border:1px solid #e0e8e8;padding:8px 12px;font-family:inherit;font-size:13px}.talaqqi-mic-btn{background:var(--gradient-card);width:56px;height:56px;color:var(--white);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;font-size:22px;box-shadow:0 6px 18px #00796b59}.talaqqi-mic-btn--rec{animation:1s ease-in-out infinite talaqqi-mic-pulse;background:#e53935!important}@keyframes talaqqi-mic-pulse{0%,to{box-shadow:0 0 #e5393573}50%{box-shadow:0 0 0 10px #e5393500}}.talaqqi-compose-hint{text-align:center;flex:100%;margin:0;font-size:11px}.talaqqi-chat--picker-wrapper{flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important;overflow:hidden!important}.talaqqi-compose-hint--readonly{padding:14px 16px max(16px, env(safe-area-inset-bottom,12px))!important;background:var(--card-white)!important;color:var(--text-muted)!important;text-align:center!important;box-sizing:border-box!important;border-top:1px solid #004d4014!important;flex:none!important;width:100%!important;margin:0!important;font-size:12px!important;font-weight:600!important;box-shadow:0 -4px 16px #004d4008!important}.talaqqi-compose-preview-row{flex:100%;align-items:center;gap:8px;width:100%;display:flex}.talaqqi-compose-preview-audio{border-radius:8px;flex:1;width:100%;min-width:0;height:40px;min-height:40px;margin:0}.talaqqi-compose-preview-delete{cursor:pointer;border-radius:999px;flex-shrink:0;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:700;color:#c62828!important;background:#ffebee!important;border:1px solid #ffcdd2!important}.talaqqi-compose-preview-delete:disabled{opacity:.45;cursor:not-allowed}.talaqqi-comment-mic--ready,.talaqqi-mic-btn--ready{box-shadow:0 0 0 2px #00796b33;border-color:var(--teal-700,#00796b)!important}.talaqqi-item-delete{cursor:pointer;border-radius:999px;flex-shrink:0;margin-left:auto;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700;color:#c62828!important;background:0 0!important;border:1px solid #ffcdd2!important}.talaqqi-item-delete--inline{margin-left:8px;padding:2px 8px;font-size:10px}.talaqqi-item-delete:disabled{opacity:.45;cursor:not-allowed}.talaqqi-chat--loading{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.talaqqi-chat--offline{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;background:var(--bg-app)!important;padding:20px 16px 28px!important}.talaqqi-offline-card{text-align:center;border-radius:var(--radius-lg);background:var(--card-white);width:100%;max-width:340px;margin:0 auto;padding:24px 20px;box-shadow:0 4px 20px #004d401a}.talaqqi-offline-icon{margin-bottom:12px;font-size:2.5rem;line-height:1;display:block}.talaqqi-offline-title{margin:0 0 10px;font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--teal-800)!important}.talaqqi-offline-desc,.talaqqi-offline-hint{margin:0 0 16px;font-size:.88rem;line-height:1.55;color:var(--text-muted)!important}.talaqqi-offline-dev{text-align:left;border-radius:var(--radius-md);background:var(--teal-50);border:1px solid #00796b1f;margin:0 0 16px;padding:12px 14px}.talaqqi-offline-dev summary{cursor:pointer;font-size:.82rem;font-weight:600;color:var(--teal-700)!important}.talaqqi-offline-steps{margin:10px 0 0;padding-left:1.2rem;font-size:.82rem;line-height:1.55;color:var(--text-dark)!important}.talaqqi-offline-steps li+li{margin-top:8px}.talaqqi-offline-code{word-break:break-all;background:#fff;border-radius:6px;margin-top:4px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:.78rem;display:inline-block;color:var(--teal-800)!important}.talaqqi-offline-retry{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--teal-600), var(--teal-700));cursor:pointer;border:none;width:100%;padding:14px 20px;font-family:inherit;font-size:.95rem;font-weight:700;box-shadow:0 4px 14px #00796b59;color:#fff!important}.talaqqi-offline-retry:disabled{opacity:.65;cursor:wait}.talaqqi-offline-retry:active:not(:disabled){transform:scale(.98)}.talaqqi-chat--login .learning-para,.talaqqi-chat--offline .learning-para{font-size:13px;line-height:1.55;color:var(--text-muted)!important}.talaqqi-chat-offline-title{font-size:16px;font-weight:700;color:var(--teal-700)!important}.talaqqi-chat-steps{margin:0;padding-left:18px;font-size:13px;line-height:1.6;color:var(--text-muted)!important}.talaqqi-chat-steps code{font-size:12px;color:var(--teal-700)!important}.talaqqi-ref-toggle.talaqqi-demo-toggle{width:100%;margin:0}.talaqqi-chat--login .btn-primary,.talaqqi-chat--offline .btn-primary,.talaqqi-chat--offline .talaqqi-offline-retry{width:100%}.screen.coin-topup-screen{background:var(--bg-app);min-height:0;color:var(--text-dark)}.coin-topup-header{padding:max(12px, env(safe-area-inset-top)) 16px 12px;background:var(--card-white);z-index:10;border-bottom:1px solid #00796b1a;flex-shrink:0;grid-template-columns:40px 1fr 72px;align-items:center;gap:8px;display:grid;position:sticky;top:0}.coin-topup-back{background:var(--chip-bg);cursor:pointer;width:36px;height:36px;color:var(--teal-800);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.coin-topup-title{text-align:center;color:var(--text-dark);margin:0;font-size:17px;font-weight:800}.coin-topup-header-actions{justify-content:flex-end;gap:4px;display:flex}.coin-topup-icon-btn{background:var(--chip-bg);cursor:pointer;width:36px;height:36px;color:var(--teal-700);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.coin-topup-icon-btn:active{background:var(--teal-100)}.coin-topup-body{padding:16px 16px max(40px, calc(env(safe-area-inset-bottom) + 24px));flex-direction:column;flex-shrink:0;gap:16px;display:flex}.coin-topup-login{background:var(--card-white);border-radius:var(--radius-md);box-shadow:var(--card-white-shadow);border:1px solid #00796b1a;padding:16px}.coin-topup-login h2{color:var(--text-dark);margin:0 0 6px;font-size:16px}.coin-topup-login p{color:var(--text-muted);margin:0 0 12px;font-size:13px}.coin-topup-wallet{border-radius:var(--radius-md);background:linear-gradient(145deg, var(--teal-50) 0%, #c8ebe7 45%, var(--teal-300) 100%);color:var(--teal-900);box-shadow:var(--card-white-shadow);border:1px solid #00796b1f;padding:18px 16px 14px;position:relative;overflow:hidden}.coin-topup-wallet:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 90% 20%,#ffffff73,#0000),radial-gradient(60% 50% at 10% 80%,#004d400f,#0000);position:absolute;inset:0}.coin-topup-wallet-label{color:var(--teal-800);opacity:.9;margin:0 0 2px;font-size:13px;font-weight:600;position:relative}.coin-topup-wallet-total{color:var(--teal-900);align-items:center;gap:8px;margin:0 0 14px;font-size:40px;font-weight:800;line-height:1;display:flex;position:relative}.coin-topup-wallet-split{border-top:1px solid #004d401f;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;display:grid;position:relative}.coin-topup-wallet-col{color:var(--teal-800);align-items:center;gap:6px;font-size:11px;font-weight:500;line-height:1.3;display:flex}.coin-topup-wallet-col strong{color:var(--teal-900);font-size:13px;font-weight:800}.coin-topup-wallet-note{color:var(--teal-700);opacity:.75;text-align:right;margin:10px 0 0;font-size:10px;font-style:italic;position:relative}.coin-topup-section-title{color:var(--text-dark);margin:4px 0 0;font-size:16px;font-weight:800}.coin-starter-card{border-radius:var(--radius-md);background:linear-gradient(135deg, #fff9e8 0%, var(--teal-50) 55%, #b2dfdb 100%);box-shadow:var(--card-white-shadow);border:1px solid #00796b26;padding:16px;position:relative;overflow:hidden}.coin-starter-ribbon{color:#fff;z-index:2;background:linear-gradient(135deg,#ffb74d,#ff8f00);padding:4px 36px;font-size:10px;font-weight:800;position:absolute;top:12px;right:-28px;transform:rotate(35deg);box-shadow:0 2px 6px #ff8f0059}.coin-starter-body{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.coin-starter-text{flex:1;min-width:0}.coin-starter-price-line{color:var(--text-muted);margin:0 0 4px;font-size:13px;font-weight:600}.coin-starter-coins{color:var(--teal-800);margin:0;font-size:22px;font-weight:800;line-height:1.15}.coin-starter-gift-art{flex-shrink:0;width:100px;height:84px}.coin-starter-cta{background:var(--gradient-card);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:800;box-shadow:0 4px 14px #00796b40}.coin-starter-cta:disabled{opacity:.65;cursor:not-allowed}.coin-topup-list{background:var(--card-white);border-radius:var(--radius-md);box-shadow:var(--card-white-shadow);border:1px solid #00796b14;margin:0;padding:0;list-style:none;overflow:hidden}.coin-topup-row{border-bottom:1px solid #00796b14;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.coin-topup-row:last-child{border-bottom:none}.coin-topup-row-coins{flex:1;min-width:0}.coin-topup-row-main{align-items:center;gap:8px;display:flex}.coin-topup-base{color:var(--text-dark);font-size:18px;font-weight:800}.coin-topup-bonus-plus{color:var(--teal-600);font-size:16px;font-weight:700}.coin-topup-bonus-label{color:var(--teal-600);margin:2px 0 0 30px;font-size:11px;font-weight:600}.coin-topup-price-btn{background:var(--gradient-card);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;min-width:96px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:800;box-shadow:0 2px 8px #00796b33}.coin-topup-price-btn:disabled{opacity:.65;cursor:not-allowed}.coin-topup-price-btn:active:not(:disabled),.coin-starter-cta:active:not(:disabled){transform:scale(.98)}.coin-balance-badge{color:#7b1fa2;background:#7b1fa21f;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.coin-error{color:#c62828;margin:8px 0 0;font-size:13px}.coin-error--block{border-radius:var(--radius-sm);background:#ffebee;padding:10px 12px}.coin-pay-panel{text-align:center;background:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--card-white-shadow);padding:16px}.coin-pay-coins{color:var(--teal-700);margin:0 0 4px;font-size:22px;font-weight:800}.coin-pay-amount{color:var(--text-dark);margin:0 0 16px;font-size:18px;font-weight:600}.coin-pay-hint{color:var(--text-muted);margin:12px 0;font-size:13px;line-height:1.45}.coin-pay-xendit-btn{border-radius:var(--radius-md);background:var(--gradient-card);color:#fff;cursor:pointer;border:none;width:100%;padding:14px;font-family:inherit;font-size:14px;font-weight:700}.talaqqi-coin-bar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--teal-50) 0%, #fff 100%);border:1px solid #00796b26;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin:0 10px 6px;padding:8px 12px;font-size:12px;display:flex}.talaqqi-coin-bar strong{color:var(--teal-700);font-weight:800}.talaqqi-coin-bar-btn{background:var(--teal-600);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:700}.profile-coin-row{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--teal-50), #fff);border:1px solid #00796b1f;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;padding:12px;display:flex}.profile-coin-balance{color:var(--teal-800);margin:0;font-size:18px;font-weight:800}.profile-coin-buy{background:var(--gradient-card);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700}.home-coin-chip{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff73;border-radius:999px;flex-shrink:0;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700}.coin-inline-link{color:var(--teal-700);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.coin-catalog-coins{color:var(--teal-700);font-size:14px;font-weight:700}.screen.onboarding{background:radial-gradient(circle at 50% -20%,#e0f2f1 0%,#f3f6f6 100%);flex-direction:column;min-height:100%;display:flex}.onboarding-hero{z-index:2;border-radius:0 0 32px 32px;flex:none;height:35%;min-height:180px;max-height:280px;position:relative;overflow:hidden;box-shadow:0 12px 30px #004d4026}.onboarding-hero-img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform .8s;display:block}.onboarding-hero:hover .onboarding-hero-img{transform:scale(1.03)}.onboarding-hero-overlay{z-index:1;border-radius:0 0 32px 32px;position:absolute;inset:0;background:linear-gradient(#004d401a 0%,#004d4066 60%,#004d40a6 100%)!important}.onboarding-hero-logo-container{z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding-hero-logo-badge{-webkit-backdrop-filter:blur(12px);background:#ffffffe0;border:1.5px solid #fff9;border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 12px 36px #004d4047,inset 0 2px 8px #fff6}.onboarding-hero-logo-badge:hover{background:#fff;transform:scale(1.08)rotate(3deg)}.onboarding-hero-logo{object-fit:contain;width:48px;height:48px}.onboarding-hero-brand-name{color:#fff;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0, 4d, 40, .45);margin-top:12px;font-family:Poppins,sans-serif;font-size:22px;font-weight:800}.onboarding-body{z-index:2;border-radius:32px 32px 0 0;flex-direction:column;flex:1;min-height:0;margin-top:-24px;display:flex;position:relative;box-shadow:0 -8px 32px #004d400d;background:linear-gradient(#fff 0%,#f7faf9 100%)!important}.onboarding-scroll{text-align:center;flex:1;min-height:0;padding:24px 22px 12px;overflow-y:auto}.onboarding-scroll h1{letter-spacing:-.02em;margin:0 0 6px;font-family:Poppins,sans-serif;font-size:26px;font-weight:800;color:var(--teal-900)!important}.onboarding-divider{justify-content:center;align-items:center;gap:12px;width:160px;margin:0 auto 22px;display:flex}.divider-line{background:linear-gradient(90deg,#0000,#00968840 50%,#0000);flex:1;height:1px}.divider-pattern{color:var(--teal-500);opacity:.7;font-size:13px}.onboarding-language-title{text-align:center;margin:0 0 6px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:var(--teal-900)!important}.onboarding-language-hint{text-align:center;margin:0 0 20px;font-size:12.5px;line-height:1.5;color:var(--text-muted)!important}.onboarding-footer{padding:16px 22px max(20px, env(safe-area-inset-bottom));border-top:1px solid #00796b0d;flex-shrink:0;background:#f7faf9!important}.onboarding .btn-primary--onboarding{letter-spacing:.01em;cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;color:var(--white)!important;background:linear-gradient(135deg,#009688 0%,#00796b 100%)!important;box-shadow:0 8px 24px #00796b4d!important}.onboarding .btn-primary--onboarding:active{transform:scale(.975);box-shadow:0 4px 12px #00796b33!important}.btn-onboarding-icon{flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.onboarding .btn-primary--onboarding:hover .btn-onboarding-icon{transform:translate(4px)}.onboarding .btn-primary--onboarding:active .btn-onboarding-icon{transform:translate(2px)scale(.9)}.onboarding .language-picker--onboarding{flex-direction:column;gap:11px;display:flex}.onboarding .language-option--onboarding{width:100%;color:var(--text-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:20px;outline:none;justify-content:flex-start;align-items:center;gap:14px;padding:12px 16px;font-family:inherit;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 4px 14px #004d4008,inset 0 1px #fffffff2;background:linear-gradient(165deg,#fffffff5 0%,#f8fbfafa 100%)!important;border:1.5px solid #00796b14!important}.onboarding .language-option--onboarding:active{transform:scale(.985)}.onboarding .language-option--onboarding.selected{box-shadow:0 8px 24px #00796b14,inset 0 1px #fffc;border-color:var(--teal-400)!important;background:linear-gradient(165deg,#f0faf8 0%,#e6f5f2 100%)!important;border-width:1.5px!important}.language-option-flag-wrapper{background:#00796b0a;border:1px solid #00796b0f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s;display:flex}.onboarding .language-option--onboarding.selected .language-option-flag-wrapper{background:#0096881a;border-color:#00968826;transform:scale(1.05)}.language-option-flag{font-size:22px;line-height:1}.language-option-info{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.language-option-title{align-items:center;gap:6px;width:100%;display:flex}.onboarding .language-option-code{color:var(--teal-900);letter-spacing:.03em;font-size:15px;font-weight:800}.language-option-dot{color:var(--teal-300);opacity:.8;font-size:11px}.language-option-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.onboarding .language-option-sub{color:var(--text-muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:11.5px;font-weight:500;overflow:hidden}.language-option-radio-dot{background:#fff;border:2px solid #00796b33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.language-option-radio-dot.active{border-color:var(--teal-500);background:linear-gradient(135deg,#009688 0%,#00796b 100%);box-shadow:0 2px 6px #00796b40}.radio-inner-circle{background:#fff;border-radius:50%;width:0;height:0;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.language-option-radio-dot.active .radio-inner-circle{width:8px;height:8px}.screen.quran-screen--ui2{background:var(--bg-app);scrollbar-width:none;flex-direction:column;min-height:0;display:flex;overflow:hidden auto}.screen.quran-screen--ui2::-webkit-scrollbar{display:none}.quran-screen--ui2 .quran-header{display:none}.quran-last-card{border-radius:var(--radius-lg);background:var(--gradient-card);color:var(--white);box-shadow:var(--card-white-shadow);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin:12px 16px 0;padding:18px 18px 16px;display:flex}.quran-last-card-text h2{opacity:.9;margin:0 0 4px;font-size:14px;font-weight:600}.quran-last-card-text p{margin:0 0 12px;font-size:16px;font-weight:700}.quran-continue-btn{background:var(--white);color:var(--teal-700);cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700}.quran-continue-btn:disabled{opacity:.55;cursor:default}.quran-last-card-img{object-fit:contain;filter:drop-shadow(0 6px 12px #0003);flex-shrink:0;width:72px;height:72px}.quran-toolbar{flex-shrink:0;padding:14px 16px 0}.quran-back-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.quran-back-row .back-btn{background:var(--card-white);width:40px;height:40px;color:var(--teal-700);border:1px solid #e0e8e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 2px 8px #004d400f}.quran-back-row .back-btn svg{width:22px;height:22px}.quran-back-row-main{flex:1;min-width:0}.quran-back-row h1{color:var(--text-dark);margin:0;font-size:20px;font-weight:800}.quran-back-row .quran-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:12px}.quran-lang-chip{background:var(--card-white);color:var(--teal-700);cursor:pointer;border:1px solid #e0e8e8;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:8px 10px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.quran-search{border-radius:var(--radius-md);background:#ecefef;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;display:flex}.quran-search input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.quran-search input::placeholder{color:var(--text-light)}.quran-search-icon{color:var(--text-light);font-size:16px}.quran-tabs--ui2{flex-shrink:0;gap:8px;padding:0 0 12px;display:flex}.quran-tabs--ui2 .quran-tab{background:var(--card-white);color:var(--text-muted);cursor:pointer;border:none;border-radius:999px;flex:1;padding:10px 8px;font-family:inherit;font-size:12px;font-weight:600;box-shadow:0 2px 8px #004d400f}.quran-tabs--ui2 .quran-tab.active{background:var(--gradient-card);color:var(--white);box-shadow:0 4px 12px #00796b40}.quran-list-wrap{flex:none;padding-bottom:24px}.quran-list{background:var(--card-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:column;gap:0;margin:0;padding:0 16px;list-style:none;display:flex;overflow:hidden;box-shadow:0 -2px 12px #004d400a}.quran-list-item{background:var(--card-white);text-align:left;cursor:pointer;border:none;border-bottom:1px solid #eef2f2;align-items:center;gap:12px;width:100%;padding:14px 4px 14px 0;font-family:inherit;display:flex}.quran-list-item:last-child{border-bottom:none}.quran-list-num{background:var(--teal-50);width:36px;height:36px;color:var(--teal-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.quran-list-meta{flex:1;min-width:0}.quran-list-name{color:var(--text-dark);font-size:15px;font-weight:600;display:block}.quran-list-verses{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.quran-list-arabic{color:var(--teal-700);flex-shrink:0;font-family:Amiri,Traditional Arabic,serif;font-size:22px;line-height:1.2}.quran-empty{text-align:center;color:var(--text-muted);margin:0;padding:32px 20px;font-size:14px}.quran-surah-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 24px;display:grid}.quran-grid-card{border-radius:var(--radius-md);background:var(--card-white);min-height:96px;box-shadow:var(--card-white-shadow);cursor:pointer;border:none;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;padding:24px 10px 14px;font-family:inherit;display:flex;position:relative}.quran-grid-card:active{transform:scale(.98)}.quran-grid-num{color:var(--teal-600);font-size:11px;font-weight:700;position:absolute;top:10px;left:12px}.quran-grid-name{color:var(--text-dark);text-align:center;font-size:13px;font-weight:600;line-height:1.3}.quran-grid-icon{color:var(--teal-500);opacity:.85}.screen.surah-detail-screen--ui2{flex-direction:column;min-height:0;display:flex;background:var(--bg-app)!important}.surah-detail-screen--ui2 .surah-detail-header{background:var(--bg-app);border-bottom:none;flex-shrink:0;align-items:flex-start;gap:10px;padding:12px 16px 10px;display:flex}.surah-detail-screen--ui2 .back-btn{background:var(--card-white);width:40px;height:40px;color:var(--teal-700);border:1px solid #e0e8e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 2px 8px #004d400f}.surah-detail-screen--ui2 .back-btn svg{width:22px;height:22px}.surah-detail-screen--ui2 .surah-detail-title{flex:1;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.surah-detail-screen--ui2 .surah-detail-title-main{flex:1;min-width:0}.surah-detail-screen--ui2 .surah-detail-title h1{margin:0 0 6px;font-size:20px;font-weight:800;color:var(--text-dark)!important}.surah-detail-screen--ui2 .surah-detail-arabic{text-align:right;flex-shrink:0;margin:0;font-size:22px;font-weight:600;line-height:1.4;color:var(--teal-700)!important}.surah-detail-screen--ui2 .surah-detail-meta{margin:0;font-size:12px;line-height:1.4;color:var(--text-muted)!important}.surah-detail-screen--ui2 .mushaf-badge{background:var(--teal-50);border:1px solid #00796b33;border-radius:999px;margin-bottom:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block;color:var(--teal-700)!important}.surah-detail-screen--ui2 .surah-playback-bar{background:var(--bg-app);padding:0 16px 8px}.surah-detail-screen--ui2 .surah-auto-play-btn{box-shadow:var(--card-white-shadow);border:1.5px solid var(--teal-400)!important;background:var(--card-white)!important;color:var(--teal-700)!important}.surah-detail-screen--ui2 .surah-auto-play-btn.active{background:var(--gradient-card)!important;color:var(--white)!important;border-color:#0000!important}.surah-detail-screen--ui2 .surah-auto-play-btn.active .pause-icon--sm{border-left-color:var(--white);border-right-color:var(--white)}.surah-detail-screen--ui2 .auto-play-hint{color:var(--text-muted)!important}.surah-detail-screen--ui2 .tajweed-toggle-row{background:var(--bg-app);padding:0 16px 8px}.surah-detail-screen--ui2 .tajweed-toggle{box-shadow:0 2px 8px #004d400f;background:var(--card-white)!important;color:var(--text-dark)!important;border:1.5px solid #e0e8e8!important}.surah-detail-screen--ui2 .tajweed-toggle.active{border-color:var(--teal-500)!important;background:var(--teal-50)!important;color:var(--teal-700)!important}.surah-detail-screen--ui2 .tajweed-legend{border-radius:var(--radius-md);box-shadow:var(--card-white-shadow);margin:0 16px 10px;padding:12px 14px;background:var(--card-white)!important;color:var(--text-muted)!important;border:1px solid #e8eeec!important}.surah-detail-screen--ui2 .tajweed-legend summary{color:var(--teal-700)!important}.surah-detail-screen--ui2 .tajweed-legend-list li{color:var(--text-muted);font-size:11px}.surah-detail-screen--ui2 .surah-detail-body{min-height:0;padding:16px 16px max(20px, env(safe-area-inset-bottom));background:var(--card-white);border-radius:24px 24px 0 0;flex:1;margin-top:4px;overflow-y:auto;box-shadow:0 -4px 20px #004d4014}.surah-detail-screen--ui2 .surah-detail-state{color:var(--text-muted)!important}.surah-detail-screen--ui2 .state-error{color:#c62828}.surah-detail-screen--ui2 .btn-retry{border-radius:999px;background:var(--gradient-card)!important;color:var(--white)!important}.surah-detail-screen--ui2 .loading-spinner{border-color:var(--teal-100);border-top-color:var(--teal-600)}.surah-detail-screen--ui2 .ayah-list{gap:12px}.surah-detail-screen--ui2 .ayah-card{border-radius:var(--radius-md);box-shadow:none;padding:14px;background:#f6f9f8!important;border:1px solid #e8eeec!important}.surah-detail-screen--ui2 .ayah-card--active{box-shadow:0 4px 14px #00796b1a;border-color:var(--teal-500)!important;background:var(--teal-50)!important}.surah-detail-screen--ui2 .ayah-header{margin-bottom:10px}.surah-detail-screen--ui2 .ayah-play-btn{background:var(--gradient-card)!important;color:var(--white)!important}.surah-detail-screen--ui2 .ayah-play-btn.playing{background:#e53935!important}.surah-detail-screen--ui2 .ayah-play-btn .pause-icon{border-left-color:var(--white);border-right-color:var(--white)}.surah-detail-screen--ui2 .ayah-number{border-radius:8px;background:var(--teal-600)!important;color:var(--white)!important}.surah-detail-screen--ui2 .ayah-arabic,.surah-detail-screen--ui2 .word-arabic{color:var(--text-dark)!important}.surah-detail-screen--ui2 .ayah-arabic--full{opacity:1;color:var(--text-muted)!important}.surah-detail-screen--ui2 .ayah-translation{color:var(--text-muted)!important;border-top-color:#e0e8e8!important}.surah-detail-screen--ui2 .ayah-words{border-bottom-color:#e0e8e8!important}.surah-detail-screen--ui2 .word-meaning{color:var(--teal-600)!important}.surah-detail-screen--ui2 .ayah-audio-error{color:#c62828}.surah-detail-screen--ui2 .tajweed-text{color:var(--text-dark)}.profile-sheet-backdrop{z-index:110}.profile-sheet--ref{padding:8px 20px max(24px, env(safe-area-inset-bottom));border:none;border-radius:24px 24px 0 0;flex-direction:column;gap:0;display:flex;box-shadow:0 -8px 32px #004d4024}.profile-sheet-handle{background:#d0dedc;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:6px auto 14px}.profile-sheet--ref .profile-sheet-title{color:var(--text-dark);text-align:left;margin:0 0 16px;font-size:20px;font-weight:800}.profile-sheet--ref .profile-sheet-desc{margin:0 0 18px;font-size:14px;line-height:1.55;color:var(--text-muted)!important}.profile-sheet--ref .profile-sheet-user{border-radius:var(--radius-md);background:#f6f9f8;border:1px solid #e8eeec;align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;display:flex}.profile-sheet--ref .profile-sheet-avatar{object-fit:cover;border:2px solid var(--teal-100);border-radius:50%;width:52px;height:52px}.profile-sheet--ref .profile-sheet-user-text strong{color:var(--text-dark);font-size:16px;font-weight:700}.profile-sheet--ref .profile-sheet-user-text span{font-size:13px;color:var(--text-muted)!important}.profile-sheet--ref .profile-sheet-user-email{margin-top:2px;display:block;font-size:12px!important}.profile-sheet--ref .auth-form{margin-bottom:8px}.auth-form-tabs{background:#f0f5f4;border-radius:999px;gap:8px;margin-bottom:16px;padding:4px;display:flex}.auth-form-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600}.auth-form-tab--active{background:var(--white);color:var(--teal-700);box-shadow:0 2px 8px #004d401a}.auth-form-body{flex-direction:column;gap:12px;display:flex}.auth-form-field{flex-direction:column;gap:6px;display:flex}.auth-form-field span{color:var(--text-dark);font-size:13px;font-weight:600}.auth-form-field input{border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--text-dark);border:1px solid #dce5e3;padding:12px 14px;font-family:inherit;font-size:15px}.auth-form-field input:focus{border-color:var(--teal-500);outline:none;box-shadow:0 0 0 3px #00796b1f}.auth-form-submit{cursor:pointer;border:none;border-radius:999px;width:100%;margin-top:4px;padding:14px 20px;font-size:15px;font-weight:700}.auth-form-error{color:#c62828;text-align:center;margin:10px 0 0;font-size:13px;line-height:1.45}.auth-form-hint{color:var(--text-muted);margin:-4px 0 0;font-size:12px;line-height:1.4}.auth-form-divider{text-align:center;color:var(--text-muted);margin:18px 0 12px;font-size:13px}.profile-sheet--ref .profile-sheet-subscription{background:var(--teal-50);border-radius:var(--radius-sm);border:1px solid #00796b1f;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--teal-700)!important}.profile-sheet--ref .jurnal-google-wrap{justify-content:center;margin-bottom:4px;display:flex}.profile-sheet--ref .profile-sheet-error{text-align:center;margin-top:12px;font-size:13px;line-height:1.45;color:#c62828!important}.profile-sheet--ref .profile-logout-btn{cursor:pointer;border:none;border-radius:999px;width:100%;margin-bottom:12px;padding:14px 20px;font-size:15px;font-weight:700;background:var(--gradient-card)!important;color:var(--white)!important;box-shadow:0 6px 20px #00796b47!important}.profile-sheet--ref .profile-sheet-close{cursor:pointer;border:1px solid #e0e8e8;border-radius:999px;width:100%;margin-top:4px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:600;background:var(--chip-bg)!important;color:var(--text-dark)!important}.profile-screen{background:#f6f9f8;flex-direction:column;width:100%;height:100%;display:flex}.profile-screen--locked{justify-content:center}.profile-neon-glow{filter:blur(20px);z-index:1;pointer-events:none;background:radial-gradient(circle,#e2ffbb 0%,#e2ffbb66 50%,#f6f9f800 100%);width:320px;height:320px;position:absolute;top:-100px;right:-50px}.profile-scroll-content{z-index:2;padding:30px 20px calc(var(--bottom-nav-h) + var(--nav-bottom-offset,0px) + 30px);flex-direction:column;gap:20px;display:flex;position:relative}.profile-user-header{align-items:center;gap:16px;margin-top:10px;margin-bottom:5px;display:flex}.profile-avatar-wrap{border:2px solid var(--white);background:var(--white);border-radius:50%;width:62px;height:62px;overflow:hidden;box-shadow:0 4px 14px #00000014}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-name-section{align-items:center;gap:8px;display:flex}.profile-name-text{color:#1a2e2e;letter-spacing:-.3px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:23px;font-weight:800}.profile-logout-trigger{color:#1a2e2e;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,transform .1s;display:inline-flex}.profile-logout-trigger:active{transform:scale(.9)}.profile-logout-trigger:hover{opacity:.7}.profile-wallet-card{background:linear-gradient(135deg,#eafcf5 0%,#fff1fa 50%,#f1f0ff 100%);border:1px solid #ffffffb3;border-radius:22px;flex-direction:column;gap:16px;padding:22px 20px;display:flex;box-shadow:0 8px 32px #004d400a}.profile-wallet-top{justify-content:space-between;align-items:flex-start;display:flex}.profile-wallet-left{flex-direction:column;gap:2px;display:flex}.profile-wallet-title{color:#1a2e2e;font-size:16px;font-weight:800}.profile-wallet-balance-row{align-items:center;gap:1px;display:flex}.profile-wallet-balance-val{color:#1a2e2e;letter-spacing:-.5px;font-size:32px;font-weight:800;line-height:1.1}.profile-wallet-chevron{color:#1a2e2e;margin-top:4px}.profile-topup-btn{background:var(--white);color:#1a2e2e;cursor:pointer;letter-spacing:.3px;border:none;border-radius:11px;padding:9px 18px;font-size:13.5px;font-weight:800;transition:transform .2s,background-color .2s;box-shadow:0 4px 15px #004d400f}.profile-topup-btn:active{transform:scale(.96)}.profile-wallet-details{flex-direction:column;gap:12px;margin-top:4px;display:flex}.profile-wallet-coin-row{justify-content:space-between;align-items:center;display:flex}.profile-wallet-coin-label{color:#1a2e2e;align-items:center;gap:10px;font-size:14.5px;font-weight:700;display:flex}.coin-emoji-svg{justify-content:center;align-items:center;font-size:18px;display:inline-flex}.gold-coin-glow{filter:drop-shadow(0 2px 4px #ffc10733)}.silver-coin-glow{filter:drop-shadow(0 2px 4px #78909c33)}.profile-wallet-coin-value{color:#1a2e2e;font-size:16px;font-weight:800}.profile-wallet-divider{border-top:1px dashed #004d4014}.profile-wallet-alert{background:#fff0eb;border:1px solid #ff704314;border-radius:14px;align-items:flex-start;gap:8px;margin-top:2px;padding:12px 14px;display:flex}.profile-wallet-alert-icon{color:#ff6e40;flex-shrink:0;margin-top:1px}.profile-wallet-alert-text{color:#e65100;font-size:11.5px;font-weight:600;line-height:1.45}.profile-menu-container{background:var(--white);border:1px solid #004d4008;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #004d4005}.profile-menu-list{flex-direction:column;display:flex}.profile-menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f6f8f7;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;transition:background-color .2s;display:flex}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:active{background-color:#f7faf9}.profile-menu-item-left{align-items:center;gap:14px;display:flex}.profile-menu-icon{color:#1a2e2e;flex-shrink:0}.profile-menu-label{color:#1a2e2e;font-size:15px;font-weight:700}.profile-menu-item-right{align-items:center;gap:8px;display:flex}.profile-badge-green{color:#2e7d32;background:#e8f5e9;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700}.profile-menu-arrow{color:#cfd8dc;flex-shrink:0}.profile-locked-container{z-index:2;padding:24px 20px calc(24px + var(--bottom-nav-h));flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:relative}.profile-locked-header{text-align:center;max-width:320px}.profile-locked-avatar-placeholder{background:var(--teal-50);width:64px;height:64px;color:var(--teal-700);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex;box-shadow:0 4px 12px #004d400d}.profile-locked-header h1{color:#1a2e2e;margin:0 0 8px;font-size:22px;font-weight:800}.profile-locked-header p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.profile-locked-card{background:var(--white);border:1px solid #eef2f1;border-radius:22px;width:100%;max-width:360px;padding:22px 20px;box-shadow:0 10px 30px #004d400f}.profile-auth-error{color:#d32f2f;text-align:center;margin:10px 0 0;font-size:13px;font-weight:600}.app-bottom-nav--four-tabs{pointer-events:none;--bottom-nav-h:66px;height:calc(var(--bottom-nav-h) + var(--nav-bottom-offset,0px));overflow:visible;bottom:0!important}.app-bottom-nav__curve--flat{left:0;right:0;bottom:var(--nav-bottom-offset,0px);pointer-events:auto;position:absolute;overflow:hidden;height:var(--bottom-nav-h)!important;background:linear-gradient(#f0faf8 0%,#fff 60%)!important;border-top:1px solid #00968829!important;border-radius:22px 22px 0 0!important;box-shadow:0 -6px 24px #00796b14,inset 0 -1px #0096881a!important}.app-bottom-nav__inner--four-tabs{left:0;right:0;bottom:var(--nav-bottom-offset,0px);z-index:1;box-sizing:border-box;pointer-events:auto;gap:2px;position:absolute;overflow:hidden;height:var(--bottom-nav-h)!important;min-height:var(--bottom-nav-h)!important;max-height:var(--bottom-nav-h)!important;justify-content:space-between!important;align-items:stretch!important;padding:4px 6px 2px!important;display:flex!important}.app-bottom-nav__item{color:#8aa39e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;min-width:0;max-width:25%;padding:0;font-family:inherit;font-size:10px;font-weight:700;transition:color .2s;display:flex;overflow:hidden}.app-bottom-nav__item-pill{box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;max-width:72px;padding:3px 4px 2px;transition:background .2s;display:flex}.app-bottom-nav__item:active .app-bottom-nav__item-pill{opacity:.88}.app-bottom-nav__item-icon{color:#6b8f89;background:#00796b0f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,color .2s;display:flex;position:relative}.app-bottom-nav__item-icon svg{width:18px;height:18px}.app-bottom-nav__item-label{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:700;line-height:1.15;transition:color .2s;overflow:hidden}.app-bottom-nav__item--home.active{color:#00695c}.app-bottom-nav__item--home.active .app-bottom-nav__item-pill{background:#0096881a}.app-bottom-nav__item--home.active .app-bottom-nav__item-icon{color:#fff;background:linear-gradient(145deg,#26a69a 0%,#00796b 100%)}.app-bottom-nav__item--maxshort.active{color:#6a1b9a}.app-bottom-nav__item--maxshort.active .app-bottom-nav__item-pill{background:#9c27b01a}.app-bottom-nav__item--maxshort.active .app-bottom-nav__item-icon{color:#fff;background:linear-gradient(145deg,#ab47bc 0%,#7b1fa2 100%)}.app-bottom-nav__item--maxshort .app-bottom-nav__item-icon{color:#8e6a9e;background:#9c27b014}.app-bottom-nav__item--pustaka.active{color:#e65100}.app-bottom-nav__item--pustaka.active .app-bottom-nav__item-pill{background:#ff98001f}.app-bottom-nav__item--pustaka.active .app-bottom-nav__item-icon{color:#fff;background:linear-gradient(145deg,#ffb74d 0%,#f57c00 100%)}.app-bottom-nav__item--pustaka .app-bottom-nav__item-icon{color:#b8864a;background:#ff98001a}.app-bottom-nav__item--saya.active{color:#0277bd}.app-bottom-nav__item--saya.active .app-bottom-nav__item-pill{background:#03a9f41a}.app-bottom-nav__item--saya.active .app-bottom-nav__item-icon{color:#fff;background:linear-gradient(145deg,#4fc3f7 0%,#0288d1 100%)}.app-bottom-nav__item--saya .app-bottom-nav__item-icon{color:#5a8fa8;background:#03a9f414}.app-bottom-nav__badge{color:#fff;text-align:center;pointer-events:none;background:linear-gradient(135deg,#ef5350 0%,#d32f2f 100%);border:1.5px solid #fff;border-radius:999px;min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:800;line-height:14px;position:absolute;top:0;right:0;transform:translate(25%,-25%)}.profile-subview-header{align-items:center;gap:12px;margin-top:10px;margin-bottom:15px;display:flex}.profile-subview-back{color:#1a2e2e;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:2px;padding:4px 8px;font-size:15px;font-weight:700;transition:background-color .2s;display:flex}.profile-subview-back:active{background-color:#e8eceb}.profile-subview-title{color:#1a2e2e;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.profile-replies-list{flex-direction:column;gap:16px;display:flex}.profile-reply-card{background:var(--white);border:1px solid #004d4008;border-radius:20px;flex-direction:column;gap:12px;padding:20px;transition:transform .2s;display:flex;box-shadow:0 4px 20px #004d4005}.profile-reply-header{justify-content:space-between;align-items:center;display:flex}.profile-reply-ustadz{color:#1a2e2e;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.profile-reply-ustadz svg{color:var(--teal-700)}.profile-reply-date{color:var(--text-muted);font-size:11px;font-weight:600}.profile-reply-ayah{color:var(--teal-800);margin:0;font-size:15px;font-weight:800}.profile-reply-body{color:var(--text-dark);background:#f4f6f5;border-radius:14px;margin:0;padding:12px 14px;font-size:13.5px;line-height:1.55}.profile-reply-ref-rec{color:var(--text-muted);margin-top:4px;font-size:11px;font-style:italic;display:block}.profile-replies-empty{text-align:center;background:var(--white);border:1px solid #004d4008;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex;box-shadow:0 4px 20px #004d4005}.profile-replies-empty-icon{margin-bottom:12px;font-size:36px;display:block}.profile-replies-empty-title{color:#1a2e2e;margin:0 0 6px;font-size:17px;font-weight:800}.profile-replies-empty-desc{color:var(--text-muted);max-width:280px;margin:0;font-size:13.5px;line-height:1.5}.profile-replies-loading{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:14px;font-weight:700}.jurnal-screen .learn-body{padding-bottom:max(32px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.jurnal-panel{background:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--card-white-shadow);padding:18px 16px}.jurnal-panel h2{color:var(--text-dark);margin:8px 0;font-size:17px;font-weight:700}.jurnal-step{background:var(--gradient-card);width:28px;height:28px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.jurnal-desc{color:var(--text-muted);margin:0 0 14px;font-size:14px;line-height:1.55}.jurnal-google-wrap{justify-content:center;margin-top:4px;display:flex}.jurnal-warning,.jurnal-error{margin-top:12px;font-size:13px;line-height:1.45}.jurnal-warning{color:#e65100}.jurnal-error{color:#c62828}.jurnal-panel--user{padding-bottom:14px}.jurnal-user-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);margin:0 0 10px;font-size:11px;font-weight:700}.jurnal-user{align-items:center;gap:12px;margin-bottom:12px;display:flex}.jurnal-avatar{object-fit:cover;border:2px solid var(--teal-100);border-radius:50%;width:48px;height:48px}.jurnal-user strong{color:var(--text-dark);font-size:15px;font-weight:700;display:block}.jurnal-user span{color:var(--text-muted);word-break:break-all;font-size:13px;display:block}.jurnal-logout{color:var(--teal-700);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.jurnal-benefits{color:var(--text-muted);margin:0 0 14px;padding-left:18px;font-size:14px;line-height:1.55}.jurnal-benefits li{margin-bottom:4px}.jurnal-price{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:14px;display:flex}.jurnal-price-label{color:var(--text-muted);font-size:13px}.jurnal-price strong{color:var(--teal-700);font-size:24px;font-weight:800}.jurnal-price-period{color:var(--text-muted);font-size:13px}.jurnal-expiry{color:var(--teal-600);background:var(--teal-50);border-radius:var(--radius-sm);margin:-6px 0 14px;padding:10px 12px;font-size:13px;font-weight:600}.jurnal-pay-btn{cursor:pointer;border:none;border-radius:999px;width:100%;padding:15px 20px;font-size:16px;font-weight:700;background:var(--gradient-card)!important;color:var(--white)!important;box-shadow:0 6px 20px #00796b47!important}.jurnal-pay-btn:disabled{opacity:.65;cursor:not-allowed}.jurnal-order-id{color:var(--text-muted);margin-top:12px;font-size:12px}.jurnal-order-id code{color:var(--teal-700);font-weight:600}.jurnal-list-label{letter-spacing:.02em;color:var(--text-dark);margin:16px 0 10px;font-size:13px;font-weight:800}.jurnal-list-label:first-of-type{margin-top:4px}.jurnal-list-label--owned{color:var(--teal-700)}.jurnal-list-label--locked{color:#e65100}.jurnal-catalog{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.jurnal-catalog-item{background:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--card-white-shadow);border:1px solid #e8eeec;padding:16px;display:block}.jurnal-catalog-item--locked{background:#fffdf8;border-color:#e8dcc8}.jurnal-catalog-item--owned{background:#f6fbf9;border-color:#00796b40}.jurnal-catalog-item--book{border-color:#d4e8e4}.jurnal-catalog-type{background:var(--teal-50);color:var(--teal-700);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-bottom:6px;margin-right:6px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.jurnal-catalog-badge{color:#e65100;text-transform:uppercase;letter-spacing:.04em;background:#fff3e0;border-radius:999px;margin-bottom:8px;margin-left:0;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.jurnal-catalog-preview{border-radius:var(--radius-sm);border-left:3px solid var(--teal-400);color:var(--text-muted);text-align:left;background:#f4f7f7;margin:0 0 10px;padding:10px 12px;font-size:12px;line-height:1.5}.jurnal-catalog-section+.jurnal-catalog-section{margin-top:8px}.jurnal-list-count{background:var(--chip-bg);min-width:22px;height:22px;color:var(--text-muted);vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;margin-left:8px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.jurnal-list-label--owned .jurnal-list-count{background:var(--teal-50);color:var(--teal-700)}.jurnal-list-label--locked .jurnal-list-count{color:#e65100;background:#fff3e0}.jurnal-catalog-item--focus{border-color:var(--teal-500);box-shadow:0 0 0 2px #00796b26}.jurnal-catalog-main{min-width:0}.jurnal-catalog-actions{margin-top:12px}.jurnal-catalog-main h3{color:var(--text-dark);margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.3}.jurnal-catalog-summary{color:var(--text-muted);margin:0 0 8px;font-size:13px;line-height:1.45}.jurnal-catalog-meta{color:var(--text-muted);margin:0;font-size:12px}.jurnal-catalog-price{color:var(--teal-700);font-weight:800}.jurnal-catalog-owned{color:var(--teal-600);font-weight:700}.jurnal-catalog-expiry{color:var(--teal-600);margin:6px 0 0;font-size:11px}.jurnal-catalog-btn{cursor:pointer;text-align:center;border:none;border-radius:999px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;display:block}.jurnal-catalog-btn--pay{background:var(--gradient-card);color:var(--white);box-shadow:0 4px 14px #00796b38}.jurnal-catalog-btn--pay:disabled{opacity:.65;cursor:not-allowed}.jurnal-catalog-btn--open{background:var(--teal-50);color:var(--teal-700);border:1.5px solid var(--teal-400)}.jurnal-error--block{text-align:center;margin-top:8px}.jurnal-screen--store .learn-body,.jurnal-store-body{background:#f5f6f8;padding-top:8px}.jurnal-store-toolbar{align-items:stretch;gap:10px;margin-bottom:12px;display:flex}.jurnal-store-search{background:var(--card-white);min-height:44px;color:var(--text-muted);border:1px solid #e8ecea;border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.jurnal-store-search input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.jurnal-store-search input::placeholder{color:#9aa8a4}.jurnal-store-search--full{width:100%}.jurnal-store-coin-btn{color:#5d4e00;cursor:pointer;background:#fff8dc;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000000f}.jurnal-store-coin-icon{font-size:16px;line-height:1}.jurnal-store-filters{scrollbar-width:none;gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.jurnal-store-filters::-webkit-scrollbar{display:none}.jurnal-store-filter{background:var(--card-white);color:var(--text-muted);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;box-shadow:0 2px 6px #0000000a}.jurnal-store-filter--active{color:var(--teal-700);background:linear-gradient(135deg,#e8f5f3 0%,#d4ede8 100%);font-weight:700}.jurnal-store-user{background:var(--card-white);border-radius:var(--radius-lg);border:1px solid #e8ecea;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;display:flex}.jurnal-store-user-text{flex:1;min-width:0}.jurnal-store-user-text strong{color:var(--text-dark);font-size:14px;font-weight:700;display:block}.jurnal-store-user-text span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.jurnal-grid-section{margin-bottom:20px}.jurnal-grid-section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.jurnal-grid-section-head h2{color:var(--text-dark);margin:0;font-size:17px;font-weight:800}.jurnal-grid-section-count{color:var(--text-muted);background:var(--card-white);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.jurnal-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px 12px;margin:0;padding:0;list-style:none;display:grid}.jurnal-grid-item{flex-direction:column;gap:8px;min-width:0;height:100%;display:flex}.jurnal-grid-item--focus .jurnal-grid-cover-wrap{box-shadow:0 0 0 2px var(--teal-500)}.jurnal-grid-card{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:auto;width:100%;padding:0;font-family:inherit;display:flex}.jurnal-grid-cover-wrap{aspect-ratio:3/4.2;background:#dce5e3;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000014}.jurnal-grid-cover{object-fit:cover;width:100%;height:100%;display:block}.jurnal-grid-views{color:#fff;background:#0000008c;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:8px;left:8px}.jurnal-grid-lock{color:var(--teal-700);background:#ffffffeb;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.jurnal-grid-owned-badge{color:#fff;background:#00796be0;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.jurnal-grid-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:37.8px;margin:8px 0 4px;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.jurnal-grid-tag{color:var(--text-muted);min-height:28.6px;margin:0;font-size:11px;line-height:1.3}.jurnal-grid-action{background:var(--gradient-card);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;margin-top:auto;padding:10px 12px;font-family:inherit;font-size:12px;font-weight:700}.jurnal-grid-action:disabled{opacity:.65;cursor:not-allowed}.jurnal-store-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:14px}.jurnal-panel--login{margin-top:4px}.jurnal-collection-section{border-radius:var(--radius-lg);background:linear-gradient(145deg, #eef9f6 0%, #f8fbfa 45%, var(--card-white) 100%);border:1px solid #00796b1f;margin-bottom:22px;padding:16px;box-shadow:0 4px 20px #00796b0f}.jurnal-collection-header{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.jurnal-collection-header-icon{background:var(--gradient-card);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00796b40}.jurnal-collection-header-text{flex:1;min-width:0}.jurnal-collection-header-text h2{color:var(--text-dark);margin:0 0 4px;font-size:17px;font-weight:800;line-height:1.25}.jurnal-collection-header-text p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.jurnal-collection-count{background:var(--teal-50);min-width:28px;height:28px;color:var(--teal-700);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:800;display:inline-flex}.jurnal-collection-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.jurnal-collection-item{min-width:0}.jurnal-collection-card{background:var(--card-white);text-align:left;cursor:pointer;border:1px solid #e8eeec;border-radius:14px;align-items:stretch;gap:14px;width:100%;padding:12px;font-family:inherit;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:0 2px 8px #0000000a}.jurnal-collection-card:active{transform:scale(.99)}.jurnal-collection-card:hover{border-color:#00796b47;box-shadow:0 4px 16px #00796b1a}.jurnal-collection-cover-wrap{flex-shrink:0;width:72px;position:relative}.jurnal-collection-cover{aspect-ratio:3/4.2;object-fit:cover;background:#dce5e3;border-radius:8px;width:72px;display:block;box-shadow:0 2px 8px #0000001a}.jurnal-collection-owned-dot{background:#4caf50;border-radius:999px;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #ffffffe6}.jurnal-collection-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.jurnal-collection-owned-label{text-transform:uppercase;letter-spacing:.04em;color:var(--teal-600);font-size:10px;font-weight:700}.jurnal-collection-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.jurnal-collection-meta{color:var(--text-muted);margin:2px 0 0;font-size:12px;line-height:1.35}.jurnal-collection-expiry{color:var(--teal-600);margin:4px 0 0;font-size:11px;font-weight:600}.jurnal-collection-open{color:var(--teal-700);align-items:center;gap:2px;margin-top:auto;padding-top:8px;font-size:13px;font-weight:700;display:inline-flex}.jurnal-read-screen{flex-direction:column;min-height:0;display:flex;overflow:hidden}.jurnal-read-screen .learn-hero{flex-shrink:0}.jurnal-read-screen .learn-body.jurnal-read-body{min-height:0;padding-top:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:#f3f6f5;flex-direction:column;flex:1;display:flex;overflow:hidden}.jurnal-read-screen .jurnal-chapter-reader{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.jurnal-read-screen--picker{-webkit-overflow-scrolling:touch;overflow:hidden auto}.jurnal-read-screen--picker .learn-body.jurnal-read-body{flex:none;overflow:visible}.jurnal-read-screen--picker .jurnal-chapter-picker{padding-bottom:8px}.jurnal-chapter-picker{flex-direction:column;gap:16px;display:flex}.jurnal-chapter-picker-header{border-radius:var(--radius-lg);background:linear-gradient(145deg, #eef9f6 0%, var(--card-white) 100%);border:1px solid #00796b1a;gap:14px;padding:16px;display:flex;box-shadow:0 4px 16px #00796b0f}.jurnal-chapter-picker-cover{aspect-ratio:3/4.2;object-fit:cover;background:#dce5e3;border-radius:8px;flex-shrink:0;width:72px;box-shadow:0 4px 12px #0000001f}.jurnal-chapter-picker-intro{flex:1;min-width:0}.jurnal-chapter-picker-title{color:var(--text-dark);margin:0 0 6px;font-size:17px;font-weight:800;line-height:1.3}.jurnal-chapter-picker-summary{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.jurnal-chapter-picker-stats{color:var(--teal-600);margin:0;font-size:12px;font-weight:600}.jurnal-chapter-picker-label h3{color:var(--text-dark);margin:0 0 4px;font-size:15px;font-weight:800}.jurnal-chapter-picker-label p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.jurnal-chapter-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.jurnal-chapter-card{background:var(--card-white);text-align:left;cursor:pointer;border:1px solid #e8eeec;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 12px;font-family:inherit;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:0 2px 8px #0000000a}.jurnal-chapter-card:active{transform:scale(.99)}.jurnal-chapter-card:hover{border-color:#00796b40;box-shadow:0 4px 14px #00796b14}.jurnal-chapter-num{background:var(--teal-50);width:40px;height:40px;color:var(--teal-700);letter-spacing:-.02em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.jurnal-chapter-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.jurnal-chapter-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--teal-600);font-size:10px;font-weight:700}.jurnal-chapter-title{color:var(--text-dark);font-size:15px;font-weight:700;line-height:1.35}.jurnal-chapter-summary{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.jurnal-chapter-meta{color:var(--teal-600);margin-top:2px;font-size:11px;font-weight:600}.jurnal-chapter-arrow{color:var(--teal-500);opacity:.85;flex-shrink:0}.jurnal-chapter-reader{border-radius:var(--radius-lg);background:var(--card-white);overflow:hidden;box-shadow:0 4px 20px #0000000f}.jurnal-chapter-reader-head,.jurnal-chapter-reader-summary,.jurnal-chapter-reader-progress{flex-shrink:0}.jurnal-chapter-reader-progress{background:#e8eeec;height:3px}.jurnal-chapter-reader-progress-bar{background:var(--gradient-card);border-radius:0 2px 2px 0;height:100%;transition:width .25s}.jurnal-chapter-reader-head{border-bottom:1px solid #eef2f2;padding:20px 18px 16px}.jurnal-chapter-reader-badge{background:var(--teal-50);color:var(--teal-700);border-radius:999px;margin:0 0 8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.jurnal-chapter-reader-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--teal-600);margin:0 0 4px;font-size:11px;font-weight:700}.jurnal-chapter-reader-title{color:var(--text-dark);letter-spacing:-.01em;margin:0 0 6px;font-size:18px;font-weight:800;line-height:1.35}.jurnal-chapter-reader-meta{color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.jurnal-chapter-reader-summary{background:linear-gradient(135deg,#4db6ac1a,#00796b0f);border-bottom:1px solid #00796b14;gap:10px;margin:0;padding:14px 18px;display:flex}.jurnal-chapter-reader-summary-icon{color:var(--teal-600);flex-shrink:0;font-size:16px;line-height:1.4}.jurnal-chapter-reader-summary p{color:var(--teal-800);text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:13px;font-weight:500;line-height:1.55}.jurnal-chapter-reader-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#00796b59 transparent;flex:1;min-height:0;padding:20px 18px 24px;overflow:hidden auto}.jurnal-chapter-reader-content::-webkit-scrollbar{width:5px}.jurnal-chapter-reader-content::-webkit-scrollbar-thumb{background:#00796b59;border-radius:999px}.jurnal-read-para{color:#2c3331;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.01em;margin:0 0 1.1em;font-size:14px;line-height:1.72}.jurnal-read-para:last-child{margin-bottom:0}.jurnal-read-para strong{color:var(--teal-800);font-weight:700}.jurnal-chapter-reader-nav{background:#fafbfb;border-top:1px solid #eef2f2;flex-shrink:0;grid-template-columns:1fr auto 1fr;gap:8px;padding:12px 14px 16px;display:grid}.jurnal-chapter-nav-btn{background:var(--card-white);min-height:40px;color:var(--teal-700);cursor:pointer;border:1px solid #e0e8e6;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s,opacity .15s;display:inline-flex}.jurnal-chapter-nav-btn:disabled{opacity:.35;cursor:not-allowed}.jurnal-chapter-nav-btn--prev{justify-content:flex-start}.jurnal-chapter-nav-btn--next{justify-content:flex-end}.jurnal-chapter-nav-btn--list{color:var(--text-muted);background:0 0;border-color:#0000;font-size:11px}.jurnal-chapter-nav-btn:not(:disabled):active{background:var(--teal-50)}.jurnal-chapter-reader--article .jurnal-chapter-reader-head{border-bottom:none}.jurnal-chapter-reader--article .jurnal-chapter-reader-content{padding-top:0}.ulumul-screen--detail .learn-body,.ulumul-detail-body{padding-top:8px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));background:#f5f6f8}.ulumul-detail-carousel-wrap{margin-bottom:16px;padding:4px 0 8px}.ulumul-detail-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:0 calc(50% - 64px);scroll-padding-inline:calc(50% - 64px);display:flex;overflow-x:auto}.ulumul-detail-carousel::-webkit-scrollbar{display:none}.ulumul-detail-slide{scroll-snap-align:center;cursor:pointer;opacity:.55;background:0 0;border:none;flex:0 0 128px;padding:0;transition:transform .2s,opacity .2s;transform:scale(.9)}.ulumul-detail-slide--active{opacity:1;transform:scale(1)}.ulumul-detail-slide-cover{aspect-ratio:3/4.2;object-fit:cover;background:#dce5e3;border-radius:10px;width:128px;display:block;box-shadow:0 4px 14px #0000001a}.ulumul-detail-dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.ulumul-detail-dot{background:#c5cbc8;border-radius:999px;width:6px;height:6px}.ulumul-detail-dot--active{background:var(--teal-600);width:16px}.ulumul-detail-stats{background:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--card-white-shadow);border:1px solid #e8eeec;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;padding:14px 10px;display:grid}.ulumul-detail-stat{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.ulumul-detail-stat:not(:last-child){border-right:1px solid #e8eeec}.ulumul-detail-stat-value{color:var(--text-dark);font-size:16px;font-weight:800;line-height:1.1}.ulumul-detail-stat-value--price{color:var(--teal-700);font-size:13px}.ulumul-detail-stat-label{color:var(--text-muted);font-size:11px;font-weight:500}.ulumul-detail-synopsis{background:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--card-white-shadow);border:1px solid #e8eeec;padding:16px}.ulumul-detail-synopsis-title{color:var(--text-dark);margin:0 0 10px;font-size:16px;font-weight:800}.ulumul-detail-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.ulumul-detail-tag{background:var(--teal-50);color:var(--teal-700);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.ulumul-detail-synopsis-text{margin-bottom:10px}.ulumul-detail-synopsis-text p{color:var(--text-muted);-webkit-line-clamp:5;white-space:pre-line;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.ulumul-detail-synopsis-text--expanded p{-webkit-line-clamp:unset;display:block}.ulumul-detail-synopsis-more{color:var(--teal-600);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-family:inherit;font-size:13px;font-weight:600}.ulumul-detail-synopsis-foot{color:var(--text-muted);border-top:1px solid #e8eeec;justify-content:space-between;align-items:center;padding-top:12px;font-size:12px;display:flex}.ulumul-detail-synopsis-chapters{color:var(--teal-700);font-weight:600}.ulumul-detail-actions{margin-top:14px}.ulumul-detail-actions .jurnal-catalog-btn{letter-spacing:0;text-transform:none;padding:12px 16px;font-size:14px;font-weight:700}.jurnal-payment-screen .learn-body{padding-top:8px}.jurnal-qr-panel{background:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--card-white-shadow);text-align:center;padding:20px 16px 24px}.jurnal-qr-amount{color:var(--teal-700);margin:0 0 16px;font-size:28px;font-weight:800}.jurnal-qr-frame{border-radius:var(--radius-md);background:#fff;border:2px solid #e8eeec;margin-bottom:16px;padding:12px;display:inline-flex}.jurnal-qr-image{object-fit:contain;width:260px;height:260px;display:block}.jurnal-qr-hint{color:var(--text-muted);margin:0 0 10px;font-size:14px;line-height:1.55}.jurnal-qr-order{color:var(--text-light);margin:0 0 12px;font-size:12px}.jurnal-qr-order code{color:var(--teal-700);font-size:12px;font-weight:700}.jurnal-qr-status{color:var(--teal-600);margin:0;font-size:13px;font-weight:600}.jurnal-qr-status--warn{color:#e65100}.jurnal-qr-simulate{border:1.5px dashed var(--teal-400);background:var(--teal-50);width:100%;color:var(--teal-700);cursor:pointer;border-radius:999px;margin-top:16px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:600}.jurnal-qr-simulate:disabled{opacity:.65}.jurnal-xendit-desc{color:var(--text-muted);margin:0 0 16px;font-size:14px;line-height:1.55}.jurnal-xendit-btn{background:linear-gradient(135deg, var(--teal-600), var(--teal-700));color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;max-width:320px;margin:0 auto 8px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #00695c40}.jurnal-xendit-btn:disabled{opacity:.7;cursor:wait}.kajian-grid-panel{background:linear-gradient(#fff 0%,#f7fafa 55%,#f2f7f6 100%);border:1px solid #00796b17;border-radius:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,0 10px 36px #004d4012,0 2px 8px #004d400a}.kajian-grid-panel:before{content:"";z-index:2;background:linear-gradient(90deg,#0000 0%,#4db6ac59 18%,#00897bd9 50%,#4db6ac59 82%,#0000 100%);border-radius:0 0 4px 4px;height:2px;position:absolute;top:0;left:12%;right:12%}.kajian-grid-panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 12% 8%,#4db6ac12 0%,#0000 42%),radial-gradient(circle at 88% 92%,#00897b0f 0%,#0000 38%);position:absolute;inset:0}.kajian-icon-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:18px 12px 16px;list-style:none;display:grid;position:relative}.kajian-icon-item{border:1px solid var(--kajian-tile-border,#004d4012);background:var(--kajian-tile-bg,#fff);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:108px;padding:12px 6px 11px;font-family:inherit;transition:transform .22s cubic-bezier(.34,1.2,.64,1),box-shadow .22s,border-color .22s;display:flex;box-shadow:inset 0 1px #ffffffd9,0 3px 14px #004d400d}.kajian-icon-item:active{transform:scale(.965);box-shadow:inset 0 1px #ffffffb3,0 1px 6px #004d4012}.kajian-icon-well{color:#fff;background:var(--kajian-well-bg);width:48px;height:48px;box-shadow:var(--kajian-well-shadow), 0 1px 0 #ffffff47 inset;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.kajian-icon-well:after{content:"";pointer-events:none;background:linear-gradient(#ffffff3d 0%,#0000 100%);border-radius:12px 12px 50% 50%;height:42%;position:absolute;top:2px;left:7px;right:7px}.kajian-glyph{z-index:1;filter:drop-shadow(0 1px 2px #0000001f);width:26px;height:26px;display:block;position:relative}.kajian-icon-label{letter-spacing:-.015em;text-align:center;color:var(--kajian-label,var(--text-dark));word-break:break-word;max-width:100%;padding:0 3px;font-size:10.5px;font-weight:600;line-height:1.38}.kajian-icon-item--talaqqi-fatihah{--kajian-tile-bg:linear-gradient(165deg, #f4fbf7 0%, #e9f5ef 100%);--kajian-tile-border:#388e3c24;--kajian-well-bg:linear-gradient(145deg, #72c67a 0%, #3d8b45 100%);--kajian-well-shadow:0 6px 16px #388e3c42;--kajian-label:#2e5c35}.kajian-icon-item--jurnal{--kajian-tile-bg:linear-gradient(165deg, #fdf9f3 0%, #f8f0e4 100%);--kajian-tile-border:#bf863129;--kajian-well-bg:linear-gradient(145deg, #e8b86d 0%, #c07a28 100%);--kajian-well-shadow:0 6px 16px #c07a283d;--kajian-label:#6b4a1f}.kajian-icon-item--ulumul-quran{--kajian-tile-bg:linear-gradient(165deg, #f8f5f2 0%, #efeae4 100%);--kajian-tile-border:#6d4c4124;--kajian-well-bg:linear-gradient(145deg, #a69082 0%, #6d4c41 100%);--kajian-well-shadow:0 6px 16px #6d4c4138;--kajian-label:#4a3830}.kajian-icon-item--tafsir-tahlili{--kajian-tile-bg:linear-gradient(165deg, #f3f7fc 0%, #e8f0f9 100%);--kajian-tile-border:#1e88e524;--kajian-well-bg:linear-gradient(145deg, #6ba8e8 0%, #2569b8 100%);--kajian-well-shadow:0 6px 16px #2569b83d;--kajian-label:#2a5080}.kajian-icon-item--tafsir-tematik{--kajian-tile-bg:linear-gradient(165deg, #f0faf9 0%, #e3f4f2 100%);--kajian-tile-border:#0097a724;--kajian-well-bg:linear-gradient(145deg, #5ec4c9 0%, #00838f 100%);--kajian-well-shadow:0 6px 16px #00838f3d;--kajian-label:#1f5f66}.kajian-icon-item--tajwid{--kajian-tile-bg:linear-gradient(165deg, #f9f4fb 0%, #f0e8f4 100%);--kajian-tile-border:#7b5e8a24;--kajian-well-bg:linear-gradient(145deg, #b088c4 0%, #7b4397 100%);--kajian-well-shadow:0 6px 16px #7b43973d;--kajian-label:#553768}.kajian-grid-panel--hub{margin-top:4px}.kajian-grid-panel--hub .kajian-icon-grid{gap:12px;padding:20px 14px 18px}.kajian-grid-panel--hub .kajian-icon-item{min-height:114px;padding:14px 8px 12px}.kajian-grid-panel--hub .kajian-icon-well{border-radius:16px;width:52px;height:52px}.kajian-grid-panel--hub .kajian-glyph{width:28px;height:28px}.kajian-grid-panel--hub .kajian-icon-label{font-size:11px}.week-schedule-panel{background:linear-gradient(185deg,#fff 0%,#fcfefe 55%,#f4faf8 100%);border:1px solid #00796b17;border-radius:26px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,0 16px 40px #004d400d,0 4px 12px #004d4005}.calendar-widget-header{-webkit-backdrop-filter:blur(10px);background:#fffffff0;padding:18px 18px 10px}.calendar-header-main{justify-content:space-between;align-items:center;width:100%;display:flex}.calendar-title-wrap{flex-direction:column;display:flex}.calendar-month-year{color:var(--teal-900);letter-spacing:-.02em;text-transform:capitalize;font-family:Poppins,sans-serif;font-size:16.5px;font-weight:600}.calendar-subtitle{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:9.5px;font-weight:700}.calendar-month-nav{align-items:center;gap:8px;display:flex}.calendar-nav-btn{width:32px;height:32px;color:var(--teal-800);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#fff 0%,#f7faf9 100%);border:1px solid #00796b12;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 3px 8px #004d400a}.calendar-nav-btn svg{transition:transform .25s}.calendar-nav-btn:hover{background:#fff;border-color:#00968838;transform:scale(1.08);box-shadow:0 4px 12px #00796b1a}.calendar-nav-btn:hover svg{transform:scale(1.05)}.calendar-nav-btn:active{transform:scale(.95);box-shadow:0 1px 4px #004d400d}.calendar-grid-labels{background:#fffffff0;border-bottom:1px solid #00796b08;grid-template-columns:repeat(7,1fr);padding:10px 14px 6px;display:grid}.calendar-label-item{text-align:center;color:var(--teal-600);opacity:.85;letter-spacing:.06em;font-size:9.5px;font-weight:700}.calendar-grid-container{background:#fffffff0;border-bottom:1px solid #00796b0a;padding:0 14px 16px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px 4px;width:100%;display:grid}.calendar-cell{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:16px;outline:none;flex-direction:column;align-items:center;padding:5px 0;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.calendar-cell:active{transform:scale(.94)}.calendar-cell-num-wrapper{border:1.5px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.calendar-cell-num{color:var(--text-dark);font-size:13.5px;font-weight:500;line-height:1;transition:color .25s}.calendar-cell.outside{opacity:.3}.calendar-cell.outside .calendar-cell-num{color:var(--text-light);font-weight:400}.calendar-event-dot{background:var(--teal-400);border-radius:50%;width:4px;height:4px;margin-top:4px;transition:all .25s;box-shadow:0 1px 2px #00968833}.calendar-event-dot.active{box-shadow:none;background:#fff}.calendar-cell.today .calendar-cell-num{color:var(--teal-600)}.calendar-cell.today .calendar-cell-num-wrapper{background:#00968812;border-color:#00968833}.calendar-cell.active{transform:translateY(-2px)scale(1.06);box-shadow:0 6px 16px #0096884d;opacity:1!important;background:linear-gradient(135deg,#00bfa5 0%,#00796b 100%)!important}.calendar-cell.active .calendar-cell-num{color:#fff}.calendar-cell.active .calendar-cell-num-wrapper{background:0 0!important;border-color:#0000!important}.week-schedule-content{min-height:180px;padding:18px 16px}.week-schedule-empty{color:var(--text-muted);text-align:center;padding:36px 10px;font-size:13.5px;font-weight:600}.week-schedule-selected-header{justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px;display:flex}.selected-day-title{color:var(--teal-900);letter-spacing:-.015em;font-family:Poppins,sans-serif;font-size:14px;font-weight:500}.selected-today-pill{color:var(--teal-700);letter-spacing:.03em;text-transform:uppercase;background:#0096881a;border-radius:20px;padding:3px 10px;font-size:9.5px;font-weight:700}.week-schedule-empty-state{text-align:center;background:#ffffff80;border:1px dashed #00796b0f;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:30px 16px;display:flex}.empty-state-icon{filter:drop-shadow(0 6px 12px #00796b26);margin-bottom:10px;font-size:34px;animation:3s ease-in-out infinite floatEmpty}@keyframes floatEmpty{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.empty-state-title{color:var(--teal-800);margin:0 0 4px;font-family:Poppins,sans-serif;font-size:14.5px;font-weight:700}.empty-state-desc{color:var(--text-muted);max-width:230px;margin:0;font-size:12px;line-height:1.5}.week-schedule-activities{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.week-schedule-activity-item{margin:0;padding:0;list-style:none}.week-schedule-activity{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:18px;outline:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 14px #004d4004,inset 0 1px #fffffff2;background:#fff!important;border:1px solid #00796b0a!important}.week-schedule-activity:active{transform:scale(.98);box-shadow:0 2px 6px #00796b0a;border-color:#00968826!important}.week-schedule-time-well{color:var(--teal-700);background:#0096880d;border:1px solid #00968812;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:700;display:flex}.time-clock-icon{opacity:.85;font-size:12px}.time-text{line-height:1}.week-schedule-activity-body{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;margin:0 12px;display:flex}.week-schedule-activity-body strong{letter-spacing:-.01em;color:var(--text-dark);text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:13px;font-weight:700;line-height:1.35;overflow:hidden}.week-schedule-activity-body small{color:var(--text-muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:11px;font-weight:500;line-height:1;overflow:hidden}.week-schedule-join-badge{color:#fff;background:linear-gradient(135deg,#00bfa5 0%,#00796b 100%);border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:10.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px #00968833}.week-schedule-activity:active .week-schedule-join-badge{transform:scale(.95);box-shadow:0 2px 4px #0096881a}.live-dot-pulse{background:#55efc4;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite livePulse}@keyframes livePulse{0%{transform:scale(1);box-shadow:0 0 #55efc4b3}70%{transform:scale(1);box-shadow:0 0 0 6px #55efc400}to{transform:scale(1);box-shadow:0 0 #55efc400}}@keyframes calendarFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.calendar-fade-in{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards calendarFadeIn}.google-signin-root{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.google-signin-widget{justify-content:center;width:100%;max-width:320px;min-height:44px;display:flex;overflow:visible}.google-signin-widget>div{justify-content:center!important;width:100%!important;display:flex!important}.google-signin-widget iframe{min-height:44px!important}.google-signin-fallback{color:#1f1f1f;letter-spacing:.01em;cursor:pointer;width:100%;max-width:320px;min-height:44px;box-shadow:none;background:#fff;border:1px solid #747775;border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-family:Roboto,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex}.google-signin-fallback--official:hover:not(:disabled){background:#f7f8f8;box-shadow:0 1px 2px #3c40431f}.google-signin-fallback:active:not(:disabled){background:#ececec}.google-signin-fallback:disabled{opacity:.72;cursor:wait}.google-signin-fallback-logo{flex-shrink:0;width:20px;height:20px}.google-signin-fallback-icon{width:22px;height:22px;color:var(--white);background:linear-gradient(135deg,#4285f4 0%,#34a853 40%,#fbbc05 70%,#ea4335 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}:root{--green-dark:#063327;--green-header:#063327;--green-olive:#6d8b6d;--green-olive-light:#7a9a7a;--green-card:#084a38;--green-card-border:#ffffff8c;--accent:#ffc107;--accent-hover:#ffca28;--accent-text:#1a1a1a;--white:#fff;--white-70:#ffffffb3;--white-50:#ffffff80;--chip-bg:#00000038;--nav-pill:#82be9661;--tab-inactive:#00000038;--shadow-device:0 40px 80px #0000008c;--radius-xl:32px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--bottom-nav-h:64px}.app{background:#0b1a14;justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex}.android-device{width:100%;max-width:393px;height:852px;box-shadow:var(--shadow-device);background:linear-gradient(160deg,#1a3d2e 0%,#0d281c 100%);border-radius:40px;padding:10px;position:relative}.android-device__inner{background:var(--green-dark);border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.screen{width:100%;height:100%;color:var(--white);background:var(--green-dark);flex-direction:column;font-family:Poppins,Roboto,system-ui,sans-serif;display:flex;overflow:hidden}.onboarding{background:var(--green-dark)}.onboarding-hero{flex:none;height:34%;min-height:180px;max-height:260px;position:relative;overflow:hidden}.onboarding-hero-img{object-fit:cover;object-position:center center;border-radius:0 0 36px 36px;width:100%;height:100%;display:block}.onboarding-hero-overlay{pointer-events:none;background:linear-gradient(#0000 40%,#06332759 70%,#063327d9 100%);border-radius:0 0 36px 36px;position:absolute;inset:0}.onboarding-body{background:var(--green-dark);flex-direction:column;flex:1;min-height:0;display:flex}.onboarding-scroll{text-align:center;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;padding:12px 20px 8px;overflow-y:auto}.onboarding-scroll::-webkit-scrollbar{display:none}.onboarding-footer{padding:10px 20px max(14px, env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent 0%, var(--green-dark) 24%);border-top:1px solid #ffffff14;flex-shrink:0}.btn-primary--onboarding{z-index:2;position:relative}.onboarding-logo{flex-shrink:0;width:56px;height:56px;margin-bottom:10px}.onboarding-scroll h1{color:var(--white);letter-spacing:-.3px;margin:0 0 6px;font-size:22px;font-weight:700}.onboarding-tagline{color:var(--white-70);margin:0 0 12px;font-size:13px;font-weight:400;line-height:1.45}.onboarding-language{text-align:left;width:100%;margin-bottom:8px}.language-picker--grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.language-picker--grid .language-option{flex-direction:column;align-items:flex-start;gap:4px;min-height:70px;padding:10px;position:relative}.language-picker--grid .language-option-flag{font-size:20px}.language-picker--grid .language-option-check{position:absolute;top:8px;right:8px}.language-picker--grid .language-option-native{font-size:10px;line-height:1.2}.onboarding-language-title{color:var(--white);text-align:center;margin:0 0 4px;font-size:14px;font-weight:600}.onboarding-language-hint{color:var(--white-70);text-align:center;margin:0 0 10px;font-size:11px;line-height:1.4}.language-picker{flex-direction:column;gap:8px;width:100%;display:flex}.language-picker--compact .language-option{padding:10px 12px}.language-option{border-radius:var(--radius-md);width:100%;color:var(--white);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0003;border:1.5px solid #ffffff26;align-items:center;gap:10px;padding:12px 14px;font-family:inherit;display:flex}.language-option.selected{border-color:var(--accent);background:#ffc1071f}.language-option-flag{flex-shrink:0;font-size:22px;line-height:1}.language-option-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.language-option-label{font-size:13px;font-weight:600}.language-option-native{color:var(--white-70);font-size:11px}.language-option-check{background:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative}.language-option-check:after{content:"";border:solid var(--accent-text);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.lang-chip{color:var(--white);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000040;border:1px solid #fff3;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.lang-chip--home{padding:6px 8px}.lang-chip-code{letter-spacing:.04em;font-size:10px}.lang-sheet-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.lang-sheet{background:var(--green-dark);border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;max-width:400px;padding:20px 16px max(20px, env(safe-area-inset-bottom));border:1px solid #ffffff1f}.lang-sheet-title{color:var(--white);text-align:center;margin:0 0 12px;font-size:16px;font-weight:600}.lang-sheet-apply{margin-top:14px}.btn-primary{border-radius:var(--radius-md);background:var(--accent);width:100%;max-width:100%;color:var(--accent-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;padding:17px 24px;font-family:inherit;font-size:16px;font-weight:700;box-shadow:0 4px 14px #ffc10759}.btn-primary:active{background:var(--accent-hover);transform:scale(.98)}.home{background:var(--green-header)}.home-header{flex-shrink:0;padding:8px 20px 10px}.home-header-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.location-chip{background:var(--chip-bg);border-radius:24px;align-items:center;gap:5px;max-width:58%;padding:7px 12px;font-size:10px;font-weight:500;line-height:1.3;display:inline-flex}.location-chip svg{opacity:.9;flex-shrink:0}.date-block{text-align:right;flex-shrink:0}.date-greg{font-size:11px;font-weight:600;line-height:1.4;display:block}.date-hijri{color:var(--white-70);margin-top:2px;font-size:10px;display:block}.prayer-row{justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.prayer-info{flex:1}.current-time{color:var(--accent);letter-spacing:-1px;margin-bottom:6px;font-size:40px;font-weight:700;line-height:1}.next-prayer{color:var(--accent);margin-bottom:4px;font-size:13px;font-weight:500}.prayer-label{font-weight:600}.countdown{color:var(--white-70);font-size:11px}.countdown strong{color:var(--accent);font-weight:600}.prayer-error{color:#ffab91;font-size:11px;line-height:1.4}.mosque-wrap{flex-shrink:0}.mosque-photo{object-fit:cover;object-position:center;border:2px solid #ffc10773;border-radius:18px;width:88px;height:88px;display:block;box-shadow:0 8px 24px #00000059}.home-content{background:var(--green-olive);min-height:0;padding:22px 16px calc(var(--bottom-nav-h) + 16px);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:28px 28px 0 0;flex:1;margin-top:4px;overflow:hidden auto}.home-content::-webkit-scrollbar{display:none}.home-section{margin-bottom:22px}.home-section--last{margin-bottom:8px}.section-label{color:var(--white);margin-bottom:14px;font-size:15px;font-weight:600}.section-label-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-label-row .section-label{margin-bottom:0}.section-link{color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;padding:4px 0;font-family:inherit;font-size:12px;font-weight:600}.learning-home-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.learning-home-card{border-radius:var(--radius-md);width:100%;color:var(--white);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000026;border:1px solid #ffffff1f;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;display:flex}.learning-home-card:active{background:#ffffff0f}.learning-home-icon{width:44px;height:44px;color:var(--accent-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.learning-home-icon--tajwid{background:linear-gradient(135deg,#6a1b9a,#ab47bc)}.learning-home-icon--ulumul-quran{background:linear-gradient(135deg,#5d4037,#8d6e63)}.learning-home-icon--tafsir-tahlili{background:linear-gradient(135deg,#1565c0,#42a5f5)}.learning-home-icon--tafsir-tematik{background:linear-gradient(135deg,#0277bd,#4fc3f7)}.learning-home-icon--jurnal{background:linear-gradient(135deg,#e65100,#ffb74d)}.learning-home-icon--talaqqi-fatihah{background:linear-gradient(135deg,#00695c,#4db6ac)}.learning-home-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.learning-home-title{font-size:13px;font-weight:600;line-height:1.3}.learning-home-sub{color:var(--white-70);font-size:11px}.learning-home-chevron{color:var(--white-50);flex-shrink:0;font-size:22px;line-height:1}.features-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.feature-item{border-radius:var(--radius-md);min-width:0;color:var(--white);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000024;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;font-family:inherit;display:flex}.feature-icon{background:var(--green-dark);width:54px;height:54px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;display:flex}.feature-label{text-align:center;max-width:62px;font-size:9px;font-weight:500;line-height:1.25}.podcast-scroll{scrollbar-width:none;gap:12px;margin:0 -4px;padding:0 4px 4px;display:flex;overflow-x:auto}.podcast-scroll::-webkit-scrollbar{display:none}.podcast-card{flex-shrink:0;width:168px}.podcast-thumb{border-radius:var(--radius-sm);aspect-ratio:16/10;background:#333;margin-bottom:8px;position:relative;overflow:hidden}.podcast-thumb img{object-fit:cover;width:100%;height:100%}.views-badge{color:var(--white);background:#0000008c;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.play-btn{width:28px;height:28px;color:var(--accent-text);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #00000040}.podcast-title{color:var(--white);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:11px;font-weight:600;line-height:1.35;overflow:hidden}.podcast-tag{color:var(--accent);font-size:10px;font-weight:500}.dua-day-card{background:var(--green-dark);border-radius:var(--radius-lg);width:100%;color:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;padding:36px 20px 24px;font-family:inherit;position:relative}.dua-day-title{color:var(--accent);margin:0 0 10px;font-size:12px;font-weight:600}.dua-day-copied{color:var(--accent);margin:8px 0 0;font-size:11px}.dua-actions{gap:8px;display:flex;position:absolute;top:12px;left:12px}.dua-action-btn{width:32px;height:32px;color:var(--white-70);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.dua-arabic{text-align:center;font-family:Traditional Arabic,Scheherazade New,Amiri,serif;font-size:22px;font-weight:500;line-height:1.85}.bottom-nav{bottom:env(safe-area-inset-bottom,0px);min-height:var(--bottom-nav-h);background:var(--green-dark);z-index:10;box-sizing:border-box;justify-content:space-around;align-items:center;padding:8px 12px 12px;display:flex;position:absolute;left:0;right:0}.nav-item{color:var(--white-50);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:24px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.nav-item--active{color:var(--white);background:var(--nav-pill)}.nav-item--icon-only{padding:10px 14px}.quran-screen{background:var(--green-dark)}.quran-header{flex-shrink:0;align-items:center;gap:14px;padding:4px 20px 12px;display:flex}.quran-header-main{flex:1;min-width:0}.back-btn{width:auto;height:auto;color:var(--white);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.quran-header h1{color:var(--white);margin:0;font-size:22px;font-weight:700}.quran-subtitle{color:var(--white-70);margin-top:2px;font-size:12px;font-weight:500}.quran-tabs{flex-shrink:0;gap:8px;padding:0 20px 16px;display:flex}.quran-tab{cursor:pointer;background:var(--tab-inactive);color:var(--white);-webkit-tap-highlight-color:transparent;border:none;border-radius:24px;flex:1;padding:11px 6px;font-family:inherit;font-size:12px;font-weight:600}.quran-tab.active{background:var(--accent);color:var(--accent-text)}.surah-grid{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:12px;min-height:0;padding:0 20px 20px;display:grid;overflow-y:auto}.surah-grid::-webkit-scrollbar{display:none}.surah-grid-card{border:1.5px solid var(--green-card-border);border-radius:var(--radius-md);cursor:pointer;min-height:100px;color:var(--white);-webkit-tap-highlight-color:transparent;background:0 0;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;padding:28px 10px 14px;font-family:inherit;display:flex;position:relative}.surah-number{color:var(--white-50);font-size:10px;font-weight:600;line-height:1;position:absolute;top:8px;left:10px}.surah-grid-card:active{background:#ffffff0f}.surah-name{text-align:center;font-size:14px;font-weight:600;line-height:1.3}.surah-book-icon{color:var(--white);opacity:.9}.surah-detail-screen{background:var(--green-dark)}.surah-detail-header{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:flex-start;gap:12px;padding:4px 20px 14px;display:flex}.surah-detail-title h1{color:var(--white);margin:0 0 4px;font-size:20px;font-weight:700}.quran-uthmani,.surah-detail-arabic,.word-arabic,.ayah-arabic{font-family:Amiri Quran,Scheherazade New,Traditional Arabic,serif}.surah-detail-arabic{color:var(--accent);margin:0 0 4px;font-size:22px;font-weight:600}.surah-detail-meta{color:var(--white-70);margin:0;font-size:12px}.mushaf-badge{color:var(--accent);letter-spacing:.02em;background:#ffc10726;border:1px solid #ffc10759;border-radius:12px;margin-top:6px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.surah-playback-bar{flex-direction:column;flex-shrink:0;align-items:stretch;gap:6px;padding:10px 16px 0;display:flex}.surah-auto-play-btn{border-radius:var(--radius-md);width:100%;color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffd7001f;border:1px solid #ffd70059;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.surah-auto-play-btn.active{color:var(--white);background:#e6a80040;border-color:#e6a800}.surah-auto-play-btn .pause-icon--sm{box-sizing:border-box;border-left:3px solid;border-right:3px solid;width:10px;height:12px}.auto-play-hint{color:var(--white-70);text-align:center;font-size:11px}.surah-detail-body{min-height:0;padding:16px 16px max(20px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow-y:auto}.surah-detail-body::-webkit-scrollbar{display:none}.surah-detail-state{min-height:200px;color:var(--white-70);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.state-error{text-align:center;max-width:260px;line-height:1.5}.btn-retry{border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600}.loading-spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ayah-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.ayah-card{border-radius:var(--radius-md);background:#0000002e;border:1px solid #ffffff1a;padding:16px;transition:border-color .2s,background .2s}.ayah-card--active{background:#ffd70014;border-color:#ffd70073}.ayah-header{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ayah-play-btn{background:var(--accent);width:40px;height:40px;color:var(--accent-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ayah-play-btn.playing{background:#e6a800}.ayah-play-btn .pause-icon{border-left:4px solid var(--accent-text);border-right:4px solid var(--accent-text);box-sizing:border-box;width:12px;height:14px}.ayah-audio-error{color:#ffab91;margin:-6px 0 10px;font-size:11px}.ayah-words{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px 14px;margin-bottom:16px;padding-bottom:14px;display:flex}.word-token{text-align:center;flex-direction:column;align-items:center;min-width:36px;max-width:120px;display:inline-flex}.word-arabic{color:var(--white);font-size:24px;line-height:1.6}.word-meaning{color:var(--accent);margin-top:4px;font-size:10px;font-weight:500;line-height:1.3}.ayah-arabic--full{opacity:.85;margin-bottom:12px;font-size:20px}.ayah-number{background:var(--accent);min-width:32px;height:32px;color:var(--accent-text);border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.ayah-arabic{text-align:right;color:var(--white);margin:0 0 14px;font-size:26px;line-height:2}.ayah-translation{color:var(--white-70);border-top:1px solid #ffffff14;margin:0;padding-top:12px;font-size:14px;line-height:1.65}.live-stream-screen{background:var(--green-dark)}.live-stream-header{flex-shrink:0;align-items:flex-start;gap:12px;padding:4px 20px 12px;display:flex}.live-stream-title h1{margin:8px 0 4px;font-size:16px;font-weight:700;line-height:1.3}.live-stream-title p{color:var(--white-70);margin:0;font-size:12px}.live-badge{color:var(--white);letter-spacing:.05em;background:#c62828;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-dot,.live-dot-sm{background:var(--white);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite live-pulse}.live-dot-sm{background:#ff5252;width:6px;height:6px}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.live-stream-body{min-height:0;padding:0 16px max(20px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.live-player-wrap{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;margin-bottom:14px;position:relative;overflow:hidden}.live-player-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.live-stream-note{color:var(--white-70);text-align:center;margin:0 0 14px;font-size:12px;line-height:1.5}.live-source-panel{margin-bottom:14px}.live-source-hint{color:var(--white-70);text-align:center;margin:0 0 10px;font-size:11px;line-height:1.45}.live-source-current{color:var(--white);text-align:center;margin:0 0 10px;font-size:12px}.live-source-current strong{color:var(--accent)}.live-source-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.live-source-chip{color:var(--white-70);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0003;border:1px solid #fff3;border-radius:20px;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:500}.live-source-chip.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.btn-next-source{border-radius:var(--radius-sm);width:100%;color:var(--white);cursor:pointer;background:0 0;border:1px dashed #ffffff59;margin-bottom:4px;padding:12px;font-family:inherit;font-size:13px;font-weight:500;display:block}.btn-open-youtube{text-align:center;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-text);padding:14px;font-size:14px;font-weight:700;text-decoration:none;display:block}.podcast-card--live{cursor:pointer;text-align:left;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-family:inherit}.views-badge--live{letter-spacing:.04em;align-items:center;gap:5px;font-weight:700;display:inline-flex;background:#c62828e6!important}@media (width<=480px){.app{background:var(--green-dark);padding:0}.android-device{max-width:100%;height:100svh;box-shadow:none;background:var(--green-dark);border-radius:0;padding:0}.android-device__inner{border-radius:0}}.learning-screen{background:var(--green-header)}.learning-header{flex-shrink:0;align-items:flex-start;gap:12px;padding:8px 16px 12px;display:flex}.learning-header-text h1{color:var(--white);margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.25}.learning-subtitle,.learning-breadcrumb{color:var(--white-70);margin:0;font-size:12px}.learning-breadcrumb{color:var(--accent);margin-bottom:4px}.learning-meta{color:var(--white-50);margin:0;font-size:11px}.learning-category-desc{color:var(--white-70);flex-shrink:0;margin:0;padding:14px 20px 8px;font-size:13px;line-height:1.55}.learning-category-list,.learning-article-list,.learning-category-desc,.learning-article,.learning-article--chat{background:var(--green-olive)}.learning-category-list,.learning-article-list{padding:18px 16px max(24px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:28px 28px 0 0;flex-direction:column;flex:1;gap:10px;min-height:0;margin:0;list-style:none;display:flex;overflow-y:auto}.learning-category-desc{color:var(--white-90,#ffffffe6);border-radius:28px 28px 0 0;margin:0;padding:16px 20px 0;font-size:13px;line-height:1.55}.learning-article--chat{border-radius:28px 28px 0 0;flex-direction:column;flex:1;min-height:0;margin-top:4px;padding:0;display:flex;overflow:hidden}.learning-category-list::-webkit-scrollbar{display:none}.learning-article-list::-webkit-scrollbar{display:none}.learning-category-card,.learning-article-card{border-radius:var(--radius-md);width:100%;color:var(--white);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000002e;border:1px solid #ffffff1a;align-items:center;gap:12px;padding:14px;font-family:inherit;display:flex}.learning-category-card:active,.learning-article-card:active{background:#ffffff0f}.learning-category-icon{width:48px;height:48px;color:var(--accent-text);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.learning-category-icon--tajwid{background:linear-gradient(135deg,#6a1b9a,#ab47bc)}.learning-category-icon--ulumul-quran{background:linear-gradient(135deg,#5d4037,#8d6e63)}.learning-category-icon--tafsir-tahlili{background:linear-gradient(135deg,#1565c0,#42a5f5)}.learning-category-icon--tafsir-tematik{background:linear-gradient(135deg,#0277bd,#4fc3f7)}.learning-category-icon--jurnal{background:linear-gradient(135deg,#e65100,#ffb74d)}.learning-category-icon--talaqqi-fatihah{background:linear-gradient(135deg,#00695c,#4db6ac)}.learning-category-card-body,.learning-article-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.learning-category-card-title,.learning-article-card-title{font-size:14px;font-weight:600;line-height:1.3}.learning-category-card-sub,.learning-article-card-summary{color:var(--white-70);font-size:12px;line-height:1.4}.learning-category-card-meta,.learning-article-card-meta{color:var(--accent);margin-top:2px;font-size:10px;font-weight:600}.learning-chevron{color:var(--white-50);flex-shrink:0;font-size:24px;line-height:1}.learning-article{min-height:0;padding:16px 20px max(24px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:28px 28px 0 0;flex:1;margin-top:4px;overflow-y:auto}.learning-article::-webkit-scrollbar{display:none}.learning-article-summary{color:var(--accent);border-bottom:1px solid #ffffff1a;margin:0 0 16px;padding-bottom:14px;font-size:14px;font-weight:600;line-height:1.5}.learning-para{color:var(--white-90,#ffffffeb);margin:0 0 14px;font-size:14px;line-height:1.65}.talaqqi-mode-card{gap:12px}.talaqqi-mode-index{width:28px;height:28px;color:var(--accent);background:#ffc10733;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.talaqqi-panel{padding-bottom:8px}.talaqqi-ayah-heading{color:var(--white);margin:16px 0 10px;font-size:14px;font-weight:600}.talaqqi-ayah-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.talaqqi-ayah-card{border-radius:var(--radius-md);background:#0003;border:1px solid #ffffff14;padding:12px}.talaqqi-ayah-num{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.talaqqi-ayah-arabic{text-align:right;color:var(--white);margin:8px 0 4px;font-size:22px;line-height:1.9}.talaqqi-ayah-latin{color:var(--white-70);margin:0 0 10px;font-size:12px;font-style:italic}.talaqqi-play-btn{color:var(--white);cursor:pointer;background:#4caf5026;border:1px solid #fff3;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.talaqqi-play-btn--active{border-color:var(--accent);color:var(--accent)}.talaqqi-audio-error{color:#ef9a9a;margin:6px 0 0;font-size:11px}.talaqqi-tip{color:var(--white-50);margin:14px 0 0;font-size:12px;font-style:italic;line-height:1.5}.talaqqi-online-box{border-radius:var(--radius-md);text-align:center;background:#00695c26;border:1px solid #4db6ac59;margin-top:16px;padding:16px}.talaqqi-room-label{color:var(--white-70);margin:0 0 6px;font-size:11px}.talaqqi-room-code{color:var(--accent);word-break:break-all;margin:0 0 14px;font-family:ui-monospace,monospace;font-size:13px}.talaqqi-join-btn{width:100%}.talaqqi-chat{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.talaqqi-chat-loading,.talaqqi-chat--offline{padding:16px 20px}.talaqqi-chat-offline-title{color:var(--accent);margin:0 0 10px;font-size:15px;font-weight:600}.talaqqi-api-url{color:var(--white-50);word-break:break-all;font-size:11px}.talaqqi-api-url--hint{margin-top:12px;line-height:1.5}.talaqqi-chat--picker{background:var(--green-olive);border-radius:28px 28px 0 0;flex:1;min-height:0;margin-top:4px;overflow-y:auto}.talaqqi-chat--login,.talaqqi-chat--offline{background:var(--green-olive);border-radius:28px 28px 0 0;flex:1;min-height:0;margin-top:4px;padding:20px 20px 24px;overflow-y:auto}.talaqqi-chat-profile{border-bottom:1px solid #ffffff14;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.talaqqi-chat-profile--viewing{flex-direction:column;align-items:stretch}.talaqqi-superadmin-badge{text-transform:uppercase;color:#e1bee7;background:#9c27b059;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:700}.talaqqi-logout-btn{color:var(--white-70);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:16px;margin-left:auto;padding:6px 12px;font-family:inherit;font-size:11px}.talaqqi-picker-head{padding:12px 16px 0}.talaqqi-picker-title{color:var(--white);margin:0 0 6px;font-size:16px;font-weight:700}.talaqqi-picker-desc{color:var(--white-70);margin:0 0 8px;font-size:13px;line-height:1.5}.talaqqi-santri-list{flex-direction:column;gap:8px;margin:0;padding:8px 12px 16px;list-style:none;display:flex}.talaqqi-santri-row{border-radius:var(--radius-md);width:100%;color:var(--white);text-align:left;cursor:pointer;background:#0003;border:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;display:flex}.talaqqi-santri-row--self{background:#4caf5014;border-color:#4caf5073}.talaqqi-santri-avatar{width:40px;height:40px;color:var(--accent);background:#ffc10740;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.talaqqi-santri-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.talaqqi-santri-name{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.talaqqi-santri-meta{color:var(--white-50);font-size:11px}.talaqqi-picker-demo-hint{color:var(--white-50);padding:0 16px 16px;font-size:10px;line-height:1.5}.talaqqi-back-santri{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-family:inherit;font-size:13px;font-weight:600}.talaqqi-viewing-santri{flex-direction:column;gap:2px;display:flex}.talaqqi-viewing-name{color:var(--white);margin:0;font-size:17px;font-weight:700}.talaqqi-viewing-email{color:var(--white-50);font-size:12px}.talaqqi-superadmin-hint{color:#ce93d8;margin:0;padding:0 16px 8px;font-size:12px}.talaqqi-demo-admin{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:16px}.talaqqi-demo-admin-form{flex-direction:column;gap:10px;margin-top:10px;display:flex}.talaqqi-demo-admin-hint{margin:0;font-size:13px}.talaqqi-demo-label{color:var(--white-70);flex-direction:column;gap:6px;font-size:12px;display:flex}.talaqqi-demo-key-hint{color:var(--white-50);margin:0;font-size:11px}.talaqqi-compose-hint--readonly{padding:12px 16px max(16px, env(safe-area-inset-bottom));text-align:center}.talaqqi-chat-profile .meeting-input{margin-bottom:8px}.talaqqi-chat--login{padding:20px 16px}.talaqqi-chat-login-title{margin-bottom:8px;font-size:16px;font-weight:700}.talaqqi-chat-user{align-items:center;gap:12px;margin-bottom:10px;display:flex}.talaqqi-chat-user strong{font-size:14px;display:block}.talaqqi-chat-user span{color:var(--white-70);word-break:break-all;font-size:11px}.talaqqi-chat-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.talaqqi-feed-tabs{flex-shrink:0;align-items:center;gap:8px;padding:10px 16px 0;display:flex}.talaqqi-feed-tab{color:var(--white-70);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:20px;flex:1;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600}.talaqqi-feed-tab.active{border-color:var(--accent);color:var(--accent);background:#ffc1071f}.talaqqi-ws-live{color:#81c784;background:#4caf5033;border-radius:8px;margin-left:auto;padding:4px 8px;font-size:10px;font-weight:700}.talaqqi-chat-steps{color:var(--white-70);margin:12px 0;padding-left:20px;font-size:13px;line-height:1.6}.talaqqi-chat-steps code{color:var(--accent-text)}.talaqqi-role-row{margin-top:4px}.talaqqi-role-chips{gap:8px;margin-top:6px;display:flex}.talaqqi-role-chip{color:var(--white-70);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:20px;flex:1;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.talaqqi-role-chip.active{border-color:var(--accent);color:var(--accent);background:#ffc10726}.talaqqi-ref-toggle{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;flex-shrink:0;margin:8px 16px 0;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.talaqqi-ref-list{flex-wrap:wrap;flex-shrink:0;gap:8px;margin:0;padding:8px 16px;list-style:none;display:flex}.talaqqi-ref-btn{color:var(--white);cursor:pointer;background:#0003;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:11px;display:inline-flex}.learn-screen--chat .talaqqi-chat-feed{flex-direction:column;flex:none;gap:16px;min-height:0;padding:4px 12px 8px;display:flex;overflow:visible}.talaqqi-chat-empty{color:var(--white-50);text-align:center;margin:24px 0;font-size:13px;line-height:1.5}.talaqqi-chat-bubble{border-radius:var(--radius-md);background:#00000040;border:1px solid #ffffff1a;padding:12px}.talaqqi-chat-bubble--guru{background:#ffc1070f;border-color:#ffc1074d}.talaqqi-chat-bubble--mine{border-color:#4caf5073}.talaqqi-mine-tag{color:#a5d6a7;background:#4caf5040;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:700}.talaqqi-chat-bubble-head{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:8px;font-size:13px;display:flex}.talaqqi-chat-bubble-head strong{color:var(--white)}.talaqqi-role-tag{text-transform:uppercase;color:var(--white-70);background:#ffffff1a;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700}.talaqqi-role-tag--guru{color:var(--accent);background:#ffc10733}.talaqqi-ayah-tag{color:var(--white-50);font-size:10px}.talaqqi-chat-time{color:var(--white-50);margin-left:auto;font-size:10px}.learn-screen--chat .talaqqi-chat-audio{width:100%;height:56px;min-height:56px;margin:0}.talaqqi-comment-list{flex-direction:column;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.talaqqi-comment{border-radius:var(--radius-sm);background:#ffffff0d;padding:8px 10px;font-size:13px;line-height:1.45}.talaqqi-comment--guru{border-left:3px solid var(--accent);background:#4caf501f}.talaqqi-comment-author{color:var(--white-70);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.talaqqi-comment p{color:var(--white);margin:0}.talaqqi-comment-form{gap:8px;margin-top:4px;display:flex}.talaqqi-comment-input{min-width:0;color:var(--white);background:#0000004d;border:1px solid #ffffff1f;border-radius:20px;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.talaqqi-comment-send{background:var(--accent);color:var(--green-dark);cursor:pointer;border:none;border-radius:20px;flex-shrink:0;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700}.talaqqi-chat-error{color:#ef9a9a;white-space:pre-line;flex-shrink:0;margin:0 16px;font-size:12px}.talaqqi-chat-compose{padding:12px 16px max(16px, env(safe-area-inset-bottom));background:#00000059;border-top:1px solid #ffffff1a;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.talaqqi-compose-ayah{color:var(--white-70);align-items:center;gap:8px;font-size:12px;display:flex}.talaqqi-compose-ayah select{color:var(--white);background:#0000004d;border:1px solid #ffffff26;border-radius:8px;padding:6px 10px;font-family:inherit}.talaqqi-mic-btn{width:52px;height:52px;color:var(--white);cursor:pointer;background:#4caf5040;border:none;border-radius:50%;flex-shrink:0;font-size:22px}.talaqqi-mic-btn--rec{background:#c62828;animation:1s ease-in-out infinite live-pulse}.talaqqi-compose-hint{color:var(--white-50);flex:100%;margin:0;font-size:11px;line-height:1.4}.learning-para strong{color:var(--accent);font-weight:600}.app--native{background:var(--green-dark);padding:0}.app--native .android-device{width:100%;max-width:100%;height:100dvh;box-shadow:none;background:var(--green-dark);border-radius:0;padding:0}.app--native .android-device__inner{border-radius:0}.app--native .screen{padding-top:var(--safe-area-top,env(safe-area-inset-top,0px))}.app--native .onboarding-footer{padding-bottom:max(20px, env(safe-area-inset-bottom))}html.capacitor-native,html.capacitor-native .bottom-nav,.app--native .bottom-nav{--bottom-nav-gap:0px;--bottom-nav-lift:0px;--nav-bottom-offset:var(--safe-area-bottom,0px);--bottom-nav-inset:var(--nav-bottom-offset,0px)}html.capacitor-native .bottom-nav,.app--native .bottom-nav{bottom:var(--nav-bottom-offset,0px)}html.capacitor-native .app-bottom-nav--four-tabs,.app--native .app-bottom-nav--four-tabs{--bottom-nav-lift:0px;--nav-bottom-offset:var(--safe-area-bottom,0px);--bottom-nav-inset:var(--nav-bottom-offset,0px);bottom:0!important}html.capacitor-native .home-content,.app--native .home-content,html.capacitor-native .screen.home-screen.learn-scroll-screen,.app--native .screen.home-screen.learn-scroll-screen,html.capacitor-native .app-shell--tabs .screen.learn-scroll-screen:not(.profile-screen),html.capacitor-native .app-shell--tabs .screen.dua-screen{padding-bottom:calc(var(--bottom-nav-h) + var(--nav-bottom-offset,0px) + 4px)}.hadith-screen{background:var(--green-dark)}.hadith-header{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:flex-start;gap:12px;padding:4px 20px 14px;display:flex}.hadith-header-text h1{color:var(--white);margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.25}.hadith-breadcrumb{color:var(--accent);margin:0 0 4px;font-size:12px}.hadith-subtitle{color:var(--white-70);margin:0;font-size:12px;line-height:1.45}.hadith-intro{color:var(--white-70);flex-shrink:0;margin:0;padding:12px 20px 8px;font-size:12px;line-height:1.55}.hadith-grade{letter-spacing:.03em;text-transform:uppercase;border-radius:10px;margin-top:6px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.hadith-grade--sahih{color:#a5d6a7;background:#4caf5033;border:1px solid #81c78466}.hadith-grade--hasan{color:var(--accent);background:#ffc10726;border:1px solid #ffc10759}.hadith-category-list,.hadith-list{padding:8px 16px max(20px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;gap:10px;min-height:0;margin:0;list-style:none;display:flex;overflow-y:auto}.hadith-category-list::-webkit-scrollbar{display:none}.hadith-list::-webkit-scrollbar{display:none}.hadith-category-card,.hadith-card{border-radius:var(--radius-md);width:100%;color:var(--white);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000002e;border:1px solid #ffffff1a;align-items:center;gap:12px;padding:14px;font-family:inherit;display:flex}.hadith-category-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hadith-category-title{font-size:14px;font-weight:600}.hadith-category-desc{color:var(--white-70);font-size:12px;line-height:1.4}.hadith-category-meta{color:var(--accent);font-size:10px;font-weight:600}.hadith-card{flex-direction:column;align-items:stretch;gap:8px}.hadith-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.hadith-card-title{flex:1;font-size:14px;font-weight:600}.hadith-card-preview{color:var(--white-70);text-align:right;font-size:18px;line-height:1.6}.hadith-card-source{color:var(--white-50);font-size:10px}.hadith-detail{min-height:0;padding:12px 20px max(24px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow-y:auto}.hadith-detail::-webkit-scrollbar{display:none}.hadith-detail-actions{margin-bottom:14px}.hadith-copy-btn{color:var(--white);cursor:pointer;background:#00000040;border:1px solid #fff3;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.hadith-arabic{text-align:right;color:var(--white);margin:0 0 16px;font-size:24px;line-height:2}.hadith-translation{color:var(--white-90,#ffffffeb);margin:0 0 18px;font-size:15px;line-height:1.65}.hadith-meta{border-radius:var(--radius-sm);background:#0003;border:1px solid #ffffff14;margin:0 0 16px;padding:14px}.hadith-meta div+div{margin-top:10px}.hadith-meta dt{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px;font-weight:600}.hadith-meta dd{color:var(--white);margin:0;font-size:13px;line-height:1.45}.hadith-trust-note{color:var(--white-50);margin:0;font-size:11px;font-style:italic;line-height:1.5}.dua-screen{background:var(--green-dark)}.dua-header{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:flex-start;gap:12px;padding:4px 20px 14px;display:flex}.dua-header-text h1{color:var(--white);margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.25}.dua-breadcrumb{color:var(--accent);margin:0 0 4px;font-size:12px}.dua-subtitle{color:var(--white-70);margin:0;font-size:12px;line-height:1.45}.dua-intro{color:var(--white-70);flex-shrink:0;margin:0;padding:12px 20px 8px;font-size:12px;line-height:1.55}.dua-badge-essential{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);background:#ffc10726;border:1px solid #ffc10759;border-radius:10px;margin-top:6px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.dua-badge-essential--sm{flex-shrink:0;margin-top:0}.dua-category-list,.dua-list{padding:8px 16px max(20px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;gap:10px;min-height:0;margin:0;list-style:none;display:flex;overflow-y:auto}.dua-category-list::-webkit-scrollbar{display:none}.dua-list::-webkit-scrollbar{display:none}.dua-category-card,.dua-list-card{border-radius:var(--radius-md);width:100%;color:var(--white);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000002e;border:1px solid #ffffff1a;align-items:center;gap:12px;padding:14px;font-family:inherit;display:flex}.dua-category-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.dua-category-title{font-size:14px;font-weight:600}.dua-category-desc{color:var(--white-70);font-size:12px;line-height:1.4}.dua-category-meta{color:var(--accent);font-size:10px;font-weight:600}.dua-list-card{flex-direction:column;align-items:stretch;gap:8px}.dua-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dua-card-title{flex:1;font-size:14px;font-weight:600}.dua-card-preview{color:var(--white-70);text-align:right;font-size:18px;line-height:1.6}.dua-detail{min-height:0;padding:12px 20px max(24px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow-y:auto}.dua-detail::-webkit-scrollbar{display:none}.dua-detail-actions{margin-bottom:14px}.dua-copy-btn{color:var(--white);cursor:pointer;background:#00000040;border:1px solid #fff3;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.dua-screen .dua-arabic{text-align:right;color:var(--white);margin:0 0 12px;font-size:26px;line-height:2}.dua-latin{color:var(--white-70);margin:0 0 14px;font-size:13px;font-style:italic;line-height:1.5}.dua-screen .dua-translation{color:var(--white-90,#ffffffeb);margin:0 0 16px;font-size:15px;line-height:1.65}.dua-when,.dua-repeat,.dua-source{color:var(--white-70);margin:0 0 12px;font-size:13px;line-height:1.5}.dua-when strong,.dua-repeat strong,.dua-source strong{color:var(--accent)}.meeting-screen{background:var(--green-dark)}.meeting-header{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:flex-start;gap:12px;padding:4px 20px 14px;display:flex}.meeting-header--room{flex-wrap:wrap;align-items:center}.meeting-header-text{flex:1;min-width:0}.meeting-header-text h1{color:var(--white);margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.25}.meeting-subtitle,.meeting-room-id{color:var(--white-70);margin:0;font-size:12px;line-height:1.45}.meeting-room-id{color:var(--accent);word-break:break-all;font-family:ui-monospace,monospace}.meeting-copy-link{color:var(--white);cursor:pointer;background:#00000040;border:1px solid #fff3;border-radius:16px;flex-shrink:0;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600}.meeting-body{min-height:0;padding:12px 16px max(24px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow-y:auto}.meeting-body::-webkit-scrollbar{display:none}.meeting-intro{color:var(--white-70);margin:0 0 14px;font-size:12px;line-height:1.55}.meeting-panel{border-radius:var(--radius-md);background:#0003;border:1px solid #ffffff14;margin-bottom:14px;padding:14px}.meeting-panel--highlight{border-color:#ffc10740}.meeting-panel-title{color:var(--white);margin:0 0 10px;font-size:14px;font-weight:600}.meeting-label{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.meeting-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:var(--white);background:#0000004d;border:1px solid #ffffff26;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:14px}.meeting-input::placeholder{color:var(--white-50)}.meeting-error{color:#ef9a9a;margin:-4px 0 8px;font-size:12px}.meeting-btn{width:100%}.meeting-instant-btn{border-radius:var(--radius-md);width:100%;color:var(--white);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#4caf501f;border:1px solid #4caf5066;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;font-family:inherit;display:flex}.meeting-instant-btn strong{margin-bottom:2px;font-size:14px;display:block}.meeting-instant-btn small{color:var(--white-70);font-size:11px}.meeting-instant-icon{width:36px;height:36px;color:var(--white);background:#c62828;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;animation:1.2s ease-in-out infinite live-pulse;display:flex}.meeting-section-label{color:var(--white);margin:0 0 10px;font-size:13px;font-weight:600}.meeting-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.meeting-card{border-radius:var(--radius-md);background:#0000002e;border:1px solid #ffffff1a;padding:14px}.meeting-card-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.meeting-card-head h3{color:var(--white);flex:1;margin:0;font-size:14px;font-weight:600}.meeting-badge{color:var(--accent);text-transform:uppercase;flex-shrink:0;font-size:9px;font-weight:700}.meeting-card-desc{color:var(--white-70);margin:0 0 6px;font-size:12px;line-height:1.45}.meeting-card-meta{color:var(--white-50);margin:0 0 4px;font-size:11px}.meeting-card-room{color:var(--accent);word-break:break-all;margin:0 0 10px;font-family:ui-monospace,monospace;font-size:10px}.meeting-card-actions{align-items:center;gap:8px;display:flex}.meeting-card-join{flex:1;padding:8px 12px;font-size:13px}.meeting-card-copy{border-radius:var(--radius-sm);color:var(--white-70);cursor:pointer;background:0 0;border:1px solid #ffffff26;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:11px;display:inline-flex}.meeting-trust-note{color:var(--white-50);margin:14px 0 0;font-size:11px;font-style:italic;line-height:1.5}.meeting-public-section{margin-bottom:16px}.meeting-public-hint{color:var(--white-70);margin:0 0 10px;font-size:12px;line-height:1.5}.meeting-card--public{border-color:#4caf5059}.meeting-card--featured{background:#ffc1070f;border-color:#ffc10773}.meeting-badge--open{color:#a5d6a7;text-transform:uppercase;background:#4caf5033;border:1px solid #81c78466;border-radius:8px;padding:3px 8px;font-size:9px;font-weight:700}.meeting-card-room--btn{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--accent);cursor:pointer;background:#0003;border:1px dashed #ffc10766;margin-bottom:10px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:11px}.meeting-room-code-label{color:var(--white-70);font-family:inherit;font-size:10px}.meeting-card-actions--wrap{flex-wrap:wrap}.meeting-card-copy--link{flex:100%;justify-content:center}.meeting-input-example{color:var(--white-50);margin:-4px 0 10px;font-size:11px;line-height:1.45}.meeting-input-example code{color:var(--accent);word-break:break-all;font-size:10px}.meeting-fill-demo-btn{border-radius:var(--radius-sm);width:100%;color:var(--white-70);cursor:pointer;background:0 0;border:1px solid #ffffff26;margin-top:8px;padding:10px 12px;font-family:inherit;font-size:12px}.meeting-screen--room{flex-direction:column;display:flex}.meeting-player-wrap{background:#000;flex:1;min-height:0;margin:0;position:relative}.meeting-player-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.meeting-room-footer{padding:10px 16px max(16px, env(safe-area-inset-bottom));border-top:1px solid #ffffff14;flex-shrink:0}.meeting-room-hint{color:var(--white-70);text-align:center;margin:0 0 10px;font-size:11px;line-height:1.45}.btn-open-external{text-align:center;border-radius:var(--radius-md);width:100%;color:var(--accent);background:#ffc10726;border:1px solid #ffc10759;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;display:block}.meeting-home-card{border-radius:var(--radius-lg);width:100%;color:var(--white);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#00000040,#4caf501a);border:1px solid #4caf5059;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;display:flex}.meeting-home-icon{background:#c6282840;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.meeting-home-dot{background:#ff5252;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite live-pulse}.meeting-home-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.meeting-home-title{font-size:14px;font-weight:600}.meeting-home-sub{color:var(--white-70);font-size:12px}.meeting-home-chevron{color:var(--accent);font-size:22px;line-height:1}.jurnal-access-screen{background:var(--green-header)}.jurnal-access-screen .jurnal-access-body{background:var(--green-olive);border-radius:28px 28px 0 0;flex-direction:column;flex:1;gap:14px;min-height:0;margin-top:4px;padding:18px 16px 24px;display:flex;overflow-y:auto}.jurnal-access-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;padding:18px 16px}.jurnal-access-card h2{margin:8px 0 6px;font-size:16px;font-weight:600}.jurnal-access-step{background:var(--accent);color:#0d1f18;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-flex}.jurnal-access-desc{color:var(--white-70);margin-bottom:14px;font-size:13px;line-height:1.5}.jurnal-google-wrap{justify-content:center;display:flex}.jurnal-access-warning,.jurnal-access-error{color:#ffb4a2;margin-top:10px;font-size:12px;line-height:1.4}.jurnal-access-user-label{color:var(--white-50);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.jurnal-access-user{align-items:center;gap:12px;margin:8px 0 12px;display:flex}.jurnal-access-user strong{font-size:14px;display:block}.jurnal-access-user span{color:var(--white-70);font-size:12px}.jurnal-access-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.jurnal-access-logout{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.jurnal-access-benefits{color:var(--white-70);margin:0 0 14px;padding-left:18px;font-size:13px;line-height:1.5}.jurnal-access-price{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:14px;display:flex}.jurnal-access-price-label{color:var(--white-50);font-size:12px}.jurnal-access-price strong{color:var(--accent-text);font-size:22px}.jurnal-access-price-period{color:var(--white-70);font-size:12px}.jurnal-access-pay-btn{width:100%}.jurnal-access-order-id{color:var(--white-50);margin-top:10px;font-size:11px}.jurnal-access-order-id code{color:var(--accent-text)}.profile-sheet-title{margin-bottom:16px;font-size:18px;font-weight:700}.profile-sheet-user{align-items:center;gap:14px;margin-bottom:12px;display:flex}.profile-sheet-avatar{object-fit:cover;border-radius:50%;width:52px;height:52px}.profile-sheet-user-text{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-sheet-user-text strong{font-size:15px}.profile-sheet-user-text span{color:var(--white-70);word-break:break-all;font-size:12px}.profile-sheet-subscription{color:var(--accent);margin-bottom:16px;font-size:12px;line-height:1.4}.profile-sheet-desc{color:var(--white-70);margin-bottom:16px;font-size:13px;line-height:1.5}.profile-sheet-error{color:#ffb4a2;white-space:pre-line;margin-top:10px;font-size:12px}.profile-logout-btn{width:100%;margin-bottom:10px}.profile-sheet-close{width:100%;color:var(--white-70);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:12px;padding:12px;font-family:inherit;font-size:14px;font-weight:600}.learning-chapter-list{padding-top:4px}.learning-chapter-card{align-items:flex-start}.learning-chapter-index{min-width:72px;color:var(--accent-text);text-align:center;background:linear-gradient(135deg,#5d4037,#8d6e63);border-radius:10px;flex-shrink:0;padding:6px 8px;font-size:11px;font-weight:700;line-height:1.3}.apk-web-login-bridge{color:#fff;background:linear-gradient(160deg,#063327 0%,#0a5c48 55%,#1a3d36 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.apk-web-login-bridge-card{text-align:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;width:min(100%,380px);padding:28px 22px}.apk-web-login-bridge-logo{border-radius:16px;margin-bottom:12px}.apk-web-login-bridge-card h1{margin:0 0 8px;font-size:22px;font-weight:700}.apk-web-login-bridge-card>p{color:#ffffffd1;margin:0 0 18px;font-size:14px;line-height:1.5}.apk-web-login-bridge-google{justify-content:center;margin-bottom:14px;display:flex}.apk-web-login-bridge-hint{color:#ffffff9e!important;margin-bottom:0!important;font-size:12px!important}.apk-web-login-bridge-link{color:#ffc107;font-weight:600}.apk-web-login-bridge-error{color:#ffb4a2;margin:0 0 10px;font-size:13px}