:root{--bg: #f8f4ec;--surface: #ffffff;--surface-2: #fbf8f2;--text: #2e2418;--heading: #4a3622;--muted: #7d6e5b;--faint: #a89a86;--border: #eae1d1;--border-strong: #dccfb8;--gold: #a8885a;--gold-deep: #8a6a3d;--gold-soft: #f3ebdd;--gold-faint: #faf5ec;--brown: #4a3622;--emerald: #2f6b4f;--emerald-deep: #245540;--emerald-soft: #e3f0e9;--danger: #c0392b;--danger-soft: #fbeceA;--amber: #c98a12;--amber-soft: #fbf1dc;--info: #3b6fd6;--info-soft: #e8effc;--radius: 16px;--radius-sm: 12px;--shadow-sm: 0 1px 2px rgba(74, 54, 34, .05);--shadow: 0 1px 2px rgba(74, 54, 34, .04), 0 8px 24px -12px rgba(74, 54, 34, .12);--shadow-lg: 0 24px 60px -24px rgba(74, 54, 34, .35);--gold-line: #e6d8bf;--gold-dash: #dcc9a6;--emerald-line: #c9e2d4;--danger-line: #f0d4d0;--amber-line: #f0dcae;--amber-text: #8a5d06;--info-line: #cfdcf6;--lvl1: #e9d7b3;--lvl2: #8fbfa5;--scan-bg: #1e1710;--scan-accent: #e9d3a8;--hero-bg: linear-gradient(135deg, #4a3622 0%, #7a5a33 55%, #a8885a 100%);--hero-bg-emerald: linear-gradient(135deg, #1d4734 0%, #2f6b4f 60%, #4f8a6c 100%);--hero-eyebrow: #f3e3c4;--hero-glow: rgba(255, 236, 200, .28);--heading-font: inherit;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--arabic: "Amiri", "Times New Roman", serif;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23a8885a' stroke-width='1.2'%3E%3Cpath d='M48 20l8.2 19.8L76 48l-19.8 8.2L48 76l-8.2-19.8L20 48l19.8-8.2z'/%3E%3Crect x='28.2' y='28.2' width='39.6' height='39.6'/%3E%3Cpath d='M28.2 48H0M67.8 48H96M48 28.2V0M48 67.8V96'/%3E%3Cpath d='M0 20l8.2-20M96 20l-8.2-20M0 76l8.2 20M96 76l-8.2 20M20 0L0 8.2M76 0l20 8.2M20 96L0 87.8M76 96l20-8.2'/%3E%3Ccircle cx='48' cy='48' r='6'/%3E%3C/g%3E%3C/svg%3E");--pattern-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.2'%3E%3Cpath d='M48 20l8.2 19.8L76 48l-19.8 8.2L48 76l-8.2-19.8L20 48l19.8-8.2z'/%3E%3Crect x='28.2' y='28.2' width='39.6' height='39.6'/%3E%3Cpath d='M28.2 48H0M67.8 48H96M48 28.2V0M48 67.8V96'/%3E%3Cpath d='M0 20l8.2-20M96 20l-8.2-20M0 76l8.2 20M96 76l-8.2 20M20 0L0 8.2M76 0l20 8.2M20 96L0 87.8M76 96l20-8.2'/%3E%3Ccircle cx='48' cy='48' r='6'/%3E%3C/g%3E%3C/svg%3E");color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--gold-deep);text-decoration:none}h1,h2,h3{line-height:1.25;margin:0;color:var(--heading);letter-spacing:-.01em;font-family:var(--heading-font)}h1{font-size:1.6rem;font-weight:800}h2{font-size:1.08rem;font-weight:750}h3{font-size:.95rem;font-weight:700}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--gold-soft)}.arabic{font-family:var(--arabic);direction:rtl}.app{min-height:100vh}.sidebar{display:none}.mobilebar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:#ffffffdb;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;color:var(--heading);min-width:0}.brand-name{font-weight:800;font-size:1.02rem;letter-spacing:-.01em;white-space:nowrap}.brand-sub{display:block;font-size:.68rem;font-weight:600;color:var(--muted);letter-spacing:.02em;white-space:nowrap}.mobilebar .spacer{flex:1}.logo{flex:none;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--gold-deep);box-shadow:0 0 0 1.5px var(--gold),0 4px 12px -4px #a8885a73}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--gold-deep);display:grid;place-items:center;cursor:pointer;flex:none}.icon-btn:hover{background:var(--gold-faint)}main.page{max-width:1080px;margin:0 auto;padding:18px 16px 104px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;color:var(--muted);font-size:.7rem;font-weight:600}.tabbar a .pill{width:56px;height:30px;border-radius:999px;display:grid;place-items:center;transition:background .2s}.tabbar a.active{color:var(--gold-deep);font-weight:800}.tabbar a.active .pill{background:var(--gold-soft)}@media (min-width: 960px){.app{display:grid;grid-template-columns:264px 1fr}.mobilebar,.tabbar{display:none}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--border);overflow:hidden}.sidebar-head{position:relative;padding:26px 22px 22px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--gold-faint),var(--surface))}.sidebar-head:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pattern) center / 72px;opacity:.14;mask-image:linear-gradient(180deg,#000,transparent);-webkit-mask-image:linear-gradient(180deg,#000,transparent)}.sidebar-head>*{position:relative}.sidenav{display:flex;flex-direction:column;gap:2px;padding:16px 12px;flex:1;overflow-y:auto}.sidenav .nav-label{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:8px 12px 6px}.sidenav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--muted);font-weight:600;transition:background .15s,color .15s}.sidenav a:hover{background:var(--surface-2);color:var(--heading)}.sidenav a.active{background:var(--gold-soft);color:var(--gold-deep);font-weight:750}.sidebar-foot{padding:14px 14px 18px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-foot .who{min-width:0;flex:1;line-height:1.25}.sidebar-foot .who b{display:block;font-size:.88rem;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot .who small{color:var(--muted);font-size:.75rem;text-transform:capitalize}main.page{padding:32px 36px 56px}}.hero{position:relative;overflow:hidden;border-radius:22px;padding:22px 20px;background:var(--hero-bg);color:#fff;box-shadow:var(--shadow-lg)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pattern-light) right center / 84px;opacity:.13;mask-image:linear-gradient(90deg,transparent 15%,#000 85%);-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 85%)}.hero:after{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,var(--hero-glow),transparent 65%)}.hero>*{position:relative;z-index:1}.hero h1{color:#fff;font-size:1.55rem}.hero .eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hero-eyebrow);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.hero .eyebrow .dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}.hero .sub{color:#ffffffd1;margin-top:4px}.hero .hero-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.hero .btn.light{background:#fff;color:var(--brown)}.hero .btn.light:hover{background:var(--gold-faint)}.hero .btn.glass{background:#ffffff24;color:#fff;border-color:#ffffff47}.hero .btn.glass:hover{background:#ffffff38}.hero.emerald{background:var(--hero-bg-emerald)}@media (min-width: 760px){.hero{padding:30px 32px}.hero h1{font-size:1.9rem}}.stack{display:flex;flex-direction:column;gap:18px}.stack-sm{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.row.nowrap{flex-wrap:nowrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.86rem}.tiny{font-size:.75rem}.center{text-align:center}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.grid-2{display:grid;gap:18px;grid-template-columns:1fr}@media (min-width: 900px){.grid-2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card.tight{padding:6px 16px}.card.flat{box-shadow:none}.card-link{display:block;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}.card-link:hover{border-color:var(--border-strong);box-shadow:var(--shadow),0 12px 28px -16px #4a362240;transform:translateY(-1px)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-title h2{display:flex;align-items:center;gap:10px}.section-title .ico{width:32px;height:32px;border-radius:10px;background:var(--gold-soft);color:var(--gold-deep);display:grid;place-items:center;flex:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.page-head p{margin-top:4px;max-width:60ch}.back{display:inline-flex;align-items:center;gap:2px;font-size:.88rem;font-weight:650;color:var(--muted);margin-bottom:8px;padding:4px 8px 4px 2px;border:0;background:none;cursor:pointer;border-radius:8px}.back:hover{color:var(--gold-deep)}.ornament{display:flex;align-items:center;gap:12px;color:var(--gold)}.ornament:before,.ornament:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 18px;min-height:46px;font-weight:700;cursor:pointer;background:var(--gold);color:#fff;white-space:nowrap;transition:background .15s,box-shadow .15s,transform .05s;box-shadow:0 1px #fff3 inset,0 6px 16px -8px #8a6a3d99}.btn:hover{background:var(--gold-deep)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn.emerald{background:var(--emerald);box-shadow:0 6px 16px -8px #2f6b4f99}.btn.emerald:hover{background:var(--emerald-deep)}.btn.secondary{background:var(--surface);color:var(--gold-deep);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn.secondary:hover{border-color:var(--gold);background:var(--gold-faint)}.btn.ghost{background:transparent;color:var(--gold-deep);box-shadow:none}.btn.ghost:hover{background:var(--gold-faint)}.btn.danger{background:var(--surface);color:var(--danger);border-color:var(--danger-line);box-shadow:none}.btn.danger:hover{background:var(--danger-soft)}.btn.small{min-height:36px;padding:6px 12px;font-size:.84rem;border-radius:10px}.btn.block{width:100%}.btn.big{min-height:54px;font-size:1.02rem;border-radius:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.8rem;font-weight:700;color:var(--muted);letter-spacing:.01em}.input,select.input,textarea.input{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:11px 14px;min-height:48px;outline:none;transition:border-color .15s,box-shadow .15s}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a6a3d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}textarea.input{min-height:88px;resize:vertical}.input::placeholder{color:var(--faint)}.input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #a8885a24}.form-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width: 440px){.form-row.collapse{grid-template-columns:1fr}}.input-icon{position:relative}.input-icon>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gold-deep);pointer-events:none}.input-icon .input{padding-left:44px}.input-icon .reveal{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);padding:8px;cursor:pointer;border-radius:8px}.search{position:relative}.search .input{padding-left:46px;min-height:54px;font-size:1rem;border-radius:16px;box-shadow:var(--shadow-sm)}.search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--gold-deep)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 16px;cursor:pointer;font-weight:650;font-size:.86rem;min-height:40px;color:var(--text);transition:all .15s}.chip:hover{border-color:var(--gold)}.chip.on{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:0 6px 14px -8px #8a6a3db3}.tabs{display:flex;gap:4px;background:var(--gold-soft);padding:4px;border-radius:14px;width:fit-content;max-width:100%;overflow-x:auto}.tabs button{border:0;background:transparent;padding:8px 16px;border-radius:10px;font-weight:700;font-size:.86rem;color:var(--gold-deep);cursor:pointer;white-space:nowrap}.tabs button.on{background:var(--surface);color:var(--heading);box-shadow:0 2px 8px -2px #4a36222e}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:750;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.badge.green{background:var(--emerald-soft);color:var(--emerald);border-color:var(--emerald-line)}.badge.gold{background:var(--gold-soft);color:var(--gold-deep);border-color:var(--gold-line)}.badge.red{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}.code-pill{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.74rem;font-weight:700;letter-spacing:.06em;color:var(--gold-deep);background:var(--gold-faint);border:1px dashed var(--gold-dash);padding:2px 8px;border-radius:6px}.grade{display:inline-flex;align-items:center;gap:5px;font-weight:750;font-size:.74rem;border-radius:999px;padding:3px 10px 3px 8px;border:1px solid;white-space:nowrap}.grade:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.grade.excellent{color:var(--emerald);background:var(--emerald-soft);border-color:var(--emerald-line)}.grade.good{color:var(--info);background:var(--info-soft);border-color:var(--info-line)}.grade.fair{color:var(--amber);background:var(--amber-soft);border-color:var(--amber-line)}.grade.repeat{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}.grade-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grade-picker button{border:1.5px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 4px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:70px;transition:all .15s}.grade-picker button b{font-size:.95rem;color:var(--heading)}.grade-picker button span{font-size:.68rem;color:var(--muted);text-align:center;line-height:1.2}.grade-picker button i{width:8px;height:8px;border-radius:50%;margin-bottom:2px}.grade-picker .excellent i{background:var(--emerald)}.grade-picker .good i{background:var(--info)}.grade-picker .fair i{background:var(--amber)}.grade-picker .repeat i{background:var(--danger)}.grade-picker button.on.excellent{border-color:var(--emerald);background:var(--emerald-soft)}.grade-picker button.on.good{border-color:var(--info);background:var(--info-soft)}.grade-picker button.on.fair{border-color:var(--amber);background:var(--amber-soft)}.grade-picker button.on.repeat{border-color:var(--danger);background:var(--danger-soft)}@media (max-width: 380px){.grade-picker{grid-template-columns:repeat(2,1fr)}}.avatar{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:1rem;background:var(--gold-soft);color:var(--gold-deep);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--border)}.avatar.female{background:var(--emerald-soft);color:var(--emerald)}.avatar.lg{width:68px;height:68px;font-size:1.45rem}.avatar.xl{width:84px;height:84px;font-size:1.8rem;box-shadow:0 0 0 3px #ffffffe6,0 0 0 4px #ffffff4d}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 720px){.stats{grid-template-columns:repeat(4,1fr)}}.stat-card{display:flex;flex-direction:column;gap:12px;padding:16px}.stat-card .top{display:flex;align-items:center;gap:10px}.stat-card .ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold-deep);flex:none}.stat-card .ico.emerald{background:var(--emerald-soft);color:var(--emerald)}.stat-card .ico.info{background:var(--info-soft);color:var(--info)}.stat-card .lbl{font-size:.76rem;font-weight:700;color:var(--muted);line-height:1.25}.stat-card .val{font-size:1.85rem;font-weight:800;color:var(--text);line-height:1;letter-spacing:-.02em}.list{display:flex;flex-direction:column}.list>*+*{border-top:1px solid var(--border)}.list-item{display:flex;align-items:center;gap:14px;padding:14px 4px;color:inherit;border-radius:10px;transition:background .12s}a.list-item:hover{background:var(--surface-2)}.list-item .title{font-weight:700;color:var(--heading)}.chev{color:var(--faint);flex:none}.timeline{display:flex;flex-direction:column;gap:14px}.tl-day{padding:16px 18px 6px}.tl-date{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.tl-date b{color:var(--heading);font-size:.95rem}.tl-date span{font-size:.76rem;color:var(--faint);font-weight:600}.tl-entry{position:relative;display:flex;gap:14px;align-items:flex-start;padding:12px 0 12px 2px}.tl-entry+.tl-entry{border-top:1px solid var(--border)}.tl-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--gold-soft);color:var(--gold-deep)}.tl-entry .what{font-weight:700;color:var(--heading)}.tl-entry .where{margin-top:1px}.tl-entry .note{margin-top:6px;font-size:.85rem;color:var(--muted);background:var(--surface-2);border-left:3px solid var(--gold-soft);padding:6px 10px;border-radius:0 8px 8px 0;font-style:italic}.tl-entry .by{margin-top:4px;font-size:.74rem;color:var(--faint);font-weight:600}.now-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.now-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.now-tile .ico{width:30px;height:30px;border-radius:9px;background:var(--surface);border:1px solid var(--border);color:var(--gold-deep);display:grid;place-items:center;flex:none}.now-tile .k{font-size:.68rem;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}.now-tile .v{font-weight:700;color:var(--heading);font-size:.9rem;line-height:1.3;margin-top:2px}.now-tile .d{font-size:.72rem;color:var(--muted);margin-top:6px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.progress-ring{position:relative;width:84px;height:84px;flex:none}.progress-ring svg{transform:rotate(-90deg)}.progress-ring .lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;line-height:1.05}.progress-ring .lbl b{font-size:1.2rem;color:var(--heading)}.progress-ring .lbl small{display:block;font-size:.62rem;color:var(--muted);font-weight:700}.surah-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.surah-cell{position:relative;overflow:hidden;border-radius:12px;padding:8px 10px 10px;font-size:.78rem;line-height:1.25;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-weight:600}.surah-cell b{display:block;font-size:.66rem;color:var(--faint);font-weight:800}.surah-cell .fill{position:absolute;left:0;bottom:0;height:3px;background:var(--gold);border-radius:0 3px 3px 0}.surah-cell.done{background:var(--emerald-soft);border-color:var(--emerald-line);color:var(--emerald)}.surah-cell.done b{color:var(--emerald);opacity:.7}.surah-cell.done:after{content:"✓";position:absolute;top:6px;right:8px;font-size:.75rem;font-weight:800}.surah-cell.part{background:var(--gold-faint);border-color:var(--gold-line);color:var(--gold-deep)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.76rem;color:var(--muted);font-weight:600}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;border:1px solid var(--border)}.habit{display:flex;flex-direction:column;gap:10px;padding:16px 0}.habit+.habit{border-top:1px solid var(--border)}.habit .t{font-weight:700;color:var(--heading)}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:3px;gap:2px}.seg button{border:0;background:transparent;padding:7px 12px;font-size:.8rem;font-weight:700;cursor:pointer;min-height:34px;border-radius:9px;color:var(--muted)}.seg button:hover{color:var(--heading)}.seg button.on{background:var(--emerald);color:#fff;box-shadow:0 4px 10px -6px #2f6b4fcc}.alert{border-radius:12px;padding:11px 14px;font-size:.88rem;display:flex;gap:10px;align-items:flex-start;border:1px solid}.alert.error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}.alert.info{background:var(--emerald-soft);color:var(--emerald);border-color:var(--emerald-line)}.alert.warn{background:var(--amber-soft);color:var(--amber-text);border-color:var(--amber-line)}.empty{text-align:center;padding:34px 18px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.empty .ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--gold-faint);color:var(--gold);border:1px dashed var(--gold-dash)}.empty h2{margin-top:4px}.skeleton{display:grid;place-items:center;padding:48px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--gold-soft);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%);z-index:70;background:var(--emerald);color:#fff;padding:12px 20px;border-radius:14px;font-weight:700;font-size:.9rem;box-shadow:0 16px 40px -12px #24554099;max-width:calc(100% - 32px);display:flex;align-items:center;gap:8px;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media (min-width: 960px){.toast{bottom:32px;left:calc(50% + 132px)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e241873;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}.sheet{background:var(--bg);width:100%;max-width:580px;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;padding:8px 18px calc(20px + env(safe-area-inset-bottom));animation:sheet-up .25s ease-out;box-shadow:var(--shadow-lg)}.sheet:before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--border-strong);margin:4px auto 14px}@keyframes fade{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(30px);opacity:.6}}@media (min-width: 760px){.sheet-backdrop{align-items:center}.sheet{border-radius:24px;padding:24px 26px}.sheet:before{display:none}}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:var(--pattern) center / 88px,var(--bg);position:relative}.auth-wrap:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#f8f4ec8c,#f8f4ece6 70%);pointer-events:none}.auth-card{position:relative;width:100%;max-width:420px}.auth-card .card{border-radius:24px;padding:28px 24px;box-shadow:var(--shadow-lg)}.auth-brand{text-align:center;margin-bottom:18px;display:flex;flex-direction:column;align-items:center;gap:10px}.auth-brand h1{font-size:1.6rem}.bismillah{font-family:var(--arabic);font-size:1.35rem;color:var(--gold-deep);direction:rtl;line-height:1.6}.divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.soon-btn{position:relative}.soon-btn:after{content:attr(data-soon);position:absolute;top:-8px;right:10px;font-size:.62rem;font-weight:800;background:var(--gold-soft);color:var(--gold-deep);padding:1px 7px;border-radius:999px;border:1px solid var(--gold-line)}.scanner-box{border-radius:24px;overflow:hidden;background:var(--scan-bg);aspect-ratio:1 / 1;max-width:440px;width:100%;margin:0 auto;position:relative;box-shadow:var(--shadow-lg)}.scanner-box video{object-fit:cover}.scanner-box #reader{width:100%;height:100%}.scanner-frame{position:absolute;top:18%;right:18%;bottom:18%;left:18%;pointer-events:none;z-index:2}.scanner-frame i{position:absolute;width:34px;height:34px;border:3px solid var(--scan-accent)}.scanner-frame i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:12px 0 0}.scanner-frame i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 12px 0 0}.scanner-frame i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 12px}.scanner-frame i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 12px}.scanner-frame .line{position:absolute;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,var(--scan-accent),transparent);animation:scanline 2.2s ease-in-out infinite}@keyframes scanline{0%,to{top:8%}50%{top:92%}}#reader video{width:100%!important;height:100%!important;object-fit:cover}#reader img[alt="Info icon"],#reader__dashboard_section_csr span{display:none!important}table.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;font-size:.7rem;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--border);font-weight:800}.table td{padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.bar{height:8px;border-radius:6px;background:var(--gold-soft);overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-deep));border-radius:6px}.switch{position:relative;display:inline-block;vertical-align:middle;width:42px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-strong);border-radius:999px;cursor:pointer;transition:background .2s}.switch span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.switch input:checked+span{background:var(--emerald)}.switch input:checked+span:before{transform:translate(18px)}.label-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.label{position:relative;overflow:hidden;background:#fff;color:var(--text);border:1px solid var(--gold-line);border-radius:16px;padding:14px 16px 14px 14px;display:grid;grid-template-columns:108px 1fr;gap:14px;align-items:center;box-shadow:var(--shadow)}.label:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--gold),var(--gold-deep))}.label .qr{width:108px;height:108px}.label .org{display:flex;align-items:center;gap:6px;font-size:.64rem;font-weight:800;color:var(--gold-deep);letter-spacing:.12em;text-transform:uppercase}.label .name{font-weight:800;font-size:1.05rem;line-height:1.2;color:var(--heading);margin-top:2px}.label .bc{width:100%;height:40px;margin-top:6px}.label .code{font-family:ui-monospace,Menlo,monospace;font-weight:700;letter-spacing:.14em;font-size:.78rem;color:var(--heading)}@media print{.mobilebar,.tabbar,.sidebar,.no-print{display:none!important}.app{display:block}body{background:#fff}main.page{padding:0;max-width:none}.label-sheet{grid-template-columns:repeat(2,1fr);gap:8mm}.label{break-inside:avoid;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.block{display:block}.warn-text{color:var(--amber);font-weight:700}.chip.small{min-height:32px;padding:4px 12px;font-size:.8rem}.badge.on-hero{background:#ffffff24;color:#fff;border-color:#ffffff40}.badge.on-hero.mono{color:var(--hero-eyebrow)}.count-dot{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#fff;color:var(--brown);font-size:.7rem;font-weight:800;margin-left:4px}.big-tabs{width:100%}.big-tabs button{flex:1;padding:10px 14px}@media (max-width: 560px){.big-tabs{gap:2px}.big-tabs button{padding:8px 4px;font-size:.74rem;flex:1 1 auto}.big-tabs svg{display:none}}.lang-toggle button,.mode-switch button{padding:6px 12px;min-height:32px}.mobilebar .seg button{padding:5px 9px;font-size:.74rem}.sidebar-head .mode-switch{display:flex}.sidebar-head .mode-switch button{flex:1}.kind-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kind-picker button{border:1.5px solid var(--border);background:var(--surface);border-radius:16px;padding:12px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:var(--gold-deep);transition:all .15s}.kind-picker button b{color:var(--heading);font-size:.95rem}.kind-picker button span{font-size:.68rem;color:var(--muted);line-height:1.25}.kind-picker button.on{border-color:var(--gold);background:var(--gold-faint);box-shadow:0 6px 16px -10px #8a6a3d99}@media (max-width: 420px){.kind-picker button span{display:none}}.pick-list{display:flex;flex-direction:column;gap:6px}.pick-list>button:not(.btn){display:flex;align-items:center;gap:12px;text-align:left;width:100%;cursor:pointer;border:1.5px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 12px;transition:all .12s}.pick-list>button:not(.btn):hover{border-color:var(--border-strong)}.pick-list>button.on{border-color:var(--emerald);background:var(--emerald-soft)}.pick-list .radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);flex:none}.pick-list button.on .radio{border-color:var(--emerald);background:radial-gradient(circle,var(--emerald) 45%,transparent 50%)}.big-figure{font-size:1.25rem;font-weight:800;color:var(--heading);line-height:1.25}.big-figure small{font-size:.85rem;font-weight:600;color:var(--muted)}.iqra-track{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.iqra-track i{font-style:normal;text-align:center;font-size:.72rem;font-weight:800;padding:4px 0;border-radius:8px;background:var(--surface-2);color:var(--faint);border:1px solid var(--border)}.iqra-track i.done{background:var(--emerald-soft);color:var(--emerald);border-color:var(--emerald-line)}.iqra-track i.now{background:var(--gold);color:#fff;border-color:var(--gold)}.hafalan-table tr.clickable{cursor:pointer}.hafalan-table tr.clickable:hover td{background:var(--surface-2)}.hafalan-table tr.detail-row td{background:var(--gold-faint);padding:12px 14px}.insight{display:flex;gap:12px;align-items:flex-start;color:var(--amber)}.insight.good{color:var(--emerald)}.insight b{color:var(--heading)}.week-strip{display:inline-flex;gap:3px}.week-strip i,.legend i.lg{width:12px;height:12px;border-radius:3px;display:inline-block;border:0}.l0{background:var(--surface-2);outline:1px solid var(--border);outline-offset:-1px}.l1{background:var(--lvl1)}.l2{background:var(--lvl2)}.l3{background:var(--emerald)}.quiz-wrap{max-width:620px;margin:0 auto;width:100%}.quiz-progress{display:flex;gap:6px}.quiz-progress i{flex:1;height:6px;border-radius:6px;background:var(--gold-soft)}.quiz-progress i.done{background:var(--emerald)}.quiz-progress i.now{background:var(--gold)}.quiz-card{padding:24px 20px}.quiz-prompt{font-size:1.45rem;margin:10px 0 20px;line-height:1.4;unicode-bidi:plaintext}.quiz-options{display:grid;gap:10px}.quiz-options button{display:flex;align-items:center;gap:14px;text-align:start;width:100%;cursor:pointer;font-size:1.05rem;font-weight:600;border:2px solid var(--border);background:var(--surface);border-radius:16px;padding:14px 16px;min-height:60px;transition:all .12s}.quiz-options button:hover{border-color:var(--border-strong)}.quiz-options button.on{border-color:var(--gold);background:var(--gold-faint)}.quiz-options .letter{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold-deep);font-weight:800;font-size:.85rem;flex:none}.quiz-options button.on .letter{background:var(--gold);color:#fff}.stars{display:flex;justify-content:center;gap:6px;margin:10px 0 4px}.stars span{color:#ffffff4d}.stars span.on{color:#ffd77a}.stars span.on svg{fill:#ffd77a}.review-item{display:flex;gap:12px;padding:12px 2px;align-items:flex-start}.review-item .mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;margin-top:2px}.review-item .mark.ok{background:var(--emerald)}.review-item .mark.no{background:var(--danger);transform:rotate(45deg)}.review-item .wrong{text-decoration:line-through;color:var(--danger);margin-right:10px}.review-item .right{color:var(--emerald);font-weight:700}.rating{display:inline-flex;gap:2px}.rating button{border:0;background:none;padding:2px;cursor:pointer;color:var(--border-strong)}.rating button:disabled{cursor:default}.rating button.on{color:var(--amber)}.rating button.on svg{fill:var(--amber)}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choice-grid button{border:1.5px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:700;font-size:.82rem;cursor:pointer;color:var(--gold-deep)}.choice-grid button.on{border-color:var(--gold);background:var(--gold-faint);color:var(--heading)}@media (max-width: 480px){.choice-grid{grid-template-columns:repeat(2,1fr)}}.card.unread{border-left:4px solid var(--gold)}.radio-btn{width:26px;height:26px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;cursor:pointer;flex:none;color:#fff;padding:0}.radio-btn.on{background:var(--emerald);border-color:var(--emerald)}@media (max-width: 640px){.list-item.wrap-sm{flex-wrap:wrap}}details summary{list-style:none}details summary::-webkit-details-marker{display:none}details summary:before{content:"▸ "}details[open] summary:before{content:"▾ "}html[data-theme=modern]{--bg: #fbf8f3;--surface: #ffffff;--surface-2: #faf7f1;--text: #2b3a4c;--heading: #33465b;--muted: #6b7889;--faint: #9aa5b2;--border: #ebe5da;--border-strong: #dcd3c3;--gold: #287f8c;--gold-deep: #1f6772;--gold-soft: #dcefF1;--gold-faint: #eef7f8;--brown: #33465b;--emerald: #3b8c6e;--emerald-deep: #2f735a;--emerald-soft: #e4f2ec;--danger: #c2453d;--danger-soft: #fbecea;--amber: #b9712f;--amber-soft: #fbefe3;--info: #3c6ea8;--info-soft: #e9f1f9;--gold-line: #b8e0e5;--gold-dash: #8ccad3;--emerald-line: #c4e3d6;--danger-line: #f1d0cc;--amber-line: #eabf95;--amber-text: #8a531f;--info-line: #cddff0;--lvl1: #eabf95;--lvl2: #8ccad3;--scan-bg: #22313f;--scan-accent: #eabf95;--hero-bg: #287f8c;--hero-bg-emerald: #33465b;--hero-eyebrow: #f7e9d5;--hero-glow: transparent;--heading-font: inherit;--shadow-sm: 0 1px 2px rgba(51, 70, 91, .05);--shadow: 0 1px 2px rgba(51, 70, 91, .04), 0 8px 24px -14px rgba(51, 70, 91, .16);--shadow-lg: 0 20px 48px -26px rgba(31, 103, 114, .55);--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23287f8c' stroke-width='1.1'%3E%3Cpath d='M48 20l8.2 19.8L76 48l-19.8 8.2L48 76l-8.2-19.8L20 48l19.8-8.2z'/%3E%3Crect x='28.2' y='28.2' width='39.6' height='39.6'/%3E%3Cpath d='M28.2 48H0M67.8 48H96M48 28.2V0M48 67.8V96'/%3E%3Cpath d='M0 20l8.2-20M96 20l-8.2-20M0 76l8.2 20M96 76l-8.2 20M20 0L0 8.2M76 0l20 8.2M20 96L0 87.8M76 96l20-8.2'/%3E%3Ccircle cx='48' cy='48' r='6'/%3E%3C/g%3E%3C/svg%3E")}html[data-theme=modern] .hero:before{opacity:.1;mask-image:linear-gradient(90deg,transparent 30%,#000 90%);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 90%)}html[data-theme=modern] .hero:after{display:none}html[data-theme=modern] .hero{border-bottom:4px solid #eabf95}html[data-theme=modern] .hero .btn.light{color:var(--heading)}html[data-theme=modern] .hero .btn.glass{background:#ffffff1f;border-color:#ffffff4d}html[data-theme=modern] .page-head h1:after{content:"";display:block;width:40px;height:3px;border-radius:3px;background:#eabf95;margin-top:8px}html[data-theme=modern] .btn{box-shadow:0 6px 16px -9px #287f8c99}html[data-theme=modern] .btn.secondary,html[data-theme=modern] .btn.danger{box-shadow:var(--shadow-sm)}html[data-theme=modern] .btn.ghost{box-shadow:none}html[data-theme=modern] .btn.emerald{background:var(--emerald)}html[data-theme=modern] .chip.on,html[data-theme=modern] .kind-picker button.on{box-shadow:0 6px 14px -9px #287f8ca6}html[data-theme=modern] .input:focus{box-shadow:0 0 0 4px #287f8c24}html[data-theme=modern] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23287f8c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}html[data-theme=modern] .sidebar-head{background:var(--surface)}html[data-theme=modern] .sidebar-head:before{opacity:.08}html[data-theme=modern] .sidenav a.active{background:var(--gold-faint);color:var(--gold-deep);box-shadow:inset 3px 0 #eabf95}html[data-theme=modern] .tabbar a.active .pill{background:var(--gold-soft)}html[data-theme=modern] .logo{box-shadow:0 0 0 1.5px var(--gold),0 4px 12px -5px #287f8c73}html[data-theme=modern] .seg button.on{background:var(--gold)}html[data-theme=modern] .stat-card .ico,html[data-theme=modern] .section-title .ico,html[data-theme=modern] .tl-ico{background:var(--gold-faint);color:var(--gold-deep)}html[data-theme=modern] .avatar{background:var(--gold-soft);color:var(--gold-deep)}html[data-theme=modern] .avatar.female{background:#f7e9d5;color:#a4622a}html[data-theme=modern] .badge.gold{background:#f7e9d5;color:#8a531f;border-color:#eabf95}html[data-theme=modern] .code-pill{background:#f7e9d5;border-color:#eabf95;color:var(--heading)}html[data-theme=modern] .tabs{background:#f2ece2}html[data-theme=modern] .tabs button{color:var(--muted)}html[data-theme=modern] .tabs button.on{color:var(--gold-deep)}html[data-theme=modern] .bar{background:#eef3f4}html[data-theme=modern] .bar>i{background:var(--gold)}html[data-theme=modern] .now-tile{background:var(--surface-2)}html[data-theme=modern] .surah-cell.part{background:#f7e9d5;border-color:#eabf95;color:#8a531f}html[data-theme=modern] .surah-cell .fill{background:#b9712f}html[data-theme=modern] .toast{background:var(--heading);box-shadow:0 16px 40px -12px #33465b99}html[data-theme=modern] .auth-wrap:before{background:radial-gradient(ellipse at center,#fbf8f38c,#fbf8f3ed 70%)}html[data-theme=modern] .label:before{background:var(--gold)}html[data-theme=modern] .quiz-options .letter{background:var(--gold-faint)}html[data-theme=modern] .quiz-progress i{background:#f2ece2}html[data-theme=modern] .quiz-progress i.now{background:#eabf95}html[data-theme=modern] .iqra-track i.now{background:var(--gold);border-color:var(--gold)}.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-picker button{border:2px solid var(--border);background:var(--surface);border-radius:14px;padding:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px}.theme-picker button.on{border-color:var(--gold);background:var(--gold-faint)}.theme-picker .swatch{display:flex;gap:4px}.theme-picker .swatch i{width:22px;height:22px;border-radius:6px}.habit-chip{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:750;border-radius:999px;padding:2px 10px 2px 8px;border:1px solid;white-space:nowrap}.habit-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.habit-chip.s-introduced{color:var(--amber-text);background:var(--amber-soft);border-color:var(--amber-line)}.habit-chip.s-practicing{color:var(--info);background:var(--info-soft);border-color:var(--info-line)}.habit-chip.s-consistent{color:var(--emerald);background:var(--emerald-soft);border-color:var(--emerald-line)}.milestones{display:grid;grid-template-columns:repeat(3,1fr);position:relative}.milestones:before{content:"";position:absolute;top:11px;left:16%;right:16%;height:2px;background:var(--border)}.milestone{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.milestone .dot{width:24px;height:24px;border-radius:50%;background:var(--surface);border:2px solid var(--border-strong);display:grid;place-items:center;color:#fff;z-index:1}.milestone.done .dot{background:var(--emerald);border-color:var(--emerald)}.milestone b{font-size:.82rem;color:var(--heading)}@media (max-width: 560px){.hide-sm{display:none}.hafalan-table th,.hafalan-table td{padding:10px 6px}.hafalan-table td:last-child{padding-left:0;padding-right:0}}