@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_646807{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.__variable_646807{--font-sans:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5aae3a1c1074c5e1-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ecb0c194634e5a7f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8c2fd50d66d22a18-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/da6e5417d357d163-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9c79641216ce8622-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/dd5f2241e050216b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Amiri Fallback;src:local("Times New Roman");ascent-override:112.47%;descent-override:63.44%;line-gap-override:0.00%;size-adjust:99.94%}.__className_338cf8{font-family:Amiri,Amiri Fallback;font-style:normal}.__variable_338cf8{--font-arabic:"Amiri","Amiri Fallback"}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display Fallback;src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}.__className_0a80b4{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.__variable_0a80b4{--font-playfair:"Playfair Display","Playfair Display Fallback"}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--clr-primary:#1A5C40;--clr-primary-dark:#134832;--clr-primary-mid:#2E7D52;--clr-accent:#E8F5EE;--clr-accent-mid:#C6E8D5;--clr-bg:#F4F3EE;--clr-surface:#FFFFFF;--clr-border:#E8E8E2;--clr-text:#1A1A1A;--clr-text-muted:#4B5563;--clr-text-faint:#52525B}:focus-visible{outline:2.5px solid var(--clr-primary);outline-offset:2px}.font-sans,body{font-family:var(--font-sans),"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.font-playfair{font-family:var(--font-playfair),"Playfair Display",Georgia,serif}.font-arabic,[lang=ar]{font-family:var(--font-arabic),"Amiri","Traditional Arabic",serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--clr-bg);color:var(--clr-text);line-height:1.6;min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif;color:var(--clr-primary);line-height:1.25}a{text-decoration:none;color:inherit}button{font-family:inherit}.page-content{flex:1 1;overflow-y:auto;padding-bottom:0}.arabic-text{font-family:Amiri,serif;direction:rtl;text-align:right;line-height:2.2;font-size:1.625rem;color:#1A1A1A}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--clr-accent-mid);border-radius:9999px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeInUp .3s ease both}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background-color:#FFFFFF;border-bottom:1px solid rgba(232,232,226,.8);box-shadow:0 4px 16px rgba(26,92,64,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-container{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.header-top-row{justify-content:space-between}.header-brand,.header-top-row{display:flex;align-items:center}.header-brand{gap:8px}.header-logo-icon{width:32px;height:32px;max-width:32px;max-height:32px;border-radius:50%;background:var(--clr-primary-mid);color:var(--clr-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.header-logo-icon img{width:24px;height:24px;max-width:24px;max-height:24px;object-fit:contain;display:block}.header-title{margin:0;font-size:1.625rem;font-weight:900;color:var(--clr-primary);line-height:1;letter-spacing:-.01em}.header-badge{background:var(--clr-accent);color:var(--clr-primary);font-size:.6875rem;font-weight:800;padding:4px 10px;border-radius:9999px;letter-spacing:.05em;border:1px solid var(--clr-accent-mid)}.header-search-section{display:flex;flex-direction:column;gap:6px}.header-search-bar{display:flex;align-items:center;gap:10px;background:#F0F7F3;border:1.5px solid #d1e5da;border-radius:12px;padding:9px 14px;transition:all .2s ease}.header-search-bar:focus-within{border-color:var(--clr-primary);background:#FFFFFF;box-shadow:0 0 0 3.5px rgba(26,92,64,.12)}.search-icon{flex-shrink:0}.header-search-input{flex:1 1;border:none;outline:none;font-size:.875rem;font-family:inherit;font-weight:500;color:var(--clr-text);background:transparent}.header-search-input::placeholder{color:#8C9993}.search-clear-btn{background:rgba(0,0,0,.04);border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease}.search-clear-btn:hover{background:rgba(0,0,0,.1)}.search-result-badge{font-size:.75rem;font-weight:600;color:var(--clr-primary);padding:2px 6px;align-self:flex-start}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:12px}.section-title{font-size:1.125rem;font-weight:800;color:var(--clr-primary)}.hadis-card{background:#FFFFFF;border-radius:16px;padding:32px;margin:0 16px 12px;border:1px solid #f0f0ea;box-shadow:0 1px 4px rgba(0,0,0,.05);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:block}.hadis-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.09)}.hadis-card:active{transform:translateY(0)}.continue-card{background:#064E3B;border-radius:20px;padding:32px;margin:0 16px 24px;position:relative;overflow:hidden;color:#FFFFFF}.continue-card:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.05)}.page-header{padding:20px 16px 4px;display:flex;align-items:center;gap:12px;background:var(--clr-bg)}.page-header-title{font-size:1.375rem;font-weight:800;color:var(--clr-primary);text-align:center;flex:1 1}.back-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--clr-accent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;transition:background .15s}.back-btn:hover{background:var(--clr-accent-mid)}.audio-progress-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:9999px;outline:none;margin-bottom:18px;cursor:pointer;border:none;background:transparent}.audio-progress-range::-webkit-slider-runnable-track{height:8px;border-radius:9999px;background:transparent}.audio-progress-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background-color:#FFFFFF;box-shadow:0 0 0 3px rgba(255,255,255,.35),0 2px 4px rgba(0,0,0,.2);cursor:pointer;margin-top:-4px;-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.audio-progress-range:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 5px rgba(255,255,255,.45),0 2px 6px rgba(0,0,0,.25)}.audio-progress-range::-moz-range-track{height:8px;border-radius:9999px;background:transparent;border:none}.audio-progress-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background-color:#FFFFFF;box-shadow:0 0 0 3px rgba(255,255,255,.35),0 2px 4px rgba(0,0,0,.2);border:none;cursor:pointer;-moz-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.audio-progress-range:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 0 0 5px rgba(255,255,255,.45),0 2px 6px rgba(0,0,0,.25)}.audio-progress-range:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px;border-radius:9999px}.badge{font-size:.6875rem;font-weight:700;padding:3px 10px;border-radius:9999px;letter-spacing:.04em;text-transform:uppercase}.badge-hafal{background:#D1FAE5;color:#065F46}.badge-sedang{background:#FEF3C7;color:#92400E}.badge-belum{background:#F3F4F6;color:#6B7280}.circular-progress-wrap{flex-direction:column}.circular-progress-wrap,.stat-card{display:flex;align-items:center;padding:32px}.stat-card{background:#FFFFFF;border-radius:14px;margin:0 16px 10px;gap:14px;box-shadow:0 1px 4px rgba(0,0,0,.05);border:1px solid #f0f0ea}.stat-icon{width:44px;height:44px;border-radius:12px;justify-content:center;flex-shrink:0}.settings-item,.stat-icon{display:flex;align-items:center}.settings-item{gap:14px;padding:32px;background:#FFFFFF;cursor:pointer;transition:background .15s}.settings-item:hover{background:#FAFAF8}.settings-item+.settings-item{border-top:1px solid #f0f0ea}.settings-section{margin:0 16px 12px;border-radius:20px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05)}.settings-section-label{font-size:.75rem;font-weight:700;color:var(--clr-text-faint);letter-spacing:.08em;text-transform:uppercase;padding:16px 16px 8px}.help-card{display:block;box-sizing:border-box;width:calc(100% - 32px);margin:0 auto;padding:26px 32px 32px;border:none;outline:none;border-radius:24px;background:#ffffff;color:#164c3c;text-align:left;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.08);-webkit-tap-highlight-color:transparent;transition:transform .3s ease,box-shadow .3s ease}.help-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.1)}.help-card:active{transform:translateY(0)}.help-card:focus-visible{outline:3px solid rgba(22,76,60,.25);outline-offset:3px}.help-card-badge{display:inline-flex;align-items:center;margin-bottom:16px;padding:6px 14px;border-radius:999px;background:#c8ebd9;color:#477263;font-size:.8rem;font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase}.help-card-image{width:100%;margin-top:8px;overflow:hidden;border-radius:32px}.help-card-image img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .3s ease}.help-card:hover .help-card-image img{transform:scale(1.015)}.help-card-content{width:100%}.help-card-title{margin:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:#164c3c}.help-card-description{margin:12px 0 0;font-family:inherit;font-size:1.125rem;font-weight:500;line-height:1.65;color:#626a66;text-align:justify}.help-card-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:22px;border-radius:50%;background:#f1f1f0;color:#164c3c}.help-card-icon :global(svg){width:50px;height:50px}.app-layout{background:var(--clr-bg);display:flex;flex-direction:column}.app-layout,.app-main{min-height:100dvh;width:100%}.app-main{padding-bottom:110px}@media (min-width:768px){.app-main{width:calc(100% - 72px);margin-left:72px;padding-left:0;padding-right:0;padding-bottom:40px;min-height:100dvh}.app-layout:has(.welcome-page) .app-main,.app-main:has(.welcome-page){width:100%!important;margin-left:0!important;padding-bottom:0!important}}.nav-mobile-view{display:flex!important}.nav-desktop-view{display:none!important}@media (min-width:768px){.nav-mobile-view{display:none!important}.nav-desktop-view{display:flex!important}.header-container{padding:16px 32px}.app-header:not(.header-hide-desktop) .header-top-row,.header-hide-desktop{display:none!important}}