@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap";.option-card.svelte-via23g{color:#3c3c3c;cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e5e5;border-bottom-width:4px;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:all .1s;display:flex}.option-card.svelte-via23g:active{border-bottom:2px solid #e5e5e5;transform:translateY(2px)}.option-card.selected.svelte-via23g{color:#0898dc;background:#ddf4ff;border-color:#1cb0f6 #1cb0f6 #0898dc}.achievement-toast.svelte-nqkms3{z-index:100;background:#fff;border:2px solid #ffc800;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;animation:.4s ease-out svelte-nqkms3-slideDown;display:flex;position:absolute;top:70px;left:12px;right:12px;box-shadow:0 4px 16px #00000026}@keyframes svelte-nqkms3-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-toast.svelte-nqkms3{cursor:pointer;color:#afafaf;background:0 0;border:none;font-size:18px}.streak-pill.svelte-nqkms3{color:#ff6200;cursor:pointer;background:#fff7ed;border:2px solid #fed7aa;border-radius:100px;align-items:center;gap:4px;padding:5px 12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;transition:all .15s;display:flex}.streak-pill.svelte-nqkms3:hover{background:#ffedd5;transform:scale(1.05)}.gems-pill.svelte-nqkms3{color:#00978a;cursor:pointer;background:#e0f2f1;border:2px solid #e0f2f1;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:14px;font-weight:800;display:flex}.path-column.svelte-p87eqy{width:100%}.desktop-browser .path-column.svelte-p87eqy{flex:1;max-width:700px}.tablet .path-column.svelte-p87eqy{width:100%;max-width:100%}.unit-banner.svelte-p87eqy{background:linear-gradient(135deg, var(--duo-green), var(--duo-green-dark));border-radius:20px;margin:10px 16px 20px;padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 6px #00665d}.desktop-browser .unit-banner.svelte-p87eqy,.tablet .unit-banner.svelte-p87eqy{margin:0}.islamic-motif.svelte-p87eqy{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0 L60 40 L100 50 L60 60 L50 100 L40 60 L0 50 L40 40 Z' fill='rgba(255,255,255,0.08)'/%3E%3Cpath d='M15 15 L50 35 L85 15 L65 50 L85 85 L50 65 L15 85 L35 50 Z' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:180px;height:180px;position:absolute}.motif-1.svelte-p87eqy{top:-40px;right:-40px;transform:rotate(22.5deg)}.motif-2.svelte-p87eqy{bottom:-50px;left:-50px;transform:rotate(45deg)scale(.7)}.unit-badge.svelte-p87eqy{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:900}.unit-guide-btn.svelte-p87eqy{color:#fff;cursor:pointer;background:#00000026;border-radius:12px;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.path-container.svelte-p87eqy{flex-direction:column;align-items:center;padding-top:30px;display:flex}.node-wrapper.svelte-p87eqy{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.node-btn.svelte-p87eqy{color:#afafaf;cursor:pointer;background:#e5e5e5;border:none;border-bottom:6px solid #e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:60px;height:56px;font-size:24px;transition:all .1s;display:flex;position:relative}.node-btn.svelte-p87eqy:active{border-bottom-width:2px;transform:translateY(2px)}.node-btn.completed.svelte-p87eqy{background:var(--duo-green);border-bottom-color:var(--duo-green-dark);color:#fff}.node-btn.current.svelte-p87eqy{background:var(--duo-green);border-bottom-color:var(--duo-green-dark);color:#fff;animation:2s infinite svelte-p87eqy-pulse}.node-btn.locked.svelte-p87eqy{color:#afafaf;cursor:not-allowed;background:#e5e5e5;border-bottom-color:#afafaf}.node-btn.tadabbur.completed.svelte-p87eqy{background:#ce82ff;border-bottom-color:#a52adb}.node-btn.checkpoint.completed.svelte-p87eqy{background:#ffc800;border-bottom-color:#e5a000}@keyframes svelte-p87eqy-pulse{0%{box-shadow:0 0 #00978a66}70%{box-shadow:0 0 0 15px #00978a00}to{box-shadow:0 0 #00978a00}}.node-popover.svelte-p87eqy{color:var(--duo-green);background:#fff;border:2px solid #e5e5e5;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:900;position:absolute;top:-40px;box-shadow:0 2px 4px #0000001a}.node-popover.svelte-p87eqy:after{content:"";border-top:6px solid #e5e5e5;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.node-title.svelte-p87eqy{color:#3c3c3c;margin-top:8px;font-size:13px;font-weight:800}.connector.svelte-p87eqy{z-index:1;background:#e5e5e5;width:8px;height:40px;margin:4px 0}.connector.completed.svelte-p87eqy,.connector.current.svelte-p87eqy{background:#d7ffb2}.daily-goal-card.svelte-p87eqy{background:#fff;border:2px solid #e5e5e5;border-radius:16px;margin-top:20px;padding:14px}.mobile-only-card.svelte-p87eqy{margin:0 16px 20px;display:block}.desktop-browser .mobile-only-card.svelte-p87eqy{display:none}.tablet .mobile-only-card.svelte-p87eqy{margin:0 0 20px;display:block}.goal-bar-bg.svelte-p87eqy{background:#e5e5e5;border-radius:4px;height:8px;overflow:hidden}.goal-bar-fill.svelte-p87eqy{background:#ff9600;border-radius:4px;height:100%}.sidebar-column.svelte-11emtpf{display:none}.desktop-browser .sidebar-column.svelte-11emtpf{flex-direction:column;flex-shrink:0;gap:24px;width:340px;display:flex}.tablet .sidebar-column.svelte-11emtpf{display:none}.daily-goal-card.svelte-11emtpf{background:#fff;border:2px solid #e5e5e5;border-radius:16px;padding:14px}.desktop-sidebar-card.svelte-11emtpf{display:none}.desktop-browser .desktop-sidebar-card.svelte-11emtpf,.tablet .desktop-sidebar-card.svelte-11emtpf{border-bottom-width:4px;border-radius:20px;display:block;box-shadow:0 4px #e5e5e5}.goal-bar-bg.svelte-11emtpf{background:#e5e5e5;border-radius:4px;height:8px;overflow:hidden}.goal-bar-fill.svelte-11emtpf{background:#ff9600;border-radius:4px;height:100%}.desktop-widget.svelte-11emtpf{background:#fff;border:2px solid #e5e5e5;border-radius:20px;padding:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px #e5e5e5}.desktop-widget.svelte-11emtpf:hover{transform:translateY(-2px);box-shadow:0 6px #e5e5e5}.widget-header.svelte-11emtpf{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.widget-title.svelte-11emtpf{color:#afafaf;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:900}.widget-action.svelte-11emtpf{color:#ff9600;font-size:12px;font-weight:800}.calendar-grid.svelte-11emtpf{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:10px;display:grid}.calendar-grid.svelte-11emtpf .day:where(.svelte-11emtpf){aspect-ratio:1;color:#afafaf;border:2px solid #e5e5e5;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex}.calendar-grid.svelte-11emtpf .day.active:where(.svelte-11emtpf){color:#ff9600;background:#ffebe6;border-color:#ff9600}.calendar-grid.svelte-11emtpf .day.current:where(.svelte-11emtpf){color:#fff;background:#ff9600;border-color:#ff9600;animation:2s infinite svelte-11emtpf-pulseStreak}@keyframes svelte-11emtpf-pulseStreak{0%{box-shadow:0 0 #ff960066}70%{box-shadow:0 0 0 8px #ff960000}to{box-shadow:0 0 #ff960000}}.streak-msg.svelte-11emtpf{color:#777;font-size:11px;font-weight:700;line-height:1.4}.quest-list.svelte-11emtpf{flex-direction:column;gap:8px;display:flex}.quest-item.svelte-11emtpf{color:#4b5563;align-items:center;gap:10px;padding:4px 0;font-size:12px;font-weight:800;display:flex}.quest-item.svelte-11emtpf .check-icon:where(.svelte-11emtpf){color:#ccc;font-size:13px;font-weight:900}.quest-item.completed.svelte-11emtpf .check-icon:where(.svelte-11emtpf){color:var(--duo-green)}.quest-item.completed.svelte-11emtpf .quest-text:where(.svelte-11emtpf){color:#9ca3af;text-decoration:line-through}.quest-item.svelte-11emtpf .quest-reward:where(.svelte-11emtpf){color:var(--duo-green);margin-left:auto;font-size:11px}.league-rank-preview.svelte-11emtpf{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.rank-item.svelte-11emtpf{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-size:11px;font-weight:800;display:flex}.rank-item.first.svelte-11emtpf{background:#fffbef;border-color:#fde047}.rank-item.you.svelte-11emtpf{color:#047857;background:#ecfdf5;border-color:#6ee7b7}.rank-num.svelte-11emtpf{color:#94a3b8;width:14px;font-size:10px}.rank-item.first.svelte-11emtpf .rank-num:where(.svelte-11emtpf){color:#eab308}.rank-item.you.svelte-11emtpf .rank-num:where(.svelte-11emtpf){color:#10b981}.rank-item.svelte-11emtpf .name:where(.svelte-11emtpf){white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rank-item.svelte-11emtpf .xp:where(.svelte-11emtpf){color:#64748b}.league-footer.svelte-11emtpf{color:#94a3b8;text-align:center;font-size:10px;font-weight:700}.claim-quest-btn.svelte-11emtpf{color:#fff;cursor:pointer;background:#1cb0f6;border:none;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:900;box-shadow:0 2px #1899d6}.claim-quest-btn.svelte-11emtpf:active{box-shadow:none;transform:translateY(2px)}.bottom-nav.svelte-oeh3u8{background:#fff;border-top:2px solid #e5e5e5;margin-top:auto;padding:8px 0 4px;display:flex}.nav-item.svelte-oeh3u8{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;display:flex}.nav-item.svelte-oeh3u8 span:where(.svelte-oeh3u8){color:#afafaf;font-family:Nunito,sans-serif;font-size:9px;font-weight:700}.nav-item.active.svelte-oeh3u8 span:where(.svelte-oeh3u8){color:#00978a}.streak-backdrop.svelte-13kgii2{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;position:absolute;inset:0}.streak-modal.svelte-13kgii2{z-index:201;background:#fff;border-radius:28px 28px 0 0;max-height:90%;padding:12px 0 0;animation:.35s cubic-bezier(.34,1.56,.64,1) svelte-13kgii2-slideUp;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 40px #00000026}@keyframes svelte-13kgii2-slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-handle.svelte-13kgii2{background:#e2e8f0;border-radius:99px;width:40px;height:4px;margin:0 auto 20px}.modal-header.svelte-13kgii2{text-align:center;border-bottom:1px solid #f1f5f9;padding:0 20px 20px}.streak-hero.svelte-13kgii2{justify-content:center;align-items:center;gap:16px;margin-bottom:8px;display:flex}.streak-flame-big.svelte-13kgii2{filter:drop-shadow(0 4px 12px #ff640059);font-size:52px}.streak-number-big.svelte-13kgii2{color:#ff6200;font-family:Nunito,sans-serif;font-size:52px;font-weight:900;line-height:1}.streak-label-big.svelte-13kgii2{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800}.streak-max.svelte-13kgii2{color:#64748b;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.section-block.svelte-13kgii2{border-bottom:1px solid #f1f5f9;padding:16px 20px}.section-title.svelte-13kgii2{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:900}.week-grid.svelte-13kgii2{justify-content:space-between;display:flex}.day-col.svelte-13kgii2{flex-direction:column;align-items:center;gap:6px;display:flex}.day-dot.svelte-13kgii2{background:#f1f5f9;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.day-dot.done.svelte-13kgii2{background:#fff7ed;border-color:#fed7aa}.day-dot.today.svelte-13kgii2{background:#ecfdf5;border-color:#00978a}.day-label.svelte-13kgii2{color:#94a3b8;text-transform:uppercase;font-size:9px;font-weight:800}.milestone-card.svelte-13kgii2{background:linear-gradient(135deg,#fff7ed,#fffbf2);border:2px solid #fed7aa;border-radius:16px;padding:14px}.milestone-top.svelte-13kgii2{align-items:center;gap:10px;margin-bottom:12px;display:flex}.milestone-icon.svelte-13kgii2{font-size:28px}.milestone-name.svelte-13kgii2{color:#92400e;font-size:14px;font-weight:900}.milestone-reward.svelte-13kgii2{color:#b45309;margin-top:2px;font-size:11px;font-weight:700}.milestone-days.svelte-13kgii2{color:#ff6200;white-space:nowrap;background:#fff;border:1.5px solid #fed7aa;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:900}.progress-bar-bg.svelte-13kgii2{background:#f1f5f9;border-radius:99px;height:8px;overflow:hidden}.progress-bar-fill.svelte-13kgii2{background:linear-gradient(90deg,#ff9600,#ff6200);border-radius:99px;height:100%;transition:width .5s}.progress-labels.svelte-13kgii2{color:#94a3b8;justify-content:space-between;margin-top:4px;font-size:10px;font-weight:800;display:flex}.milestones-list.svelte-13kgii2{flex-direction:column;gap:8px;display:flex}.milestone-row.svelte-13kgii2{opacity:.6;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.milestone-row.done.svelte-13kgii2{opacity:1;background:#ecfdf5;border-color:#bbf7d0}.milestone-dot-row.svelte-13kgii2{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:6px;height:6px}.milestone-dot-row.done.svelte-13kgii2{background:#10b981}.m-icon.svelte-13kgii2{font-size:20px}.m-name.svelte-13kgii2{color:#334155;font-size:12px;font-weight:800}.m-reward.svelte-13kgii2{color:#64748b;margin-top:2px;font-size:10px;font-weight:700}.m-done-badge.svelte-13kgii2{color:#10b981;white-space:nowrap;background:#d1fae5;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:900}.recovery-card.svelte-13kgii2{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;margin-bottom:10px;padding:12px 14px}.recovery-header.svelte-13kgii2{align-items:center;gap:10px;display:flex}.recovery-icon.svelte-13kgii2{font-size:24px}.recovery-title.svelte-13kgii2{color:#1e293b;font-size:13px;font-weight:900}.recovery-desc.svelte-13kgii2{color:#64748b;margin-top:2px;font-size:11px;font-weight:600;line-height:1.4}.recovery-btn.svelte-13kgii2{color:#fff;cursor:pointer;background:#00978a;border:none;border-bottom:3px solid #007a6e;border-radius:10px;flex-shrink:0;padding:7px 14px;font-family:Nunito,sans-serif;font-size:11px;font-weight:900;transition:all .15s}.recovery-btn.repair.svelte-13kgii2{background:#f59e0b;border-bottom-color:#d97706}.recovery-btn.svelte-13kgii2:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;border-bottom-color:#cbd5e1}.recovery-result.svelte-13kgii2{text-align:center;margin-top:8px;font-size:11px;font-weight:700}.grace-info.svelte-13kgii2{color:#065f46;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:11px;font-weight:600;line-height:1.5;display:flex}.grace-info.svelte-13kgii2 i:where(.svelte-13kgii2){flex-shrink:0;margin-top:1px}.streak-phases.svelte-13kgii2{flex-direction:column;gap:6px;display:flex}.phase-row.svelte-13kgii2{color:#64748b;opacity:.6;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.phase-row.phase-active.svelte-13kgii2{opacity:1;color:#92400e;background:#fff7ed;border-color:#fed7aa}.phase-range.svelte-13kgii2{flex:1}.phase-gems.svelte-13kgii2{color:#00978a;font-weight:900}.phase-row.phase-active.svelte-13kgii2 .phase-gems:where(.svelte-13kgii2){color:#d97706}.phase-badge.svelte-13kgii2{color:#ff6200;white-space:nowrap;background:#fff;border:1.5px solid #fed7aa;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:900}.learn-layout-container.svelte-1t7xawv{width:100%;display:block}.desktop-browser .learn-layout-container.svelte-1t7xawv{align-items:flex-start;gap:36px;max-width:1200px;margin:0 auto;padding:30px 24px;display:flex}.tablet .learn-layout-container.svelte-1t7xawv{max-width:600px;margin:0 auto;padding:24px;display:block}.wallet-header.svelte-12vptwk{border-bottom:2px solid var(--border-main);background:#fff;justify-content:space-between;padding:12px 20px}.wallet-pills.svelte-12vptwk{gap:8px;display:flex}.pill.svelte-12vptwk{border:2px solid var(--border-main);border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:900;display:flex}.ticket-pill.svelte-12vptwk{color:var(--duo-blue);background:#f1faff;border-color:#e1f5fe}.point-pill.svelte-12vptwk{color:#ff9600;background:#fffbf2;border-color:#fff7e6}.topup-btn.svelte-12vptwk{border:2px solid var(--border-main);width:36px;height:36px;color:var(--duo-blue);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.market-tabs.svelte-12vptwk{border-bottom:2px solid var(--border-main);background:#fff;padding:0 20px;display:flex}.m-tab.svelte-12vptwk{color:#afafaf;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:16px 0;font-size:14px;font-weight:800;transition:all .2s}.m-tab.active.svelte-12vptwk{color:#1cb0f6;border-bottom:3px solid #1cb0f6}.hero-card.svelte-12vptwk{color:#fff;background:linear-gradient(135deg,#1cb0f6,#0898dc);border-radius:24px;flex-direction:column;gap:20px;margin-top:16px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 10px 20px #1cb0f633}.target-selector.svelte-12vptwk{background:#ffffff26;border:1px solid #fff3;border-radius:16px;gap:12px;margin-top:16px;padding:12px;display:flex}.target-field.svelte-12vptwk{flex-direction:column;flex:1;gap:4px;display:flex}.target-field.svelte-12vptwk label:where(.svelte-12vptwk){color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}.custom-select-box.svelte-12vptwk,.target-field.svelte-12vptwk input:where(.svelte-12vptwk){color:#3c3c3c;box-sizing:border-box;background:#fff;border:none;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:700}.custom-select-box.svelte-12vptwk{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.dropdown-menu-overlay.svelte-12vptwk{z-index:40;position:fixed;inset:0}.dropdown-menu.svelte-12vptwk{z-index:50;background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;max-height:200px;padding:8px 0;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #0000001a}.dropdown-item.svelte-12vptwk{color:#3c3c3c;cursor:pointer;padding:10px 16px;font-size:13px;font-weight:700}.dropdown-item.svelte-12vptwk:active{background:#f1f5f9}.dropdown-item.selected.svelte-12vptwk{color:#00978a;background:#e0f5f3}.find-btn.svelte-12vptwk{color:#1cb0f6;background:#fff;width:100%;padding:14px 20px;font-size:14px}.section-header.svelte-12vptwk{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.gender-filter.svelte-12vptwk{background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:flex}.gender-filter.svelte-12vptwk button:where(.svelte-12vptwk){color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800;transition:all .2s}.gender-filter.svelte-12vptwk button.active:where(.svelte-12vptwk){color:#1cb0f6;background:#fff;box-shadow:0 2px 4px #0000000d}.musyrif-card.svelte-12vptwk{border:2px solid var(--border-main);background:#fff;border-bottom-width:4px;border-radius:20px;flex-direction:column;gap:16px;padding:16px;transition:transform .1s;display:flex}.musyrif-card.svelte-12vptwk:active{border-bottom-width:2px;transform:translateY(2px)}.musyrif-card.offline.svelte-12vptwk{opacity:.6;grayscale:.5}.m-avatar.svelte-12vptwk{border:2px solid var(--border-main);background:#f7f7f7;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;display:flex}.tier-badge.svelte-12vptwk{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:2px 8px;font-size:9px;font-weight:900}.tier-badge.bersanad.svelte-12vptwk{color:#cc7000;background:#fff7e6;border:1px solid #ffe4b3}.tier-badge.reguler.svelte-12vptwk{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.musyrif-list-container.svelte-12vptwk{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.desktop-browser .musyrif-list-container.svelte-12vptwk{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.tablet .musyrif-list-container.svelte-12vptwk{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.desktop-browser .hero-card.svelte-12vptwk{flex-direction:row;justify-content:space-between;align-items:center;gap:32px;padding:40px;display:flex}.tablet .hero-card.svelte-12vptwk{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.desktop-browser .hero-card.svelte-12vptwk .find-btn:where(.svelte-12vptwk),.tablet .hero-card.svelte-12vptwk .find-btn:where(.svelte-12vptwk){flex-shrink:0;align-self:flex-end;width:auto}.custom-alert-overlay.svelte-12vptwk{z-index:9999;background:#0006;justify-content:center;align-items:center;padding:20px;animation:.2s svelte-12vptwk-fadeIn;display:flex;position:fixed;inset:0}.custom-alert-box.svelte-12vptwk{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:320px;padding:24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) svelte-12vptwk-slideUpScale;box-shadow:0 10px 40px #0000001a}.alert-icon.svelte-12vptwk{color:#1cb0f6;margin-bottom:16px;font-size:48px}.alert-text.svelte-12vptwk{color:#3c3c3c;margin-bottom:24px;font-size:15px;font-weight:700;line-height:1.5}.alert-actions.svelte-12vptwk{gap:12px;display:flex}.alert-btn.svelte-12vptwk{cursor:pointer;border:none;border-radius:16px;flex:1;padding:12px;font-size:14px;font-weight:800;transition:transform .1s}.alert-btn.svelte-12vptwk:active{transform:translateY(2px)}.alert-btn.primary.svelte-12vptwk{color:#fff;background:#1cb0f6;box-shadow:0 4px #1899d6}.alert-btn.primary.svelte-12vptwk:active{box-shadow:0 2px #1899d6}.alert-btn.secondary.svelte-12vptwk{color:#64748b;background:#f1f5f9;box-shadow:0 4px #e2e8f0}.alert-btn.secondary.svelte-12vptwk:active{box-shadow:0 2px #e2e8f0}@keyframes svelte-12vptwk-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-12vptwk-slideUpScale{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.schedule-box.svelte-12vptwk{box-sizing:border-box;background:#f8fafc;border-radius:12px;width:100%;padding:12px}.schedule-chip.svelte-12vptwk{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-bottom-width:3px;border-radius:10px;padding:6px 10px;font-size:11px;font-weight:800;transition:transform .1s}.schedule-chip.svelte-12vptwk:active{border-bottom-width:2px;margin-top:1px;transform:translateY(1px)}.schedule-chip.instant.svelte-12vptwk{color:#fff;background:#1cb0f6;border-color:#1899d6}.tab-scroller.svelte-1sg08jo{background:#fff;border-bottom:2px solid #f0f0f0;gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.tab-chip.svelte-1sg08jo{color:#777;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e5e5e5;border-radius:100px;flex-shrink:0;align-items:center;gap:4px;padding:7px 16px;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;transition:all .2s;display:flex}.tab-chip.active.svelte-1sg08jo{color:#fff;background:#00978a;border-color:#00978a;box-shadow:0 2px 8px #00978a4d}.tab-icon.svelte-1sg08jo{font-size:14px}.tab-label.svelte-1sg08jo{font-size:12px}.period-bar.svelte-1sg08jo{background:#fff;gap:0;padding:8px 16px;display:flex}.period-btn.svelte-1sg08jo{color:#afafaf;cursor:pointer;background:#f7f7f7;border:2px solid #e5e5e5;flex:1;padding:8px 0;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;transition:all .2s}.period-btn.svelte-1sg08jo:first-child{border-radius:10px 0 0 10px}.period-btn.svelte-1sg08jo:last-child{border-radius:0 10px 10px 0}.period-btn.active.svelte-1sg08jo{color:#fff;z-index:1;background:#00978a;border-color:#00978a;position:relative}.period-info.svelte-1sg08jo{color:#afafaf;background:#fafafa;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:10px;font-weight:700;display:flex}.podium-section.svelte-1sg08jo{background:#fff;justify-content:center;align-items:flex-end;gap:8px;padding:20px 16px 0;display:flex}.podium-item.svelte-1sg08jo{flex-direction:column;flex:1;align-items:center;max-width:110px;display:flex}.podium-item.first.svelte-1sg08jo{order:0}.podium-item.svelte-1sg08jo:first-child{order:-1}.podium-item.svelte-1sg08jo:last-child{order:1}.crown.svelte-1sg08jo{margin-bottom:-4px;font-size:20px;animation:2s infinite svelte-1sg08jo-bounce}@keyframes svelte-1sg08jo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.podium-avatar.svelte-1sg08jo{background:#f7f7f7;border:3px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;font-size:22px;display:flex}.podium-avatar.gold.svelte-1sg08jo{width:52px;height:52px;font-size:26px;box-shadow:0 0 12px #ffd70066}.podium-name.svelte-1sg08jo{color:#3c3c3c;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:10px;font-weight:800;overflow:hidden}.podium-xp.svelte-1sg08jo{color:#00978a;margin-bottom:6px;font-size:10px;font-weight:900}.podium-bar.svelte-1sg08jo{border-radius:10px 10px 0 0;justify-content:center;align-items:flex-end;width:100%;padding-bottom:6px;display:flex}.podium-rank.svelte-1sg08jo{color:inherit;font-size:18px;font-weight:900}.ranking-list.svelte-1sg08jo{padding:10px 12px}.rank-item.svelte-1sg08jo{background:#fff;border:2px solid #f0f0f0;border-radius:14px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;transition:all .15s;display:flex}.rank-item.is-me.svelte-1sg08jo{background:linear-gradient(135deg,#e6faf8,#ddf4ff);border-color:#00978a;box-shadow:0 2px 8px #00978a1f}.rank-num.svelte-1sg08jo{color:#afafaf;text-align:center;flex-shrink:0;width:22px;font-size:13px;font-weight:900}.is-me.svelte-1sg08jo .rank-num:where(.svelte-1sg08jo){color:#00978a}.rank-avatar.svelte-1sg08jo{background:#f7f7f7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.rank-info.svelte-1sg08jo{flex:1;min-width:0}.rank-name.svelte-1sg08jo{color:#3c3c3c;align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.me-badge.svelte-1sg08jo{color:#fff;text-transform:uppercase;background:#00978a;border-radius:100px;padding:1px 6px;font-size:8px;font-weight:900}.rank-sub.svelte-1sg08jo{color:#afafaf;margin-top:1px;font-size:10px;font-weight:700}.rank-xp-col.svelte-1sg08jo{text-align:right;flex-shrink:0}.rank-xp.svelte-1sg08jo{color:#3c3c3c;font-size:13px;font-weight:900}.rank-xp-label.svelte-1sg08jo{color:#afafaf;font-size:9px;font-weight:700}.xp-info-card.svelte-1sg08jo{background:#fafafa;border:2px solid #e5e5e5;border-radius:16px;margin:12px 12px 0;padding:14px}.xp-row.svelte-1sg08jo{color:#555;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:5px 0;font-size:11px;font-weight:700;display:flex}.xp-row.svelte-1sg08jo:last-child{border-bottom:none}.xp-val.svelte-1sg08jo{color:#00978a;font-weight:900}.section-pad.svelte-xyqmhe{padding:0 16px 20px}.section-label.svelte-xyqmhe{color:#64748b;text-transform:uppercase;letter-spacing:1px;padding:20px 16px 10px;font-size:11px;font-weight:900}.profile-hero.svelte-xyqmhe{background:linear-gradient(160deg,#f0fdf4 0%,#eff6ff 100%);border-bottom:1px solid #e2e8f0;flex-direction:column;align-items:center;padding:32px 20px 20px;display:flex}.avatar-container.svelte-xyqmhe{position:relative}.avatar-ring.svelte-xyqmhe{background:#fff;border:3px solid #00978a;border-radius:30px;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 4px 20px #00978a33}.avatar-large.svelte-xyqmhe{font-size:52px}.edit-avatar-btn.svelte-xyqmhe{color:#fff;cursor:pointer;background:#00978a;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;position:absolute;bottom:-6px;right:-6px}.user-joined.svelte-xyqmhe{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:700}.hero-stats.svelte-xyqmhe{background:#fff;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:0;margin-top:16px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.hero-stat.svelte-xyqmhe{flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px;display:flex}.hs-val.svelte-xyqmhe{color:#1e293b;font-size:13px;font-weight:900}.hs-label.svelte-xyqmhe{color:#94a3b8;text-transform:uppercase;font-size:9px;font-weight:800}.hs-divider.svelte-xyqmhe{background:#e2e8f0;width:1px;height:36px}.booking-card.svelte-xyqmhe{cursor:pointer;text-align:left;background:linear-gradient(135deg,#fff7ed,#fffbf2);border:2px solid #fed7aa;border-bottom-width:4px;border-radius:18px;align-items:center;gap:14px;width:100%;padding:16px;transition:transform .15s;display:flex}.booking-card.svelte-xyqmhe:active{transform:scale(.98)}.booking-left.svelte-xyqmhe{flex-shrink:0}.booking-avatar.svelte-xyqmhe{background:#ffedd5;border:2px solid #fed7aa;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.booking-info.svelte-xyqmhe{flex:1;min-width:0}.booking-musyrif.svelte-xyqmhe{color:#92400e;font-size:15px;font-weight:900}.booking-detail.svelte-xyqmhe{color:#b45309;align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.booking-time-row.svelte-xyqmhe{color:#78716c;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:700;display:flex}.booking-badge.svelte-xyqmhe{color:#fff;background:#ff6200;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:900}.booking-arrow.svelte-xyqmhe{color:#d97706;flex-shrink:0;font-size:18px}.empty-booking.svelte-xyqmhe{color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px;font-size:13px;font-weight:700;display:flex}.btn-create-booking.svelte-xyqmhe{color:#fff;cursor:pointer;background:#00978a;border:none;border-bottom:3px solid #007a6e;border-radius:10px;margin-top:4px;padding:8px 20px;font-family:Nunito,sans-serif;font-size:12px;font-weight:900}.level-card.svelte-xyqmhe{background:#fff;border:2px solid #e2e8f0;border-bottom-width:4px;border-radius:18px;padding:18px}.level-top.svelte-xyqmhe{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.level-badge-pill.svelte-xyqmhe{color:#fff;background:#1d4ed8;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:900}.level-surah-name.svelte-xyqmhe{color:#1e293b;flex:1;align-items:baseline;gap:8px;font-size:16px;font-weight:900;display:flex}.level-surah-ar.svelte-xyqmhe{color:#00978a;font-size:18px;font-weight:700}.level-xp-pill.svelte-xyqmhe{color:#ff9600;background:#fffbeb;border:1.5px solid #fde68a;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:900}.level-stats-row.svelte-xyqmhe{gap:8px;display:flex}.level-stat-box.svelte-xyqmhe{border:2px solid;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 6px;display:flex}.lsb-icon.svelte-xyqmhe{font-size:18px}.lsb-val.svelte-xyqmhe{color:#1e293b;text-align:center;font-size:11px;font-weight:900}.lsb-label.svelte-xyqmhe{color:#94a3b8;text-transform:uppercase;font-size:9px;font-weight:800}.progress-header.svelte-xyqmhe{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.progress-title.svelte-xyqmhe{color:#475569;font-size:12px;font-weight:800}.progress-pct.svelte-xyqmhe{color:#00978a;font-size:12px;font-weight:900}.prog-bar-bg.svelte-xyqmhe{background:#f1f5f9;border-radius:99px;height:10px;overflow:hidden}.prog-bar-fill.svelte-xyqmhe{background:linear-gradient(90deg,#00c6b8,#00978a);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-footer.svelte-xyqmhe{color:#94a3b8;margin-top:4px;font-size:10px;font-weight:700}.streak-card.svelte-xyqmhe{background:#fff;border:2px solid #e2e8f0;border-bottom-width:4px;border-radius:18px;padding:18px}.streak-main-row.svelte-xyqmhe{justify-content:space-around;align-items:center;margin-bottom:20px;display:flex}.streak-divider.svelte-xyqmhe{background:#e2e8f0;width:1px;height:44px}.streak-num-block.svelte-xyqmhe{flex-direction:column;align-items:center;gap:2px;display:flex}.streak-num.svelte-xyqmhe{color:#ff6200;font-family:Nunito,sans-serif;font-size:32px;font-weight:900;line-height:1}.streak-num.terbanyak.svelte-xyqmhe{color:#7c3aed}.streak-num.rukhsah.svelte-xyqmhe{color:#059669}.streak-num-label.svelte-xyqmhe{color:#94a3b8;text-transform:uppercase;font-size:9px;font-weight:800}.week-label.svelte-xyqmhe{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:10px;font-weight:900}.week-row.svelte-xyqmhe{justify-content:space-between;margin-bottom:14px;display:flex}.week-day.svelte-xyqmhe{flex-direction:column;align-items:center;gap:5px;display:flex}.week-dot.svelte-xyqmhe{background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:all .2s;display:flex}.week-dot.done.svelte-xyqmhe{background:#fff7ed;border-color:#fed7aa}.week-dot.today.svelte-xyqmhe{background:#ecfdf5;border-color:#6ee7b7}.week-dot.missed.svelte-xyqmhe{background:#fef2f2;border-color:#fecaca}.week-fire.svelte-xyqmhe{font-size:20px}.week-x.svelte-xyqmhe{color:#fca5a5;font-size:13px;font-weight:900}.week-day-lbl.svelte-xyqmhe{color:#94a3b8;text-transform:uppercase;font-size:9px;font-weight:800}.streak-next-ms.svelte-xyqmhe{color:#065f46;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.snm-right.svelte-xyqmhe{color:#10b981;white-space:nowrap;background:#d1fae5;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:900}.badge-grid.svelte-xyqmhe{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.badge-card.svelte-xyqmhe{text-align:center;border:2px solid;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;transition:transform .15s;display:flex}.badge-card.earned.svelte-xyqmhe{background:linear-gradient(135deg,#fffbeb,#fff7ed);border-color:#fde68a}.badge-card.locked.svelte-xyqmhe{opacity:.55;background:#f8fafc;border-color:#e2e8f0}.badge-card.earned.svelte-xyqmhe:hover{transform:scale(1.03)}.badge-icon-wrap.svelte-xyqmhe{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.badge-icon-wrap.earned.svelte-xyqmhe{background:#fef3c7;border:2px solid #fde68a}.badge-icon-wrap.locked.svelte-xyqmhe{filter:grayscale();background:#f1f5f9;border:2px solid #e2e8f0}.badge-name.svelte-xyqmhe{color:#92400e;font-size:12px;font-weight:900}.badge-name.locked-text.svelte-xyqmhe{color:#94a3b8}.badge-desc.svelte-xyqmhe{color:#a16207;font-size:10px;font-weight:600;line-height:1.4}.locked-label.svelte-xyqmhe{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:4px;font-size:10px;font-weight:900}.certs-list.svelte-xyqmhe{flex-direction:column;gap:10px;display:flex}.cert-card.svelte-xyqmhe{background:#fff;border:2px solid #e2e8f0;border-bottom-width:4px;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.cert-icon.svelte-xyqmhe{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:32px;display:flex}.cert-info.svelte-xyqmhe{flex:1;min-width:0}.cert-title.svelte-xyqmhe{color:#1e293b;font-size:13px;font-weight:900}.cert-meta.svelte-xyqmhe{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.cert-type-pill.svelte-xyqmhe{color:#065f46;background:#d1fae5;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:900}.cert-date.svelte-xyqmhe{color:#94a3b8;font-size:10px;font-weight:700}.cert-download-btn.svelte-xyqmhe{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .15s;display:flex}.cert-download-btn.svelte-xyqmhe:hover{color:#fff;background:#00978a;border-color:#00978a}.empty-cert.svelte-xyqmhe{text-align:center;color:#64748b;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;font-size:13px;font-weight:700;display:flex}.p-tab.svelte-xyqmhe{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px 0;font-size:13px;font-weight:800;transition:all .2s}.p-tab.active.svelte-xyqmhe{color:#1e293b;background:#fff;box-shadow:0 2px 4px #0000000d}.lang-grid.svelte-tm1mtr{flex-direction:column;gap:12px;display:flex}.lang-card.svelte-tm1mtr{cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e5e5;border-radius:16px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.lang-card.svelte-tm1mtr:active{transform:translateY(2px)}.lang-card.active.svelte-tm1mtr{background:#ddf4ff;border-color:#1cb0f6}.flag-circle.svelte-tm1mtr{background:#f7f7f7;border:2px solid #e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.active.svelte-tm1mtr .flag-circle:where(.svelte-tm1mtr){background:#fff;border-color:#1cb0f6}.lang-name.svelte-tm1mtr{color:#3c3c3c;flex:1;font-size:16px;font-weight:800}.active.svelte-tm1mtr .lang-name:where(.svelte-tm1mtr){color:#0898dc}.check-icon.svelte-tm1mtr{color:#1cb0f6;font-size:20px;font-weight:900}.musyrif-profile-header.svelte-n4wndo{color:#fff;background:#1a1a1a;border-bottom-right-radius:30px;border-bottom-left-radius:30px;padding:30px 20px 20px}.m-avatar-large.svelte-n4wndo{background:var(--duo-orange);border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;display:flex;box-shadow:0 4px 12px #ff96004d}.tier-badge-gold.svelte-n4wndo{color:var(--duo-gold);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:900}.earnings-pill-mini.svelte-n4wndo{text-align:right;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;padding:10px 14px}.availability-card.svelte-n4wndo{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.toggle-switch.svelte-n4wndo{cursor:pointer;background:#cbd5e1;border:none;border-radius:100px;width:52px;height:28px;transition:all .3s;position:relative}.toggle-switch.active.svelte-n4wndo{background:var(--duo-orange);border-color:var(--duo-orange);box-shadow:0 0 15px #ff960066}.toggle-circle.svelte-n4wndo{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000001a}.toggle-switch.active.svelte-n4wndo .toggle-circle:where(.svelte-n4wndo){transform:translate(24px)}.request-card.svelte-n4wndo{border:2px solid var(--duo-orange);background:#fff;border-bottom-width:5px;border-radius:20px;align-items:center;gap:16px;padding:20px;display:flex}@keyframes svelte-n4wndo-pulse-green{0%{box-shadow:0 0 #58cc0266}70%{box-shadow:0 0 0 12px #58cc0200}to{box-shadow:0 0 #58cc0200}}.stat-card.svelte-n4wndo{border:2px solid var(--border-main);text-align:center;background:#fff;border-bottom-width:4px;border-radius:18px;padding:16px}.booking-card.svelte-n4wndo{border:2px solid var(--border-main);background:#fff;border-bottom-width:4px;border-radius:16px;padding:16px}.video-call-container.svelte-1plrcs7{background:#000;width:100%;height:380px;position:relative;overflow:hidden}.video-bg-layer.svelte-1plrcs7{filter:blur(40px)brightness(.6);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.3)}.video-tint-overlay.svelte-1plrcs7{z-index:2;background:radial-gradient(circle,#0000 0%,#ff96001a 100%);position:absolute;inset:0}.main-video-stream.svelte-1plrcs7{z-index:3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.main-video-stream.svelte-1plrcs7 img:where(.svelte-1plrcs7){object-fit:contain;filter:drop-shadow(0 20px 60px #000c);width:auto;height:100%}.participant-dock.svelte-1plrcs7{z-index:20;flex-direction:column;gap:12px;display:flex;position:absolute;top:20px;right:16px}.dock-item.svelte-1plrcs7{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:18px;width:64px;height:84px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.dock-item.svelte-1plrcs7 img:where(.svelte-1plrcs7){object-fit:cover;width:100%;height:100%}.dock-item.svelte-1plrcs7 .label:where(.svelte-1plrcs7){text-align:center;color:#fff;text-transform:uppercase;font-size:8px;font-weight:900;position:absolute;bottom:4px;left:0;right:0}.glass-hud-top.svelte-1plrcs7{z-index:20;position:absolute;top:20px;left:16px}.status-pill-modern.svelte-1plrcs7{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:6px 12px;display:flex}.status-pill-modern.svelte-1plrcs7 .indicator:where(.svelte-1plrcs7){background:#ff4b4b;border-radius:50%;width:8px;height:8px;animation:1.5s infinite svelte-1plrcs7-pulse-red;box-shadow:0 0 10px #ff4b4b}@keyframes svelte-1plrcs7-pulse-red{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.call-action-bar.svelte-1plrcs7{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:20;background:#00000080;border:1px solid #ffffff1a;border-radius:24px;gap:20px;padding:10px 20px;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.action-circle.svelte-1plrcs7{color:#fff;cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.action-circle.svelte-1plrcs7:active{transform:scale(.9)}.action-circle.danger.svelte-1plrcs7{background:var(--duo-red)}.modal-overlay.svelte-ln4r2z{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.modal-content.svelte-ln4r2z{background:#fff;border-radius:32px 32px 0 0;width:100%;padding:32px 24px;animation:.3s ease-out svelte-ln4r2z-slideUp;box-shadow:0 -10px 40px #0003}@keyframes svelte-ln4r2z-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.type-grid.svelte-ln4r2z{grid-template-columns:1fr;gap:12px;display:grid}.type-btn.svelte-ln4r2z{color:#3c3c3c;cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-bottom-width:5px;border-radius:20px;align-items:center;gap:20px;padding:18px 24px;font-family:inherit;font-size:16px;font-weight:900;transition:all .1s;display:flex}.type-btn.svelte-ln4r2z:active{border-bottom-width:2px;transform:translateY(2px)}.type-icon.svelte-ln4r2z{font-size:24px}.type-btn.forget.svelte-ln4r2z{color:#ff4b4b;border-color:#ff4b4b}.type-btn.tajwid.svelte-ln4r2z{color:#ff9600;border-color:#ff9600}.type-btn.makhraj.svelte-ln4r2z{color:#1cb0f6;border-color:#1cb0f6}.analytics-view.svelte-1i1wx9o{text-align:center;flex-direction:column;height:100%;padding:40px 24px;display:flex}.analytics-header.svelte-1i1wx9o{margin-bottom:32px}.success-icon.svelte-1i1wx9o{margin-bottom:8px;font-size:80px}.stats-grid-analytics.svelte-1i1wx9o{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.stat-card-big.svelte-1i1wx9o{background:#f7f7f7;border:2px solid #e5e5e5;border-radius:20px;padding:20px}.stat-label-top.svelte-1i1wx9o{color:#afafaf;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.stat-value.svelte-1i1wx9o{color:#3c3c3c;font-size:28px;font-weight:900}.stat-unit.svelte-1i1wx9o{color:#afafaf;font-size:10px;font-weight:800}.breakdown-list.svelte-1i1wx9o{text-align:left;background:#fff;border:2px solid #e5e5e5;border-radius:20px;padding:8px}.breakdown-item.svelte-1i1wx9o{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:12px;font-size:14px;display:flex}.breakdown-item.svelte-1i1wx9o:last-child{border-bottom:none}.dot.svelte-1i1wx9o{border-radius:50%;width:10px;height:10px}.dot.forget.svelte-1i1wx9o{background:#ff4b4b}.dot.tajwid.svelte-1i1wx9o{background:#ff9600}.dot.makhraj.svelte-1i1wx9o{background:#1cb0f6}.count.svelte-1i1wx9o{color:#3c3c3c;font-weight:900}.screen.svelte-611hky{position:relative;overflow:hidden}.marking-header.svelte-611hky{color:#3c3c3c;z-index:10;background:#fff;border-bottom:2px solid #f0f0f0;align-items:center;gap:12px;padding:12px 20px;display:flex}.close-btn.svelte-611hky{cursor:pointer;color:#afafaf;background:0 0;border:none;font-size:20px}.timer-bubble.svelte-611hky{color:#ff4b4b;background:#ffeded;border:1px solid #ff4b4b;border-radius:100px;padding:4px 12px;font-size:13px;font-weight:900}.workspace.svelte-611hky{z-index:30;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffffe6;border-top:1px solid #fffc;border-radius:40px 40px 0 0;min-height:500px;margin-top:-40px;padding:30px 24px;position:relative;box-shadow:0 -20px 60px #00000026}.instruction.svelte-611hky{color:#afafaf;text-transform:uppercase;text-align:center;margin-bottom:20px;font-size:11px;font-weight:800}.quran-text-container.svelte-611hky{background:#fff;border:2px solid #e5e5e5;border-bottom-width:5px;border-radius:24px;width:100%;padding:24px}.quran-text.svelte-611hky{color:#3c3c3c;direction:rtl;flex-wrap:wrap;justify-content:center;gap:10px 16px;font-family:Traditional Arabic,serif;font-size:32px;line-height:2.5;display:flex}.marking-word.svelte-611hky{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:12px;padding:6px 12px;transition:all .2s}.marking-word.svelte-611hky:hover{background:#f7f7f7}.marking-word.has-mistake.svelte-611hky{font-weight:700}.log-container.svelte-611hky{flex-direction:column;gap:12px;display:flex}.log-entry.svelte-611hky{background:#fff;border:2px solid #e5e5e5;border-bottom-width:4px;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.empty-log.svelte-611hky{text-align:center;color:#afafaf;padding:30px 20px;font-size:13px;font-weight:800}.remove-btn.svelte-611hky{cursor:pointer;color:#afafaf;background:0 0;border:none;padding:8px;font-size:18px}.marking-footer.svelte-611hky{background:#fff;border-top:2px solid #e5e5e5;gap:12px;padding:20px;display:flex}.stats-overview.svelte-3pul3w{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;margin-bottom:16px;padding:12px;display:flex}.stat-item.svelte-3pul3w{text-align:center;flex:1}.btn-purple.svelte-3pul3w{background:var(--admin-purple);color:#fff;border-bottom:4px solid #5d42cc}.btn-purple.svelte-3pul3w:active{border-bottom:0;transform:translateY(4px)}.border-x.svelte-3pul3w{border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.stat-val.svelte-3pul3w{color:#1e293b;font-size:18px;font-weight:900}.stat-label.svelte-3pul3w{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:800}.user-list.svelte-3pul3w{flex-direction:column;gap:8px;display:flex}.user-card.svelte-3pul3w{background:#fff;border:2px solid #e5e5e5;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.user-icon.svelte-3pul3w{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.user-name.svelte-3pul3w{font-size:13px;font-weight:800}.user-status.svelte-3pul3w{font-size:10px;font-weight:700}.small-btn.svelte-3pul3w{width:auto;padding:6px 12px;font-size:10px}.revenue-card.svelte-1klc9yz{background:var(--admin-purple);color:#fff;border-radius:16px;margin-bottom:16px;padding:16px;box-shadow:0 10px 20px #7c5cfc33}.musyrif-list.svelte-1klc9yz{flex-direction:column;gap:8px;display:flex}.musyrif-card.svelte-1klc9yz{background:#fff;border:2px solid #e5e5e5;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.avatar-wrap.svelte-1klc9yz{position:relative}.avatar.svelte-1klc9yz{background:#ede8ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.status-indicator.svelte-1klc9yz{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.status-indicator.online.svelte-1klc9yz{background:#23a100}.musyrif-name.svelte-1klc9yz{color:#1e293b;font-size:13px;font-weight:800}.musyrif-activity.svelte-1klc9yz{color:#23a100;font-size:10px;font-weight:700}.rating.svelte-1klc9yz{color:#1e293b;font-size:11px;font-weight:800}.completion-overlay.svelte-17caqpj{z-index:150;background:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.completion-card.svelte-17caqpj{text-align:center;background:#fff;border:2px solid #e5e5e5;border-bottom-width:6px;border-radius:28px;flex-direction:column;align-items:center;width:90%;max-width:440px;padding:36px 24px;display:flex;box-shadow:0 10px 30px #0000000d}.completed-trophy-img.svelte-17caqpj{margin-bottom:12px;font-size:64px;animation:.6s cubic-bezier(.175,.885,.32,1.275) svelte-17caqpj-zoomBounce}.congrats-headline.svelte-17caqpj{color:#00978a;letter-spacing:-.5px;margin-bottom:6px;font-size:20px;font-weight:950}.congrats-sub.svelte-17caqpj{color:#64748b;margin:0 0 20px;padding:0 16px;font-size:12px;font-weight:800;line-height:1.4}.reward-box.svelte-17caqpj{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;width:100%;margin:20px 0;padding:16px 0;display:flex}.reward-item.svelte-17caqpj{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.reward-item.memo-gems.svelte-17caqpj,.reward-item.memo-cashback.svelte-17caqpj{border-left:2px solid #e5e5e5}.reward-icon.svelte-17caqpj{font-size:24px}.reward-value.svelte-17caqpj{color:#3c3c3c;font-size:15px;font-weight:900}.reward-value-teal.svelte-17caqpj{color:#00978a;font-size:15px;font-weight:900}.reward-value-gems.svelte-17caqpj{color:#ff9600;font-size:15px;font-weight:900}.reward-label.svelte-17caqpj{color:#afafaf;font-size:9px;font-weight:700}.reward-label-teal.svelte-17caqpj{color:#00978a;font-size:9px;font-weight:700}.reward-label-gems.svelte-17caqpj{color:#ff9600;font-size:9px;font-weight:700}.breakdown-box.svelte-17caqpj{text-align:left;box-sizing:border-box;background:#fdfdfd;border:2px dashed #ffe4b3;border-radius:16px;width:100%;margin-bottom:24px;padding:12px 16px}.breakdown-line.svelte-17caqpj{color:#d97706;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.breakdown-line.svelte-17caqpj:last-child{margin-bottom:0}.breakdown-line.svelte-17caqpj i:where(.svelte-17caqpj){color:#ff9600;font-size:14px}.button-column.svelte-17caqpj{flex-direction:column;gap:8px;width:100%;display:flex}.btn-duo.svelte-17caqpj{color:#afafaf;cursor:pointer;text-align:center;box-sizing:border-box;background:#fff;border:2px solid #e5e5e5;border-bottom-width:4px;border-radius:16px;width:100%;padding:14px;font-size:13px;font-weight:900;transition:all .1s}.btn-duo.svelte-17caqpj:active{border-bottom-width:2px;transform:translateY(2px)}.btn-duo.btn-green.svelte-17caqpj{color:#fff;background:#00978a;border-color:#00978a #00978a #007a70}.btn-duo.btn-green.svelte-17caqpj:active{border-bottom-color:#00978a}.btn-duo.btn-outline.svelte-17caqpj{color:#64748b;background:#fff;border:2px solid #e2e8f0}@keyframes svelte-17caqpj-zoomBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.verse-display-box.svelte-x6689r{text-align:center;box-sizing:border-box;background:#fafafa;border:2px solid #e5e5e5;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:280px;padding:24px 16px;display:flex}.recall-method-tabs.svelte-x6689r{background:#f3f4f6;border-radius:12px;gap:8px;width:100%;margin-bottom:24px;padding:6px;display:flex;box-shadow:inset 0 2px 4px #0000000f}.recall-tab-btn.svelte-x6689r{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:800;transition:all .2s}.recall-tab-btn.active.svelte-x6689r{color:#00978a;background:#fff;box-shadow:0 2px 6px #0000000d}.setor-quran-graphic.svelte-x6689r{margin-bottom:12px;font-size:48px}.arabic-focus-text.svelte-x6689r{color:#1e293b;text-align:center;direction:rtl;margin-bottom:12px;font-size:28px;line-height:1.6}.arabic-focus-text.blurred.svelte-x6689r{filter:blur(6px);opacity:.15;-webkit-user-select:none;user-select:none}.arabic-focus-text.segment-blank.svelte-x6689r{direction:rtl;margin-bottom:20px;font-size:26px;line-height:1.8}.voice-instruction-text.svelte-x6689r,.mushaf-instruction-text.svelte-x6689r{color:#7c7c7c;margin:12px 0 20px;font-size:13px;font-weight:700}.mushaf-instruction-text.svelte-x6689r{margin-bottom:24px}.mic-container.svelte-x6689r{margin:20px 0}.mic-circle-btn.svelte-x6689r{color:#ff4b4b;cursor:pointer;background:#fff;border:4px solid #ff4b4b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;transition:all .2s;display:flex;box-shadow:0 4px 12px #ff4b4b26}.mic-circle-btn.giant.svelte-x6689r{border-width:6px;width:90px;height:90px;font-size:36px}.mic-circle-btn.active.svelte-x6689r{color:#fff;background:#ff4b4b;transform:scale(1.08);box-shadow:0 0 20px #ff4b4b66}.simulated-wave-container.svelte-x6689r{justify-content:center;align-items:center;gap:3px;height:50px;margin:16px 0;display:flex}.wave-bar.svelte-x6689r{background:#ff4b4b;border-radius:10px;width:4px;transition:height .1s}.pulse-text.svelte-x6689r{color:#ef4444;font-size:12px;font-weight:800;animation:1.5s infinite svelte-x6689r-pulseAnimation}.voice-matched-toast.svelte-x6689r{color:#065f46;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex}.action-helper-txt.svelte-x6689r{color:#a0a0a0;font-size:12px;font-weight:700}.options-stack.svelte-x6689r{flex-direction:column;gap:12px;width:100%;display:flex}.option-pill.svelte-x6689r{text-align:center;cursor:pointer;color:#3c3c3c;direction:rtl;background:#fff;border:2px solid #e5e5e5;border-radius:12px;width:100%;padding:14px;font-family:Amiri,serif;font-size:20px;font-weight:700;transition:all .2s}.option-pill.svelte-x6689r:hover:not(:disabled){border-color:#cbd5e1}.option-pill.selected.svelte-x6689r{background:#e0f5f3;border-color:#00978a}.option-pill.correct.svelte-x6689r{color:#166534;background:#f0fdf4;border-color:#22c55e}.option-pill.wrong.svelte-x6689r{color:#991b1b;background:#ffebeb;border-color:#ff4b4b}.Amiri.svelte-x6689r{font-family:Amiri,serif}.filled-text.svelte-x6689r{color:#00978a;border-bottom:2px dashed #00978a;transition:all .3s}.filled-text.revealed-correct.svelte-x6689r{color:#22c55e;background:#22c55e1a;border-bottom:2px solid #22c55e;border-radius:6px;padding:2px 8px;font-weight:800}.filled-text.correct-filled.svelte-x6689r{color:#22c55e;border-bottom:2px solid #22c55e}@keyframes svelte-x6689r-pulseAnimation{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.view-tabs.svelte-1ceqv8k{background:#f1f5f9;border-radius:14px;justify-content:center;gap:6px;margin-bottom:12px;padding:4px;display:flex}.view-tab.svelte-1ceqv8k{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;transition:all .15s;display:flex}.view-tab.svelte-1ceqv8k:hover:not(.active){background:#0000000a}.view-tab.active.svelte-1ceqv8k{color:#00978a;background:#fff;box-shadow:0 1px 4px #0000001a}.verse-display-box.svelte-1ceqv8k{box-sizing:border-box;scroll-behavior:smooth;background:#fafafa;border:2px solid #e5e5e5;border-radius:24px;width:100%;max-height:55vh;padding:20px 16px;overflow-y:auto}.verse-unit.svelte-1ceqv8k{background:#fff;border:2px solid #0000;border-radius:20px;margin-bottom:12px;padding:16px;transition:all .3s}.verse-unit.active-verse.svelte-1ceqv8k{background:#f8fafc;border-color:#00978a;border-left-style:solid;border-left-width:4px;box-shadow:0 4px 12px #00978a14}.verse-label.svelte-1ceqv8k{text-transform:uppercase;color:#94a3b8;letter-spacing:.5px;text-align:left;margin-bottom:8px;font-size:11px;font-weight:800}.active-verse.svelte-1ceqv8k .verse-label:where(.svelte-1ceqv8k){color:#00978a}.arabic-focus-text.svelte-1ceqv8k{color:#1e293b;text-align:right;direction:rtl;margin-bottom:8px;font-size:26px;line-height:2}.translation-big.svelte-1ceqv8k{color:#1e293b;text-align:left;margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.7}.wordbyword-grid.svelte-1ceqv8k{direction:rtl;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.word-card.svelte-1ceqv8k{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.word-card.svelte-1ceqv8k:hover:not(.disabled):not(:disabled){background:#00978a0a;border-color:#00978a}.word-card.active.svelte-1ceqv8k{background:#00978a14;border-color:#00978a;transform:scale(1.02);box-shadow:0 4px 12px #00978a1f}.word-card.disabled.svelte-1ceqv8k,.word-card.svelte-1ceqv8k:disabled{cursor:default;pointer-events:none}.wbw-arabic.svelte-1ceqv8k{color:#1e293b;direction:rtl;font-size:24px;font-weight:500;line-height:1.2}.wbw-gloss.svelte-1ceqv8k{color:#00978a;text-align:center;direction:ltr;margin-top:2px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;line-height:1.2}.highlight-word.svelte-1ceqv8k{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:2px 6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-block}.highlight-word.svelte-1ceqv8k:hover:not(.disabled){color:#00978a;background:#00978a14;transform:translateY(-1px)scale(1.05)}.highlight-word.active.svelte-1ceqv8k:not(.disabled){background:#00978a26;font-weight:800;transform:scale(1.18)translateY(-3px);box-shadow:0 4px 12px #00978a26}.highlight-word.disabled.svelte-1ceqv8k{cursor:default!important;pointer-events:none!important;box-shadow:none!important;background:0 0!important;transform:none!important}.translit-text.svelte-1ceqv8k{color:#00978a;text-align:left;opacity:.85;margin-bottom:4px;font-size:12px;font-style:italic;font-weight:600;line-height:1.5}.controls-overlay.svelte-1ceqv8k{background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;padding:16px;display:flex}.actions-row.svelte-1ceqv8k{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.audio-circle-play.svelte-1ceqv8k{color:#fff;cursor:pointer;background:#00978a;border:none;border-bottom:3px solid #007a70;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .1s;display:flex}.audio-circle-play.svelte-1ceqv8k:active:not(:disabled){border-bottom-width:0;transform:translateY(3px)}.audio-circle-play.svelte-1ceqv8k:disabled{opacity:.5;cursor:default!important;pointer-events:none!important;border-bottom-width:2px!important;transform:none!important}.audio-circle-play.slow-btn.svelte-1ceqv8k{background:#10b981;border-bottom-color:#059669}.snail-icon.svelte-1ceqv8k{object-fit:contain;width:20px;height:20px}.loop-selector-row.svelte-1ceqv8k{align-items:center;gap:8px;margin-bottom:12px;display:flex}.loop-label.svelte-1ceqv8k{color:#64748b;align-items:center;gap:4px;font-size:13px;font-weight:800;display:flex}.custom-dropdown-container.svelte-1ceqv8k{position:relative}.loop-dropdown-trigger.svelte-1ceqv8k{color:#1e293b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:800;display:flex}.custom-dropdown-menu.svelte-1ceqv8k{z-index:100;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:60px;margin-bottom:8px;display:flex;position:absolute;bottom:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.dropdown-item.svelte-1ceqv8k{color:#475569;cursor:pointer;text-align:center;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:700}.dropdown-item.svelte-1ceqv8k:hover{background:#f8fafc}.dropdown-item.active.svelte-1ceqv8k{color:#00978a;background:#e6faf8}.dropdown-backdrop.svelte-1ceqv8k{z-index:90;position:fixed;inset:0}.action-helper-txt.svelte-1ceqv8k{color:#94a3b8;font-size:12px;font-weight:700}.verse-display-box.svelte-1slkt8f{box-sizing:border-box;scroll-behavior:smooth;background:#fafafa;border:2px solid #e5e5e5;border-radius:24px;width:100%;max-height:55vh;padding:20px 16px;overflow-y:auto}.view-tabs.svelte-1slkt8f{background:#f1f5f9;border-radius:14px;justify-content:center;gap:6px;margin-bottom:12px;padding:4px;display:flex}.view-tab.svelte-1slkt8f{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;transition:all .15s;display:flex}.view-tab.svelte-1slkt8f:hover:not(.active){background:#0000000a}.view-tab.active.svelte-1slkt8f{color:#00978a;background:#fff;box-shadow:0 1px 4px #0000001a}.verse-unit.svelte-1slkt8f{background:#fff;border:2px solid #0000;border-radius:20px;margin-bottom:12px;padding:16px;transition:all .3s}.verse-unit.active-verse.svelte-1slkt8f{background:#f8fafc;border-color:#00978a;border-left-style:solid;border-left-width:4px;box-shadow:0 4px 12px #00978a14}.verse-label.svelte-1slkt8f{text-transform:uppercase;color:#94a3b8;letter-spacing:.5px;text-align:left;margin-bottom:8px;font-size:11px;font-weight:800}.active-verse.svelte-1slkt8f .verse-label:where(.svelte-1slkt8f){color:#00978a}.arabic-focus-text.svelte-1slkt8f{color:#1e293b;text-align:right;direction:rtl;margin-bottom:8px;font-size:26px;line-height:2}.translation-big.svelte-1slkt8f{color:#1e293b;text-align:left;margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.7}.wordbyword-grid.svelte-1slkt8f{direction:rtl;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.word-card.svelte-1slkt8f{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.word-card.svelte-1slkt8f:hover:not(.disabled):not(:disabled){background:#00978a0a;border-color:#00978a}.word-card.active.svelte-1slkt8f{background:#00978a14;border-color:#00978a;transform:scale(1.02);box-shadow:0 4px 12px #00978a1f}.word-card.disabled.svelte-1slkt8f,.word-card.svelte-1slkt8f:disabled{cursor:default;pointer-events:none}.wbw-arabic.svelte-1slkt8f{color:#1e293b;direction:rtl;font-size:24px;font-weight:500;line-height:1.2}.wbw-gloss.svelte-1slkt8f{color:#00978a;text-align:center;direction:ltr;margin-top:2px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;line-height:1.2}.highlight-word.svelte-1slkt8f{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:2px 6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-block}.highlight-word.svelte-1slkt8f:hover:not(.disabled){color:#00978a;background:#00978a14;transform:translateY(-1px)scale(1.05)}.highlight-word.active.svelte-1slkt8f:not(.disabled){background:#00978a26;font-weight:800;transform:scale(1.18)translateY(-3px);box-shadow:0 4px 12px #00978a26}.highlight-word.disabled.svelte-1slkt8f{cursor:default!important;pointer-events:none!important;box-shadow:none!important;background:0 0!important;transform:none!important}.translit-text.svelte-1slkt8f{color:#00978a;text-align:left;opacity:.85;margin-bottom:4px;font-size:12px;font-style:italic;font-weight:600;line-height:1.5}.actions-row.svelte-1slkt8f{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.audio-circle-play.svelte-1slkt8f{color:#fff;cursor:pointer;background:#00978a;border:none;border-bottom:3px solid #007a70;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .1s;display:flex}.audio-circle-play.svelte-1slkt8f:active:not(:disabled){border-bottom-width:0;transform:translateY(3px)}.audio-circle-play.svelte-1slkt8f:disabled{opacity:.5;cursor:default!important;pointer-events:none!important;border-bottom-width:2px!important;transform:none!important}.audio-circle-play.slow-btn.svelte-1slkt8f{background:#10b981;border-bottom-color:#059669}.snail-icon.svelte-1slkt8f{object-fit:contain;width:20px;height:20px}.mic-circle-btn.svelte-1slkt8f{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .1s;display:flex}.mic-circle-btn.active.svelte-1slkt8f{color:#fff;background:#ef4444;border-color:#ef4444 #ef4444 #b91c1c;animation:1.5s infinite svelte-1slkt8f-pulse-mic}@keyframes svelte-1slkt8f-pulse-mic{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.mic-circle-btn.svelte-1slkt8f:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px)}.loop-selector-row.svelte-1slkt8f{align-items:center;gap:8px;margin-bottom:12px;display:flex}.loop-label.svelte-1slkt8f{color:#64748b;align-items:center;gap:4px;font-size:13px;font-weight:800;display:flex}.custom-dropdown-container.svelte-1slkt8f{position:relative}.loop-dropdown-trigger.svelte-1slkt8f{color:#1e293b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:800;display:flex}.custom-dropdown-menu.svelte-1slkt8f{z-index:100;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:60px;margin-bottom:8px;display:flex;position:absolute;bottom:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.dropdown-item.svelte-1slkt8f{color:#475569;cursor:pointer;text-align:center;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:700}.dropdown-item.svelte-1slkt8f:hover{background:#f8fafc}.dropdown-item.active.svelte-1slkt8f{color:#00978a;background:#e6faf8}.dropdown-backdrop.svelte-1slkt8f{z-index:90;position:fixed;inset:0}.action-helper-txt.svelte-1slkt8f{color:#94a3b8;font-size:12px;font-weight:700}.action-helper-txt.pulsing.svelte-1slkt8f{color:#ef4444;animation:1.5s infinite svelte-1slkt8f-pulse-txt}@keyframes svelte-1slkt8f-pulse-txt{0%,to{opacity:1}50%{opacity:.5}}.controls-overlay.svelte-1slkt8f{background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;padding:16px;display:flex}.success-recording-box.svelte-1slkt8f{flex-direction:column;align-items:center;width:100%;display:flex}.btn-duo.svelte-1slkt8f{cursor:pointer;background:#fff;border:2px solid;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:800;transition:all .1s;display:flex}.btn-duo.svelte-1slkt8f:active{transform:translateY(2px)}.text-success.svelte-1slkt8f{color:#00978a}.simulated-wave-container.svelte-1slkt8f{align-items:flex-end;gap:2px;height:24px;margin-bottom:8px;display:flex}.simulated-wave-container.with-margin.svelte-1slkt8f{margin-top:4px}.wave-bar.svelte-1slkt8f{background:#ef4444;border-radius:2px;width:3px;transition:height .1s}.with-margin.svelte-1slkt8f .wave-bar:where(.svelte-1slkt8f){background:#00978a}.record-flow-container.svelte-1dgldvz{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.flow-steps-row.svelte-1dgldvz{justify-content:center;align-items:center;gap:0;width:100%;display:flex}.flow-step.svelte-1dgldvz{flex-direction:column;align-items:center;gap:6px;display:flex}.flow-step-dot.svelte-1dgldvz{color:#94a3b8;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.flow-step.active.svelte-1dgldvz .flow-step-dot:where(.svelte-1dgldvz){color:#ff9600;background:#fff4e0;border-color:#ff9600;box-shadow:0 0 0 4px #ff960026}.flow-step.done.svelte-1dgldvz .flow-step-dot:where(.svelte-1dgldvz){color:#16a34a;background:#dcfce7;border-color:#22c55e}.flow-step-label.svelte-1dgldvz{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}.flow-step.active.svelte-1dgldvz .flow-step-label:where(.svelte-1dgldvz){color:#ff9600}.flow-step.done.svelte-1dgldvz .flow-step-label:where(.svelte-1dgldvz){color:#16a34a}.flow-connector.svelte-1dgldvz{background:#e2e8f0;flex:1;height:2px;margin:0 8px 22px;transition:background .3s}.flow-connector.lit.svelte-1dgldvz{background:#22c55e}.phase-status-label.svelte-1dgldvz{box-sizing:border-box;border-radius:12px;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:12px;font-weight:800;transition:all .3s;display:flex}.status-idle.svelte-1dgldvz{color:#64748b;background:#f8fafc}.status-recording.svelte-1dgldvz{color:#dc2626;background:#fff0f0}.status-qari.svelte-1dgldvz{color:#0369a1;background:#e0f2fe}.status-user.svelte-1dgldvz,.status-done.svelte-1dgldvz{color:#15803d;background:#f0fdf4}.wave-visualizer-row.svelte-1dgldvz{box-sizing:border-box;align-items:center;gap:12px;width:100%;height:60px;padding:0 8px;display:flex}.wave-avatar.svelte-1dgldvz{flex-shrink:0;font-size:24px}.wave-bars-container.svelte-1dgldvz{flex:1;justify-content:center;align-items:center;gap:3px;height:100%;display:flex}.wave-bar.svelte-1dgldvz{border-radius:4px;width:4px;transition:height .1s}.wave-bar.qari-anim.svelte-1dgldvz{background:#1cb0f6;animation:1s ease-in-out infinite alternate svelte-1dgldvz-qaripulse}@keyframes svelte-1dgldvz-qaripulse{0%{opacity:.6;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1.2)}}@keyframes svelte-1dgldvz-blink{0%,to{opacity:1}50%{opacity:.3}}.main-action-btn.svelte-1dgldvz{cursor:pointer;border:none;border-bottom:4px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:900;transition:all .15s;display:flex}.main-action-btn.svelte-1dgldvz:active:not(:disabled){border-bottom-width:1px;transform:translateY(3px)}.main-action-btn.svelte-1dgldvz:disabled{cursor:default;pointer-events:none}.btn-record.svelte-1dgldvz{color:#fff;background:#ff4b4b;border-bottom-color:#c00}.btn-stop.svelte-1dgldvz{color:#fff;background:#1e293b;border-bottom-color:#0f172a}.btn-loading.svelte-1dgldvz{color:#64748b;opacity:.9;background:#f1f5f9;border-bottom-color:#e2e8f0}.btn-retry.svelte-1dgldvz{color:#475569;background:#f1f5f9;border-bottom-color:#e2e8f0}.btn-compare.svelte-1dgldvz{color:#fff;background:#0ea5e9;border-bottom-color:#0284c7}.done-btn-row.svelte-1dgldvz{gap:12px;width:100%;display:flex}.done-btn-row.svelte-1dgldvz .main-action-btn:where(.svelte-1dgldvz){flex:1}.loading-dots.svelte-1dgldvz{gap:4px;display:flex}.loading-dots.svelte-1dgldvz span:where(.svelte-1dgldvz){background:#94a3b8;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite both svelte-1dgldvz-dotbounce}.loading-dots.svelte-1dgldvz span:where(.svelte-1dgldvz):first-child{animation-delay:-.32s}.loading-dots.svelte-1dgldvz span:where(.svelte-1dgldvz):nth-child(2){animation-delay:-.16s}@keyframes svelte-1dgldvz-dotbounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.Amiri.svelte-fa6fmz{font-family:Amiri,serif}.scramble-challenge-container.svelte-vlq0yb{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex}.audio-control-row.svelte-vlq0yb{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.inline-blank-placeholder.svelte-vlq0yb{color:#cbd5e1;letter-spacing:2px;border-bottom:2px dashed #cbd5e1;margin:0 4px;padding:0 4px;font-family:Inter,sans-serif}.inline-placed.svelte-vlq0yb{color:#1e293b;font-size:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #00978a;border-radius:0;margin:0 4px;padding:0 4px;font-family:inherit;transition:all .15s;display:inline-block}.inline-placed.svelte-vlq0yb:hover:not(:disabled){background:#00978a1a;transform:translateY(-1px)}.inline-placed.correct-revealed.svelte-vlq0yb{pointer-events:none;color:#166534!important;border-bottom-color:#22c55e!important}.audio-circle-play.svelte-vlq0yb{color:#fff;cursor:pointer;background:#00978a;border:none;border-bottom:3px solid #007a70;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .1s;display:flex}.audio-circle-play.svelte-vlq0yb:active:not(:disabled){border-bottom-width:0;transform:translateY(3px)}.audio-circle-play.small.svelte-vlq0yb{width:44px;height:44px;margin-bottom:0;font-size:18px}.audio-circle-play.slow-btn.svelte-vlq0yb{background:#10b981;border-bottom-color:#059669}.audio-control-row.svelte-vlq0yb .audio-circle-play:where(.svelte-vlq0yb){margin-bottom:0!important}.snail-icon-small.svelte-vlq0yb{object-fit:contain;width:20px;height:20px}.scramble-drop-shelf.svelte-vlq0yb{direction:rtl;border-bottom:2px solid #e2e8f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:100px;padding:12px 0;display:flex}.scramble-drop-shelf.correct.svelte-vlq0yb{border-color:#22c55e}.scramble-drop-shelf.wrong.svelte-vlq0yb{border-color:#ff4b4b}.drop-shelf-placeholder.svelte-vlq0yb{color:#94a3b8;font-size:12px;font-style:italic;font-weight:700}.scramble-source-bank.svelte-vlq0yb{direction:rtl;flex-wrap:wrap;justify-content:center;gap:8px;padding:24px 0 12px;display:flex}.scramble-word-pill.svelte-vlq0yb{color:#3c3c3c;cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #e5e5e5;border-bottom-width:4px;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:60px;padding:14px 16px 8px;transition:all .1s;display:inline-flex}.scramble-word-pill.svelte-vlq0yb .arabic-text:where(.svelte-vlq0yb){direction:rtl;font-family:Amiri,serif;font-size:18px;font-weight:700;line-height:1.1}.latin-text-mini.svelte-vlq0yb{color:#00978a;margin-top:3px;font-family:Outfit,Inter,sans-serif;font-size:11px;font-style:italic;font-weight:700;line-height:1.1}.scramble-word-pill.svelte-vlq0yb:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.scramble-word-pill.outline.svelte-vlq0yb{background:#fff;border-color:#e2e8f0}.scramble-word-pill.placed.svelte-vlq0yb{opacity:.15;pointer-events:none;box-shadow:none}.scramble-word-pill.correct-revealed.svelte-vlq0yb{pointer-events:none;color:#166534!important;background:#dcfce7!important;border-color:#22c55e #22c55e #15803d!important}.Amiri.svelte-vlq0yb{font-family:Amiri,serif}.loop-selector-row.svelte-vlq0yb{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:8px;width:100%;padding-top:12px;display:flex}.loop-label.svelte-vlq0yb{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.custom-dropdown-container.svelte-vlq0yb{display:inline-block;position:relative}.loop-dropdown-trigger.svelte-vlq0yb{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;outline:none;align-items:center;gap:6px;padding:4px 8px 4px 12px;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;transition:all .2s;display:flex}.loop-dropdown-trigger.svelte-vlq0yb:hover:not(:disabled){border-color:#cbd5e1}.loop-dropdown-trigger.svelte-vlq0yb:disabled{opacity:.5;cursor:not-allowed}.custom-dropdown-menu.svelte-vlq0yb{z-index:100;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;min-width:60px;padding:4px;display:flex;position:absolute;top:110%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001a}.dropdown-item.svelte-vlq0yb{color:#475569;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .1s}.dropdown-item.svelte-vlq0yb:hover{background:#f1f5f9}.dropdown-item.active.svelte-vlq0yb{color:#fff;background:#00978a}.dropdown-backdrop.svelte-vlq0yb{z-index:99;position:fixed;inset:0}.audio-circle-play.svelte-vlq0yb:disabled{opacity:.5;cursor:default!important;pointer-events:none!important;border-bottom-width:2px!important;transform:none!important}.latin-toggle-badge.svelte-vlq0yb{color:#475569;cursor:pointer;z-index:10;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;transition:all .2s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 2px 4px #0000000a}.latin-toggle-badge.svelte-vlq0yb:hover{background:#e2e8f0;transform:translateY(-1px)}.latin-toggle-badge.svelte-vlq0yb:active{transform:translateY(1px)}.verse-display-box.svelte-39g6lf{text-align:center;box-sizing:border-box;background:#fafafa;border:2px solid #e5e5e5;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;padding:36px 20px;display:flex}.graphic-icon.svelte-39g6lf{margin-bottom:8px;font-size:56px;animation:2s ease-in-out infinite svelte-39g6lf-floatAnimation}.mic-container.svelte-39g6lf{margin:20px 0}.mic-circle-btn.svelte-39g6lf{color:#ff4b4b;cursor:pointer;background:#fff;border:4px solid #ff4b4b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;transition:all .2s;display:flex;box-shadow:0 4px 12px #ff4b4b26}.mic-circle-btn.giant.svelte-39g6lf{border-width:6px;width:90px;height:90px;font-size:36px}.mic-circle-btn.svelte-39g6lf:disabled{opacity:.5;cursor:default!important;pointer-events:none!important}.mic-circle-btn.active.svelte-39g6lf{color:#fff;background:#ff4b4b;transform:scale(1.08);box-shadow:0 0 20px #ff4b4b66}.simulated-wave-container.svelte-39g6lf{justify-content:center;align-items:center;gap:3px;height:50px;margin:16px 0;display:flex}.simulated-wave-container.mini.svelte-39g6lf{height:30px;margin:12px 0 0}.wave-bar.svelte-39g6lf{background:#ff4b4b;border-radius:10px;width:4px;transition:height .1s}.instruction-txt.svelte-39g6lf{color:#718096;text-align:center;max-width:320px;margin:8px 0 0;font-size:13px;font-weight:700;line-height:1.5}.instruction-txt.pulsing.svelte-39g6lf{animation:1.5s infinite svelte-39g6lf-pulseAnimation}.instruction-txt.text-primary.svelte-39g6lf{color:#0ea5e9}.compare-view.svelte-39g6lf{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.transcription-card.svelte-39g6lf{box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:24px 20px;display:flex}.badge-pill.svelte-39g6lf{letter-spacing:.5px;color:#fff;border-radius:100px;padding:4px 10px;font-size:10px;font-weight:900}.badge-pill.mushaf.svelte-39g6lf{background:#00978a}.badge-pill.transcription.svelte-39g6lf{background:#0284c7}.badge-pill.linking.svelte-39g6lf{background:#ea580c}.arabic-display.svelte-39g6lf{color:#1e293b;text-align:center;direction:rtl;width:100%;padding:8px 0;font-size:28px;font-weight:700;line-height:2}.arabic-display.double.svelte-39g6lf{font-size:24px;line-height:2.2}.verse-num.svelte-39g6lf{color:#64748b;margin:0 4px;font-family:Outfit,Inter,sans-serif;font-size:18px}.card-status-txt.svelte-39g6lf{color:#64748b;text-align:center;font-size:11px;font-weight:800}.card-status-txt.success.svelte-39g6lf{color:#059669}.minimal-controls-row.svelte-39g6lf{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.minimal-btn.svelte-39g6lf{color:#475569;cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-bottom-width:4px;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;max-width:180px;padding:12px 16px;font-size:12px;font-weight:800;transition:all .15s;display:flex}.minimal-btn.svelte-39g6lf i:where(.svelte-39g6lf){font-size:14px;transition:transform .2s}.minimal-btn.svelte-39g6lf:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.minimal-btn.svelte-39g6lf:active:not(:disabled){border-bottom-width:2px;transform:translateY(1px)}.minimal-btn.active.svelte-39g6lf{color:#fff;border-bottom-width:2px;transform:translateY(1px)}.minimal-btn.play-recorded.active.svelte-39g6lf,.minimal-btn.play-combined.active.svelte-39g6lf{background:#4f46e5;border-color:#4338ca}.minimal-btn.svelte-39g6lf:disabled{opacity:.5;cursor:default!important;pointer-events:none!important}.Amiri.svelte-39g6lf{font-family:Amiri,serif}@keyframes svelte-39g6lf-floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes svelte-39g6lf-pulseAnimation{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.sliding-feedback-panel.svelte-1dwqsr3{z-index:100;background:#fff;border-top:2px solid #e2e8f0;padding:16px;animation:.25s cubic-bezier(.4,0,.2,1) svelte-1dwqsr3-slideUp;position:absolute;bottom:80px;left:0;right:0}.sliding-feedback-panel.correct.svelte-1dwqsr3{background:#dcfce7;border-top-color:#22c55e}.sliding-feedback-panel.wrong.svelte-1dwqsr3{background:#fee2e2;border-top-color:#ff4b4b}.feedback-inner-content.svelte-1dwqsr3{flex-direction:column;gap:6px;max-width:480px;margin:0 auto;display:flex}.feedback-badge.svelte-1dwqsr3{align-items:center;gap:6px;font-size:13px;font-weight:900;display:flex}.feedback-badge.correct.svelte-1dwqsr3{color:#166534}.feedback-badge.wrong.svelte-1dwqsr3{color:#991b1b}.feedback-msg.svelte-1dwqsr3{color:#4b5563;margin:0;font-size:11px;font-weight:700;line-height:1.4}@keyframes svelte-1dwqsr3-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sliding-feedback-panel.anim-correct{animation:.25s cubic-bezier(.4,0,.2,1) svelte-1dwqsr3-slideUp,.6s ease-out svelte-1dwqsr3-correctFlash!important}.sliding-feedback-panel.anim-correct .feedback-badge.svelte-1dwqsr3{animation:.6s cubic-bezier(.175,.885,.32,1.275) svelte-1dwqsr3-badgeBounce!important}@keyframes svelte-1dwqsr3-correctFlash{0%{box-shadow:0 0 #22c55e00}30%{box-shadow:0 0 0 12px #22c55e59}60%{box-shadow:0 0 0 24px #22c55e26}to{box-shadow:0 0 0 32px #22c55e00}}@keyframes svelte-1dwqsr3-badgeBounce{0%{opacity:0;transform:scale(.3)translateY(8px)}50%{opacity:1;transform:scale(1.3)translateY(-4px)}75%{transform:scale(.9)translateY(2px)}to{transform:scale(1)translateY(0)}}.sliding-feedback-panel.anim-wrong{animation:.25s cubic-bezier(.4,0,.2,1) svelte-1dwqsr3-slideUp,.5s ease-out svelte-1dwqsr3-wrongPulse!important}.sliding-feedback-panel.anim-wrong .feedback-badge.svelte-1dwqsr3{animation:.5s ease-out svelte-1dwqsr3-badgeWobble!important}@keyframes svelte-1dwqsr3-wrongPulse{0%{box-shadow:0 0 #ef444400}30%{box-shadow:0 0 0 10px #ef444466}70%{box-shadow:0 0 0 20px #ef444426}to{box-shadow:0 0 0 28px #ef444400}}@keyframes svelte-1dwqsr3-badgeWobble{0%{transform:translate(0)}15%{transform:translate(-8px)rotate(-3deg)}30%{transform:translate(7px)rotate(3deg)}45%{transform:translate(-6px)rotate(-2deg)}60%{transform:translate(5px)rotate(2deg)}75%{transform:translate(-3px)}to{transform:translate(0)}}.tajwid-card.svelte-izqhk9{background:#fff;border-radius:14px;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #0000000f}.card-header.svelte-izqhk9{color:#fff;cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;transition:filter .15s;display:flex}.card-header.svelte-izqhk9:hover{filter:brightness(1.08)}.header-text.svelte-izqhk9{flex-direction:column;gap:2px;display:flex}.color-name.svelte-izqhk9{letter-spacing:.8px;opacity:.85;text-transform:uppercase;font-size:10px;font-weight:700}.cat-title.svelte-izqhk9{font-size:17px;font-weight:800}.header-right.svelte-izqhk9{align-items:center;gap:10px;display:flex}.arabic-title.svelte-izqhk9{text-shadow:0 1px 4px #0000002e;font-family:Amiri,Scheherazade New,serif;font-size:24px;font-weight:700}.chevron-icon.svelte-izqhk9{opacity:.9;font-size:16px}.card-body.svelte-izqhk9{padding:0 16px}.list-item.svelte-izqhk9{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:13px 0;transition:opacity .15s;display:flex}.list-item.svelte-izqhk9:hover{opacity:.65}.item-left.svelte-izqhk9{align-items:center;gap:12px;display:flex}.circle-dot.svelte-izqhk9{background:0 0;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:10px;height:10px}.item-name.svelte-izqhk9{color:#374151;font-size:13.5px;font-weight:600}.item-arrow.svelte-izqhk9{color:#cbd5e1;flex-shrink:0;font-size:15px}.item-detail.svelte-izqhk9{background:#f8fafc;border-radius:10px;margin:0 0 10px 22px;padding:12px 14px}.detail-description.svelte-izqhk9{color:#475569;margin:0 0 12px;font-size:12.5px;line-height:1.65}.detail-meta.svelte-izqhk9{flex-direction:column;gap:10px;display:flex}.meta-row.svelte-izqhk9{flex-direction:column;gap:4px;display:flex}.meta-label.svelte-izqhk9{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;font-size:10px;font-weight:700}.meta-value.svelte-izqhk9{color:#374151;font-size:13px;font-weight:600}.mixed-text.svelte-izqhk9{color:#1e293b;font-family:Amiri,Inter,sans-serif;font-size:14.5px;line-height:1.5}.contoh-box.svelte-izqhk9{border:1.5px solid;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.contoh-arab.svelte-izqhk9{color:#1e293b;text-align:right;direction:rtl;font-family:Amiri,Scheherazade New,serif;font-size:24px;font-weight:700;line-height:1.6}.contoh-latin.svelte-izqhk9{color:#64748b;font-size:12px;font-style:italic;font-weight:600}.contoh-arti.svelte-izqhk9{color:#94a3b8;font-size:11.5px;font-weight:500;line-height:1.5}.divider.svelte-izqhk9{background-color:#f1f5f9;height:1px}.screen.svelte-1ab1wuk{background-color:#f1f5f9;flex-direction:column;width:100%;height:100%;font-family:Plus Jakarta Sans,Inter,sans-serif;display:flex;overflow:hidden}.screen.modal-overlay.svelte-1ab1wuk{z-index:1000;position:absolute;top:0;left:0}.app-header.svelte-1ab1wuk{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex}.icon-btn.svelte-1ab1wuk{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background .18s;display:flex}.icon-btn.svelte-1ab1wuk:hover{background:#f1f5f9}.page-title.svelte-1ab1wuk{color:#1e293b;margin:0;font-size:17px;font-weight:700}.tajwid-content.svelte-1ab1wuk{flex-direction:column;flex:1;gap:14px;padding:16px 14px;display:flex;overflow-y:auto}.subtitle.svelte-1ab1wuk{text-align:center;color:#94a3b8;letter-spacing:.2px;margin:0 0 4px;font-size:11px;font-weight:600}.streak-overlay-page.svelte-1nwhl3d{z-index:200;background:#fff;flex-direction:column;justify-content:space-between;padding:40px 24px;animation:.4s cubic-bezier(.175,.885,.32,1.275) svelte-1nwhl3d-slideInUp;display:flex;position:fixed;inset:0}.streak-content.svelte-1nwhl3d{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.streak-icon.svelte-1nwhl3d{color:#ff9600;filter:drop-shadow(0 10px 20px #ff96004d);margin-bottom:24px;font-size:80px;animation:1.5s infinite svelte-1nwhl3d-pulseHeart}.streak-title.svelte-1nwhl3d{color:#ff9600;letter-spacing:-.5px;margin:0 0 12px;font-size:28px;font-weight:900}.streak-desc.svelte-1nwhl3d{color:#64748b;max-width:280px;margin:0 0 32px;font-size:15px;font-weight:700;line-height:1.5}.streak-reward.svelte-1nwhl3d{background:#fffbf2;border:3px solid #ffe4b3;border-radius:24px;align-items:baseline;gap:8px;padding:16px 32px;animation:.5s cubic-bezier(.175,.885,.32,1.275) .2s both svelte-1nwhl3d-popIn;display:flex}.streak-reward.svelte-1nwhl3d .plus-text:where(.svelte-1nwhl3d){color:#ff9600;font-size:32px;font-weight:900}.streak-reward.svelte-1nwhl3d .streak-label:where(.svelte-1nwhl3d){color:#d97706;font-size:20px;font-weight:800}.streak-footer.svelte-1nwhl3d{width:100%;padding-top:24px}.streak-continue-btn.svelte-1nwhl3d{text-transform:uppercase;letter-spacing:1px;width:100%;padding:18px;font-size:16px}.streak-icon.milestone.svelte-1nwhl3d{color:#ef4444;animation:1.2s infinite svelte-1nwhl3d-pulseHeart}.milestone-badge-container.svelte-1nwhl3d{width:100%;max-width:320px;margin-top:20px}.milestone-card.svelte-1nwhl3d{background:linear-gradient(135deg,#fffcf0 0%,#fff4cc 100%);border:2px solid #fbbf24;border-radius:24px;padding:24px;box-shadow:0 10px 25px #fbbf2433}.pekan-label.svelte-1nwhl3d{color:#92400e;margin-bottom:12px;font-size:14px;font-weight:800;line-height:1.4}.gem-reward-display.svelte-1nwhl3d{justify-content:center;align-items:center;gap:10px;display:flex}.gem-icon.svelte-1nwhl3d{font-size:32px}.gem-amount.svelte-1nwhl3d{color:#00978a;font-size:28px;font-weight:900}@keyframes svelte-1nwhl3d-slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes svelte-1nwhl3d-pulseHeart{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes svelte-1nwhl3d-popIn{0%{opacity:0;transform:scale(.5)}80%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.confetti-canvas.svelte-1nwhl3d{pointer-events:none;z-index:9999;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes svelte-1nwhl3d-heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}@keyframes svelte-1nwhl3d-modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.step-title-display.svelte-1nwhl3d{color:#3c3c3c;letter-spacing:-.5px;margin:0 0 4px;font-size:20px;font-weight:900}.step-description.svelte-1nwhl3d{color:#64748b;margin:0 0 20px;font-size:12px;font-weight:700;line-height:1.4}.exercise-card-container.svelte-1nwhl3d{flex-direction:column;flex:1;justify-content:center;min-height:300px;margin-bottom:20px;display:flex}.sparkles-overlay.svelte-1nwhl3d{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.sparkle-element.svelte-1nwhl3d{opacity:0;text-shadow:0 0 10px #ffd700cc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes svelte-1nwhl3d-sparkleBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1) rotate(calc(var(--rot) / 2))}80%{opacity:1;transform:translate(calc(-50% + var(--tx) * 1.5), calc(-50% + var(--ty) * 1.5)) scale(.8) rotate(var(--rot))}to{opacity:0;transform:translate(calc(-50% + var(--tx) * 2), calc(-50% + var(--ty) * 2)) scale(0) rotate(calc(var(--rot) * 1.5))}}@keyframes svelte-1nwhl3d-confettiFall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)}20%{opacity:1}80%{opacity:.7}to{opacity:0;transform:translateY(calc(var(--speed-y) * 120px)) translateX(calc(var(--speed-x) * 80px)) rotate(calc(var(--rot-speed) * 15))}}.lesson-footer-actions.svelte-1nwhl3d{background:#fff;border-top:2px solid #f1f5f9;width:100%;display:flex}.btn-duo.svelte-1nwhl3d{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-bottom:4px solid;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:15px;font-weight:900;transition:all .15s;display:flex}.btn-duo.svelte-1nwhl3d:active:not(:disabled){border-bottom-width:0;margin-top:4px;transform:translateY(4px)}.btn-duo.btn-green.svelte-1nwhl3d{color:#fff;background:#00978a;border-color:#007a70}.btn-duo.btn-red.svelte-1nwhl3d{color:#fff;background:#ff4b4b;border-color:#d63d3d}.btn-duo.svelte-1nwhl3d:disabled,.btn-disabled.svelte-1nwhl3d{color:#afafaf;cursor:not-allowed;background:#e5e5e5;border-color:#d4d4d4}@keyframes svelte-1nwhl3d-screenShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.small-btn.svelte-eq1wja{border-radius:12px;flex:1;padding:10px;font-size:11px}.disabled.svelte-eq1wja{color:#afafaf;cursor:not-allowed;border-color:#eee}.verse-card.svelte-eq1wja{background:linear-gradient(135deg,#1a6b3c,#2ea65c);border-radius:16px;margin-bottom:14px;padding:20px;box-shadow:0 4px 12px #2ea65c33}.verse-label.svelte-eq1wja{text-transform:uppercase;letter-spacing:1px;color:#ffffffb3;margin-bottom:10px;font-size:10px;font-weight:800}.arabic-text.svelte-eq1wja{color:#fff;direction:rtl;margin-bottom:12px;font-family:serif;font-size:22px;line-height:1.8}.translation.svelte-eq1wja{color:#ffffffd9;font-size:13px;font-style:italic;font-weight:700}.reference.svelte-eq1wja{color:#fff9;margin-top:6px;font-size:11px;font-weight:700}.theme-card.svelte-eq1wja{cursor:pointer;text-align:left;border:2px solid #0000;border-radius:16px;padding:16px;font-size:13px;font-weight:800;transition:all .2s}.theme-card.blue.svelte-eq1wja{color:#0898dc;background:#ddf4ff;border-bottom:4px solid #0898dc}.theme-card.green.svelte-eq1wja{color:#46a302;background:#d7ffb2;border-bottom:4px solid #46a302}.theme-card.orange.svelte-eq1wja{color:#cc7000;background:#fff7e6;border-bottom:4px solid #cc7000}.theme-card.red.svelte-eq1wja{color:#c00;background:#ffdfe0;border-bottom:4px solid #c00}.theme-card.purple.svelte-eq1wja{color:#7b1fa2;background:#f3e5f5;border-bottom:4px solid #7b1fa2}.theme-card.cyan.svelte-eq1wja{color:#00838f;background:#e0f7fa;border-bottom:4px solid #00838f}.theme-card.svelte-eq1wja:active{border-bottom-width:2px;transform:translateY(2px)}.step-card.svelte-eq1wja{text-align:center;background:#fff;border:2px solid #e5e5e5;border-bottom-width:4px;border-radius:20px;padding:24px;box-shadow:0 4px #e5e5e5}.step-textarea.svelte-eq1wja{resize:none;border:2px solid #e5e5e5;border-radius:12px;outline:none;width:100%;height:100px;margin-top:16px;padding:12px;font-family:inherit;font-size:14px}.option-card.svelte-eq1wja{color:#3c3c3c;cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e5e5;border-bottom-width:4px;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:14px;font-weight:700}.option-card.selected.svelte-eq1wja{color:#0898dc;background:#ddf4ff;border-color:#1cb0f6 #1cb0f6 #0898dc}.themes-grid.svelte-eq1wja{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.desktop-browser .themes-grid.svelte-eq1wja{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto 20px}.tablet .themes-grid.svelte-eq1wja{grid-template-columns:repeat(3,1fr);gap:16px;max-width:760px;margin:0 auto 20px}.desktop-browser .step-card.svelte-eq1wja{max-width:760px;margin:20px auto;padding:50px}.tablet .step-card.svelte-eq1wja{max-width:600px;margin:20px auto;padding:40px}.desktop-browser .verse-card.svelte-eq1wja{max-width:1000px;margin:20px auto;padding:40px}.tablet .verse-card.svelte-eq1wja{max-width:760px;margin:20px auto;padding:30px}.desktop-browser .section-label.svelte-eq1wja{max-width:1000px;margin:20px auto 10px!important}.tablet .section-label.svelte-eq1wja{max-width:760px;margin:20px auto 10px!important}.desktop-browser .scroll-content.svelte-eq1wja,.tablet .scroll-content.svelte-eq1wja{padding:24px!important}.earnings-header.svelte-1aeg1ap{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.back-btn.svelte-1aeg1ap{color:#3c3c3c;cursor:pointer;background:0 0;border:none;font-size:20px}.balance-card.svelte-1aeg1ap{background:linear-gradient(135deg,#1cb0f6,#0898dc);border-radius:24px;flex-direction:column;gap:20px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 10px 20px #1cb0f633}.withdraw-btn.svelte-1aeg1ap{color:#1cb0f6;cursor:pointer;background:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000001a}.withdraw-btn.svelte-1aeg1ap:active{transform:scale(.98);box-shadow:0 2px 5px #0000001a}.custom-alert-overlay.svelte-1aeg1ap{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.custom-alert-box.svelte-1aeg1ap{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:320px;padding:24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) svelte-1aeg1ap-slideUpScale}.alert-icon.svelte-1aeg1ap{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:28px;display:flex}.alert-actions.svelte-1aeg1ap{gap:12px;display:flex}.alert-btn.svelte-1aeg1ap{cursor:pointer;border-radius:12px;flex:1;padding:12px;font-size:13px;font-weight:800}.alert-btn.primary.svelte-1aeg1ap{color:#fff}.alert-btn.secondary.svelte-1aeg1ap{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}@keyframes svelte-1aeg1ap-slideUpScale{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.stats-grid.svelte-1aeg1ap{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.stat-item.svelte-1aeg1ap{background:#fff;border:1px solid #f0f0f0;border-radius:20px;align-items:center;gap:12px;padding:12px;display:flex}.stat-icon.svelte-1aeg1ap{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.stat-label.svelte-1aeg1ap{color:#afafaf;text-transform:uppercase;font-size:9px;font-weight:800}.stat-value.svelte-1aeg1ap{color:#3c3c3c;font-size:15px;font-weight:900}.card.svelte-1aeg1ap{background:#fff;border:1px solid #f0f0f0;border-radius:24px;margin-bottom:24px;padding:16px}.card-header.svelte-1aeg1ap{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-container.svelte-1aeg1ap{width:100%;height:100px;margin:10px 0}.chart.svelte-1aeg1ap{width:100%;height:100%;overflow:visible}.chart-labels.svelte-1aeg1ap{color:#afafaf;justify-content:space-between;padding:0 4px;font-size:10px;font-weight:800;display:flex}.transaction-list.svelte-1aeg1ap{flex-direction:column;gap:8px;display:flex}.transaction-item.svelte-1aeg1ap{background:#fff;border:1px solid #f0f0f0;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.tx-icon.svelte-1aeg1ap{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.feedback-header.svelte-ir1agw{text-align:center;background:linear-gradient(135deg, var(--duo-green), var(--duo-green-dark));padding:50px 20px 90px;position:relative}.success-icon.svelte-ir1agw{text-shadow:0 10px 20px #0000001a;font-size:64px;line-height:1;animation:1.5s ease-in-out infinite alternate svelte-ir1agw-bounce}@keyframes svelte-ir1agw-bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-10px)scale(1.05)}}.musyrif-card.svelte-ir1agw{text-align:center;z-index:10;background:#fff;border:1px solid #ffffff80;border-radius:24px;margin-top:-30px;margin-bottom:32px;padding:0 20px 24px;position:relative;box-shadow:0 16px 32px #00000014}.avatar.svelte-ir1agw{object-fit:cover;background:#f0f0f0;border:4px solid #fff;border-radius:50%;width:86px;height:86px;margin-top:-43px;margin-bottom:12px;box-shadow:0 8px 16px #00000026}.section.svelte-ir1agw{margin-bottom:24px}.section-title.svelte-ir1agw{color:#3c3c3c;text-align:center;margin-bottom:16px;font-size:14px;font-weight:900}.stars-container.svelte-ir1agw{justify-content:center;gap:12px;display:flex}.star-btn.svelte-ir1agw{color:#e5e5e5;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:44px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.star-btn.active.svelte-ir1agw{color:#ffc800;text-shadow:0 4px 12px #ffc80066;transform:scale(1.15)}.tags-container.svelte-ir1agw{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tag-btn.svelte-ir1agw{color:#afafaf;cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-bottom-width:4px;border-radius:100px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:800;transition:all .2s}.tag-btn.selected.svelte-ir1agw{border-color:var(--duo-green);color:var(--duo-green);background:#dbf0ee}.tag-btn.svelte-ir1agw:active{border-bottom-width:2px;transform:translateY(2px)}.tipping-section.svelte-ir1agw{background:linear-gradient(135deg,#ce82ff,#a52adb);border-radius:24px;padding:24px;box-shadow:0 8px 16px #ce82ff4d}.tip-options.svelte-ir1agw{justify-content:center;gap:10px;margin-bottom:12px;display:flex}.tip-btn.svelte-ir1agw{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff6;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px;font-size:14px;font-weight:900;transition:all .2s;display:flex}.tip-btn.selected.svelte-ir1agw{color:#a52adb;background:#fff;border-color:#fff;transform:scale(1.05)}.custom-tip-input.svelte-ir1agw{text-align:center;color:#3c3c3c;border:none;border-radius:16px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:900}.fade-in.svelte-ir1agw{animation:.4s ease-out svelte-ir1agw-fadeIn}@keyframes svelte-ir1agw-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bottom-action.svelte-ir1agw{background:#fff;border-top:2px solid #f0f0f0;padding:20px}.kpi-row.svelte-1u80595{gap:8px;display:flex}.kpi-card.svelte-1u80595{background:#fff;border:2px solid #e5e5e5;border-radius:14px;flex:1;padding:10px 10px 8px}.kpi-label.svelte-1u80595{color:#afafaf;text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:800}.kpi-val.svelte-1u80595{margin-top:2px;font-size:17px;font-weight:900;line-height:1.1}.kpi-change.svelte-1u80595{align-items:center;gap:2px;font-size:8px;font-weight:800;display:flex}.alert-row.svelte-1u80595{border:1.5px solid;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.alert-text.svelte-1u80595{flex:1;font-size:10px;font-weight:800}.chart-card.svelte-1u80595{background:#fafafa;border:2px solid #e5e5e5;border-radius:14px;padding:12px}.bar-chart.svelte-1u80595{align-items:flex-end;gap:6px;height:80px;display:flex}.bar-col.svelte-1u80595{flex-direction:column;flex:1;align-items:center;gap:2px;height:100%;display:flex}.bar-track.svelte-1u80595{flex:1;align-items:flex-end;width:100%;display:flex}.bar-fill.svelte-1u80595{border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s}.bar-value.svelte-1u80595{color:#afafaf;font-size:7px;font-weight:800}.bar-label.svelte-1u80595{color:#afafaf;font-size:8px;font-weight:800}.donut-row.svelte-1u80595{gap:10px;display:flex}.donut-card.svelte-1u80595{background:#fff;border:2px solid #e5e5e5;border-radius:14px;flex:1;align-items:center;gap:10px;padding:12px;display:flex}.donut-label.svelte-1u80595{color:#1e293b;flex:1;font-size:10px;font-weight:800;line-height:1.3}.stat-banner.svelte-1ni9yn4{border:2px solid #ede8ff;border-radius:14px;padding:12px}.stat-banner-row.svelte-1ni9yn4{justify-content:space-between;display:flex}.stat-cell.svelte-1ni9yn4{text-align:center;flex:1}.stat-cell-val.svelte-1ni9yn4{font-size:16px;font-weight:900}.stat-cell-label.svelte-1ni9yn4{color:#64748b;text-transform:uppercase;font-size:8px;font-weight:800}.chart-card.svelte-1ni9yn4{background:#fafafa;border:2px solid #e5e5e5;border-radius:14px;margin-bottom:8px;padding:12px}.user-row-card.svelte-1ni9yn4{background:#fff;border:2px solid #e5e5e5;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.user-avatar.svelte-1ni9yn4{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.user-row-name.svelte-1ni9yn4{color:#1e293b;font-size:12px;font-weight:800}.user-row-info.svelte-1ni9yn4{color:#64748b;margin-top:1px;font-size:9px;font-weight:700}.tag.svelte-1ni9yn4{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:7px;font-weight:900}.mini-btn.svelte-1ni9yn4{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:5px 10px;font-family:Nunito,sans-serif;font-size:9px;font-weight:900}.progress-pill.svelte-1ni9yn4{color:var(--admin-purple);background:#ede8ff;border-radius:8px;padding:4px 8px;font-size:9px;font-weight:900}.revenue-hero.svelte-rwi9sx{background:var(--admin-purple);color:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 24px #7c5cfc40}.revenue-label.svelte-rwi9sx{opacity:.7;text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:900}.revenue-val.svelte-rwi9sx{letter-spacing:-1px;margin:4px 0 2px;font-size:26px;font-weight:900}.revenue-change.svelte-rwi9sx{color:#86efac;align-items:center;gap:4px;margin-bottom:12px;font-size:10px;font-weight:800;display:flex}.revenue-sub-row.svelte-rwi9sx{border-top:1px solid #fff3;gap:12px;padding-top:12px;display:flex}.revenue-sub.svelte-rwi9sx{text-align:center;flex:1}.live-grid.svelte-rwi9sx{gap:8px;display:flex}.live-stat-card.svelte-rwi9sx{text-align:center;border:2px solid;border-radius:12px;flex:1;padding:10px}.musyrif-perf-card.svelte-rwi9sx{background:#fff;border:2px solid #e5e5e5;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.rank-badge.svelte-rwi9sx{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:900;display:flex}.musyrif-avatar.svelte-rwi9sx{background:#ede8ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.perf-bar-track.svelte-rwi9sx{background:#f0f0f0;border-radius:4px;height:4px;margin-top:5px;overflow:hidden}.perf-bar-fill.svelte-rwi9sx{border-radius:4px;height:100%}.trend-badge.svelte-rwi9sx{border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:9px;font-weight:900}.user-row-name.svelte-rwi9sx{color:#1e293b;font-size:12px;font-weight:800}.user-row-info.svelte-rwi9sx{color:#64748b;margin-top:1px;font-size:9px;font-weight:700}.warn-card.svelte-rwi9sx{background:#fff;border:2px solid #fecaca;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.warn-icon.svelte-rwi9sx{flex-shrink:0;font-size:22px}.mini-btn.svelte-rwi9sx{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:5px 10px;font-family:Nunito,sans-serif;font-size:9px;font-weight:900}.topbar.svelte-e7x6kk{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.live-badge.svelte-e7x6kk{color:#fff;letter-spacing:1px;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:8px;font-weight:900;display:flex}.live-dot.svelte-e7x6kk{background:#ef4444;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.2s infinite svelte-e7x6kk-pulse-dot}@keyframes svelte-e7x6kk-pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.icon-btn-white.svelte-e7x6kk{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;position:relative}.notif-dot.svelte-e7x6kk{background:#ef4444;border:1.5px solid #7c5cfc;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.tab-nav.svelte-e7x6kk{background:#fff;border-bottom:2px solid #f0f0f0;display:flex}.tab-btn.svelte-e7x6kk{color:#afafaf;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-family:Nunito,sans-serif;font-size:10px;font-weight:800;transition:all .2s;display:flex}.tab-btn.active.svelte-e7x6kk{color:var(--admin-purple);border-bottom-color:var(--admin-purple)}.quests-screen.svelte-467hyi{background:#f1f5f9;flex-direction:column;height:100%;font-family:Nunito,sans-serif;display:flex;overflow:hidden}.top-header.svelte-467hyi{z-index:10;background:#f1f5f9;justify-content:center;padding:16px 20px 0;display:flex;position:sticky;top:0}.desktop-browser .top-header.svelte-467hyi{justify-content:flex-end;padding:24px 32px 0;position:static}.wallet-pills.svelte-467hyi{gap:12px;display:flex}.desktop-browser .wallet-pills.svelte-467hyi{gap:20px}.pill.svelte-467hyi{background:#fff;border:2px solid #e5e5e5;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:800;display:flex}.scroll-content.svelte-467hyi{flex:1;padding:0 16px 100px;overflow-y:auto}.desktop-browser .scroll-content.svelte-467hyi{padding:32px}.quests-layout.svelte-467hyi{gap:40px;max-width:1000px;margin:0 auto;display:flex}.main-column.svelte-467hyi{flex:1;min-width:0}.side-column.svelte-467hyi{flex-shrink:0;width:320px;display:none}.desktop-browser .side-column.svelte-467hyi{display:block}.mobile-tabs.svelte-467hyi{border-bottom:2px solid #e5e5e5;margin-top:16px;margin-bottom:24px;display:flex}.m-tab.svelte-467hyi{color:#afafaf;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;flex:1;padding:16px 0;font-size:13px;font-weight:900;position:relative}.m-tab.active.svelte-467hyi{color:#00978a}.m-tab.active.svelte-467hyi:after{content:"";background:#00978a;height:2px;position:absolute;bottom:-2px;left:0;right:0}.quests-banner.svelte-467hyi{background:#00978a;border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 4px #007a6f}.banner-body.svelte-467hyi{justify-content:space-between;align-items:center;gap:20px;display:flex}.banner-text.svelte-467hyi h2:where(.svelte-467hyi){color:#fff;margin-bottom:8px;font-size:24px;font-weight:900}.banner-text.svelte-467hyi p:where(.svelte-467hyi){color:#e0f2f1;font-size:14px;font-weight:700;line-height:1.4}.banner-icon.svelte-467hyi img:where(.svelte-467hyi){object-fit:contain;width:90px;height:90px}.section-header.svelte-467hyi{justify-content:space-between;align-items:flex-end;margin-bottom:16px;padding-bottom:8px;display:flex}.section-header.svelte-467hyi h3:where(.svelte-467hyi){color:#3c3c3c;font-size:22px;font-weight:900}.timer.svelte-467hyi{color:#ff9600;text-transform:uppercase;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.quest-cards.svelte-467hyi{flex-direction:column;gap:16px;display:flex}.quest-card.svelte-467hyi{background:#fff;border:2px solid #e5e5e5;border-radius:16px;align-items:center;gap:20px;padding:20px;display:flex;box-shadow:0 4px #e5e5e5}.card-icon.svelte-467hyi{justify-content:center;align-items:center;display:flex}.check-icon.svelte-467hyi{color:#afafaf;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:900;display:flex}.card-content.svelte-467hyi{flex-direction:column;flex:1;gap:12px;display:flex}.quest-title.svelte-467hyi{color:#3c3c3c;font-size:16px;font-weight:900}.quest-title.completed-text.svelte-467hyi{color:#afafaf;text-decoration:line-through}.quest-progress-container.svelte-467hyi{align-items:center;gap:16px;display:flex}.progress-bar-bg.svelte-467hyi{background:#e6f2e9}.progress-bar-fill.svelte-467hyi{background:#00978a}.progress-bar-bg.svelte-467hyi{background:#f1f5f9;border-radius:8px;flex:1;height:16px;position:relative}.progress-bar-fill.svelte-467hyi{background:#ff9600;border-radius:8px;justify-content:center;align-items:center;min-width:15%;height:100%;display:flex}.progress-text.svelte-467hyi{color:#fff;text-align:center;width:100%;font-size:10px;font-weight:900;position:absolute}.reward-tag.svelte-467hyi{color:#ff9600;font-size:14px;font-weight:900}.reward-pill.svelte-467hyi{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-self:flex-start;padding:6px 12px;font-size:13px;font-weight:800}.claim-quest-btn.svelte-467hyi{color:#fff;cursor:pointer;text-transform:uppercase;background:#1cb0f6;border:none;border-radius:10px;align-self:flex-start;padding:8px 20px;font-size:14px;font-weight:900;box-shadow:0 4px #1899d6}.claim-quest-btn.svelte-467hyi:active{box-shadow:none;transform:translateY(4px)}.claimed-card.svelte-467hyi .check-icon:where(.svelte-467hyi){color:#10b981;background:#ecfdf5;border:2px solid #6ee7b7}.locked-card.svelte-467hyi{box-shadow:none;background:#fafafa;border:2px dashed #d1d5db}.locked-card.svelte-467hyi .card-icon:where(.svelte-467hyi){color:#afafaf;justify-content:center;align-items:center;width:36px;height:36px;font-size:28px;display:flex}.locked-text.svelte-467hyi{color:#afafaf;font-size:15px;font-weight:800}.monthly-challenge-card.svelte-467hyi{background:#fff;border:2px solid #e5e5e5;border-radius:16px;margin-top:100px;padding:24px;box-shadow:0 4px #e5e5e5}.challenge-header.svelte-467hyi{justify-content:space-between;gap:16px;margin-bottom:24px;display:flex}.challenge-text.svelte-467hyi h3:where(.svelte-467hyi){color:#3c3c3c;margin-bottom:12px;font-size:16px;font-weight:900;line-height:1.3}.challenge-text.svelte-467hyi p:where(.svelte-467hyi){color:#777;font-size:13px;font-weight:700;line-height:1.4}.badge-cluster.svelte-467hyi{width:70px;height:70px;position:relative}.badge-circle.svelte-467hyi{border-radius:50%;position:absolute}.green-badge.svelte-467hyi{background:#10b981;width:50px;height:50px;top:0;right:-10px}.yellow-badge.svelte-467hyi{z-index:2;background:#ff9600;justify-content:center;align-items:center;width:64px;height:64px;display:flex;bottom:0;left:0;box-shadow:0 4px #cc7800}.start-lesson-btn.svelte-467hyi{color:#00978a;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:2px solid #e5e5e5;border-radius:12px;width:100%;padding:14px;font-size:14px;font-weight:900;transition:all .2s}.start-lesson-btn.svelte-467hyi:hover{background:#f0fdfa;border-color:#00978a}.footer-links.svelte-467hyi{text-align:center;margin-top:32px;line-height:2.5}.footer-links.svelte-467hyi a:where(.svelte-467hyi){color:#afafaf;margin:0 10px;font-size:11px;font-weight:800;text-decoration:none}.footer-links.svelte-467hyi a:where(.svelte-467hyi):hover{color:#00978a}.mobile-pencapaian-tab.svelte-467hyi{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.badge-cluster-large.svelte-467hyi{width:140px;height:120px;margin-bottom:32px;position:relative}.badge-circle-large.svelte-467hyi{border-radius:50%;position:absolute}.badge-cluster-large.svelte-467hyi .green-badge:where(.svelte-467hyi){z-index:1;background:#10b981;width:70px;height:70px;top:20px;right:0}.badge-cluster-large.svelte-467hyi .blue-badge:where(.svelte-467hyi){z-index:1;background:#38bdf8;width:60px;height:60px;top:30px;left:0}.badge-cluster-large.svelte-467hyi .yellow-badge:where(.svelte-467hyi){z-index:2;background:#ff9600;justify-content:center;align-items:center;width:100px;height:100px;display:flex;top:0;left:20px;box-shadow:0 4px #cc7800}.pencapaian-title.svelte-467hyi{color:#3c3c3c;margin-bottom:16px;font-size:20px;font-weight:900;line-height:1.3}.pencapaian-desc.svelte-467hyi{color:#777;max-width:280px;font-size:15px;font-weight:700;line-height:1.5}.desktop-browser .mobile-tabs.svelte-467hyi{display:none!important}.alert-overlay.svelte-467hyi{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;background:#00000080;justify-content:center;align-items:center;animation:.3s svelte-467hyi-fadeIn;display:flex;position:fixed;inset:0}@keyframes svelte-467hyi-fadeIn{0%{opacity:0}to{opacity:1}}.alert-card.svelte-467hyi{background:#fff;border-radius:20px;max-width:320px;padding:32px 24px;animation:.3s ease-out svelte-467hyi-slideUp;box-shadow:0 8px 32px #0003}@keyframes svelte-467hyi-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.alert-title.svelte-467hyi{color:#3c3c3c;text-align:center;margin-bottom:24px;font-size:16px;font-weight:800;line-height:1.4}.alert-buttons.svelte-467hyi{gap:12px;display:flex}.btn-cancel.svelte-467hyi{color:#afafaf;cursor:pointer;background:#f1f5f9;border:2px solid #e5e5e5;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:800;transition:all .2s}.btn-cancel.svelte-467hyi:hover{background:#e5e5e5}.btn-confirm.svelte-467hyi{color:#fff;cursor:pointer;background:#00978a;border:2px solid #00978a;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:800;transition:all .2s}.btn-confirm.svelte-467hyi:hover{background:#007a6f;border-color:#007a6f}.btn-confirm.full-width.svelte-467hyi{width:100%}.btn-watch-ads.svelte-467hyi{color:#fff;cursor:pointer;text-transform:uppercase;background:#1cb0f6;border:2px solid #0ea5e9;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:900;transition:all .15s;box-shadow:0 4px #0284c7}.btn-watch-ads.svelte-467hyi:active{box-shadow:none;transform:translateY(4px)}.guide-screen.svelte-11xkbu1{background:#f5f9f6;flex-direction:column;height:100%;display:flex}.guide-header.svelte-11xkbu1{background:linear-gradient(135deg,#063 0%,#00978a 100%);padding:20px 16px 16px;position:relative;overflow:hidden}.guide-header.svelte-11xkbu1:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#ffd7000f 0 1px,#0000 1px 12px),repeating-linear-gradient(-45deg,#ffd7000f 0 1px,#0000 1px 12px);position:absolute;inset:0}.guide-header-inner.svelte-11xkbu1{justify-content:center;align-items:center;gap:12px;display:flex}.header-ornament.svelte-11xkbu1{border:2px solid #ffd70080;border-radius:50%;flex-shrink:0;width:32px;height:32px}.header-ornament.left.svelte-11xkbu1{border-bottom:none;border-right:none}.header-ornament.right.svelte-11xkbu1{border-top:none;border-left:none}.header-content.svelte-11xkbu1{text-align:center}.header-icon.svelte-11xkbu1{margin-bottom:4px;font-size:32px;line-height:1}.guide-header.svelte-11xkbu1 h1:where(.svelte-11xkbu1){color:#fff;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:900}.guide-header.svelte-11xkbu1 p:where(.svelte-11xkbu1){color:#fffc;margin:4px 0 0;font-size:12px}.bismillah.svelte-11xkbu1{text-align:center;color:#ffd700e6;letter-spacing:1px;margin-top:12px;font-family:Amiri,Arial,serif;font-size:18px}.guide-content.svelte-11xkbu1{flex:1;padding:16px 16px 0;overflow-y:auto}.guide-card.svelte-11xkbu1{border:2px solid #e8f0eb;border-left:4px solid var(--accent);background-color:#fff;background-image:linear-gradient(45deg,#ffd70008 25%,#0000 25% 75%,#ffd70008 75%),linear-gradient(45deg,#0000 25%,#00663308 25% 75%,#0000 75%);background-position:0 0;background-repeat:repeat;background-size:10px 10px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:16px;margin-bottom:14px;padding:18px 16px 16px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.card-ornament.svelte-11xkbu1{background:var(--accent);opacity:.08;border-radius:50%;width:48px;height:48px;position:absolute;bottom:-12px;right:-12px}.card-header.svelte-11xkbu1{align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-icon-wrap.svelte-11xkbu1{border:2px solid;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.card-title.svelte-11xkbu1{margin:0;font-size:16px;font-weight:800}.card-text.svelte-11xkbu1{color:#555;margin:0;font-size:13px;line-height:1.6}.card-steps.svelte-11xkbu1{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.card-steps.svelte-11xkbu1 li:where(.svelte-11xkbu1){color:#444;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.step-num.svelte-11xkbu1{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:900;display:flex}.guide-footer.svelte-11xkbu1{text-align:center;border-top:2px dashed #d4e8d0;margin-top:4px;padding:24px 16px}.footer-arabic.svelte-11xkbu1{color:#00978a;margin-bottom:8px;font-family:Amiri,Arial,serif;font-size:22px}.guide-footer.svelte-11xkbu1 p:where(.svelte-11xkbu1){color:#888;margin:0;font-size:13px}.screen.svelte-gnsk82{background:#f8fafc;flex-direction:column;height:100%;font-family:Nunito,sans-serif;display:flex}.back-btn.svelte-gnsk82{color:#afafaf;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.stepper-container.svelte-gnsk82{background:#fff;border-bottom:2px solid #f0f0f0;justify-content:center;align-items:center;padding:16px 20px;display:flex}.step.svelte-gnsk82{color:#94a3b8;background:#f1f5f9;border-radius:100px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .3s}.step.active.svelte-gnsk82{color:#fff;background:#00978a}.step-line.svelte-gnsk82{background:#e2e8f0;width:30px;height:2px;margin:0 4px;transition:all .3s}.step-line.active.svelte-gnsk82{background:#00978a}.scroll-content.svelte-gnsk82{flex:1;overflow-y:auto}.form-group.svelte-gnsk82{margin-bottom:20px}.form-group.svelte-gnsk82 label:where(.svelte-gnsk82){color:#3c3c3c;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.input-field.svelte-gnsk82{color:#333;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:border-color .2s}.input-field.svelte-gnsk82:focus{border-color:#00978a;outline:none}.input-field.small.svelte-gnsk82{padding:10px 12px}.radio-group.svelte-gnsk82{flex-direction:column;gap:12px;display:flex}.radio-card.svelte-gnsk82{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.radio-card.selected.svelte-gnsk82{background:#f0fdfa;border-color:#00978a}.hidden.svelte-gnsk82{display:none}.radio-card.svelte-gnsk82 .icon:where(.svelte-gnsk82){background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.radio-card.selected.svelte-gnsk82 .icon:where(.svelte-gnsk82){background:#ccfbf1}.radio-card.svelte-gnsk82 .details:where(.svelte-gnsk82){flex:1}.radio-card.svelte-gnsk82 .title:where(.svelte-gnsk82){color:#3c3c3c;font-size:14px;font-weight:800}.radio-card.svelte-gnsk82 .desc:where(.svelte-gnsk82){color:#94a3b8;margin-top:2px;font-size:11px;font-weight:700}.radio-card.svelte-gnsk82 .check:where(.svelte-gnsk82){color:#0000;font-size:20px;font-weight:700}.radio-card.selected.svelte-gnsk82 .check:where(.svelte-gnsk82){color:#00978a}.info-alert.svelte-gnsk82{color:#1d4ed8;background:#eff6ff;border:2px solid #bfdbfe;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.info-alert.svelte-gnsk82 i:where(.svelte-gnsk82){margin-top:1px;font-size:16px}.add-halaqah-box.svelte-gnsk82{background:#fff;border:2px dashed #cbd5e1;border-radius:16px;margin-bottom:24px;padding:16px}.form-row.svelte-gnsk82{gap:12px;display:flex}.btn-outline.svelte-gnsk82{color:#00978a;cursor:pointer;background:#fff;border:2px solid #00978a;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:13px;font-weight:800;display:flex}.btn-outline.svelte-gnsk82:active{background:#f0fdfa}.halaqah-list.svelte-gnsk82 h4:where(.svelte-gnsk82){color:#3c3c3c;margin:0 0 12px;font-size:14px;font-weight:800}.halaqah-item.svelte-gnsk82{background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.h-icon.svelte-gnsk82{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.h-details.svelte-gnsk82{flex:1}.h-name.svelte-gnsk82{color:#3c3c3c;font-size:14px;font-weight:800}.h-cap.svelte-gnsk82{color:#94a3b8;margin-top:2px;font-size:11px;font-weight:700}.h-del-btn.svelte-gnsk82{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.empty-state.svelte-gnsk82{text-align:center;color:#94a3b8;padding:20px;font-size:12px;font-style:italic}.review-card.svelte-gnsk82{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:20px;position:relative}.r-badge.svelte-gnsk82{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:900;position:absolute;top:20px;right:20px}.r-title.svelte-gnsk82{color:#3c3c3c;margin-bottom:8px;padding-right:70px;font-size:18px;font-weight:900}.r-desc.svelte-gnsk82{color:#64748b;font-size:13px;line-height:1.5}.r-divider.svelte-gnsk82{background:#f1f5f9;height:2px;margin:16px 0}.r-section-title.svelte-gnsk82{color:#94a3b8;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:900}.r-halaqahs.svelte-gnsk82{flex-direction:column;gap:8px;display:flex}.r-h-item.svelte-gnsk82{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.r-h-name.svelte-gnsk82{color:#333;font-weight:800}.r-h-cap.svelte-gnsk82{color:#00978a;font-weight:700}.success-alert.svelte-gnsk82{color:#166534;background:#dcfce7;border:2px solid #86efac;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:800;display:flex}.success-alert.svelte-gnsk82 i:where(.svelte-gnsk82){font-size:20px}.bottom-action-bar.svelte-gnsk82{background:#fff;border-top:2px solid #f0f0f0;padding:16px 20px}.btn-primary.svelte-gnsk82{color:#fff;cursor:pointer;background:#00978a;border:none;border-bottom:4px solid #007a6f;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:inherit;font-size:15px;font-weight:900;transition:all .1s;display:flex}.btn-primary.svelte-gnsk82:active{border-bottom-width:1px;transform:translateY(3px)}.screen.svelte-1xs79pf{background:#f8fafc;flex-direction:column;height:100%;font-family:Nunito,sans-serif;display:flex}.back-btn.svelte-1xs79pf{color:#afafaf;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.scroll-content.svelte-1xs79pf{flex:1;overflow-y:auto}.info-alert.svelte-1xs79pf{color:#b91c1c;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;align-items:flex-start;gap:8px;padding:14px 16px;font-size:12px;font-weight:700;line-height:1.4;display:flex}.info-alert.svelte-1xs79pf i:where(.svelte-1xs79pf){color:#ef4444;font-size:18px}.form-group.svelte-1xs79pf{margin-bottom:20px}.form-group.svelte-1xs79pf label:where(.svelte-1xs79pf){color:#3c3c3c;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.input-field.svelte-1xs79pf{color:#333;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:border-color .2s}.input-field.svelte-1xs79pf:focus{border-color:#00978a;outline:none}.cap-wrapper.svelte-1xs79pf{background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.range-slider.svelte-1xs79pf{accent-color:#00978a;flex:1}.cap-value.svelte-1xs79pf{color:#00978a;white-space:nowrap;background:#e6faf8;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:900}.bottom-action-bar.svelte-1xs79pf{background:#fff;border-top:2px solid #f0f0f0;padding:16px 20px}.btn-primary.svelte-1xs79pf{color:#fff;cursor:pointer;background:#00978a;border:none;border-bottom:4px solid #007a6f;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:inherit;font-size:15px;font-weight:900;transition:all .1s;display:flex}.btn-primary.svelte-1xs79pf:active{border-bottom-width:1px;transform:translateY(3px)}.tab-scroller.svelte-x053yk{background:#fff;border-bottom:2px solid #f0f0f0;gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.tab-chip.svelte-x053yk{color:#777;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e5e5e5;border-radius:100px;flex-shrink:0;align-items:center;gap:4px;padding:7px 12px;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;transition:all .2s;display:flex}.tab-chip.active.svelte-x053yk{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 8px #0284c74d}.tab-icon.svelte-x053yk{font-size:13px}.tab-label.svelte-x053yk{font-size:10px}.info-banner.svelte-x053yk{background:#f0f9ff;border-bottom:2px solid #e0f2fe;align-items:center;gap:10px;padding:12px 16px;display:flex}.info-banner-icon.svelte-x053yk{font-size:28px}.community-toggle.svelte-x053yk{background:#fff;border-bottom:2px solid #f0f0f0;gap:6px;padding:8px 16px;display:flex}.ctog.svelte-x053yk{color:#777;cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:12px;flex:1;padding:8px 10px;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;transition:all .2s}.ctog.active.svelte-x053yk{color:#0284c7;background:#e0f2fe;border-color:#0ea5e9}.ranking-list.svelte-x053yk{padding:0 12px}.rank-item.svelte-x053yk{background:#fff;border:2px solid #f0f0f0;border-radius:14px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;transition:all .15s;display:flex}.rank-item.is-me.svelte-x053yk{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-color:#0284c7;box-shadow:0 2px 8px #0284c71f}.rank-num.svelte-x053yk{color:#afafaf;text-align:center;flex-shrink:0;width:22px;font-size:13px;font-weight:900}.is-me.svelte-x053yk .rank-num:where(.svelte-x053yk){color:#0284c7}.rank-avatar.svelte-x053yk{background:#f7f7f7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.rank-info.svelte-x053yk{flex:1;min-width:0}.rank-name.svelte-x053yk{color:#3c3c3c;align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.me-badge.svelte-x053yk{color:#fff;background:#0284c7;border-radius:100px;padding:1px 6px;font-size:8px;font-weight:900}.rank-sub.svelte-x053yk{color:#afafaf;margin-top:1px;font-size:10px;font-weight:700}.rank-xp-col.svelte-x053yk{text-align:right;flex-shrink:0}.rank-xp.svelte-x053yk{color:#3c3c3c;font-size:13px;font-weight:900}.rank-xp-label.svelte-x053yk{color:#afafaf;font-size:9px;font-weight:700}.create-btn.svelte-x053yk{color:#0284c7;cursor:pointer;background:#f0f9ff;border:2px dashed #0284c7;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-family:inherit;font-size:13px;font-weight:900;transition:all .2s;display:flex}.create-btn.svelte-x053yk:active{background:#e0f2fe;transform:translateY(1px)}.login-overlay.svelte-1wnobxu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#0000008c;justify-content:center;align-items:flex-end;animation:.3s svelte-1wnobxu-fadeIn;display:flex;position:fixed;inset:0}.login-card.svelte-1wnobxu{background:#fff;border-radius:32px 32px 0 0;width:100%;max-width:480px;padding:32px 24px 40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) svelte-1wnobxu-slideUp}.login-header.svelte-1wnobxu{text-align:center;margin-bottom:24px}.fire-icon.svelte-1wnobxu{margin-bottom:8px;font-size:52px;animation:1.5s infinite svelte-1wnobxu-pulse;display:block}.login-title.svelte-1wnobxu{color:#1e293b;letter-spacing:-.5px;margin:0 0 4px;font-size:22px;font-weight:900}.login-sub.svelte-1wnobxu{color:#64748b;margin:0;font-size:13px;font-weight:700}.day-strip.svelte-1wnobxu{justify-content:center;gap:6px;margin-bottom:24px;display:flex}.day-cell.svelte-1wnobxu{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:48px;padding:8px 2px;transition:all .2s;display:flex}.day-cell.past.svelte-1wnobxu{background:#f0fdf4;border-color:#86efac}.day-cell.current.svelte-1wnobxu{background:linear-gradient(135deg,#00978a,#007a6f);border-color:#007a6f;border-bottom-width:4px;transform:scale(1.08);box-shadow:0 8px 20px #00978a59}.day-cell.future.svelte-1wnobxu{opacity:.45}.day-label.svelte-1wnobxu{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:800}.day-cell.current.svelte-1wnobxu .day-label:where(.svelte-1wnobxu){color:#ffffffd9}.day-cell.past.svelte-1wnobxu .day-label:where(.svelte-1wnobxu){color:#4ade80}.day-reward-icon.svelte-1wnobxu{color:#94a3b8;justify-content:center;align-items:center;font-size:16px;display:flex}.day-cell.past.svelte-1wnobxu .day-reward-icon:where(.svelte-1wnobxu){color:#22c55e}.day-cell.current.svelte-1wnobxu .day-reward-icon:where(.svelte-1wnobxu){color:#fff;font-size:18px}.day-gems.svelte-1wnobxu{color:#94a3b8;font-size:10px;font-weight:800}.day-cell.current.svelte-1wnobxu .day-gems:where(.svelte-1wnobxu){color:#fff}.day-cell.past.svelte-1wnobxu .day-gems:where(.svelte-1wnobxu){color:#16a34a}.big-reward.svelte-1wnobxu{text-align:center;background:linear-gradient(135deg,#e0f2f1,#f0fdf4);border:2px solid #99f6e4;border-radius:20px;margin-bottom:24px;padding:20px;animation:.5s cubic-bezier(.175,.885,.32,1.275) .2s both svelte-1wnobxu-popIn;position:relative}.big-reward.milestone.svelte-1wnobxu{background:linear-gradient(135deg,#fffbeb,#fff7ed);border-color:#fde68a}.milestone-badge.svelte-1wnobxu{color:#fff;white-space:nowrap;letter-spacing:.3px;background:linear-gradient(135deg,#ff9600,#f60);border-radius:100px;padding:3px 12px;font-size:11px;font-weight:900;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #ff960066}.big-gems-icon.svelte-1wnobxu{margin-bottom:4px;font-size:40px}.big-gems-text.svelte-1wnobxu{color:#00978a;letter-spacing:-1px;font-size:28px;font-weight:900}.big-gems-sub.svelte-1wnobxu{color:#0d9488;margin:4px 0 0;font-size:12px;font-weight:700}.claim-btn.svelte-1wnobxu{color:#fff;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#00978a,#007a6f);border:none;border-radius:16px;width:100%;padding:18px;font-family:Nunito,sans-serif;font-size:15px;font-weight:900;transition:all .2s;box-shadow:0 6px 20px #00978a66}.claim-btn.svelte-1wnobxu:active{transform:translateY(2px);box-shadow:0 2px 8px #00978a4d}.claim-btn.claimed.svelte-1wnobxu{background:#22c55e;box-shadow:0 6px 20px #22c55e66}@keyframes svelte-1wnobxu-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1wnobxu-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes svelte-1wnobxu-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes svelte-1wnobxu-popIn{0%{opacity:0;transform:scale(.8)}80%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}