@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{font-family:Inter,sans-serif;color:#162c27;background:#d8ceba;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:hidden}#root{display:flex;justify-content:center}body{background:#d8ceba}button{padding:0;font:inherit}.phone-frame-outer{display:flex;justify-content:center;box-sizing:border-box;width:100%;min-height:100dvh;overflow-x:hidden}.phone-frame-inner{position:relative;width:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto}@media(max-width:430px){.phone-frame-outer{padding:0;background:transparent}.phone-frame-inner{width:100vw;max-width:none;margin:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.home-screen,.library-screen,.profile-screen{max-width:none;margin-inline:0}}@media(min-width:431px){.phone-frame-outer{padding:16px;background:#d8ceba}.phone-frame-inner{max-width:430px;border-radius:38px;box-shadow:0 24px 70px #00000038}}.home-screen{--green: #064a3f;--ink: #152d28;--gold: #b9933e;display:flex;flex-direction:column;position:relative;width:100%;min-height:100dvh;padding:20px 18px 0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 88% 4%,rgba(185,147,62,.1),transparent 24%),radial-gradient(circle at 5% 95%,rgba(7,63,55,.07),transparent 26%),linear-gradient(155deg,#f9f5e9,#eee4cf 54%,#f8f2e5)}.home-screen:after{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";opacity:.13;background-image:repeating-linear-gradient(0deg,rgba(70,58,37,.025) 0,rgba(70,58,37,.025) 1px,transparent 1px,transparent 5px)}.home-header,.home-quran-hero,.home-sections,.home-progress-skeleton{position:relative;z-index:1;width:100%}.home-header{padding:5px 2px 0}.home-header--simple{margin-bottom:22px}.islamic-date{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 12px;color:#6b746f;font-size:11px;font-weight:600;letter-spacing:.02em}.date-separator{color:var(--gold);font-size:14px}.home-greeting h1,.home-header h1{max-width:350px;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(35px,9vw,44px);font-weight:600;line-height:1.08;letter-spacing:-.035em}.user-name{margin:5px 0 0;color:#786f61;font-family:Playfair Display,Georgia,serif;font-size:21px;font-style:italic}.home-quran-hero{margin-bottom:14px;padding:25px 18px 21px;text-align:center}.home-quran-verse{position:relative;z-index:1;width:100%;margin:0;padding:0;border:0;color:#fffaf0;font-family:Georgia,Times New Roman,serif;font-size:clamp(21px,5.2vw,26px);font-weight:600;line-height:1.85;text-align:center;white-space:normal;word-break:normal}.home-quran-reference{position:relative;z-index:1;margin:11px 0 0;color:#dfc681;font-size:12px;font-weight:600;text-align:center}.home-sections{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.home-section-card{display:block;width:100%;min-height:93px;padding:15px 17px;border:0;color:inherit;text-align:inherit;cursor:pointer}.home-section-title{margin:0 0 6px;font-size:18px;line-height:1.3}.home-section-preview{margin:0;overflow:hidden;color:#4e5954;font-size:13px;line-height:1.65;line-clamp:2}.home-progress-skeleton{gap:12px}.home-progress-skeleton__card{min-height:93px;border-radius:14px;background:linear-gradient(110deg,#ffffff59 8%,#ffffff9e 18%,#ffffff59 33%);background-size:200% 100%;animation:home-progress-skeleton-shimmer 1.4s ease-in-out infinite;box-shadow:inset 0 0 0 1px #073f370f}@keyframes home-progress-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.home-dhikr-card{padding:17px 18px;text-align:center}.home-dhikr-label{margin:0 0 8px;text-align:inherit}.home-dhikr-item+.home-dhikr-item{margin-top:12px;padding-top:12px;border-top:1px solid rgba(112,88,45,.12)}.home-dhikr-arabic{margin:0;color:#17352e;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:600;line-height:1.8;text-align:center}.home-dhikr-caption{margin:4px 0 0;color:#776c59;font-size:12px;font-weight:600;text-align:center}.library-screen,.profile-screen{display:flex;flex-direction:column;position:relative;width:100%;min-height:100dvh;padding:25px 18px 0;overflow-x:hidden;color:#17221f;background:radial-gradient(circle at 88% 5%,rgba(185,147,62,.11),transparent 25%),linear-gradient(155deg,#f8f3e6,#ebdfc7)}.library-panel,.profile-panel{padding:22px 19px}.library-categories{display:flex;flex-direction:column;gap:10px;width:100%;margin:14px 0 16px}.library-category-card{display:block;width:100%;padding:14px 16px;border:0;color:inherit;text-align:inherit;cursor:pointer;background:transparent}.library-category-title{margin:0;font-size:17px;line-height:1.4}.profile-field+.profile-field{margin-top:16px}.profile-action{display:block;width:100%;margin-top:13px;padding:13px 15px;border:1px solid rgba(112,88,45,.15);border-radius:15px;color:#203029;text-align:inherit;cursor:pointer;background:#ffffff61}.profile-admin-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(112,88,45,.2)}.profile-admin-label{margin:0 0 4px;color:#5f4a2d;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.profile-action--admin{border-color:#1c3a323d;background:#1c3a321a;font-weight:600}.bottom-navigation{position:sticky;bottom:0;z-index:20;display:grid;width:100%;min-height:83px;margin-top:auto;grid-template-columns:repeat(3,1fr);padding:12px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(28,58,50,.09);background:#f9f6edf5;box-shadow:0 -10px 28px #2e2d2612;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-shrink:0}.navigation-item{position:relative;display:flex;gap:4px;align-items:center;flex-direction:column;border:0;color:#4b5551;cursor:pointer;background:transparent}.navigation-item svg{width:24px;height:24px}.navigation-item span{font-size:10px;font-weight:600}.navigation-item--active{color:#075044}.navigation-item--active:before{position:absolute;top:-12px;width:30px;height:3px;border-radius:999px;content:"";background:var(--gold, #b9933e)}.home-indicator{display:none}@media(max-width:380px){.home-screen{padding-right:16px;padding-left:16px}.home-header--simple{margin-bottom:18px}.home-greeting h1,.home-header h1{font-size:33px}.home-quran-hero{padding:22px 17px 19px}.home-quran-verse{font-size:21px}.home-section-card{min-height:88px;padding:14px 15px}.home-section-title{font-size:17px}.home-section-preview{font-size:12px}}.language-screen{position:relative;width:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at top right,rgba(211,181,111,.23),transparent 32%),linear-gradient(180deg,#f8f5ee,#eee6d9);padding:calc(34px + env(safe-area-inset-top,0px)) 22px calc(28px + env(safe-area-inset-bottom,0px));box-sizing:border-box;color:#18352f}.language-screen:before{content:"";position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:26px 26px}.language-decoration{position:absolute;border:1px solid rgba(182,148,73,.22);transform:rotate(45deg);pointer-events:none}.language-decoration-one{width:130px;height:130px;top:-58px;right:-42px}.language-decoration-two{width:90px;height:90px;bottom:50px;left:-50px}.language-card{position:relative;z-index:1;width:100%;margin:0 auto;padding:28px 22px 24px;border:1px solid rgba(185,158,99,.22);border-radius:30px;background:#ffffffe0;box-shadow:0 28px 70px #372f2121,inset 0 1px #fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.language-brand{display:flex;flex-direction:column;align-items:center;gap:10px}.language-logo{display:grid;width:70px;height:70px;place-items:center;border-radius:22px;background:linear-gradient(145deg,#0c5a4b,#073f38);box-shadow:0 14px 28px #074a3e40;color:#dbc07b;font-size:35px}.language-brand-name{margin:0;color:#19473d;font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.language-heading{margin:25px 0 22px;text-align:center}.language-eyebrow{margin:0 0 9px;color:#a88638;font-size:11px;font-weight:800;letter-spacing:.28em}.language-heading h1{margin:0;color:#173d35;font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,7vw,39px);font-weight:600;line-height:1.12}.language-heading>p:last-child{margin:14px auto 0;max-width:320px;color:#6d756e;font-size:14px;line-height:1.65}.language-list{display:grid;gap:10px}.language-button{display:grid;grid-template-columns:44px 1fr 30px;align-items:center;width:100%;min-height:58px;padding:8px 14px;border:1px solid #e5ded2;border-radius:17px;background:#fbf9f5eb;color:#243c36;cursor:pointer;font:inherit;text-align:start;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.language-button:hover{transform:translateY(-1px);border-color:#0d5c4c61;box-shadow:0 9px 20px #22433914}.language-button-selected{border-color:#0d6554;background:#edf5f1;box-shadow:0 9px 22px #0d65541f}.language-code{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#eee7da;color:#8e7130;font-size:11px;font-weight:800;letter-spacing:.05em}.language-button-selected .language-code{background:#0d6554;color:#f2dd9c}.language-name{padding-inline:10px;font-size:17px;font-weight:650}.language-check{color:#9c8d6e;font-size:20px;text-align:center}.language-button-selected .language-check{color:#0d6554;font-weight:800}.language-continue{width:100%;min-height:54px;margin-top:20px;border:0;border-radius:17px;background:linear-gradient(135deg,#0d6554,#08483e);box-shadow:0 14px 28px #094e4138;color:#fffdf6;cursor:pointer;font-size:16px;font-weight:800;letter-spacing:.03em;transition:transform .16s ease,opacity .16s ease}.language-continue:not(:disabled):hover{transform:translateY(-1px)}.language-continue:disabled{cursor:not-allowed;opacity:.35;box-shadow:none}.language-note{margin:15px 0 0;color:#89877f;font-size:12px;line-height:1.5;text-align:center}@media(max-width:480px){.language-screen{padding:22px 14px}.language-card{padding:24px 17px 21px;border-radius:25px}.language-heading{margin-top:20px}.language-button{min-height:54px}}.login-screen{position:relative;width:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:calc(24px + env(safe-area-inset-top,0px)) 18px calc(28px + env(safe-area-inset-bottom,0px));color:#18352f;background:radial-gradient(circle at top right,rgba(211,181,111,.23),transparent 32%),linear-gradient(180deg,#f8f5ee,#eee6d9)}.login-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:26px 26px}.login-decoration{position:absolute;pointer-events:none;border:1px solid rgba(182,148,73,.22);transform:rotate(45deg)}.login-decoration-one{top:-46px;right:-42px;width:120px;height:120px}.login-decoration-two{bottom:46px;left:-46px;width:86px;height:86px}.login-card{position:relative;z-index:1;width:100%;margin:0 auto;box-sizing:border-box;padding:24px 20px 22px;border:1px solid rgba(185,158,99,.22);border-radius:28px;background:#ffffffeb;box-shadow:0 28px 70px #372f2121,inset 0 1px #fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-back-button{position:absolute;top:18px;inset-inline-start:18px;display:grid;width:42px;height:42px;place-items:center;margin:0;border:1px solid #e4ded2;border-radius:14px;background:#faf8f4f7;color:#29483f;cursor:pointer;font-size:21px;line-height:1}.login-brand{display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:18px}.login-logo{display:grid;width:64px;height:64px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#0c5a4b,#073f38);box-shadow:0 14px 28px #074a3e40;color:#dbc07b;font-size:32px}.login-brand-name{margin:0;color:#19473d;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.login-heading{margin:21px 0 22px;text-align:center}.login-eyebrow{margin:0 0 8px;color:#a88638;font-size:10px;font-weight:800;letter-spacing:.25em}.login-heading h1{margin:0;color:#173d35;font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:600;line-height:1.12}.login-heading>p:last-child{margin:12px auto 0;max-width:300px;color:#6d756e;font-size:14px;line-height:1.65}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:8px;text-align:start}.login-field>span{color:#304a42;font-size:13px;font-weight:750}.login-field input{display:block;width:100%;min-height:52px;box-sizing:border-box;border:1px solid #ded8cc;border-radius:15px;outline:none;background:#fbfaf7;padding:0 15px;color:#1f3832;font:inherit;text-align:start;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.login-field input::placeholder{color:#9a9d98}.login-field input:focus{border-color:#0d6554;background:#fff;box-shadow:0 0 0 4px #0d655417}.login-password-wrapper{position:relative;width:100%}.login-password-wrapper input{padding-inline-end:78px}.login-password-toggle{position:absolute;top:50%;inset-inline-end:13px;transform:translateY(-50%);min-width:50px;border:0;background:transparent;color:#0d6554;cursor:pointer;font-size:12px;font-weight:800}.login-forgot-password{align-self:flex-end;margin-top:-5px;padding:0;border:0;background:transparent;color:#0d6554;cursor:pointer;font-size:13px;font-weight:750}.login-screen[dir=rtl] .login-forgot-password{align-self:flex-start}.login-primary-button{width:100%;min-height:54px;margin-top:1px;border:0;border-radius:17px;background:linear-gradient(135deg,#0d6554,#08483e);box-shadow:0 14px 28px #094e4138;color:#fffdf6;cursor:pointer;font-size:16px;font-weight:800}.login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:21px 0 15px}.login-divider span{height:1px;background:#e4ded4}.login-divider p{margin:0;color:#8c8a82;font-size:11px;white-space:nowrap}.login-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:11px}.login-social-button{display:flex;min-height:50px;align-items:center;justify-content:center;gap:9px;border:1px solid #ded8cc;border-radius:15px;background:#fbfaf7;color:#273f38;cursor:pointer;font-size:14px;font-weight:750}.login-social-icon{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#eee7da;color:#7f6329;font-size:12px;font-weight:900}.apple-icon{color:#111}.google-icon{color:#3768d4}.login-register-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;margin:20px 0 0;color:#7e807a;font-size:13px;text-align:center}.login-register-note button{padding:0;border:0;background:transparent;color:#0d6554;cursor:pointer;font:inherit;font-weight:800}.login-language-button{display:block;margin:13px auto 0;padding:3px;border:0;background:transparent;color:#9a7d3b;cursor:pointer;font-size:12px;font-weight:750}@media(max-width:480px){.login-screen{padding:18px 14px 24px}.login-card{padding:21px 16px;border-radius:24px}.login-heading h1{font-size:32px}}.register-screen{position:relative;min-height:100%;overflow-y:auto;box-sizing:border-box;padding:22px 18px 28px;color:#18352f;background:radial-gradient(circle at top right,rgba(211,181,111,.23),transparent 32%),linear-gradient(180deg,#f8f5ee,#eee6d9)}.register-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:26px 26px}.register-decoration{position:absolute;pointer-events:none;border:1px solid rgba(182,148,73,.22);transform:rotate(45deg)}.register-decoration-one{top:-46px;right:-42px;width:120px;height:120px}.register-decoration-two{bottom:46px;left:-46px;width:86px;height:86px}.register-card{position:relative;z-index:1;width:100%;max-width:430px;margin:0 auto;box-sizing:border-box;padding:22px 20px 24px;border:1px solid rgba(185,158,99,.22);border-radius:28px;background:#ffffffeb;box-shadow:0 28px 70px #372f2121,inset 0 1px #fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.register-back-button{position:absolute;top:18px;inset-inline-start:18px;display:grid;width:42px;height:42px;place-items:center;margin:0;border:1px solid #e4ded2;border-radius:14px;background:#faf8f4f7;color:#29483f;cursor:pointer;font-size:21px;line-height:1}.register-brand{display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:18px}.register-logo{display:grid;width:62px;height:62px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#0c5a4b,#073f38);box-shadow:0 14px 28px #074a3e40;color:#dbc07b;font-size:31px}.register-brand-name{margin:0;color:#19473d;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.register-heading{margin:20px 0 21px;text-align:center}.register-eyebrow{margin:0 0 8px;color:#a88638;font-size:10px;font-weight:800;letter-spacing:.24em}.register-heading h1{margin:0;color:#173d35;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:600;line-height:1.14}.register-heading>p:last-child{margin:12px auto 0;max-width:310px;color:#6d756e;font-size:14px;line-height:1.6}.register-form{display:flex;flex-direction:column;gap:15px}.register-field{display:flex;flex-direction:column;gap:8px;text-align:start}.register-field>span{color:#304a42;font-size:13px;font-weight:750}.register-field input{display:block;width:100%;min-height:51px;box-sizing:border-box;border:1px solid #ded8cc;border-radius:15px;outline:none;background:#fbfaf7;padding:0 15px;color:#1f3832;font:inherit;text-align:start;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.register-field input::placeholder{color:#9a9d98}.register-field input:focus{border-color:#0d6554;background:#fff;box-shadow:0 0 0 4px #0d655417}.register-password-wrapper{position:relative;width:100%}.register-password-wrapper input{padding-inline-end:78px}.register-password-toggle{position:absolute;top:50%;inset-inline-end:13px;transform:translateY(-50%);min-width:50px;border:0;background:transparent;color:#0d6554;cursor:pointer;font-size:12px;font-weight:800}.register-error{margin:-4px 0 0;padding:10px 12px;border:1px solid rgba(173,63,48,.22);border-radius:12px;background:#ad3f3012;color:#9f3f32;font-size:12px;font-weight:700;line-height:1.45;text-align:start}.register-primary-button{width:100%;min-height:54px;margin-top:1px;border:0;border-radius:17px;background:linear-gradient(135deg,#0d6554,#08483e);box-shadow:0 14px 28px #094e4138;color:#fffdf6;cursor:pointer;font-size:16px;font-weight:800}.register-terms{margin:18px auto 0;max-width:320px;color:#85877f;font-size:11px;line-height:1.55;text-align:center}.register-terms button{padding:0;border:0;background:transparent;color:#0d6554;cursor:pointer;font:inherit;font-weight:800}.register-login-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;margin:17px 0 0;color:#7e807a;font-size:13px;text-align:center}.register-login-note button{padding:0;border:0;background:transparent;color:#0d6554;cursor:pointer;font:inherit;font-weight:800}@media(max-width:480px){.register-screen{padding:16px 14px 24px}.register-card{padding:20px 16px 22px;border-radius:24px}.register-heading h1{font-size:31px}.register-logo{width:58px;height:58px;font-size:29px}}.forgot-screen{position:relative;min-height:100%;overflow-y:auto;box-sizing:border-box;padding:24px 18px 28px;color:#18352f;background:radial-gradient(circle at top right,rgba(211,181,111,.23),transparent 32%),linear-gradient(180deg,#f8f5ee,#eee6d9)}.forgot-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:26px 26px}.forgot-decoration{position:absolute;pointer-events:none;border:1px solid rgba(182,148,73,.22);transform:rotate(45deg)}.forgot-decoration-one{top:-46px;right:-42px;width:120px;height:120px}.forgot-decoration-two{bottom:46px;left:-46px;width:86px;height:86px}.forgot-card{position:relative;z-index:1;width:100%;max-width:430px;margin:0 auto;box-sizing:border-box;padding:24px 20px;border:1px solid rgba(185,158,99,.22);border-radius:28px;background:#ffffffeb;box-shadow:0 28px 70px #372f2121,inset 0 1px #fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.forgot-back-button{position:absolute;top:18px;inset-inline-start:18px;display:grid;width:42px;height:42px;place-items:center;margin:0;border:1px solid #e4ded2;border-radius:14px;background:#faf8f4f7;color:#29483f;cursor:pointer;font-size:21px;line-height:1}.forgot-brand{display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:18px}.forgot-logo{display:grid;width:64px;height:64px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#0c5a4b,#073f38);box-shadow:0 14px 28px #074a3e40;color:#dbc07b;font-size:32px}.forgot-brand-name{margin:0;color:#19473d;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.forgot-heading{margin:22px 0 24px;text-align:center}.forgot-eyebrow{margin:0 0 8px;color:#a88638;font-size:10px;font-weight:800;letter-spacing:.24em}.forgot-heading h1{margin:0;color:#173d35;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:600;line-height:1.14}.forgot-heading>p:last-child{margin:13px auto 0;max-width:305px;color:#6d756e;font-size:14px;line-height:1.65}.forgot-form{display:flex;flex-direction:column;gap:16px}.forgot-field{display:flex;flex-direction:column;gap:8px;text-align:start}.forgot-field>span{color:#304a42;font-size:13px;font-weight:750}.forgot-field input{display:block;width:100%;min-height:52px;box-sizing:border-box;border:1px solid #ded8cc;border-radius:15px;outline:none;background:#fbfaf7;padding:0 15px;color:#1f3832;font:inherit;text-align:start;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.forgot-field input::placeholder{color:#9a9d98}.forgot-field input:focus{border-color:#0d6554;background:#fff;box-shadow:0 0 0 4px #0d655417}.forgot-error{margin:-4px 0 0;padding:10px 12px;border:1px solid rgba(173,63,48,.22);border-radius:12px;background:#ad3f3012;color:#9f3f32;font-size:12px;font-weight:700;line-height:1.45;text-align:start}.forgot-primary-button{width:100%;min-height:54px;margin-top:2px;border:0;border-radius:17px;background:linear-gradient(135deg,#0d6554,#08483e);box-shadow:0 14px 28px #094e4138;color:#fffdf6;cursor:pointer;font-size:16px;font-weight:800}.forgot-login-button{display:block;margin:18px auto 0;padding:4px;border:0;background:transparent;color:#0d6554;cursor:pointer;font-size:13px;font-weight:800}@media(max-width:480px){.forgot-screen{padding:18px 14px 24px}.forgot-card{padding:21px 16px 23px;border-radius:24px}.forgot-heading h1{font-size:31px}}.verify-screen{position:relative;min-height:100%;overflow-y:auto;box-sizing:border-box;padding:24px 18px 28px;color:#18352f;background:radial-gradient(circle at top right,rgba(211,181,111,.23),transparent 32%),linear-gradient(180deg,#f8f5ee,#eee6d9)}.verify-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:26px 26px}.verify-decoration{position:absolute;pointer-events:none;border:1px solid rgba(182,148,73,.22);transform:rotate(45deg)}.verify-decoration-one{top:-46px;right:-42px;width:120px;height:120px}.verify-decoration-two{bottom:46px;left:-46px;width:86px;height:86px}.verify-card{position:relative;z-index:1;width:100%;max-width:430px;margin:0 auto;box-sizing:border-box;padding:24px 20px;border:1px solid rgba(185,158,99,.22);border-radius:28px;background:#ffffffeb;box-shadow:0 28px 70px #372f2121,inset 0 1px #fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.verify-back-button{position:absolute;top:18px;inset-inline-start:18px;display:grid;width:42px;height:42px;place-items:center;margin:0;border:1px solid #e4ded2;border-radius:14px;background:#faf8f4f7;color:#29483f;cursor:pointer;font-size:21px;line-height:1}.verify-brand{display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:18px}.verify-logo{display:grid;width:64px;height:64px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#0c5a4b,#073f38);box-shadow:0 14px 28px #074a3e40;color:#dbc07b;font-size:32px}.verify-brand-name{margin:0;color:#19473d;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.verify-heading{margin:22px 0 24px;text-align:center}.verify-eyebrow{margin:0 0 8px;color:#a88638;font-size:10px;font-weight:800;letter-spacing:.24em}.verify-heading h1{margin:0;color:#173d35;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:600;line-height:1.14}.verify-heading>p:not(.verify-email){margin:13px auto 0;max-width:310px;color:#6d756e;font-size:14px;line-height:1.65}.verify-email{display:inline-block;margin:12px 0 0;padding:8px 12px;border-radius:11px;background:#f2eee5;color:#39534b;font-size:12px;font-weight:750}.verify-form{display:flex;flex-direction:column;gap:16px}.verify-code-group{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.verify-code-group input{width:100%;min-width:0;aspect-ratio:1 / 1.08;box-sizing:border-box;border:1px solid #ded8cc;border-radius:14px;outline:none;background:#fbfaf7;color:#173d35;font-size:22px;font-weight:800;text-align:center;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.verify-code-group input:focus{border-color:#0d6554;background:#fff;box-shadow:0 0 0 4px #0d655417}.verify-error,.verify-success-message{margin:-3px 0 0;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:700;line-height:1.45;text-align:start}.verify-error{border:1px solid rgba(173,63,48,.22);background:#ad3f3012;color:#9f3f32}.verify-success-message{border:1px solid rgba(13,101,84,.2);background:#0d655412;color:#0d6554}.verify-primary-button{width:100%;min-height:54px;margin-top:2px;border:0;border-radius:17px;background:linear-gradient(135deg,#0d6554,#08483e);box-shadow:0 14px 28px #094e4138;color:#fffdf6;cursor:pointer;font-size:16px;font-weight:800}.verify-resend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;margin:18px 0 0;color:#7e807a;font-size:13px;text-align:center}.verify-resend button{padding:0;border:0;background:transparent;color:#0d6554;cursor:pointer;font:inherit;font-weight:800}.verify-login-button{display:block;margin:13px auto 0;padding:4px;border:0;background:transparent;color:#9a7d3b;cursor:pointer;font-size:12px;font-weight:750}@media(max-width:480px){.verify-screen{padding:18px 14px 24px}.verify-card{padding:21px 16px 23px;border-radius:24px}.verify-heading h1{font-size:31px}.verify-code-group{gap:6px}.verify-code-group input{border-radius:12px;font-size:20px}}.new-password-screen{position:relative;min-height:100%;overflow-y:auto;box-sizing:border-box;padding:24px 18px 28px;color:#18352f;background:radial-gradient(circle at top right,rgba(211,181,111,.23),transparent 32%),linear-gradient(180deg,#f8f5ee,#eee6d9)}.new-password-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:26px 26px}.new-password-decoration{position:absolute;pointer-events:none;border:1px solid rgba(182,148,73,.22);transform:rotate(45deg)}.new-password-decoration-one{top:-46px;right:-42px;width:120px;height:120px}.new-password-decoration-two{bottom:46px;left:-46px;width:86px;height:86px}.new-password-card{position:relative;z-index:1;width:100%;max-width:430px;margin:0 auto;box-sizing:border-box;padding:24px 20px;border:1px solid rgba(185,158,99,.22);border-radius:28px;background:#ffffffeb;box-shadow:0 28px 70px #372f2121,inset 0 1px #fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.new-password-back-button{position:absolute;top:18px;inset-inline-start:18px;display:grid;width:42px;height:42px;place-items:center;margin:0;border:1px solid #e4ded2;border-radius:14px;background:#faf8f4f7;color:#29483f;cursor:pointer;font-size:21px;line-height:1}.new-password-brand{display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:18px}.new-password-logo{display:grid;width:64px;height:64px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#0c5a4b,#073f38);box-shadow:0 14px 28px #074a3e40;color:#dbc07b;font-size:32px}.new-password-brand-name{margin:0;color:#19473d;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.new-password-heading{margin:22px 0 24px;text-align:center}.new-password-eyebrow{margin:0 0 8px;color:#a88638;font-size:10px;font-weight:800;letter-spacing:.24em}.new-password-heading h1{margin:0;color:#173d35;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:600;line-height:1.14}.new-password-heading>p:last-child{margin:13px auto 0;max-width:305px;color:#6d756e;font-size:14px;line-height:1.65}.new-password-form{display:flex;flex-direction:column;gap:16px}.new-password-field{display:flex;flex-direction:column;gap:8px;text-align:start}.new-password-field>span{color:#304a42;font-size:13px;font-weight:750}.new-password-field input{display:block;width:100%;min-height:52px;box-sizing:border-box;border:1px solid #ded8cc;border-radius:15px;outline:none;background:#fbfaf7;padding:0 15px;color:#1f3832;font:inherit;text-align:start;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.new-password-field input::placeholder{color:#9a9d98}.new-password-field input:focus{border-color:#0d6554;background:#fff;box-shadow:0 0 0 4px #0d655417}.new-password-wrapper{position:relative;width:100%}.new-password-wrapper input{padding-inline-end:78px}.new-password-toggle{position:absolute;top:50%;inset-inline-end:13px;transform:translateY(-50%);min-width:50px;border:0;background:transparent;color:#0d6554;cursor:pointer;font-size:12px;font-weight:800}.new-password-error{margin:-4px 0 0;padding:10px 12px;border:1px solid rgba(173,63,48,.22);border-radius:12px;background:#ad3f3012;color:#9f3f32;font-size:12px;font-weight:700;line-height:1.45;text-align:start}.new-password-primary-button{width:100%;min-height:54px;margin-top:2px;border:0;border-radius:17px;background:linear-gradient(135deg,#0d6554,#08483e);box-shadow:0 14px 28px #094e4138;color:#fffdf6;cursor:pointer;font-size:16px;font-weight:800}@media(max-width:480px){.new-password-screen{padding:18px 14px 24px}.new-password-card{padding:21px 16px 23px;border-radius:24px}.new-password-heading h1{font-size:31px}}.password-success-screen{position:relative;min-height:100%;overflow-y:auto;box-sizing:border-box;padding:24px 18px 28px;color:#18352f;background:radial-gradient(circle at top right,rgba(211,181,111,.23),transparent 32%),linear-gradient(180deg,#f8f5ee,#eee6d9)}.password-success-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:26px 26px}.password-success-decoration{position:absolute;pointer-events:none;border:1px solid rgba(182,148,73,.22);transform:rotate(45deg)}.password-success-decoration-one{top:-46px;right:-42px;width:120px;height:120px}.password-success-decoration-two{bottom:46px;left:-46px;width:86px;height:86px}.password-success-card{position:relative;z-index:1;width:100%;max-width:430px;margin:0 auto;box-sizing:border-box;padding:34px 22px 28px;border:1px solid rgba(185,158,99,.22);border-radius:28px;background:#ffffffeb;box-shadow:0 28px 70px #372f2121,inset 0 1px #fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center}.password-success-brand{display:flex;flex-direction:column;align-items:center;gap:9px}.password-success-logo{display:grid;width:64px;height:64px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#0c5a4b,#073f38);box-shadow:0 14px 28px #074a3e40;color:#dbc07b;font-size:32px}.password-success-brand-name{margin:0;color:#19473d;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.password-success-icon{display:grid;width:82px;height:82px;place-items:center;margin:34px auto 24px;border-radius:50%;background:linear-gradient(145deg,#0d6554,#08483e);box-shadow:0 16px 32px #094e4138,0 0 0 10px #0d655414;color:#fffdf6;font-size:38px;font-weight:900}.password-success-heading{margin:0;text-align:center}.password-success-eyebrow{margin:0 0 9px;color:#a88638;font-size:10px;font-weight:800;letter-spacing:.24em}.password-success-heading h1{margin:0;color:#173d35;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:600;line-height:1.14}.password-success-heading>p:last-child{margin:14px auto 0;max-width:310px;color:#6d756e;font-size:14px;line-height:1.65}.password-success-primary-button{width:100%;min-height:54px;margin-top:26px;border:0;border-radius:17px;background:linear-gradient(135deg,#0d6554,#08483e);box-shadow:0 14px 28px #094e4138;color:#fffdf6;cursor:pointer;font-size:16px;font-weight:800}@media(max-width:480px){.password-success-screen{padding:18px 14px 24px}.password-success-card{padding:30px 17px 24px;border-radius:24px}.password-success-heading h1{font-size:31px}.password-success-icon{width:76px;height:76px;font-size:34px}}:root{--noor-ink: #1f2b27;--noor-muted: #6f756f;--noor-green-dark: #073f37;--noor-green: #0d5a4b;--noor-gold: #b9933e;--noor-gold-soft: #d7bd7a;--noor-parchment: #f3ead5;--noor-parchment-light: #fbf7ec;--noor-stone: #ddd1b8;--noor-radius-large: 26px;--noor-radius-medium: 20px;--noor-shadow: 0 16px 38px rgba(44, 40, 31, .12)}.noor-page-background{color:var(--noor-ink);background:radial-gradient(circle at 12% 8%,rgba(185,147,62,.12),transparent 25%),radial-gradient(circle at 88% 94%,rgba(7,63,55,.09),transparent 28%),linear-gradient(150deg,#f8f3e7,#eee3cb 52%,#f7f1e4)}.noor-quran-panel{position:relative;overflow:hidden;border:1px solid rgba(185,147,62,.38);border-radius:var(--noor-radius-large);color:#fff9e9;background:radial-gradient(circle at 50% -15%,rgba(255,255,255,.13),transparent 38%),linear-gradient(145deg,#0b5a4c,#073f37 60%,#052f2a);box-shadow:var(--noor-shadow)}.noor-quran-panel:before,.noor-quran-panel:after{position:absolute;width:110px;height:110px;border:16px solid rgba(215,189,122,.09);border-radius:50%;content:""}.noor-quran-panel:before{top:-55px;right:-45px}.noor-quran-panel:after{bottom:-60px;left:-48px}.noor-parchment-panel{position:relative;overflow:hidden;border:1px solid rgba(112,88,45,.17);border-radius:var(--noor-radius-large);background:repeating-linear-gradient(0deg,rgba(94,76,45,.018) 0,rgba(94,76,45,.018) 1px,transparent 1px,transparent 5px),radial-gradient(circle at 8% 8%,rgba(185,147,62,.12),transparent 23%),linear-gradient(135deg,var(--noor-parchment-light),var(--noor-parchment));box-shadow:var(--noor-shadow)}.noor-parchment-panel:after{position:absolute;inset:10px;pointer-events:none;border:1px solid rgba(185,147,62,.16);border-radius:calc(var(--noor-radius-large) - 8px);content:""}.noor-seerah-panel{border:1px solid rgba(116,78,39,.16);border-radius:var(--noor-radius-large);background:radial-gradient(ellipse at 20% 100%,rgba(120,78,41,.16),transparent 42%),radial-gradient(ellipse at 85% 100%,rgba(92,62,39,.13),transparent 46%),linear-gradient(160deg,#f4e7cd,#dbc098);box-shadow:var(--noor-shadow)}.noor-companion-panel{border:1px solid rgba(134,104,54,.17);border-radius:var(--noor-radius-large);background:radial-gradient(circle at 85% 5%,rgba(185,147,62,.16),transparent 27%),linear-gradient(145deg,#f6eddc,#e7d4b2);box-shadow:var(--noor-shadow)}.noor-worship-panel{border:1px solid rgba(86,70,46,.18);border-radius:var(--noor-radius-large);background:repeating-linear-gradient(90deg,rgba(70,56,37,.018) 0,rgba(70,56,37,.018) 1px,transparent 1px,transparent 7px),linear-gradient(145deg,#f7efde,#dfcfad);box-shadow:var(--noor-shadow)}.noor-history-panel{border:1px solid rgba(69,84,77,.16);border-radius:var(--noor-radius-large);background:radial-gradient(circle at 10% 20%,rgba(20,91,76,.11),transparent 27%),linear-gradient(145deg,#eee6d4,#d5c8ad);box-shadow:var(--noor-shadow)}.noor-reading-title{color:#203029;font-family:Georgia,Times New Roman,serif;line-height:1.25}.noor-reading-body{color:#4f5b55;font-size:15px;line-height:2}.noor-source-label{color:#8c6a28;font-size:12px;font-weight:700}.lesson-manuscript,.manuscript-surface{--lesson-ink: #2c3428;--lesson-body: #5c5549;--lesson-parchment: #f5edd8;position:relative;width:100%;overflow:hidden;color:var(--lesson-ink);background:linear-gradient(158deg,#fcf8ef 0%,var(--lesson-parchment) 48%,#efe4cc 100%)}.lesson-manuscript:before,.manuscript-surface:before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";opacity:.1;background-repeat:no-repeat;background-position:center;background-size:cover;filter:saturate(.72) brightness(1.14) contrast(.82) blur(1.2px)}.lesson-manuscript:after,.manuscript-surface:after{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(ellipse 80% 66% at 50% 44%,#fcf8eec7,#faf5e875 42%,#f7f1e42e 68%,#f5eee00a)}.lesson-manuscript>*,.manuscript-surface>*{position:relative;z-index:1}.lesson-manuscript--quran:before,.manuscript-surface--quran:before{background-image:var(--ms-quran)}.lesson-manuscript--seerah:before,.manuscript-surface--seerah:before{background-image:var(--ms-seerah)}.lesson-manuscript--fiqh:before,.manuscript-surface--fiqh:before{background-image:var(--ms-fiqh)}.lesson-manuscript--dhikr:before,.manuscript-surface--dhikr:before{background-image:var(--ms-dhikr)}.lesson-manuscript--arabic:before,.manuscript-surface--arabic:before{background-image:var(--ms-arabic)}.lesson-manuscript--civilization:before,.manuscript-surface--civilization:before{background-image:var(--ms-civilization)}.manuscript-surface--library:before{background-image:var(--ms-library)}.manuscript-surface--profile:before{background-image:var(--ms-profile)}.manuscript-surface.noor-parchment-panel,.manuscript-surface.noor-seerah-panel,.manuscript-surface.noor-companion-panel,.manuscript-surface.noor-worship-panel,.manuscript-surface.noor-history-panel{background:linear-gradient(158deg,#fcf8ef 0%,var(--lesson-parchment) 48%,#efe4cc 100%)}.lesson-writing-area{position:relative;z-index:1;width:100%}.educational-screen{display:flex;flex-direction:column;width:100%;min-height:100dvh;overflow-x:hidden;background:#f3ead8}.educational-header{position:relative;z-index:2;flex-shrink:0;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 6px}.educational-back-button{display:grid;width:39px;height:39px;margin:0;padding:0;place-items:center;border:1px solid rgba(18,65,56,.12);border-radius:14px;color:#123f37;background:#ffffffc7;font-size:22px;cursor:pointer;box-shadow:0 7px 18px #1f362f0f}.educational-screen>.lesson-manuscript{display:flex;flex:1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.educational-screen>.lesson-manuscript>.lesson-writing-area{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:min(100%,calc(100dvh - 64px));padding:7% 8% calc(9% + env(safe-area-inset-bottom,0px))}.lesson-title,.lesson-manuscript .noor-reading-title,.manuscript-surface .noor-reading-title{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(88,72,48,.14);color:var(--lesson-ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,6vw,28px);font-weight:600;line-height:1.35}.lesson-body,.lesson-manuscript .noor-reading-body,.manuscript-surface .noor-reading-body,.manuscript-surface .home-section-preview{margin:0;color:var(--lesson-body);font-size:17px;line-height:1.95}.lesson-source,.lesson-manuscript .noor-source-label,.manuscript-surface .noor-source-label{color:#7a6640;font-size:12px;font-weight:700}.lesson-hadith{margin:20px 0 8px;padding:0;border:0;color:var(--lesson-ink);font-family:Georgia,Times New Roman,serif;font-size:21px;line-height:2;text-align:right}.lesson-coming-soon{margin:0;color:var(--lesson-body);font-size:17px;line-height:1.95}.manuscript-surface .library-category-title{color:var(--lesson-ink)}@media(max-width:380px){.educational-screen>.lesson-manuscript>.lesson-writing-area{padding:8% 7% calc(10% + env(safe-area-inset-bottom,0px))}.lesson-body,.lesson-manuscript .noor-reading-body,.manuscript-surface .noor-reading-body,.lesson-coming-soon{font-size:16px;line-height:1.9}}.auth-loading-screen,.admin-review-screen,.admin-library-screen,.book-detail-screen,.book-reader-screen{min-height:100dvh;padding:1rem}.admin-review-panel,.admin-library-panel,.book-detail-panel,.book-reader-panel{display:grid;gap:1rem;padding:1.25rem}.admin-review-field,.admin-library-upload{display:grid;gap:.5rem}.admin-review-actions,.admin-library-actions,.admin-review-day-nav,.book-reader-nav,.book-reader-header{display:flex;flex-wrap:wrap;gap:.75rem}.admin-review-primary,.book-detail-start{font-weight:600}.admin-review-link,.admin-library-list-book,.book-toc-list button{text-align:start}.admin-library-list-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.admin-library-delete,.admin-library-delete-confirm{color:#8b1e1e}.admin-library-dialog{border:none;border-radius:12px;padding:1.25rem;max-width:22rem}.admin-library-dialog::backdrop{background:#00000073}.admin-library-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.admin-library-list,.book-toc-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.admin-library-error,.login-error{color:#8b1e1e}.admin-library-status,.register-admin-note{color:#0d5a4b}.admin-review-day-header{display:grid;gap:.75rem;margin-bottom:1rem}.library-books{display:grid;gap:1rem;margin-bottom:1rem}.library-book-card{display:grid;gap:.75rem;text-align:start;width:100%}.library-book-cover,.book-detail-cover,.book-reader-cover{width:100%;max-height:220px;object-fit:cover;border-radius:12px}.book-reader-content{line-height:1.8}.brand-logo-image{display:block;width:100%;height:100%;object-fit:cover}.language-logo,.login-logo,.register-logo,.forgot-logo,.verify-logo,.new-password-logo,.password-success-logo{padding:0;overflow:hidden;background:transparent;box-shadow:0 14px 28px #074a3e2e}.language-brand-name,.login-brand-name,.register-brand-name,.forgot-brand-name,.verify-brand-name,.new-password-brand-name,.password-success-brand-name{letter-spacing:0;text-transform:none;font-size:22px}.library-screen{display:flex;flex-direction:column;min-height:100dvh;padding:0 0 calc(96px + env(safe-area-inset-bottom));color:#17221f;background:linear-gradient(180deg,#f8f3e6,#efe4cf)}.library-screen .bottom-navigation{margin-top:auto}.library-hero{position:relative;width:100%;overflow:hidden;border-bottom:1px solid rgba(112,88,45,.12);line-height:0}.library-hero-image{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.library-page-title{margin:0;padding:16px 20px 4px;color:#17221f;font-size:28px;font-weight:700;line-height:1.3;text-align:start}.library-category-list{display:flex;flex-direction:column;gap:10px;padding:8px 18px}.library-category-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:15px 16px;border:1px solid rgba(112,88,45,.14);border-radius:16px;color:inherit;text-align:inherit;cursor:pointer;background:#ffffff94;box-shadow:0 8px 18px #2e2d260d}.library-category-row-title{font-size:17px;font-weight:700;line-height:1.45}.library-category-row-count{flex-shrink:0;color:#5f6d67;font-size:13px;font-weight:600;white-space:nowrap}.library-section-screen{display:flex;flex-direction:column;min-height:100dvh;padding:0 0 calc(96px + env(safe-area-inset-bottom));color:#17221f;background:linear-gradient(180deg,#f8f3e6,#efe4cf)}.library-section-header{display:flex;align-items:center;gap:12px;padding:16px 18px 8px}.library-section-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(112,88,45,.16);border-radius:12px;color:#203029;background:#ffffff9e;cursor:pointer}.library-section-heading{margin:0;font-size:22px;font-weight:700;line-height:1.35}.library-section-content{display:flex;flex-direction:column;gap:12px;padding:8px 18px 12px}.library-section-empty{margin:0;padding:18px 16px;border-radius:16px;color:#5f6d67;text-align:center;background:#ffffff80}.library-compact-book-card{display:flex;align-items:flex-start;gap:14px;width:100%;padding:12px;border:1px solid rgba(112,88,45,.14);border-radius:16px;color:inherit;text-align:inherit;cursor:pointer;background:#ffffff9e;box-shadow:0 8px 18px #2e2d260d}.library-compact-book-card--locked{cursor:default;background:#ffffff80}.library-compact-book-locked-label,.library-book-locked-notice{margin:0;color:#8a5a12;font-size:.92rem;font-weight:600}.book-detail-start--locked{cursor:not-allowed;opacity:.72}.library-compact-book-cover{flex-shrink:0;width:72px;height:104px;object-fit:cover;border-radius:8px;border:1px solid rgba(112,88,45,.12);background:#f3ead5}.library-compact-book-cover--placeholder{background:linear-gradient(145deg,#f3ead5,#e7dcc3),repeating-linear-gradient(45deg,rgba(185,147,62,.08) 0 8px,transparent 8px 16px)}.library-compact-book-body{display:grid;gap:6px;min-width:0}.library-compact-book-title-row,.book-detail-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.library-review-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:.2rem .55rem;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4;color:#6b4b12;background:#f6e7b8;border:1px solid #d8b45a;white-space:nowrap}.library-compact-book-title{margin:0;font-size:17px;font-weight:700;line-height:1.45}.library-compact-book-meta{margin:0;color:#5f6d67;font-size:13px;line-height:1.5}.book-detail-screen{display:flex;flex-direction:column;min-height:100dvh;padding:0 0 calc(96px + env(safe-area-inset-bottom));color:#17221f;background:linear-gradient(180deg,#f8f3e6,#efe4cf)}.book-detail-header{display:flex;align-items:center;gap:12px;padding:16px 18px 0}.book-detail-panel{display:grid;gap:14px;margin:12px 18px 0;padding:18px 16px;border:1px solid rgba(112,88,45,.14);border-radius:18px;background:#ffffff9e;box-shadow:0 10px 24px #2e2d260f}.book-detail-cover-wrap{display:flex;justify-content:center}.book-detail-cover{width:148px;height:214px;object-fit:cover;border-radius:12px;border:1px solid rgba(112,88,45,.14);box-shadow:0 10px 24px #2e2d2614}.book-detail-title{margin:0;font-size:24px;font-weight:700;line-height:1.45;text-align:center}.book-detail-meta-list{display:grid;gap:8px;margin:0}.book-detail-meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0}.book-detail-meta-row dt{margin:0;color:#5f6d67;font-size:13px;font-weight:600}.book-detail-meta-row dd{margin:0;font-size:14px;font-weight:600;text-align:end}.book-detail-description{margin:0;color:#3d4a44;font-size:14px;line-height:1.75}.book-detail-actions{display:grid;gap:10px;margin-top:4px}.book-detail-start,.book-detail-buy-placeholder{width:100%;padding:14px 16px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer}.book-detail-start{border:0;color:#fbf7ec;background:linear-gradient(135deg,#0d5a4b,#073f37)}.book-detail-buy-placeholder{display:none;border:1px dashed rgba(112,88,45,.28);color:#5f6d67;background:#ffffff73}.book-detail-toc{margin:14px 18px 0;padding:16px;border:1px solid rgba(112,88,45,.14);border-radius:18px;background:#ffffff8c}.book-detail-toc-title{margin:0 0 12px;font-size:18px;font-weight:700}.book-toc-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.book-toc-list button{width:100%;padding:8px 10px;border:0;border-radius:10px;color:inherit;text-align:inherit;cursor:pointer;background:#0d5a4b0f}.book-toc-list .book-toc-list{margin-top:6px;padding-inline-start:14px}.book-reader-screen{display:flex;flex-direction:column;min-height:100dvh;padding:0 0 calc(96px + env(safe-area-inset-bottom));color:#1f2b27;background:radial-gradient(circle at top,rgba(255,255,255,.45),transparent 42%),linear-gradient(180deg,#f7f1e4,#efe4cf)}.book-reader-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 8px}.book-reader-header button{padding:8px 12px;border:1px solid rgba(112,88,45,.16);border-radius:12px;color:#203029;background:#ffffff9e;cursor:pointer;font-size:13px;font-weight:600}.book-reader-panel{margin:0 18px;padding:22px 18px;border:1px solid rgba(112,88,45,.12);border-radius:18px;background:#fbf7eceb;box-shadow:inset 0 1px #ffffffa6}.book-reader-chapter{margin:0 0 8px;color:#6f756f;font-size:13px;font-weight:700}.book-reader-section-title{margin:0 0 16px;font-size:22px;font-weight:700;line-height:1.5}.book-reader-content{line-height:1.95;font-size:17px}.book-reader-content p{margin:0 0 1rem}.book-reader-nav{display:flex;justify-content:space-between;gap:12px;padding:14px 18px 8px}.book-reader-nav button{flex:1;padding:12px 14px;border:1px solid rgba(112,88,45,.16);border-radius:14px;color:#203029;background:#ffffffad;cursor:pointer;font-size:14px;font-weight:700}.book-reader-nav button:disabled{opacity:.45;cursor:not-allowed}.book-detail-loading,.book-reader-loading,.library-section-empty-state{padding:24px 18px;text-align:center}.pwa-install-banner{position:fixed;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;display:grid;gap:12px;padding:14px 16px;border:1px solid rgba(185,147,62,.35);border-radius:18px;color:var(--noor-ink, #1f2b27);background:#fbf7ecf5;box-shadow:0 14px 32px #073f3729;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pwa-install-banner__title{margin:0 0 4px;font-size:15px;font-weight:700}.pwa-install-banner__body,.pwa-install-banner__note{margin:0;font-size:13px;line-height:1.45;color:var(--noor-muted, #6f756f)}.pwa-install-banner__steps{margin:8px 0;padding-inline-start:18px;font-size:13px;line-height:1.45}.pwa-install-banner__actions{display:flex;flex-wrap:wrap;gap:8px}.pwa-install-banner__primary,.pwa-install-banner__dismiss{border:0;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer}.pwa-install-banner__primary{color:#fff9e9;background:linear-gradient(145deg,#0b5a4c,#073f37)}.pwa-install-banner__dismiss{color:var(--noor-ink, #1f2b27);background:#ddd1b88c}@media(min-width:768px){.pwa-install-banner{inset-inline:auto;right:24px;width:min(360px,calc(100vw - 48px))}}