:root{--zo-x-night: #0f2a22;--zo-x-emerald: #2f8f5b;--zo-x-gold: #d6b24a;--zo-x-cream: #f8f3e7;--zo-x-card: #fffdf7;--zo-x-text: #1e1e1e;--zo-x-muted: #5c6660;--zo-x-border: rgba(214, 178, 74, .32)}.zo-zikir-recitation{position:relative;width:min(100%,560px);margin:8px auto 6px;padding:10px 14px 10px 16px;border:1px solid var(--zo-x-border);border-left:3px solid var(--zo-x-gold);border-radius:14px;background:#fffdf7db;color:var(--zo-x-night);text-align:left;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.zo-zikir-recitation[hidden]{display:none!important}.zo-zikir-recitation-label{display:block;margin-bottom:3px;color:#7b611c;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.zo-zikir-recitation-text{margin:0;color:var(--zo-x-night);font-size:16px;font-weight:650;line-height:1.5;overflow-wrap:anywhere;white-space:normal}.zo-zikir-recitation[data-zo-size=m] .zo-zikir-recitation-text{font-size:15px}.zo-zikir-recitation[data-zo-size=l] .zo-zikir-recitation-text{font-size:14px;line-height:1.55}.zo-zikir-recitation[data-zo-size=xl] .zo-zikir-recitation-text{font-size:13.5px;line-height:1.58}.zo-zikir-recitation.is-collapsed .zo-zikir-recitation-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.zo-zikir-recitation-toggle{display:inline-flex;align-items:center;min-height:32px;margin-top:4px;padding:0;border:0;background:transparent;color:var(--zo-x-emerald);font:inherit;font-size:13px;font-weight:800;cursor:pointer;touch-action:manipulation}.zo-zikir-recitation-toggle[hidden]{display:none}.zo-zikir-recitation-toggle:focus-visible{outline:2px solid var(--zo-x-emerald);outline-offset:2px;border-radius:6px}@media (max-width: 480px){.zo-zikir-recitation{margin:6px auto 4px;padding:9px 12px 9px 13px}.zo-zikir-recitation-text{font-size:15px}.zo-zikir-recitation[data-zo-size=m] .zo-zikir-recitation-text{font-size:14px}.zo-zikir-recitation[data-zo-size=l] .zo-zikir-recitation-text,.zo-zikir-recitation[data-zo-size=xl] .zo-zikir-recitation-text{font-size:13px}}.zo-auto-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:flex-end;justify-content:center;padding:12px;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.zo-auto-modal.is-open{display:flex}@media (min-width: 640px){.zo-auto-modal{align-items:center}}.zo-auto-backdrop{position:absolute;inset:0;border:0;background:#0f2a2275;cursor:pointer}.zo-auto-card{position:relative;width:min(100%,440px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:18px 18px calc(16px + env(safe-area-inset-bottom));border:1px solid var(--zo-x-border);border-radius:22px;background:var(--zo-x-card);color:var(--zo-x-text);box-shadow:0 24px 60px #0f2a2247;animation:zoAutoIn .18s ease-out}@keyframes zoAutoIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.zo-auto-head{display:grid;grid-template-columns:42px minmax(0,1fr) 40px;gap:12px;align-items:start;margin-bottom:12px}.zo-auto-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#2f8f5b1f;color:var(--zo-x-emerald);font-size:18px}.zo-auto-head h2{margin:0 0 3px;color:var(--zo-x-night);font-size:19px;font-weight:800;line-height:1.2}.zo-auto-head p{margin:0;color:var(--zo-x-muted);font-size:13px;line-height:1.45}.zo-auto-x{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--zo-x-border);border-radius:12px;background:#fff;color:var(--zo-x-night);cursor:pointer}.zo-auto-group{margin:0 0 12px;padding:0;border:0}.zo-auto-group legend{margin-bottom:7px;padding:0;color:var(--zo-x-night);font-size:13px;font-weight:800}.zo-auto-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:7px}.zo-auto-chip{min-height:44px;padding:0 8px;border:1px solid var(--zo-x-border);border-radius:12px;background:#fff;color:var(--zo-x-night);font:inherit;font-size:14px;font-weight:800;cursor:pointer;touch-action:manipulation}.zo-auto-chip.is-active{border-color:var(--zo-emerald-text, #277a4e);background:var(--zo-emerald-text, #277a4e);color:#fff}.zo-auto-custom{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--zo-x-muted);font-size:13px;font-weight:700}.zo-auto-custom input{width:96px;min-height:42px;padding:0 10px;border:1px solid var(--zo-x-border);border-radius:12px;background:#fff;color:var(--zo-x-night);font:inherit;font-size:16px;font-weight:800}.zo-auto-custom em{font-style:normal}.zo-auto-check{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--zo-x-night);font-size:14px;font-weight:700;cursor:pointer}.zo-auto-check input{width:20px;height:20px;accent-color:var(--zo-x-emerald)}.zo-auto-summary{margin:6px 0 2px;padding:10px 12px;border-radius:12px;background:#2f8f5b17;color:var(--zo-x-night);font-size:15px;font-weight:800;text-align:center}.zo-auto-note{margin:6px 0 0;color:var(--zo-x-muted);font-size:12px;text-align:center}.zo-auto-error{margin:8px 0 0;padding:9px 12px;border-radius:12px;background:#fff0ed;color:#8a3f36;font-size:13px;font-weight:700}.zo-auto-error[hidden]{display:none}.zo-auto-actions{display:flex;gap:8px;margin-top:14px}.zo-auto-primary,.zo-auto-secondary{flex:1 1 0;min-height:48px;border-radius:14px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;touch-action:manipulation}.zo-auto-primary{border:0;background:var(--zo-emerald-text, #277a4e);color:#fff}.zo-auto-secondary{border:1px solid rgba(164,61,53,.3);background:#fff;color:#8a3f36}.zo-auto-secondary[hidden]{display:none}.zo-auto-chip:focus-visible,.zo-auto-primary:focus-visible,.zo-auto-secondary:focus-visible,.zo-auto-x:focus-visible,.zo-auto-custom input:focus-visible{outline:3px solid #277A4E;outline-offset:2px}body.zo-auto-modal-open{overflow:hidden}.zo-auto-pill{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:99990;display:flex;align-items:center;gap:4px;max-width:calc(100vw - 24px);padding:5px;border:1px solid rgba(214,178,74,.45);border-radius:999px;background:var(--zo-x-night);color:#fffdf7;box-shadow:0 12px 30px #0f2a2252;transform:translate(-50%);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}@media (max-width: 820px){.zo-auto-pill{bottom:calc(92px + env(safe-area-inset-bottom))}}.zo-auto-pill-main{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 12px;border:0;border-radius:999px;background:#ffffff14;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.zo-auto-pill-main i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--zo-x-emerald);font-size:12px}.zo-auto-pill-main span{display:grid;line-height:1.15;white-space:nowrap}.zo-auto-pill-main strong{font-size:13px;font-weight:800}.zo-auto-pill-main small{color:#fffdf7c7;font-size:12px;font-weight:700}.zo-auto-pill-icon{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#fffdf7;font-size:15px;cursor:pointer;touch-action:manipulation}.zo-auto-pill-icon.is-stop{color:#f4c7c0}.zo-auto-pill button:focus-visible{outline:2px solid var(--zo-x-gold);outline-offset:1px}.zo-auto-pill-progress{position:absolute;left:18px;right:18px;bottom:2px;height:2px;border-radius:2px;background:#ffffff1f;overflow:hidden}.zo-auto-pill-progress span{display:block;height:100%;width:100%;background:var(--zo-x-gold);transform-origin:left center;animation:zoAutoProgress var(--zo-auto-interval, 5s) linear infinite}.zo-auto-pill.is-paused .zo-auto-pill-progress span{animation-play-state:paused;opacity:.4}.zo-auto-pill.is-paused .zo-auto-pill-main i{background:var(--zo-x-gold);color:var(--zo-x-night)}@keyframes zoAutoProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.zo-auto-entry{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin:10px 0 4px;padding:10px 12px;border:1px solid rgba(47,143,91,.28);border-radius:14px;background:#2f8f5b12;color:var(--zo-x-night);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.zo-auto-entry>i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--zo-x-emerald);color:#fff}.zo-auto-entry span{display:grid;gap:2px}.zo-auto-entry strong{font-size:14px;font-weight:800}.zo-auto-entry small{color:var(--zo-x-muted);font-size:12px;line-height:1.35}.zo-auto-entry[aria-pressed=true]{border-color:var(--zo-x-emerald);background:#2f8f5b24}@media (prefers-reduced-motion: reduce){.zo-auto-card{animation:none}.zo-auto-pill-progress span{animation:none;transform:none;opacity:.5}}
