.clarity-welcome-overlay{position:fixed;inset:0;z-index:9999;background:#081c16b8;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .35s ease}.clarity-welcome-overlay.show{opacity:1;pointer-events:auto}.clarity-welcome-card{background:linear-gradient(165deg,#f7f3eb,#e8f2ec);color:#1c2a22;border-radius:18px;max-width:380px;width:100%;padding:1rem 1rem .85rem;box-shadow:0 24px 60px #00000059,0 0 0 1px #ffffff26;text-align:center;transform:translateY(18px) scale(.97);transition:transform .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;max-height:none}.clarity-welcome-overlay.show .clarity-welcome-card{transform:translateY(0) scale(1)}html[data-theme=dark] .clarity-welcome-card{background:linear-gradient(165deg,#152019,#1a2e24);color:#e7efe9;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff14}.clarity-welcome-card:before{content:"";position:absolute;top:-40%;left:-20%;width:140%;height:80%;background:radial-gradient(ellipse,rgba(184,146,42,.18),transparent 70%);pointer-events:none}.cw-icon{display:none!important}.cw-moon{font-size:1.15rem;vertical-align:middle;margin-right:.15rem;filter:drop-shadow(0 2px 4px rgba(15,76,58,.2))}.cw-title{font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:700;color:var(--accent,#0f4c3a);margin:0 0 .2rem;letter-spacing:.02em;line-height:1.25}html[data-theme=dark] .cw-title{color:#6bc49a}.cw-sub{font-size:.95rem;color:var(--text-muted,#5c6b62);margin:0 0 1.15rem;line-height:1.5}.cw-steps{display:flex;flex-direction:column;gap:.55rem;margin:0 0 1.25rem;text-align:left}.cw-step{display:flex;align-items:flex-start;gap:.65rem;background:#0f4c3a12;border:1px solid rgba(15,76,58,.12);border-radius:12px;padding:.65rem .75rem;font-size:.88rem;line-height:1.4}html[data-theme=dark] .cw-step{background:#3d9b721f;border-color:#3d9b7233}.cw-step-num{flex:0 0 1.55rem;height:1.55rem;border-radius:50%;background:var(--accent,#0f4c3a);color:#fff;font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center}.cw-actions{display:flex;flex-direction:column;gap:.45rem}.cw-actions button{margin:0;width:100%;padding:.7rem 1rem;border-radius:12px;font-weight:600;font-size:.95rem}.cw-primary{background:var(--accent,#0f4c3a);color:#fff;border:none}.cw-primary:hover{filter:brightness(1.08)}.cw-ghost{background:transparent;color:var(--accent,#0f4c3a);border:1px solid rgba(15,76,58,.3)}html[data-theme=dark] .cw-ghost{color:#8fd4a0;border-color:#8fd4a059}.cw-step-btn{width:100%;border:1px solid rgba(15,76,58,.12);cursor:pointer;font:inherit;color:inherit;background:#0f4c3a12;text-align:left;padding:.65rem .75rem;border-radius:12px;display:flex;align-items:flex-start;gap:.65rem}.cw-step-btn:hover,.cw-step-btn:focus{border-color:var(--accent,#0f4c3a);background:#0f4c3a1f}html[data-theme=dark] .cw-step-btn{background:#3d9b721f;border-color:#3d9b7233;color:#e7efe9}#clarity-global-nav.global-nav{flex-wrap:wrap;gap:.35rem;padding:8px 10px!important;width:auto!important;max-width:100%;margin:0 auto;box-sizing:border-box}#clarity-global-nav .nav-buttons{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}#clarity-global-nav .nav-buttons button{padding:6px 10px;font-size:.75rem;margin-left:0!important}.theme-chip-row{display:inline-flex;gap:.25rem;align-items:center;margin-left:.35rem}.theme-chip{border:1px solid #e1dacb;background:#fff;color:#0d4f3c;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:700;cursor:pointer;margin:0}.theme-chip.active{background:#0d4f3c;color:#fff;border-color:#0d4f3c}html[data-theme=dark] .theme-chip{background:#1a2a22;color:#cfe8d8;border-color:#2a3830}html[data-theme=dark] .theme-chip.active{background:#3d9b78;color:#fff;border-color:#3d9b78}@media(max-width:700px){#clarity-global-nav.global-nav{padding:6px 8px!important}#clarity-global-nav .nav-brand{font-size:.85rem}#clarity-global-nav .mode-badge{font-size:.65rem;padding:3px 8px}}#clarity-three-doors{display:none!important}.cw-note{font-size:.72rem;color:var(--text-muted);margin-top:.85rem;line-height:1.4;opacity:.9}.clarity-start-chip{position:fixed;bottom:calc(4.8rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(12px);z-index:180;background:linear-gradient(135deg,#0f4c3a,#1a6b52);color:#f7f3eb;border:none;border-radius:999px;padding:.55rem 1.15rem;font-size:.82rem;font-weight:700;box-shadow:0 8px 24px #0f4c3a59;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.clarity-start-chip.show{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}@media(min-width:901px){.clarity-start-chip{bottom:1.75rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-tab:focus-visible,.mb-tab:focus-visible{outline-offset:-2px}.one-action-strip{box-shadow:0 4px 18px #0000001f}.card{transition:box-shadow .2s ease,transform .15s ease}.card:hover{transform:translateY(-1px)}.sources-polished{border-left:4px solid var(--gold,#b8922a);background:linear-gradient(135deg,#b8922a14,#0f4c3a0a);padding:1rem 1.1rem;border-radius:0 14px 14px 0;margin:1rem 0}.sources-polished h3{margin:0 0 .45rem;font-family:Cormorant Garamond,serif;color:var(--accent);font-size:1.2rem}.sources-polished ul{margin:.35rem 0 0 1.1rem;font-size:.9rem}.sources-polished li{margin-bottom:.3rem}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:8px;z-index:10000;font-weight:600;transition:top .2s}.skip-link:focus{top:1rem}html.beginner-mode .tj-level-actions,html.beginner-mode .uft-reg-section,html.beginner-mode .uft-file-ops-standalone,html.beginner-mode .meme-urdu-section,html.beginner-mode .traffic-stats-details,html.beginner-mode #asma-all-list,html.beginner-mode .deep-learn{display:none!important}html.beginner-mode .card h2{font-size:1.35rem}html.beginner-mode .one-action-strip{font-size:1rem;padding:.7rem 1rem}.beginner-toggle-wrap{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#ffffffe6}.beginner-toggle-wrap input{accent-color:#f4c430;width:1rem;height:1rem}.offline-badge.show{display:inline-flex!important;align-items:center;gap:.25rem}.legacy-print-btn{background:linear-gradient(135deg,#b8922a,#8a6a20)!important;color:#fff!important;border:none}@media print{body.printing .print-sheet{font-family:Georgia,serif;color:#111}body.printing .print-sheet h1{color:#0f4c3a;border-bottom:2px solid #b8922a;padding-bottom:.4rem}body.printing .print-sheet .legacy-meta{font-size:.9rem;color:#444;margin-bottom:1rem}body.printing .print-sheet .legacy-section{margin:1.1rem 0;page-break-inside:avoid}body.printing .print-sheet .legacy-section h2{font-size:1.15rem;color:#0f4c3a;margin-bottom:.35rem}}.ilm-pathway-details{border:none;margin:0}.ilm-pathway-summary{display:flex;align-items:center;gap:.65rem;cursor:pointer;list-style:none;padding:.15rem 0;user-select:none;-webkit-user-select:none}.ilm-pathway-summary::-webkit-details-marker{display:none}.ilm-pathway-summary::marker{content:""}.ilm-sum-icon{font-size:1.35rem;line-height:1;flex-shrink:0}.ilm-sum-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.ilm-sum-text strong{font-family:Cormorant Garamond,serif;font-size:1.25rem;color:var(--accent);font-weight:600}.ilm-sum-meta{font-size:.78rem;color:var(--text-muted);font-weight:500}.ilm-sum-chevron{flex-shrink:0;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:transform .25s ease;font-weight:700}.ilm-pathway-details[open] .ilm-sum-chevron{transform:rotate(180deg)}.ilm-pathway-body{padding-top:.65rem;border-top:1px solid var(--border);margin-top:.55rem}.ilm-pathway-details:not([open]) .ilm-pathway-body{display:none}.cw-sub{font-size:.78rem!important;line-height:1.35!important;margin:0 0 .55rem!important}.cw-track-kicker{font-size:.65rem!important;margin:0 0 .35rem!important}.cw-steps{gap:.3rem!important;margin:0 0 .55rem!important}.cw-step,.cw-step-btn{padding:.4rem .5rem!important;font-size:.78rem!important;line-height:1.3!important;border-radius:10px!important;gap:.45rem!important}.cw-step-num{flex:0 0 1.25rem!important;height:1.25rem!important;font-size:.68rem!important}.cw-actions{gap:.3rem!important;margin:0!important}.cw-actions button{padding:.5rem .75rem!important;font-size:.82rem!important;border-radius:10px!important}.cw-note{font-size:.65rem!important;margin:.4rem 0 0!important;line-height:1.3!important;opacity:.85}.clarity-welcome-overlay{padding:.5rem!important;align-items:center!important}.today-journey-plaque{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:.85rem!important}.today-journey-plaque .deed-growth-tree{order:-1;display:flex!important;flex-shrink:0;margin:0}.today-journey-plaque .tjp-main{flex:1;min-width:0}@media(max-width:700px){.today-journey-plaque{flex-wrap:wrap!important}.today-journey-plaque .deed-growth-tree{order:0;margin:0 auto}}html{height:auto!important;min-height:100%!important;background-color:#0b1f1a!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}body{height:auto!important;min-height:100%!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:visible!important;overscroll-behavior-y:none;background-color:#0b1f1a!important}html[data-theme=dark] body,html[data-theme=dark]{background-color:#0c1410!important}html[data-theme=dark] body{background-attachment:scroll!important;background-size:cover!important}body:before{pointer-events:none!important;z-index:-2!important;opacity:.3!important}.page-wrapper,.main-content,#main-content{min-height:0!important;height:auto!important;overflow:visible!important;position:relative!important;z-index:1!important;contain:none!important}.tab-panel{display:none!important;visibility:hidden!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important;position:static!important;left:auto!important;opacity:1!important;pointer-events:none!important;content-visibility:visible!important}.tab-panel.active,.tab-panel.is-active{display:block!important;visibility:visible!important;height:auto!important;min-height:0!important;overflow:visible!important;position:relative!important;opacity:1!important;pointer-events:auto!important;content-visibility:visible!important}.tab-panel.active[hidden],.tab-panel.is-active[hidden]{display:block!important;visibility:visible!important}#path-board.path-board-managed:not([hidden]){display:flex!important;flex-direction:column!important;gap:.75rem!important;width:100%!important;margin:.15rem 0 1.1rem!important;min-height:0!important;visibility:visible!important;opacity:1!important}#clarity-learn-os:not(.hidden){display:block!important;visibility:visible!important;height:auto!important;min-height:0!important;opacity:1!important}#clarity-learn-os:not(.hidden) .clarity-dashboard,#clarity-learn-os:not(.hidden) .daily-micro-card,#clarity-learn-os:not(.hidden) .path-card,#clarity-learn-os:not(.hidden) .path-switch-bar{display:block!important;visibility:visible!important;height:auto!important;opacity:1!important}#clarity-learn-os:not(.hidden) .path-mods,#clarity-learn-os:not(.hidden) .path-mods-active{display:block!important;visibility:visible!important}#clarity-today-surface:not(.hidden){display:block!important;visibility:visible!important;height:auto!important;opacity:1!important}html:not([data-section-mode="1"]) #clarity-learn-os .path-board.path-board-managed{display:flex!important}.spotify-player-wrap{min-height:152px!important;background:#0f0f0f!important;overflow:hidden}.spotify-player-wrap iframe,iframe[src*="open.spotify.com"]{display:block!important;width:100%!important;min-height:152px!important;height:152px!important;border:0!important;background:#0f0f0f!important}@media(min-width:480px){.spotify-player-wrap iframe,iframe[src*="open.spotify.com"]{min-height:0!important;height:232px!important}}@media(max-width:900px){.page-wrapper{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))!important}.mobile-bottom-nav{z-index:200!important}.scroll-top-btn{bottom:calc(5.25rem + env(safe-area-inset-bottom,0px))!important}.main-content:after{content:none!important;display:none!important;height:0!important}}footer{position:relative!important;z-index:2!important;clear:both!important;min-height:3rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px))!important}.banner-media,.banner-live{pointer-events:none!important}.banner-overlay,.banner-tools,.stream-controls{pointer-events:auto!important}#clarity-welcome:not(.show){display:none!important;pointer-events:none!important;opacity:0!important}.path-mods,.path-mods-active,ul.path-mods{display:block!important;list-style:none!important;margin:.5rem 0 0!important;padding:0!important}.path-mods>li,.path-mods-active>li{display:flex!important;visibility:visible!important;opacity:1!important;min-height:2.5rem!important;margin-bottom:.45rem!important}html{font-size:16px}body{font-size:.92rem;line-height:1.45}.tab-panel{display:none!important}.tab-panel.active,.tab-panel.is-active{display:block!important}html.door-rail-on #main-application-workspace{max-width:100%;overflow-x:hidden;box-sizing:border-box}html,body{max-width:100%!important;overflow-x:hidden!important;margin:0!important;padding:0!important;padding-bottom:calc(4.8rem + env(safe-area-inset-bottom,0px))!important}/*NUKED sticky-fighter*//*NUKED sticky-fighter*//*NUKED sticky-fighter*/.banner-overlay{width:100%!important;max-width:100%!important}.stream-controls{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:.3rem!important;width:100%!important}.volume-inline{display:inline-flex!important;align-items:center!important;gap:.3rem!important;background:#fff3!important;padding:.22rem .55rem!important;border-radius:18px!important}.volume-inline input[type=range]{width:72px!important;accent-color:#fff!important}.volume-inline .mute-btn{background:none!important;border:none!important;color:#fff!important;font-size:.88rem!important;cursor:pointer!important;padding:.1rem!important}.stream-stop-btn{min-width:auto!important;padding:.32rem .55rem!important}#banner-volume-row,.volume-control.volume-row{display:none!important}#nuros-daily-dock,#nuros-daily-dock-disabled,#daily-dock-toggle,#nuros-daily-body,.daily-dock-toggle,#one-action-strip,.one-action-strip,#clarity-oath-strip,.domain-promise,#clarity-today-surface,.card-journey-moved{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:none!important;pointer-events:none!important}#clarity-door-rail{display:flex!important;position:fixed!important;inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:100%!important;z-index:500!important;flex-direction:row!important;background:#081c16fa!important;border-top:2px solid rgba(212,180,90,.45)!important;border-radius:14px 14px 0 0!important;padding:.35rem .3rem calc(.35rem + env(safe-area-inset-bottom,0px))!important}nav.nav-tabs{display:none!important}html.door-rail-on body,html.door-rail-on .banner,html.door-rail-on .global-nav,html.door-rail-on #main-application-workspace{padding-left:0!important;margin-left:0!important;width:100%!important}.tab-panel,#main-application-workspace,.page-wrapper{padding-left:.5rem!important;padding-right:.5rem!important;max-width:100%!important;box-sizing:border-box!important}#clarity-top-duo .brand-ondev{font-size:.68rem!important;font-weight:700!important;padding:.12rem .42rem!important;border-radius:999px!important;background:#0f4c3a!important;color:#7dff9a!important;border:1px solid rgba(125,255,154,.4)!important;display:inline-flex!important;align-items:center!important}#clarity-top-duo #nuros-storage-chip{display:none!important}#clarity-top-duo .banner-overlay{background:linear-gradient(to bottom,#04100c94,#04100cb3)!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:space-between!important;gap:.45rem!important;padding:.38rem .5rem .42rem!important}#clarity-top-duo .banner:has(.live-active) .banner-overlay{background:linear-gradient(to bottom,#04100c85,#04100ca6)!important}#clarity-top-duo .banner-side{flex:0 0 148px!important;width:148px!important;max-width:148px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}#clarity-top-duo .banner-center{order:2!important;flex:1 1 auto!important;max-width:520px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}#clarity-top-duo .hijri-cal-section,#clarity-top-duo .salah-times-section{background:linear-gradient(165deg,#163e32f0,#061a14f5)!important;border-radius:14px!important;box-shadow:inset 0 0 0 1.5px #d4b45a80,0 6px 18px #0006!important;padding:.4rem .45rem!important;height:100%!important;box-sizing:border-box!important}#clarity-top-duo .rabbana-box{background:#04120eb3!important;border:1px solid rgba(212,180,90,.28);border-radius:12px!important}#clarity-top-duo .hijri-cal-section *,#clarity-top-duo .salah-times-section *{font-family:Inter,system-ui,sans-serif!important}#clarity-top-duo .cal-title,#clarity-top-duo .salah-title{font-size:.62rem!important;font-weight:700!important}#clarity-top-duo .hijri-cal-grid{font-size:.52rem!important}#clarity-top-duo .salah-times-list{font-size:.58rem!important}#clarity-top-duo .azan-toggle-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:.3rem!important;font-size:.58rem!important;font-weight:500!important;margin-top:.12rem!important;padding-top:.1rem!important;border-top:1px solid rgba(255,255,255,.12)!important;color:#ffffffeb!important}#clarity-top-duo .stream-controls{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:.28rem!important;margin:.2rem auto 0!important;padding:.3rem .5rem!important;width:100%!important;max-width:min(100%,560px)!important;box-sizing:border-box!important;background:#04120ed9!important;border-radius:999px!important;border:1px solid rgba(212,180,90,.3)!important;box-shadow:0 2px 12px #0000004d;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin}#clarity-top-duo .stream-controls>*{flex:0 0 auto!important;margin:0!important;height:1.85rem!important;min-height:1.85rem!important;max-height:1.85rem!important;box-sizing:border-box!important;border-radius:999px!important;font-size:.66rem!important;font-weight:600!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 .5rem!important;border:1px solid rgba(255,255,255,.22)!important;white-space:nowrap!important}#clarity-top-duo .stream-controls .live-haramain-btn{background:#b91c1c!important;color:#fff!important;font-weight:700!important;min-width:3.6rem!important}#clarity-top-duo .stream-controls .live-haramain-btn.on{background:#0d4f3c!important}#clarity-top-duo .stream-controls select{background:#0d4f3c!important;color:#f0faf4!important;max-width:6.5rem!important;min-width:4.5rem!important;appearance:auto;-webkit-appearance:menulist}#clarity-top-duo .stream-controls select option{color:#1a2a22!important;background:#fff!important}#clarity-top-duo .stream-controls .quran-stream-btn{background:#fff!important;color:#0d4f3c!important;font-weight:700!important;min-width:4.2rem!important}#clarity-top-duo .stream-controls .quran-stream-btn.playing{background:#0d4f3c!important;color:#fff!important}#clarity-top-duo #surah-list-pill{background:#c9a227!important;color:#1a1508!important;font-weight:700!important;max-width:6.8rem!important;min-width:5rem!important}#clarity-top-duo #surah-reciter-pill{background:#1a5c48!important;color:#e8f5ef!important;max-width:6.2rem!important;min-width:4.5rem!important}#clarity-top-duo #surah-surprise-pill{background:#0d4f3c!important;color:#f5e6b8!important;font-weight:700!important;min-width:2rem!important;border-color:#d4b45a73!important}#clarity-top-duo .stream-controls .volume-control{background:#ffffff26!important;gap:.15rem!important;min-width:4.5rem!important}#clarity-top-duo .stream-controls .volume-control input[type=range]{width:40px!important;margin:0!important}#clarity-top-duo .stream-controls .mute-btn{height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;background:none!important;border:none!important;color:#fff!important}@media(max-width:900px){#clarity-top-duo .banner-side{display:none!important}#clarity-top-duo .banner-overlay{flex-direction:column!important}#clarity-top-duo .stream-controls{max-width:100%!important;border-radius:16px!important;justify-content:flex-start!important}}.clarity-embed-fold{display:block!important;margin:.5rem 0!important;border:1px solid var(--border, #e0d5c4)!important;border-radius:12px!important;background:var(--card-bg, #fffdf8)!important;overflow:hidden!important}.clarity-embed-fold>summary{display:block!important;cursor:pointer!important;padding:.65rem .9rem!important;font-weight:600!important;font-size:.88rem!important;color:var(--accent, #0d4f3c)!important;list-style:none!important;visibility:visible!important}.clarity-embed-fold>summary::-webkit-details-marker{display:none}.clarity-embed-fold>summary:before{content:"\25b8  ";opacity:.7}.clarity-embed-fold[open]>summary:before{content:"\25be  "}.clarity-embed-fold>summary .cef-title{opacity:.65;font-weight:500;font-size:.78rem}.clarity-embed-fold:not([open])>.clarity-embed-body{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important}.clarity-embed-fold:not([open]) iframe{display:none!important;height:0!important;min-height:0!important;position:absolute!important;left:-9999px!important}.clarity-embed-fold[open]>.clarity-embed-body{display:block!important;position:relative!important;width:100%!important;padding:0!important;background:#000!important;aspect-ratio:16 / 9!important;height:auto!important;min-height:0!important;max-height:none!important}.clarity-embed-fold[open] iframe{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;border:0!important;border-radius:0!important;pointer-events:auto!important}.player-wrap:has(>.clarity-embed-fold:not([open])),.lecture-player-wrap:has(.clarity-embed-fold:not([open])),.hajj-video-frame:has(.clarity-embed-fold:not([open])),.spotify-player-wrap:has(.clarity-embed-fold:not([open])){padding-bottom:0!important;height:auto!important;min-height:0!important;aspect-ratio:unset!important}.player-wrap:has(>.clarity-embed-fold[open]),.lecture-player-wrap:has(.clarity-embed-fold[open]),.hajj-video-frame:has(.clarity-embed-fold[open]){padding-bottom:0!important;height:auto!important;aspect-ratio:unset!important}html[data-theme=dark] .clarity-embed-fold{background:#141e19f5!important;border-color:#ffffff1f!important}html[data-theme=dark] .clarity-embed-fold>summary{color:#6bc49a!important}#clarity-top-duo .hijri-next-event,#clarity-top-duo #hijri-ms-event,#clarity-top-duo .hijri-next-event *{font-family:Inter,system-ui,sans-serif!important;font-size:.54rem!important;font-weight:500!important;line-height:1.3!important;color:#f5e6b8f2!important;text-decoration:none!important}#clarity-top-duo a.hijri-event-link{color:#f5e6b8!important;text-decoration:none!important;font-size:.54rem!important;font-weight:600!important;border-bottom:1px dotted rgba(212,180,90,.45)}#clarity-top-duo .ms-days,#clarity-top-duo #hijri-ms-event .ms-days{display:inline-block!important;font-size:.52rem!important;font-weight:700!important;background:#ffffff24!important;color:#fff!important;padding:.05rem .32rem!important;border-radius:6px!important;margin-left:.15rem!important}#clarity-top-duo .banner-center{background:linear-gradient(165deg,#0c28208c,#0618129e)!important;border-radius:16px!important;box-shadow:inset 0 0 0 1.5px #d4b45a59,inset 0 1px #ffffff0f,0 4px 16px #00000040!important;padding:.35rem .55rem .4rem!important;box-sizing:border-box!important}#clarity-top-duo .banner-center .stream-controls{max-width:100%!important}html[data-theme=dark] html[data-theme=dark] .clarity-search-index-frame{margin:.75rem 0 1rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(42,95,122,.25);background:linear-gradient(145deg,#e8f1f6e6,#fffdf8f2)}.clarity-search-index-frame h3{font-family:Cormorant Garamond,serif;font-size:1.1rem;color:var(--sky, #2a5f7a);margin:0 0 .35rem}.clarity-search-index-frame p{font-size:.82rem;color:var(--text-muted, #5c6b62);margin:0 0 .5rem;line-height:1.45}.clarity-search-index-frame .csi-links{display:flex;flex-wrap:wrap;gap:.35rem}.clarity-search-index-frame .csi-links a{font-size:.78rem;font-weight:600;padding:.28rem .55rem;border-radius:8px;background:#2a5f7a1a;color:var(--sky, #2a5f7a);text-decoration:none}html[data-theme=dark] .clarity-search-index-frame{background:linear-gradient(145deg,#1a2830e6,#141e19f2);border-color:#6a9fb54d}html[data-theme=dark] .clarity-search-index-frame h3,html[data-theme=dark] .clarity-search-index-frame .csi-links a{color:#6a9fb5}.tj-lmr-read-panel{margin:.65rem 0 .75rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(212,180,90,.4);background:linear-gradient(165deg,#0c28208c,#061612b3);box-shadow:inset 0 0 0 1px #ffffff0a,0 4px 14px #00000026;text-align:center}.tj-lmr-read-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#d4b45a;margin-bottom:.35rem}.tj-lmr-ar-read{font-family:Scheherazade New,Amiri,Noto Naskh Arabic,serif!important;font-size:1.65rem!important;line-height:2.15!important;color:#f5f0e6!important;direction:rtl;margin:.4rem 0!important;min-height:2.5rem}#tj-lmr-meta-read{font-size:.8rem;color:#f5e6b8d9;margin-bottom:.25rem}html[data-theme=light] .tj-lmr-read-panel{background:linear-gradient(165deg,#f7f3ea,#eef6f1);border-color:#0d4f3c33}html[data-theme=light] .tj-lmr-ar-read{color:#0d4f3c!important}html[data-theme=light] .tj-lmr-read-label{color:#0d4f3c}html[data-theme=light] #tj-lmr-meta-read{color:#5c6b62}#tj-lmr-ar{font-size:1.55rem!important;line-height:2.15!important;min-height:2.2rem}.callig-center-pill{border-radius:999px!important;font-weight:700!important;font-size:.78rem!important;padding:.28rem .7rem!important;background:#0d4f3c!important;color:#f5e6b8!important;border:1px solid rgba(212,180,90,.4)!important;white-space:nowrap;cursor:pointer}.callig-center-pill:hover{filter:brightness(1.08)}#clarity-quick-nav{position:fixed;bottom:calc(4.25rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:1400;display:flex;flex-direction:column;align-items:center;gap:.35rem;max-width:min(96vw,420px);width:max-content;pointer-events:none}#clarity-quick-nav *{pointer-events:auto}#clarity-qn-toggle{border-radius:999px;border:1px solid rgba(212,180,90,.45);background:#0d4f3cf0;color:#f5e6b8;font-weight:700;font-size:.8rem;padding:.45rem .9rem;box-shadow:0 4px 18px #00000059;cursor:pointer}#clarity-qn-panel{display:none;width:min(94vw,400px);max-height:50vh;overflow:auto;border-radius:16px;border:1px solid rgba(212,180,90,.35);background:#0c1612f5;color:#e8f0ea;padding:.75rem .85rem;box-shadow:0 8px 28px #0006;-webkit-overflow-scrolling:touch}#clarity-quick-nav.open #clarity-qn-panel{display:block}#clarity-qn-panel h4{margin:0 0 .4rem;font-size:.85rem;color:#d4b45a;font-weight:700}#clarity-qn-panel .qn-list{list-style:none;margin:0 0 .55rem;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}#clarity-qn-panel .qn-list a{display:inline-flex;align-items:center;gap:.2rem;font-size:.74rem;font-weight:600;padding:.28rem .5rem;border-radius:999px;background:#ffffff14;color:#e8f0ea;text-decoration:none;border:1px solid rgba(255,255,255,.12);max-width:100%}#clarity-qn-panel .qn-list a.qn-pin{background:#d4b45a33;border-color:#d4b45a66;color:#f5e6b8}#clarity-qn-panel .qn-empty{font-size:.75rem;opacity:.7;font-style:italic;margin:0 0 .4rem}#clarity-qn-panel .qn-row{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.35rem}#clarity-qn-panel button.qn-btn{font-size:.72rem;font-weight:600;padding:.28rem .55rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#e8f0ea;cursor:pointer}html[data-theme=light] #clarity-qn-panel{background:#fffdf8fa;color:#1a2a22;border-color:#0d4f3c33}html[data-theme=light] #clarity-qn-panel h4{color:#0d4f3c}html[data-theme=light] #clarity-qn-panel .qn-list a{background:#0d4f3c14;color:#0d4f3c;border-color:#0d4f3c26}html[data-theme=light] #clarity-qn-panel .qn-list a.qn-pin{background:#d4b45a40;color:#5c4a12}#tab-notes.amana-locked .amana-vault-interior,#tab-notes.active.amana-unlocked .amana-vault-gate{display:none!important}#tab-notes.active.amana-unlocked .amana-vault-interior{display:block!important}.amana-vault-gate{max-width:28rem;margin:.75rem auto 1.25rem;padding:1.1rem 1.15rem 1.25rem;border-radius:18px;border:1px solid rgba(212,180,90,.4);background:linear-gradient(165deg,#0c1612fa,#08100efc);box-shadow:0 8px 28px #00000059;color:#e8f0ea}.amana-vault-gate .av-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;color:#d4b45a;margin-bottom:.55rem}.amana-vault-gate .av-brand span.icon{font-size:1.35rem}.amana-vault-gate .av-warn{font-size:.86rem;line-height:1.45;text-align:center;padding:.7rem .8rem;margin:0 0 .85rem;border-radius:12px;border:1px solid rgba(212,180,90,.35);background:#d4b45a14;color:#e8d5a0}.amana-vault-gate .av-hint-text{font-size:.8rem;color:#e8f0eabf;margin:0 0 .75rem;line-height:1.4;text-align:center}.amana-vault-gate label{display:block;font-size:.78rem;font-weight:600;color:#e8f0ead9;margin:.55rem 0 .25rem}.amana-vault-gate .av-field{position:relative}.amana-vault-gate input[type=password],.amana-vault-gate input[type=text]{width:100%;box-sizing:border-box;padding:.65rem 2.5rem .65rem .85rem;border-radius:12px;border:1px solid rgba(212,180,90,.35);background:#00000059;color:#f0faf4;font-size:.95rem}.amana-vault-gate .av-eye{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;opacity:.8;color:#c5d0c8;padding:.25rem}.amana-vault-gate .av-strength{height:4px;border-radius:4px;margin:.35rem 0 .15rem;background:#ffffff1a;overflow:hidden}.amana-vault-gate .av-strength>i{display:block;height:100%;width:0%;border-radius:4px;background:#c45c3e;transition:width .2s,background .2s}.amana-vault-gate .av-strength-lab{font-size:.72rem;color:#e8f0eab3;margin-bottom:.35rem}.amana-vault-gate .av-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem;justify-content:center}.amana-vault-gate .av-actions button{border-radius:999px;padding:.55rem 1rem;font-weight:700;font-size:.85rem;border:1px solid rgba(212,180,90,.4);cursor:pointer}.amana-vault-gate .av-btn-primary{background:#0d4f3c;color:#f5e6b8}.amana-vault-gate .av-btn-soft{background:#ffffff0f;color:#e8f0ea}.amana-vault-gate .av-status{font-size:.78rem;text-align:center;margin-top:.65rem;min-height:1.2em;color:#6bc49a}.amana-vault-gate .av-status.err{color:#e08080}.amana-vault-interior .amana-session-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem .75rem;margin:0 0 .75rem;border-radius:12px;border:1px solid rgba(212,180,90,.3);background:#0d4f3c40;font-size:.82rem}.amana-vault-interior .amana-session-bar .lock-btn{margin-left:auto;border-radius:999px;padding:.35rem .75rem;background:#00000040;border:1px solid rgba(212,180,90,.35);color:#f5e6b8;font-weight:600;cursor:pointer;font-size:.78rem}.amana-heir-readiness{margin:0 0 1rem;padding:.9rem 1rem 1rem;border-radius:16px;border:1px solid rgba(212,180,90,.4);background:linear-gradient(165deg,#101c18fa,#0a1210fc)}.amana-heir-readiness h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.15rem;color:#d4b45a;margin:0 0 .35rem}.amana-heir-readiness .ahr-disc{font-size:.78rem;color:#e8f0eabf;margin:0 0 .65rem;line-height:1.4}.amana-heir-readiness .ahr-ready{font-size:.82rem;font-weight:600;color:#6bc49a;margin:0 0 .65rem}.amana-heir-readiness label{display:block;font-size:.78rem;font-weight:600;color:#e8f0ead9;margin:.5rem 0 .2rem}.amana-heir-readiness input,.amana-heir-readiness textarea{width:100%;box-sizing:border-box;padding:.55rem .75rem;border-radius:10px;border:1px solid rgba(212,180,90,.3);background:#0000004d;color:#f0faf4;font-size:.9rem;font-family:inherit}.amana-heir-readiness textarea{min-height:4.5rem;resize:vertical}.amana-heir-readiness .ahr-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.amana-heir-readiness .ahr-actions button{border-radius:999px;padding:.4rem .75rem;font-size:.78rem;font-weight:600;border:1px solid rgba(212,180,90,.35);background:#0d4f3c80;color:#f5e6b8;cursor:pointer}.amana-heir-readiness .ahr-actions button.soft{background:#ffffff0f;color:#e8f0ea}html[data-theme=light] .amana-vault-gate,html[data-theme=light] .amana-heir-readiness{background:linear-gradient(165deg,#f7f3ea,#eef6f1);color:#1a2a22;border-color:#0d4f3c40}html[data-theme=light] .amana-vault-gate .av-warn{color:#5c4a12;background:#d4b45a26}html[data-theme=light] .amana-vault-gate input,html[data-theme=light] .amana-heir-readiness input,html[data-theme=light] .amana-heir-readiness textarea{background:#fff;color:#1a2a22;border-color:#0d4f3c40}html[data-theme=light] .amana-vault-gate .av-hint-text,html[data-theme=light] .amana-heir-readiness .ahr-disc{color:#5c6b62}.tab-panel:not(#tab-journey) #deepen-study-card,#tab-notes #deepen-study-card,#tab-seerah #deepen-study-card,#tab-lectures #deepen-study-card,#tab-search #deepen-study-card{display:none!important}#tab-journey #deepen-study-card{display:block!important}#user-family-tree-card details.uft-registry,#user-family-tree-card #uft-registry-box,#user-family-tree-card #uft-reg-new-section,#user-family-tree-card #uft-reg-saved-section,#user-family-tree-card #uft-build-section,#user-family-tree-card #uft-reg-loaded-section,#user-family-tree-card .uft-data-dock,#user-family-tree-card .uft-chrome{display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important}#user-family-tree-card #uft-registry-box[open] .uft-reg-list,#user-family-tree-card details[open] .uft-reg-list{display:block!important}#user-family-tree-card .uft-reg-list{display:block!important;min-height:2rem}#user-family-tree-card .uft-data-dock{margin-top:.75rem!important;padding:.65rem!important;border:1px solid rgba(212,180,90,.3)!important;border-radius:12px!important}#user-family-tree-card .uft-editor.uft-data-dock,#user-family-tree-card #uft-editor{display:block!important}#user-family-tree-card .uft-editor .uft-dock-body,#user-family-tree-card .uft-editor:not(.collapsed) .uft-dock-body{display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important}#user-family-tree-card .uft-editor.collapsed .uft-dock-body{display:block!important}#user-family-tree-card #uft-registry-box{display:block!important;margin:.75rem 0!important}#tab-notes.active .amana-vault-gate{display:grid!important;grid-template-columns:1fr;gap:.55rem;max-width:28rem!important;width:calc(100% - 1.25rem)!important;margin:1rem auto 1.25rem!important;box-sizing:border-box!important;padding:1.1rem 1.15rem 1.25rem;border-radius:18px;border:1px solid rgba(212,180,90,.4);background:linear-gradient(165deg,#0c1612fa,#08100efc)}#tab-notes.active.amana-unlocked .amana-vault-gate,#tab-notes.active.amana-locked #amana-vault-interior{display:none!important}#tab-notes.active.amana-unlocked #amana-vault-interior{display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important}#tab-notes .amana-vault-gate .av-field{position:relative!important}#tab-notes .amana-vault-gate .av-eye{position:absolute!important;right:.45rem!important;top:50%!important;transform:translateY(-50%)!important;z-index:6!important;width:2rem;height:2rem;border-radius:8px;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}#tab-notes .amana-vault-gate input{padding-right:2.75rem!important}html body #tab-notes:not(.active),body[data-active-tab]:not([data-active-tab=notes]) #tab-notes{display:none!important;visibility:hidden!important;position:absolute!important;left:-99999px!important;height:1px!important;overflow:hidden!important;pointer-events:none!important}html body #tab-notes.active{display:block!important;visibility:visible!important;position:relative!important;left:auto!important;height:auto!important;overflow:visible!important;pointer-events:auto!important}#tab-notes.active.amana-unlocked details.amana-heir-dd{border:1px solid rgba(212,180,90,.35);border-radius:14px;background:#0003;margin:0 0 .5rem}#tab-notes.active.amana-unlocked details.amana-heir-dd>summary{cursor:pointer;list-style:none;padding:.85rem 1rem;font-weight:700;color:#d4b45a;background:#0d4f3c59}#tab-notes.active.amana-unlocked details.amana-heir-dd>summary::-webkit-details-marker{display:none}#tab-notes.active.amana-unlocked details.amana-heir-dd:not([open])>.amana-heir-body{display:none!important}#tab-notes.active.amana-unlocked details.amana-heir-dd[open]>.amana-heir-body{display:block!important;padding:.75rem .9rem 1rem}#tab-notes.active.amana-unlocked #user-family-tree-card,#tab-notes.active.amana-unlocked #faraid-card,#tab-notes.active.amana-unlocked #wasiyyah-card{display:block!important;position:relative!important;z-index:1!important;width:100%!important;margin:0 0 1.15rem!important;float:none!important;clear:both!important}#tab-notes #fiqh-workflow-card,#tab-notes #fiqh-workflow-jumps,#tab-notes #vault-online-resources,#tab-notes details.vault-tool-dd,#tab-notes details.vault-fiqh-section{display:none!important}#tab-notes.active.amana-unlocked #amana-fiqh-tools-wrap{display:flex!important;flex-direction:column!important;gap:1.35rem!important;width:100%!important}#tab-notes.active.amana-unlocked #user-family-tree-card,#tab-notes.active.amana-unlocked #faraid-card,#tab-notes.active.amana-unlocked #wasiyyah-card{display:block!important;position:relative!important;width:100%!important;margin:0!important;float:none!important;clear:both!important}#tab-notes.active.amana-unlocked #uft-stage{max-height:none;min-height:min(42vh,22rem);overflow:auto}#meme-card{border-radius:18px!important;border:1px solid rgba(184,146,42,.35)!important;border-top:3px solid var(--gold, #b8922a)!important;background:linear-gradient(165deg,#fffdf8fa,#f6f1e7f2)!important;box-shadow:0 8px 28px #0f4c3a14!important;padding:.85rem .9rem 1.1rem!important}html[data-theme=dark] #meme-card{background:linear-gradient(165deg,#121c18,#0c1612)!important;border-color:#c9a22759!important}#meme-card>h2{font-family:Cormorant Garamond,Georgia,serif!important;font-size:1.25rem!important;letter-spacing:.02em;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}#meme-studio-root.meme-realign{display:flex!important;flex-direction:column!important;gap:.7rem!important}#meme-studio-root .meme-bar-bg{order:-1;padding:.5rem .45rem!important;border-radius:14px!important;background:#0f4c3a12!important;border:1px solid rgba(15,76,58,.12)!important}html[data-theme=dark] #meme-studio-root .meme-bar-bg{background:#c9a22714!important;border-color:#c9a2272e!important}#meme-studio-root .meme-tool-label{font-size:.68rem!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--accent, #0f4c3a)!important;margin-bottom:.25rem}#meme-studio-root .mv-chip{font-size:.76rem!important;padding:.34rem .72rem!important;border-radius:999px!important;border:1px solid rgba(15,76,58,.2)!important;background:#ffffffd9!important;cursor:pointer;transition:transform .12s,box-shadow .12s}#meme-studio-root .mv-chip:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0f4c3a1f}html[data-theme=dark] #meme-studio-root .mv-chip{background:#ffffff0f!important;border-color:#ffffff24!important;color:#e8f0ea}#meme-stage-wrap,#meme-stage{border-radius:14px!important;overflow:hidden}#meme-canvas{border-radius:12px;max-width:100%;box-shadow:0 4px 20px #00000026}#meme-top-input,#meme-mid-input,#meme-bottom-input{width:100%!important;border-radius:12px!important;border:1px solid rgba(15,76,58,.18)!important;padding:.55rem .75rem!important;font-size:.9rem!important;background:#ffffffe6!important}#meme-bottom-input{border-color:#b8922a73!important;background:linear-gradient(90deg,#f5edd680,#ffffffe6)!important;font-weight:600!important;font-size:.85rem!important;color:#5c4a12!important}html[data-theme=dark] #meme-bottom-input{background:#c9a2271f!important;color:#f5e6a8!important;border-color:#c9a22766!important}.meme-ref-hint{font-size:.72rem;color:var(--text-muted, #5c6b62);margin:.15rem 0 .35rem}.clarity-meme-btn{display:inline-flex!important;align-items:center;gap:.3rem;padding:.34rem .75rem!important;font-size:.78rem!important;font-weight:650;border-radius:999px!important;cursor:pointer;background:linear-gradient(135deg,#0f4c3a,#1a6b52)!important;color:#f7f3eb!important;border:none!important}.clarity-meme-btn:hover{filter:brightness(1.08)}#meme-fetch-status,#meme-rrra-status{font-size:.72rem!important;min-height:1em;color:var(--accent, #0f4c3a)!important}#meme-studio-root textarea#meme-top-input,#meme-studio-root textarea#meme-mid-input,#meme-studio-root textarea#meme-bottom-input{display:none!important;width:100%!important;margin:.15rem 0 .45rem!important;border-radius:12px!important;border:1px solid rgba(15,76,58,.2)!important;padding:.5rem .7rem!important;font-size:.88rem!important;font-family:inherit!important;resize:vertical;background:#ffffffeb!important;color:inherit!important}#meme-studio-root textarea#meme-bottom-input{border-color:#b8922a80!important;background:linear-gradient(90deg,#f5edd68c,#fffffff2)!important;font-weight:650!important;color:#4a3b0c!important;min-height:2.4rem!important}html[data-theme=dark] #meme-studio-root textarea#meme-bottom-input{background:#c9a22724!important;color:#f5e6a8!important}.meme-line-lab{display:block;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent, #0f4c3a);margin-top:.25rem}label.mv-upload,#meme-file{display:none!important}#meme-studio-root.meme-glory-layout,#meme-studio-root.meme-realign{display:flex!important;flex-direction:column!important;gap:.65rem!important}#meme-studio-root .meme-bar-bg{order:1;padding:.5rem .45rem;border-radius:14px;background:#0f4c3a0f;border:1px solid rgba(15,76,58,.12)}#meme-studio-root .meme-preview-only{order:2}#meme-studio-root #meme-rrra-fetch-bar,#meme-studio-root .meme-bar-fetch{order:3;padding:.45rem;border-radius:14px;background:#b8922a14;border:1px solid rgba(184,146,42,.2)}#meme-studio-root #meme-line-sizes,#meme-studio-root .meme-bar-scale,#meme-studio-root .meme-size-row-h{order:4}#meme-studio-root .meme-bar-export{order:5}#meme-studio-root textarea#meme-top-input,#meme-studio-root textarea#meme-mid-input,#meme-studio-root textarea#meme-bottom-input,#meme-studio-root .meme-line-lab,#meme-ref-hint{display:none!important}#meme-stage-wrap{max-width:520px;margin:0 auto}#meme-canvas{width:100%!important;height:auto!important}#meme-studio-root .meme-chip-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.meme-drag-handle{background:#00000040!important;color:#ffffff80!important;opacity:.4!important;font-size:.62rem!important;padding:.12rem .4rem!important}.meme-text-box:hover .meme-drag-handle{opacity:.75!important}#meme-studio-root .meme-bar-fetch,#meme-rrra-fetch-bar{order:3!important;padding:.55rem .6rem!important;border-radius:14px!important;background:#b8922a1a!important;border:1px solid rgba(184,146,42,.3)!important}#meme-studio-root .meme-bar-scale,#meme-studio-root .meme-bar-bg{order:1!important}#meme-canvas{max-width:100%}#meme-studio-root.meme-realign,#meme-studio-root.meme-glory-layout{display:flex!important;flex-direction:column!important;gap:.55rem!important}#meme-studio-root .meme-bar-bg{order:1!important}#meme-studio-root .meme-preview-only{order:2!important}#meme-studio-root .meme-below{order:3!important;display:flex!important;flex-direction:column!important;gap:.45rem!important}#meme-studio-root .meme-bar-scale,#meme-studio-root #meme-line-sizes,#meme-studio-root .meme-size-row-h{order:1!important}#meme-studio-root .meme-bar-fetch,#meme-studio-root #meme-rrra-fetch-bar{order:2!important}#meme-studio-root .meme-bar:has(#meme-ratio),#meme-studio-root .meme-bar-export{order:3!important}#meme-stage .meme-text-box,#meme-box-top,#meme-box-mid,#meme-box-bottom{background:transparent!important;border:1px dashed rgba(255,255,255,.2)!important;box-shadow:none!important}.meme-drag-handle{background:#0000004d!important;color:#ffffff8c!important;opacity:.4!important;font-size:.62rem!important;padding:.12rem .4rem!important;border:none!important}.meme-text-box:hover .meme-drag-handle{opacity:.85!important}#meme-wm-link .wm-hit-label,#meme-wm-link span{opacity:0!important;font-size:0!important}#meme-wm-link{opacity:.01!important;pointer-events:none!important}#amana-pass-unlock,#amana-pass-new,#amana-pass-confirm{letter-spacing:.04em}#amana-lockout-panel:not([hidden]){animation:amanaLockIn .25s ease}@keyframes amanaLockIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#amana-attempts-lab{color:#e8b4a0e6}#amana-vault-interior.amana-fortress-capsule[data-amana-sealed="1"],#amana-vault-interior[data-amana-sealed="1"]{display:none!important;visibility:hidden!important;pointer-events:none!important;content-visibility:hidden}#amana-vault-interior.amana-fortress-capsule[data-amana-sealed="0"]{display:block!important;visibility:visible!important;pointer-events:auto!important;content-visibility:auto}#tab-notes.amana-locked #amana-vault-gate{display:block!important}#tab-notes.amana-unlocked #amana-vault-gate,#tab-notes.amana-locked #amana-vault-interior{display:none!important}html[data-theme=dark] #callig-lab-card,html[data-theme=dark] #callig-lab-card.card,html[data-theme=dark] #tab-reminder #callig-lab-card,html[data-theme=dark] .tab-panel #callig-lab-card{background:#121a16!important;background-color:#121a16!important;background-image:none!important;border-color:#c9a2274d!important;color:#e8f0ea!important}html[data-theme=dark] #callig-lab-card *{border-color:#ffffff1f}html[data-theme=dark] #callig-lab-card h2,html[data-theme=dark] #callig-lab-card h3,html[data-theme=dark] #callig-lab-card label,html[data-theme=dark] #callig-lab-card .card-title{color:#f0e6c8!important}html[data-theme=dark] #callig-lab-card p,html[data-theme=dark] #callig-lab-card .muted,html[data-theme=dark] #callig-lab-card span:not(.rrra-badge){color:#d2dcd7d1!important}html[data-theme=dark] #callig-pad,html[data-theme=dark] #callig-lab-card #callig-pad,html[data-theme=dark] #callig-lab-card .callig-pad,html[data-theme=dark] #callig-lab-card [id*=pad],html[data-theme=dark] #callig-lab-card canvas#callig-canvas,html[data-theme=dark] canvas#callig-canvas{background:#1a2420!important;background-color:#1a2420!important;background-image:repeating-linear-gradient(transparent,transparent 31px,rgba(255,255,255,.07) 31px,rgba(255,255,255,.07) 32px)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:inset 0 0 0 1px #0006!important;color:#e8f0ea!important}html[data-theme=dark] #callig-lab-card input,html[data-theme=dark] #callig-lab-card textarea,html[data-theme=dark] #callig-lab-card select{background:#0c1210!important;background-color:#0c1210!important;color:#e8f0ea!important;border:1px solid rgba(255,255,255,.2)!important;caret-color:#d4b45a!important}html[data-theme=dark] #callig-lab-card input::placeholder,html[data-theme=dark] #callig-lab-card textarea::placeholder{color:#b4beb973!important;opacity:1!important}html[data-theme=dark] #callig-lab-card button:not(.rrra-badge){background:#ffffff1a!important;color:#e8f0ea!important;border:1px solid rgba(255,255,255,.18)!important}html[data-theme=dark] #callig-lab-card button:disabled{opacity:.45!important}html[data-theme=dark] #callig-lab-card [style*="background:#fff"],html[data-theme=dark] #callig-lab-card [style*="background: #fff"],html[data-theme=dark] #callig-lab-card [style*="background:#f"],html[data-theme=dark] #callig-lab-card [style*="background: #f"],html[data-theme=dark] #callig-lab-card [style*="background:#FF"],html[data-theme=dark] #callig-lab-card [style*="background:white"],html[data-theme=dark] #callig-lab-card [style*="background: white"],html[data-theme=dark] #callig-lab-card [style*="background-color:#fff"],html[data-theme=dark] #callig-lab-card [style*="background-color: #fff"],html[data-theme=dark] #callig-lab-card [style*="background-color:#f"]{background:#1a2420!important;background-color:#1a2420!important}html[data-theme=dark] #callig-lab-card [style*="color:#1"],html[data-theme=dark] #callig-lab-card [style*="color: #1"],html[data-theme=dark] #callig-lab-card [style*="color:#0"],html[data-theme=dark] #callig-lab-card [style*="color:var(--text"]{color:#dce6e1e6!important}html[data-theme=dark] #callig-lab-card div[style*="background:linear"],html[data-theme=dark] #callig-lab-card div[style*="background: linear"]{background:linear-gradient(135deg,#1a2822,#121a16)!important}html{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.arabic,.arabic-calligraphy,.rabbana-arabic,[dir=rtl],.ar{font-family:Scheherazade New,Amiri,Noto Naskh Arabic,serif!important}.section-panel:not(.active),.tab-panel:not(.active),[hidden]{content-visibility:auto;contain-intrinsic-size:1px 800px}img{max-width:100%;height:auto}iframe{max-width:100%}#clarity-top-duo{display:block!important;visibility:visible!important;opacity:1!important;position:sticky!important;z-index:40!important;overflow:visible!important}#clarity-top-duo .banner{display:block!important;position:relative!important;min-height:200px!important;height:auto!important;overflow:visible!important}#clarity-top-duo .banner-media{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;pointer-events:none!important}#clarity-top-duo .banner-overlay{position:relative!important;z-index:2!important;display:flex!important;flex-wrap:wrap!important;min-height:190px!important;height:auto!important;overflow:visible!important}#clarity-top-duo .banner-center{display:flex!important;flex-direction:column!important;visibility:visible!important;width:100%!important;max-width:100%!important}#clarity-top-duo .banner-center .bismillah,#clarity-top-duo .banner-center h1,#clarity-top-duo .banner-center .subtitle,#clarity-top-duo .banner-center .rabbana-box{display:block!important;visibility:visible!important}#clarity-top-duo .banner-center .stream-controls{display:flex!important;flex-wrap:wrap!important}@media(max-width:900px){#clarity-top-duo .banner{min-height:240px!important}#clarity-top-duo .banner-overlay{min-height:230px!important;flex-direction:column!important}#clarity-top-duo .banner-side{display:none!important}}@media(min-width:901px){#clarity-top-duo .banner-side{display:flex!important}#clarity-top-duo .banner-center{max-width:520px!important;width:auto!important}}html,body{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;max-height:none!important;position:static!important;touch-action:pan-y!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important}html{height:auto!important;min-height:100%!important}body{min-height:100%!important;min-height:100dvh!important}#clarity-welcome:not(.show),#clarity-three-doors.hidden,#clarity-three-doors[style*="display:none"],.gate-overlay.hidden,.clarity-welcome-overlay:not(.show){display:none!important;pointer-events:none!important;visibility:hidden!important}#main-content,.page-wrapper,.main-content,#main-application-workspace{overflow:visible!important;height:auto!important;max-height:none!important;pointer-events:auto!important}.gps-strip,.grave-path-strip,#grave-path-strip{display:flex;flex-direction:column;gap:.55rem;margin:.65rem 0 1rem}.gps-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;width:100%;text-align:left;padding:.85rem 1rem;border-radius:16px;border:1.5px solid transparent;cursor:pointer;font:inherit;line-height:1.45;box-shadow:0 4px 14px #0000001f;transition:transform .15s,box-shadow .15s,border-color .15s}.gps-btn:active{transform:scale(.99)}.gps-title{display:block;font-weight:800;font-size:.95rem;letter-spacing:.01em;margin:0;line-height:1.3}.gps-goal{display:block;font-weight:500;font-size:.84rem;opacity:.95;margin:0;line-height:1.4}.gps-tag{display:block;font-size:.72rem;font-weight:600;opacity:.88;margin-top:.15rem;letter-spacing:.02em}.gps-btn.gps-seeker,.gps-phase.gps-seeker,.gps-btn[data-gate=seeker],button[data-gate=seeker]{background:linear-gradient(145deg,#3d3420,#2a2416);border-color:#d4b45a8c;color:#f5e6b8}.gps-btn.gps-seeker .gps-title,.gps-btn[data-gate=seeker] .gps-title{color:#e8c86a}.gps-btn.gps-new_muslim,.gps-btn[data-gate=new_muslim]{background:linear-gradient(145deg,#0f3d30,#0a2a22);border-color:#1fa67a8c;color:#d4f0e4}.gps-btn.gps-new_muslim .gps-title,.gps-btn[data-gate=new_muslim] .gps-title{color:#5ee0a8}.gps-btn.gps-practicing,.gps-btn[data-gate=practicing]{background:linear-gradient(145deg,#0c3340,#0a242e);border-color:#3da8c480;color:#d0eaf2}.gps-btn.gps-practicing .gps-title,.gps-btn[data-gate=practicing] .gps-title{color:#6ec9e0}.gps-btn.gps-dai,.gps-btn[data-gate=dai]{background:linear-gradient(145deg,#2a2a4a,#1a1a32);border-color:#8c8cc880;color:#e0e0f5}.gps-btn.gps-dai .gps-title,.gps-btn[data-gate=dai] .gps-title{color:#a8a8e8}.gps-btn.active{box-shadow:0 0 0 2px #d4b45aa6,0 6px 18px #00000040}html[data-theme=day] .gps-btn.gps-seeker,html[data-theme=light] .gps-btn.gps-seeker{background:linear-gradient(145deg,#f8f0d8,#f0e6c0);color:#3d3010;border-color:#c4a035}html[data-theme=day] .gps-btn.gps-new_muslim,html[data-theme=light] .gps-btn.gps-new_muslim{background:linear-gradient(145deg,#e6f5ee,#d4efe3);color:#0a3d2e;border-color:#1fa67a}html[data-theme=day] .gps-btn.gps-practicing,html[data-theme=light] .gps-btn.gps-practicing{background:linear-gradient(145deg,#e4f3f7,#d0eaf2);color:#0c3340;border-color:#3da8c4}html[data-theme=day] .gps-btn.gps-dai,html[data-theme=light] .gps-btn.gps-dai{background:linear-gradient(145deg,#ececf6,#e0e0f0);color:#2a2a4a;border-color:#7a7ab8}.path-card[data-track=seeker]{border-left:4px solid #d4b45a!important}.path-card[data-track=new_muslim]{border-left:4px solid #1fa67a!important}.path-card[data-track=practicing]{border-left:4px solid #3da8c4!important}.path-card[data-track=dai]{border-left:4px solid #8a8ad0!important}#clarity-door-rail{position:fixed!important;inset:auto 0 0!important;transform:none!important;flex-direction:row!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:.3rem .25rem max(.35rem,env(safe-area-inset-bottom))!important;gap:.2rem!important;border-radius:0!important;overflow:hidden!important;z-index:500!important;box-sizing:border-box!important}#clarity-door-rail .door-rail-btn{flex:1 1 0!important;min-width:0!important;max-width:100%!important;width:auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.12rem!important;padding:.35rem .15rem!important;min-height:3rem!important;font-size:.62rem!important;font-weight:700!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:break-word!important;hyphens:auto}#clarity-door-rail .door-rail-btn .dr-ico{font-size:1.05rem!important;line-height:1!important;flex-shrink:0}#clarity-door-rail .door-rail-btn .dr-label,#clarity-door-rail .door-rail-btn span:not(.dr-ico){display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.58rem!important}.mobile-bottom-nav .mb-tab{min-width:0!important;max-width:100%!important;padding:.4rem .12rem!important;font-size:.58rem!important;overflow:hidden!important}.mobile-bottom-nav .mb-tab span,.mobile-bottom-nav .mb-tab .mb-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.bottom-tabs,.clarity-bottom-tabs,[role=tablist].bottom{gap:.25rem!important}.bottom-tabs button,.clarity-bottom-tabs button{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.72rem!important;padding:.4rem .55rem!important}#banner-media.live-active #banner-live,#banner-media.live-active .banner-live{opacity:1!important;pointer-events:auto!important;z-index:4!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important}#banner-media.live-active img,#banner-media.live-active .banner-still-img{opacity:0!important}.temp-live,#place-temp-alt{display:inline-flex!important;visibility:visible!important;font-weight:600}.td-wrap-paths{width:min(440px,94vw)!important}.td-path-grid{display:flex;flex-direction:column;gap:.55rem}.td-path.gps-btn{width:100%;cursor:pointer;text-align:left;border-radius:16px;padding:.85rem 1rem}#clarity-three-doors:not(.hidden){display:flex!important}#clarity-grave-path-strip[data-first-visit-moved="1"]{display:none!important}.clarity-gate-switcher.rrra-sitewide{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.5rem 0 .75rem;padding:.35rem 0}.clarity-gate-switcher .cgs-label{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.85;margin-right:.2rem}.clarity-gate-switcher .cgs-btn{border-radius:999px!important;border:1.5px solid transparent!important;padding:.35rem .7rem!important;font-weight:700!important;font-size:.78rem!important;cursor:pointer;transition:box-shadow .15s,transform .12s}.clarity-gate-switcher .cgs-btn.cgs-seeker,.clarity-gate-switcher .cgs-btn[data-gate=seeker]{background:linear-gradient(145deg,#3d3420,#2a2416)!important;border-color:#d4b45a8c!important;color:#f5e6b8!important}.clarity-gate-switcher .cgs-btn.cgs-new,.clarity-gate-switcher .cgs-btn[data-gate=new_muslim]{background:linear-gradient(145deg,#0f3d30,#0a2a22)!important;border-color:#1fa67a8c!important;color:#d4f0e4!important}.clarity-gate-switcher .cgs-btn.cgs-daily,.clarity-gate-switcher .cgs-btn[data-gate=practicing]{background:linear-gradient(145deg,#0c3340,#0a242e)!important;border-color:#3da8c480!important;color:#d0eaf2!important}.clarity-gate-switcher .cgs-btn.cgs-dai,.clarity-gate-switcher .cgs-btn[data-gate=dai]{background:linear-gradient(145deg,#2a2a4a,#1a1a32)!important;border-color:#8c8cc880!important;color:#e0e0f5!important}.clarity-gate-switcher .cgs-btn.is-active,.clarity-gate-switcher .cgs-btn.active{box-shadow:0 0 0 2px #d4b45abf!important;transform:translateY(-1px)}html[data-theme=day] .clarity-gate-switcher .cgs-btn.cgs-seeker,html[data-theme=light] .clarity-gate-switcher .cgs-btn.cgs-seeker{background:linear-gradient(145deg,#f8f0d8,#f0e6c0)!important;color:#3d3010!important}html[data-theme=day] .clarity-gate-switcher .cgs-btn.cgs-new,html[data-theme=light] .clarity-gate-switcher .cgs-btn.cgs-new{background:linear-gradient(145deg,#e6f5ee,#d4efe3)!important;color:#0a3d2e!important}html[data-theme=day] .clarity-gate-switcher .cgs-btn.cgs-daily,html[data-theme=light] .clarity-gate-switcher .cgs-btn.cgs-daily{background:linear-gradient(145deg,#e4f3f7,#d0eaf2)!important;color:#0c3340!important}html[data-theme=day] .clarity-gate-switcher .cgs-btn.cgs-dai,html[data-theme=light] .clarity-gate-switcher .cgs-btn.cgs-dai{background:linear-gradient(145deg,#ececf6,#e0e0f0)!important;color:#2a2a4a!important}#clarity-top-duo .banner-center{max-width:min(640px,100%)!important;width:100%!important}#clarity-top-duo .stream-controls{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:.28rem!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%!important;padding:.2rem .15rem!important;margin-top:.35rem!important}#clarity-top-duo .stream-controls>*{flex:0 0 auto!important;min-width:0!important}#clarity-top-duo .stream-controls .stream-select,#clarity-top-duo .stream-controls select{max-width:6.5rem!important;font-size:.68rem!important;padding:.28rem .35rem!important}#clarity-top-duo .stream-controls .live-haramain-btn,#clarity-top-duo .stream-controls .quran-stream-btn{min-width:0!important;padding:.28rem .55rem!important;font-size:.7rem!important;white-space:nowrap!important}#clarity-top-duo .stream-controls .volume-control{min-width:4rem!important;padding:.2rem .4rem!important}#clarity-top-duo .stream-controls .volume-control input[type=range]{width:42px!important}@media(max-width:420px){#clarity-top-duo .stream-controls .stream-select{max-width:5.2rem!important}}.ht-item,#temp-makkah,#temp-madinah{visibility:visible!important;font-variant-numeric:tabular-nums}.ht-item strong{font-weight:800}#clarity-section-manager{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.35rem 0 .65rem;padding:.4rem .55rem;border-radius:12px;border:1px solid rgba(212,180,90,.28);background:#0003;font-size:.78rem}#clarity-section-manager strong{color:#d4b45a}#clarity-section-manager button{font:inherit;font-size:.72rem;font-weight:700;padding:.28rem .55rem;border-radius:999px;cursor:pointer;border:1px solid rgba(212,180,90,.35);background:#0f2820d9;color:#f5e6b8}#clarity-path-quiz-modal{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#06120eb8;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .2s ease}#clarity-path-quiz-modal.open{opacity:1;pointer-events:auto}#clarity-path-quiz-modal .cpq-card{width:min(420px,94vw);max-height:min(88vh,640px);overflow-y:auto;background:#0f2a22;color:#e8f0ea;border-radius:18px;border:1.5px solid rgba(212,180,90,.45);box-shadow:0 20px 50px #00000073;padding:1.15rem 1.1rem 1.2rem}html[data-theme=day] #clarity-path-quiz-modal .cpq-card,html[data-theme=light] #clarity-path-quiz-modal .cpq-card{background:#fffdf8;color:#1c2a22;border-color:#c4a035}#clarity-path-quiz-modal h3{margin:0 0 .5rem;color:#d4b45a;font-size:1.15rem}#clarity-path-quiz-modal .cpq-sub{font-size:.9rem;line-height:1.45;margin:0 0 .75rem;opacity:.95}#clarity-path-quiz-modal .cpq-q{font-size:1rem;font-weight:600;margin:.5rem 0 .65rem}#clarity-path-quiz-modal .cpq-opts{display:flex;flex-direction:column;gap:.4rem}#clarity-path-quiz-modal .cpq-opts button{text-align:left;font:inherit;padding:.65rem .75rem;border-radius:12px;border:1px solid rgba(212,180,90,.35);background:#00000040;color:inherit;cursor:pointer}html[data-theme=day] #clarity-path-quiz-modal .cpq-opts button,html[data-theme=light] #clarity-path-quiz-modal .cpq-opts button{background:#f5f0e6;border-color:#d4c4a0}#clarity-path-quiz-modal .cpq-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}#clarity-path-quiz-modal .cpq-primary{font:inherit;font-weight:700;padding:.55rem 1rem;border-radius:999px;border:none;background:linear-gradient(135deg,#1fa67a,#0f4c3a);color:#fff;cursor:pointer}#clarity-path-quiz-modal #cpq-x{font:inherit;padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(212,180,90,.4);background:transparent;color:inherit;cursor:pointer}#clarity-grave-path-strip,.grave-path-strip,.gps-strip,#clarity-grave-path-strip *{display:none!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:none!important;visibility:hidden!important;pointer-events:none!important}.banner h1,.banner-brand,.td-brand h1{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important}.arabic,.bismillah,.rabbana-arabic,[lang=ar]{font-family:Scheherazade New,Noto Naskh Arabic,serif!important}body,.page-wrapper,.card,button,input,select{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important}[data-gate-hidden="1"],.gate-hidden{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:none!important;pointer-events:none!important}.tj-btn,.practice-btn,.chip-btn,.tool-chip,button.cw-step-btn,.cw-step,.cw-primary,#tj-deep-studio button,.tajweed-panel button,.makhraj-map~button,[class*=practice] button{background:linear-gradient(145deg,#0f3d30,#0a2a22)!important;border-color:#1fa67a73!important;color:#d4f0e4!important}.ht-item,#temp-makkah,#temp-madinah,.place-name,.hijri-local-loc,.banner .place-name,.temp-live{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.02em!important}#temp-makkah,#temp-madinah{font-variant-numeric:tabular-nums!important;font-weight:800!important;font-size:.78rem!important}.ht-item{display:inline-flex!important;align-items:center!important;gap:.25rem!important;line-height:1.3!important}html:not([data-clarity-meme-ok="1"]) #meme-card,html:not([data-clarity-meme-ok="1"]) #meme-studio-root,body:not([data-clarity-meme-ok="1"]) #meme-card,body:not([data-clarity-meme-ok="1"]) #meme-studio-root{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;pointer-events:none!important}html[data-clarity-meme-ok="1"] #meme-card,html[data-clarity-meme-ok="1"] #meme-studio-root{display:block!important;visibility:visible!important;height:auto!important;overflow:visible!important;pointer-events:auto!important}html[data-clarity-meme-ok="1"] #meme-studio-root.meme-realign,html[data-clarity-meme-ok="1"] #meme-studio-root.meme-glory-layout{display:flex!important}html[data-clarity-meme-ok="1"] .clarity-to-meme-pill,html[data-clarity-meme-ok="1"] .clarity-meme-pill-row{display:inline-flex!important;visibility:visible!important;opacity:1!important}html:not([data-clarity-meme-ok="1"]) .clarity-to-meme-pill,html:not([data-clarity-meme-ok="1"]) .clarity-meme-pill-row{display:none!important}.workspace-safe-frame{position:relative;margin:.75rem 0 1.25rem;padding:.65rem .55rem 1.1rem;border:1px solid rgba(13,79,60,.22);border-radius:16px;background:linear-gradient(180deg,rgba(13,79,60,.04),transparent 40%)}html[data-theme=dark] .workspace-safe-frame{border-color:#d4b45a47}.workspace-safe-frame:before{content:attr(data-frame-label);display:block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent,#0d4f3c);opacity:.85;margin:0 0 .45rem .15rem}.workspace-scroll-hint{font-size:.72rem;color:var(--text-muted,#5c6b62);margin:.35rem .15rem 0}#callig-stage-outer{max-height:min(70vh,520px);overflow:auto;border-radius:12px;border:1px dashed rgba(13,79,60,.25);padding:.35rem;background:#f7f3eb!important;min-height:280px!important}#callig-canvas,.callig-lab-stage{background:#f7f3eb!important;min-height:260px!important}#callig-canvas{display:block!important;width:100%!important}#meme-stage-wrap,#uft-stage{border-radius:12px;border:1px dashed rgba(13,79,60,.25);padding:.35rem}#callig-text-bridge{margin:0 0 .55rem;padding:.65rem .75rem;border-radius:12px;border:1px solid rgba(13,79,60,.2);background:var(--card-bg,#fffdf8)}#callig-text-bridge .bridge-title{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent,#0d4f3c);margin-bottom:.35rem}#callig-text-bridge .bridge-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}#callig-text-bridge input[type=text]{flex:1 1 12rem;min-width:8rem;padding:.45rem .65rem;border-radius:10px;border:1px solid var(--border,#e0d5c4);background:#fff;color:var(--text);font-size:.9rem}#callig-bridge-ar{margin-top:.45rem;font-family:Scheherazade New,Amiri,serif;direction:rtl;font-size:1.35rem;line-height:1.9;min-height:2.2rem;padding:.4rem .55rem;border-radius:10px;background:#0d4f3c0f;border:1px dashed rgba(13,79,60,.2)}#callig-bridge-hint{font-size:.75rem;color:var(--text-muted);margin-top:.3rem}#tj-lmr-random{font-size:1.05rem;min-width:2.4rem}.banner-media.live-active .banner-live{pointer-events:auto!important;opacity:1!important;z-index:5!important}#clarity-top-duo{width:100%!important;max-width:100%!important;box-sizing:border-box!important}#clarity-top-duo .banner,.banner{width:100%!important;max-width:100%!important;max-height:none!important;min-height:10.5rem!important}#clarity-top-duo .banner-overlay,.banner-overlay{display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:space-between!important;gap:.55rem!important;width:100%!important;max-width:100%!important;padding:.45rem .55rem .5rem!important;box-sizing:border-box!important}#clarity-top-duo .banner-side{flex:1 1 160px!important;width:auto!important;min-width:140px!important;max-width:220px!important;display:flex!important;flex-direction:column!important;justify-content:stretch!important;align-self:stretch!important}#clarity-top-duo .banner-side.left{order:1!important}#clarity-top-duo .banner-side.right{order:3!important}#clarity-top-duo .banner-center{flex:2 1 280px!important;min-width:0!important;max-width:none!important;order:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}#clarity-top-duo .hijri-cal-section,#clarity-top-duo .salah-times-section{flex:1 1 auto!important;height:100%!important;min-height:9.5rem!important;background:linear-gradient(165deg,#163e32f5,#061a14fa)!important;border-radius:14px!important;box-shadow:inset 0 0 0 1.5px #d4b45a8c,0 8px 22px #00000073!important;padding:.45rem .5rem!important;box-sizing:border-box!important;overflow:hidden!important}#clarity-top-duo .hijri-cal-section *,#clarity-top-duo .salah-times-section *{color:#e8f0ea!important}#clarity-top-duo .cal-title,#clarity-top-duo .salah-title{font-size:.72rem!important;font-weight:700!important;letter-spacing:.04em!important;color:#e8d48b!important}#clarity-top-duo .hijri-cal-grid{font-size:.62rem!important;line-height:1.35!important}#clarity-top-duo .salah-times-list{font-size:.7rem!important;line-height:1.45!important}@media(min-width:1100px){#clarity-top-duo .banner-side{flex:1 1 180px!important;max-width:260px!important}#clarity-top-duo .banner-center{flex:3 1 360px!important}#clarity-top-duo .hijri-cal-grid{font-size:.68rem!important}#clarity-top-duo .salah-times-list{font-size:.76rem!important}}@media(min-width:1400px){#clarity-top-duo .banner-side{max-width:300px!important}}@media(max-width:900px){#clarity-top-duo .banner-overlay{flex-direction:column!important;gap:.4rem!important}#clarity-top-duo .banner-side{display:flex!important;flex:1 1 auto!important;max-width:100%!important;width:100%!important;flex-direction:row!important;gap:.4rem!important}#clarity-top-duo .hijri-cal-section,#clarity-top-duo .salah-times-section{min-height:0!important;flex:1 1 50%!important}#clarity-top-duo .banner-center{order:-1!important;width:100%!important}}:root,html[data-theme=light]{--bg: #f6f1e7;--bg-elevated: #fffdf8;--text: #1c2a22;--text-muted: #5c6b62;--accent: #0d4f3c;--accent-light: #1a6b52;--accent-fg: #f7f3eb;--accent-soft: #e6f2ec;--border: #e0d5c4;--card-bg: rgba(255, 253, 248, .96);--banner: #0d4f3c;--gold: #b8922a;--gold-soft: #f5edd6;--sky: #2a5f7a;--sky-soft: #e8f1f6;--grave: #2c4a3a;--shadow: 0 4px 18px rgba(13, 50, 40, .08);--surface-1: #fffdf8;--surface-2: #f6f1e7;--hub-reminder: #e8f5ee;--hub-reality: #f5edd6;--hub-reflection: #e8f0ea;--hub-action: #e8f1f6;color-scheme:light}html[data-theme=dark]{--bg: #0c1410;--bg-elevated: #152019;--text: #e7efe9;--text-muted: #9aab9f;--accent: #3d9b78;--accent-light: #6bc49a;--accent-fg: #0a120e;--accent-soft: #1a2e26;--border: #2a3830;--card-bg: rgba(20, 30, 25, .96);--banner: #0a1812;--gold: #d4b45a;--gold-soft: #3a3420;--sky: #6a9fb5;--sky-soft: #1a2830;--grave: #1e3329;--shadow: 0 4px 20px rgba(0, 0, 0, .4);--surface-1: #152019;--surface-2: #0c1410;--hub-reminder: #12241c;--hub-reality: #1a2214;--hub-reflection: #142018;--hub-action: #121c22;color-scheme:dark}html,body{background-color:var(--bg)!important;color:var(--text)!important}html[data-theme=dark] body,html[data-theme=dark]{background-color:var(--bg)!important;background-image:none!important}html[data-theme=light] body,html[data-theme=light]{background-color:var(--bg)!important}html[data-theme=light] body:before{background:#f8f5ee73!important;opacity:1!important}html[data-theme=dark] body:before{background:transparent!important;opacity:0!important;content:none!important}.card,[id$=-card],.tab-panel,.meme-studio,.clarity-gate-switcher,.cgp-track-plaque{background:var(--card-bg)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:var(--shadow)!important}input,textarea,select,.btn-soft,.btn-secondary,.mv-chip,.theme-chip{background:var(--bg-elevated)!important;color:var(--text)!important;border-color:var(--border)!important}.btn-soft:hover,.mv-chip:hover,.theme-chip:hover{border-color:var(--accent)!important}.theme-chip.active,.mv-chip.mv-accent{background:var(--accent)!important;color:var(--accent-fg)!important;border-color:var(--accent)!important}#tab-reminder .rrra-hub-hero{background:var(--hub-reminder)!important}#tab-reality .rrra-hub-hero{background:var(--hub-reality)!important}#tab-reflection .rrra-hub-hero{background:var(--hub-reflection)!important}#tab-action .rrra-hub-hero{background:var(--hub-action)!important}.rrra-hub-hero h2{color:var(--accent)!important}.rrra-hub-sub,.rrra-hub-meta,.rrra-hub-summary,.muted,.text-muted,[class*=text-muted]{color:var(--text-muted)!important}hr,.divider{border-color:var(--border)!important}.rrra-badge,.gold,[class*=gold]:not(button){color:var(--gold)}.cgs-btn.active,.cgs-btn.is-active{background:var(--accent)!important;color:var(--accent-fg)!important}html[data-clarity-path=seeker] #meme-card,html[data-clarity-path=seeker] #meme-studio-root,html[data-clarity-path=seeker] #tweet-desk-card,html[data-clarity-path=new_muslim] #meme-card,html[data-clarity-path=new_muslim] #meme-studio-root,html[data-clarity-path=new_muslim] #tweet-desk-card,html:not([data-clarity-meme-ok="1"]) #meme-card,html:not([data-clarity-meme-ok="1"]) #meme-studio-root,html:not([data-clarity-meme-ok="1"]) #tweet-desk-card{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;pointer-events:none!important;margin:0!important;padding:0!important;border:none!important}html[data-theme=dark] body{background-color:var(--bg, #0c1410)!important;color:var(--text, #e7efe9)!important}html[data-theme=dark] body:before{opacity:0!important;content:none!important;background:transparent!important}html[data-theme=light] body{background-color:var(--bg, #f6f1e7)!important;color:var(--text, #1c2a22)!important}#clarity-top-duo .banner-name-plaque{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.2rem!important;margin:0 auto .55rem!important;padding:.55rem .85rem .45rem!important;min-width:5.5rem!important;max-width:100%!important;border-radius:14px!important;background:linear-gradient(165deg,#fffdf8f2,#f5edd6e6)!important;border:1px solid rgba(184,146,42,.45)!important;box-shadow:0 4px 14px #0d32281f,inset 0 1px #ffffffb3!important;text-align:center!important}html[data-theme=dark] #clarity-top-duo .banner-name-plaque{background:linear-gradient(165deg,#1a2820f2,#121c16eb)!important;border-color:#d4b45a59!important;box-shadow:0 4px 16px #00000059!important}#clarity-top-duo .plaque-naskh{font-family:Scheherazade New,Noto Naskh Arabic,Amiri,Traditional Arabic,serif!important;font-size:clamp(1.85rem,4.2vw,2.55rem)!important;font-weight:700!important;line-height:1.15!important;color:#0d4f3c!important;letter-spacing:.02em!important}#clarity-top-duo .plaque-naskh-sm{font-size:clamp(1.35rem,3.2vw,1.85rem)!important}#clarity-top-duo .masjid-plaque .plaque-icon{font-size:1.35rem!important;line-height:1!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}#clarity-top-duo .plaque-caption{font-size:.62rem!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#5c6b62!important;opacity:.9!important}html[data-theme=dark] #clarity-top-duo .plaque-caption{color:#9aab9f!important}#clarity-top-duo .banner-media:not(.live-active) #banner-img{display:block!important;opacity:1!important;visibility:visible!important}#clarity-top-duo .banner-media:not(.live-active) #banner-live{display:none!important}#clarity-top-duo .banner-media.live-active #banner-img{opacity:0!important;pointer-events:none!important}#clarity-top-duo .banner-name-plaque{display:flex!important;align-items:center!important;justify-content:center!important;width:3.1rem!important;height:3.1rem!important;min-width:3.1rem!important;max-width:3.1rem!important;padding:0!important;margin:0 auto .45rem!important;border-radius:50%!important;background:linear-gradient(145deg,#fffdf8,#f0e6d0)!important;border:1.5px solid rgba(184,146,42,.55)!important;box-shadow:0 3px 10px #0d322824,inset 0 1px #fffc!important}html[data-theme=dark] #clarity-top-duo .banner-name-plaque{background:linear-gradient(145deg,#1a2a22,#0f1814)!important;border-color:#d4b45a66!important}#clarity-top-duo .plaque-naskh{font-family:Scheherazade New,Noto Naskh Arabic,Amiri,serif!important;font-size:1.35rem!important;font-weight:700!important;line-height:1!important;color:#0d4f3c!important}html[data-theme=dark] #clarity-top-duo .plaque-naskh{color:#d4b45a!important}#clarity-top-duo .masjid-plaque .plaque-icon{font-size:1.25rem!important;line-height:1!important}#clarity-top-duo .plaque-caption{display:none!important}html[data-path-i="0"] .card[data-min-i="1"]:not([data-always="1"]),html[data-path-i="0"] [id$=-card][data-min-i="1"]:not([data-always="1"]),html[data-path-i="0"] .card[data-min-i="2"]:not([data-always="1"]),html[data-path-i="0"] [id$=-card][data-min-i="2"]:not([data-always="1"]),html[data-path-i="0"] .card[data-min-i="3"]:not([data-always="1"]),html[data-path-i="0"] [id$=-card][data-min-i="3"]:not([data-always="1"]){display:none!important;visibility:hidden!important;pointer-events:none!important}html[data-path-i="1"] .card[data-min-i="2"]:not([data-always="1"]),html[data-path-i="1"] [id$=-card][data-min-i="2"]:not([data-always="1"]),html[data-path-i="1"] .card[data-min-i="3"]:not([data-always="1"]),html[data-path-i="1"] [id$=-card][data-min-i="3"]:not([data-always="1"]){display:none!important;visibility:hidden!important;pointer-events:none!important}html[data-path-i="2"] .card[data-min-i="3"]:not([data-always="1"]),html[data-path-i="2"] [id$=-card][data-min-i="3"]:not([data-always="1"]){display:none!important;visibility:hidden!important;pointer-events:none!important}html[data-clarity-meme-ok="0"] #meme-card,html[data-clarity-meme-ok="0"] #meme-studio-root,html[data-clarity-meme-ok="0"] #tweet-desk-card,html[data-clarity-meme-ok="0"] .clarity-to-meme-pill,html[data-clarity-meme-ok="0"] .clarity-meme-pill-row{display:none!important}.clarity-gate-switcher .cgs-btn{transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .15s ease;will-change:transform}.clarity-gate-switcher .cgs-btn.active,.clarity-gate-switcher .cgs-btn.is-active{transform:translateY(-1px);box-shadow:0 2px 8px #0d4f3c2e}.clarity-gate-switcher .cgs-btn.path-locked{opacity:.45;cursor:not-allowed}.clarity-gate-switcher .cgs-btn:not(.path-locked):active{transform:scale(.97)}[data-min-i]{transition:opacity .18s ease}#tab-notes.amana-locked #amana-vault-gate,#amana-vault-gate:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}#tab-notes.amana-locked #amana-vault-interior[hidden],#tab-notes.amana-locked #amana-vault-interior[data-amana-sealed="1"]{display:none!important}#amana-vault-gate input[type=password],#amana-vault-gate input[type=text]{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important}.amana-vault-gate .av-field{position:relative!important;display:block!important}.amana-vault-gate .av-eye,#tab-notes .amana-vault-gate .av-eye{position:absolute!important;right:.4rem!important;top:50%!important;transform:translateY(-50%)!important;z-index:8!important;width:2.25rem!important;height:2.25rem!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.18)!important;background:#ffffff1a!important;color:#e8f0ea!important;font-size:1.05rem!important;line-height:1!important;cursor:pointer!important;opacity:1!important;pointer-events:auto!important}.amana-vault-gate .av-eye.is-open,#tab-notes .amana-vault-gate .av-eye.is-open{background:#0d4f3c8c!important;border-color:#d4b45a8c!important}.amana-vault-gate .av-field input[type=password],.amana-vault-gate .av-field input[type=text],#tab-notes .amana-vault-gate .av-field input{padding-right:3rem!important;width:100%!important;box-sizing:border-box!important}#clarity-top-duo{margin:0!important;padding:0!important}#clarity-top-duo .banner{position:relative!important;overflow:hidden!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important}#clarity-top-duo .banner-media,#banner-media,.banner-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;z-index:0!important;margin:0!important;padding:0!important;pointer-events:none}#banner-img,.banner-media img,#banner-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;max-height:none!important;min-height:0!important}#clarity-top-duo .banner-overlay{position:relative!important;z-index:1!important;margin:0!important}#clarity-visit-pill-bar,.cv-stitched-banner{margin-top:0!important;padding-top:.25rem!important}#main-application-workspace{margin-top:0!important;padding-top:0!important}#clarity-top-duo+*,#clarity-top-duo+#clarity-visit-pill-bar{margin-top:0!important}:root{--clarity-nav-h: 48px}#clarity-global-nav.global-nav{position:sticky!important;top:0!important;z-index:60!important}#clarity-top-duo{position:sticky!important;top:var(--clarity-nav-h)!important;z-index:55!important;margin:0!important;padding:0!important}#clarity-top-duo .banner{min-height:0!important;margin:0!important}#clarity-visit-pill-bar{margin-top:0!important;position:relative;z-index:10}@media(max-width:700px){#clarity-top-duo{box-shadow:none}#clarity-top-duo .banner-overlay{padding:.35rem .4rem!important}}

/* L2: nav-banner flush */
:root{--clarity-nav-h:48px;--clarity-chrome-h:120px}
#clarity-global-nav.global-nav{margin-bottom:0!important;border-bottom:0!important;box-shadow:none!important}
#clarity-top-duo{margin-top:0!important;padding:0!important;background:#0d4f3c!important;top:var(--clarity-nav-h)!important;border:0!important}
#clarity-global-nav.global-nav+#clarity-top-duo{margin-top:-1px!important}
html[data-theme=dark] #clarity-top-duo{background:#0c1410!important}
@media(max-width:700px){
  #clarity-visit-pill-bar,#main-application-workspace{scroll-margin-top:calc(var(--clarity-chrome-h,140px) + .35rem)!important}
}

/* ARSENAL — mobile free scroll; desktop pin via data-chrome-pin */
:root{--clarity-nav-h:48px;--clarity-chrome-h:0px}
#clarity-global-nav.global-nav,nav#clarity-global-nav{
  position:relative!important;top:auto!important;z-index:40!important;
  margin:0!important;border-bottom:none!important;box-shadow:none!important;
  background:#fffdf8!important;width:100%!important;max-width:100%!important;
}
html[data-theme=dark] #clarity-global-nav.global-nav{background:#152019!important}
#clarity-top-duo{
  position:relative!important;top:auto!important;z-index:30!important;
  margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;
  background:#0d4f3c!important;width:100%!important;max-width:100%!important;
}
html[data-theme=dark] #clarity-top-duo{background:#0c1410!important}
#clarity-top-duo .banner{
  position:relative!important;top:auto!important;z-index:auto!important;
  margin:0!important;box-shadow:none!important;background:#0d4f3c!important;
}
#banner-media,.banner-media{background:#0d4f3c!important}
html[data-theme=dark] #clarity-top-duo .banner,html[data-theme=dark] #banner-media{background:#0c1410!important}
html,body{overflow-x:hidden!important;max-width:100%!important}

/* Desktop pin only when layout sets data-chrome-pin (min-width 701) */
html[data-chrome-pin="1"] #clarity-global-nav.global-nav,
html[data-chrome-pin="1"] nav#clarity-global-nav{
  position:sticky!important;top:0!important;z-index:60!important;
}
html[data-chrome-pin="1"] #clarity-top-duo{
  position:sticky!important;top:var(--clarity-nav-h,48px)!important;z-index:55!important;
  margin-top:-1px!important;padding-top:1px!important;
  box-shadow:none!important;background:#0d4f3c!important;
}
html[data-chrome-pin="1"][data-theme=dark] #clarity-top-duo{background:#0c1410!important}
html[data-chrome-pin="1"] #clarity-top-duo .banner{background:#0d4f3c!important}
html[data-chrome-pin="1"] #main-application-workspace,
html[data-chrome-pin="1"] #clarity-visit-pill-bar{
  scroll-margin-top:calc(var(--clarity-chrome-h,200px) + .35rem);
}


/* SEO paths: crawlable then tuck */
.clarity-seo-paths{max-width:42rem;margin:.75rem auto 1rem;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--border,#e0d5c4);background:var(--card-bg,rgba(255,253,248,.96));font-size:.92rem}
.clarity-seo-paths a{color:var(--accent,#0d4f3c)}
html.clarity-app-ready .clarity-seo-paths{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* Meme never on seeker/new_muslim focus */
html[data-clarity-path="seeker"] #meme-card,
html[data-clarity-path="seeker"] #meme-studio-root,
html[data-clarity-path="seeker"] #tweet-desk-card,
html[data-clarity-path="new_muslim"] #meme-card,
html[data-clarity-path="new_muslim"] #meme-studio-root,
html[data-clarity-path="new_muslim"] #tweet-desk-card,
html:not([data-clarity-meme-ok="1"]) #meme-card,
html:not([data-clarity-meme-ok="1"]) #meme-studio-root,
html:not([data-clarity-meme-ok="1"]) #tweet-desk-card{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;pointer-events:none!important}


/* old pin block removed — see NUCLEAR sticky stack v2 */

/* ===== NUCLEAR sticky stack v2 — single source of truth ===== */
@media (min-width: 901px), (min-width: 600px) and (orientation: landscape) {
  #clarity-global-nav.global-nav,
  nav#clarity-global-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;
    margin: 0 !important;
  }
  #clarity-top-duo {
    position: sticky !important;
    top: var(--clarity-nav-h, 48px) !important;
    z-index: 1190 !important;
    margin-top: 0 !important;
  }
  #clarity-top-duo .banner { border-radius: 0 !important; margin: 0 !important; }
}
@media (max-width: 900px) and (orientation: portrait) {
  #clarity-global-nav.global-nav, nav#clarity-global-nav,
  #clarity-top-duo { position: relative !important; top: auto !important; }
}
.clarity-seo-paths, .clarity-seo-sr {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0,0,0,0) !important; border: 0 !important; white-space: nowrap !important;
}

/* JS-assisted pin flag (orientation-safe) */
html[data-clarity-pin-banner="1"] #clarity-global-nav.global-nav,
html[data-clarity-pin-banner="1"] nav#clarity-global-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
}
html[data-clarity-pin-banner="1"] #clarity-top-duo {
  position: sticky !important;
  top: var(--clarity-nav-h, 48px) !important;
  z-index: 1190 !important;
}
html[data-clarity-pin-banner="0"] #clarity-global-nav.global-nav,
html[data-clarity-pin-banner="0"] nav#clarity-global-nav,
html[data-clarity-pin-banner="0"] #clarity-top-duo {
  position: relative !important;
  top: auto !important;
}


/* ========== ULTIMATE chrome pin (wins all prior fighters) ========== */
@media (min-width: 901px) {
  html #clarity-global-nav.global-nav,
  html nav#clarity-global-nav {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1300 !important;
  }
  html #clarity-top-duo {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: var(--clarity-nav-h, 52px) !important;
    z-index: 1290 !important;
    margin: 0 !important;
  }
}
@media (min-width: 600px) and (orientation: landscape) {
  html #clarity-global-nav.global-nav,
  html nav#clarity-global-nav {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1300 !important;
  }
  html #clarity-top-duo {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: var(--clarity-nav-h, 52px) !important;
    z-index: 1290 !important;
  }
}
@media (max-width: 900px) and (orientation: portrait) {
  html #clarity-global-nav.global-nav,
  html nav#clarity-global-nav,
  html #clarity-top-duo {
    position: relative !important;
    top: auto !important;
  }
}
/* JS pin flag overrides (resize desktop↔mobile) */
html[data-chrome-pin="1"] #clarity-global-nav.global-nav,
html[data-chrome-pin="1"] nav#clarity-global-nav {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1300 !important;
}
html[data-chrome-pin="1"] #clarity-top-duo {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: var(--clarity-nav-h, 52px) !important;
  z-index: 1290 !important;
}
html[data-chrome-pin="0"] #clarity-global-nav.global-nav,
html[data-chrome-pin="0"] nav#clarity-global-nav,
html[data-chrome-pin="0"] #clarity-top-duo {
  position: relative !important;
  top: auto !important;
}
/* Banner: no action pills clutter */
#clarity-top-duo .clarity-to-notes-pill,
#clarity-top-duo .clarity-to-meme-pill,
#clarity-top-duo .clarity-notes-pill-row,
#clarity-top-duo .clarity-meme-pill-row,
#clarity-global-nav .clarity-to-notes-pill,
#clarity-global-nav .clarity-to-meme-pill {
  display: none !important;
}
/* Sleek section action chips — not sore thumbs */
.clarity-action-chip,
button.clarity-to-notes-pill,
button.clarity-to-meme-pill {
  display: inline-flex !important;
  align-items: center;
  gap: 0.25rem;
  margin: 0.15rem 0.2rem 0 0 !important;
  padding: 0.22rem 0.55rem !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
  border: 1px solid var(--border, #d5cbb8) !important;
  background: transparent !important;
  color: var(--text-muted, #5c6b62) !important;
  box-shadow: none !important;
  cursor: pointer;
  opacity: 0.92;
}
button.clarity-to-notes-pill:hover,
button.clarity-to-meme-pill:hover,
.clarity-action-chip:hover {
  color: var(--accent, #0d4f3c) !important;
  border-color: var(--accent, #0d4f3c) !important;
  opacity: 1;
}
.clarity-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.4rem;
  align-items: center;
}


/* ========== FIXED chrome desktop (sticky fails when body overflow-x:hidden) ========== */
@media (min-width: 901px) {
  html body #clarity-global-nav.global-nav,
  html body nav#clarity-global-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1400 !important;
  }
  html body #clarity-top-duo {
    position: fixed !important;
    top: var(--clarity-nav-h, 52px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1390 !important;
    margin: 0 !important;
  }
  /* spacer so content is not under fixed chrome */
  html body::before {
    content: "" !important;
    display: block !important;
    height: var(--clarity-chrome-h, 220px) !important;
    width: 100% !important;
    pointer-events: none !important;
  }
}
@media (min-width: 600px) and (orientation: landscape) {
  html body #clarity-global-nav.global-nav,
  html body nav#clarity-global-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1400 !important;
  }
  html body #clarity-top-duo {
    position: fixed !important;
    top: var(--clarity-nav-h, 52px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1390 !important;
  }
  html body::before {
    content: "" !important;
    display: block !important;
    height: var(--clarity-chrome-h, 200px) !important;
  }
}
@media (max-width: 900px) and (orientation: portrait) {
  html body #clarity-global-nav.global-nav,
  html body nav#clarity-global-nav,
  html body #clarity-top-duo {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }
  html body::before {
    content: none !important;
    height: 0 !important;
  }
}
html[data-chrome-pin="1"] body #clarity-global-nav.global-nav,
html[data-chrome-pin="1"] body nav#clarity-global-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1400 !important;
}
html[data-chrome-pin="1"] body #clarity-top-duo {
  position: fixed !important;
  top: var(--clarity-nav-h, 52px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1390 !important;
}
html[data-chrome-pin="1"] body::before {
  content: "" !important;
  display: block !important;
  height: var(--clarity-chrome-h, 220px) !important;
}
html[data-chrome-pin="0"] body #clarity-global-nav.global-nav,
html[data-chrome-pin="0"] body nav#clarity-global-nav,
html[data-chrome-pin="0"] body #clarity-top-duo {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}
html[data-chrome-pin="0"] body::before {
  content: none !important;
  height: 0 !important;
}


/* =====================================================================
   FINAL CHROME PIN — kills all prior sticky/relative fighters
   Only data-chrome-pin / body.clarity-chrome-pinned control position
   ===================================================================== */
html[data-chrome-pin="1"] body #clarity-global-nav.global-nav,
html[data-chrome-pin="1"] body nav#clarity-global-nav,
body.clarity-chrome-pinned #clarity-global-nav.global-nav,
body.clarity-chrome-pinned nav#clarity-global-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 2000 !important;
  margin: 0 !important;
  transform: none !important;
}

html[data-chrome-pin="1"] body #clarity-top-duo,
body.clarity-chrome-pinned #clarity-top-duo {
  position: fixed !important;
  top: var(--clarity-nav-h, 52px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 1990 !important;
  margin: 0 !important;
  transform: none !important;
}

/* Mobile / unpinned — force flow, cancel fixed/sticky */
html[data-chrome-pin="0"] body #clarity-global-nav.global-nav,
html[data-chrome-pin="0"] body nav#clarity-global-nav,
html[data-chrome-pin="0"] body #clarity-top-duo,
body:not(.clarity-chrome-pinned) #clarity-global-nav.global-nav,
body:not(.clarity-chrome-pinned) nav#clarity-global-nav,
body:not(.clarity-chrome-pinned) #clarity-top-duo {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

/* Disable body::before spacers from older patches (padding-top set by JS) */
html body::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
}


/* ===== CHROME PIN v8 — desktop only >=1024 ===== */
@media (max-width: 1023px) {
  html body #clarity-global-nav.global-nav,
  html body nav#clarity-global-nav,
  html body #clarity-top-duo,
  html[data-chrome-pin] body #clarity-global-nav.global-nav,
  html[data-chrome-pin] body #clarity-top-duo,
  body.clarity-chrome-pinned #clarity-global-nav.global-nav,
  body.clarity-chrome-pinned #clarity-top-duo {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
  }
  html body {
    padding-top: 0 !important;
  }
  html body::before {
    content: none !important;
    height: 0 !important;
    display: none !important;
  }
}
@media (min-width: 1024px) {
  html[data-chrome-pin="1"] body #clarity-global-nav.global-nav,
  html[data-chrome-pin="1"] body nav#clarity-global-nav,
  body.clarity-chrome-pinned #clarity-global-nav.global-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2000 !important;
  }
  html[data-chrome-pin="1"] body #clarity-top-duo,
  body.clarity-chrome-pinned #clarity-top-duo {
    position: fixed !important;
    top: var(--clarity-nav-h, 52px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1990 !important;
  }
}

/* Meme studio mobile clean layout */
@media (max-width: 700px) {
  #meme-studio-root .clarity-meme-ai-bar,
  #meme-card .clarity-meme-ai-bar {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.4rem !important;
    margin: 0.5rem 0 !important;
    z-index: 5 !important;
  }
  #meme-stage-wrap, #meme-stage {
    position: relative !important;
    overflow: hidden !important;
  }
  #meme-stage .clarity-meme-ai-bar {
    display: none !important; /* if injected inside stage */
  }
  .meme-text-box {
    pointer-events: auto;
    opacity: 0.95;
  }
  .meme-text-box .meme-drag-handle {
    font-size: 0.65rem !important;
    padding: 0.1rem 0.3rem !important;
  }
}


/* Meme layer toggles */
.clarity-meme-toggle-bar .clarity-meme-tog.is-on,
.clarity-meme-toggle-bar .clarity-meme-tog[aria-pressed="true"] {
  background: rgba(13,79,60,0.2) !important;
  border-color: var(--accent, #0d4f3c) !important;
  color: var(--accent, #0d4f3c) !important;
}
.clarity-meme-toggle-bar .clarity-meme-tog {
  font-size: 0.75rem !important;
  padding: 0.28rem 0.55rem !important;
}
@media (max-width: 700px) {
  .clarity-meme-toggle-bar {
    gap: 0.3rem !important;
  }
}


/* ===== CHROME + STRIPS v9 ===== */
@media (min-width: 1024px) {
  html[data-chrome-pin="1"] body #clarity-global-nav.global-nav,
  html[data-chrome-pin="1"] body nav#clarity-global-nav,
  body.clarity-chrome-pinned #clarity-global-nav.global-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2100 !important;
  }
  html[data-chrome-pin="1"] body #clarity-top-duo,
  body.clarity-chrome-pinned #clarity-top-duo {
    position: fixed !important;
    top: var(--clarity-nav-h, 52px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2090 !important;
  }
  html[data-chrome-pin="1"] body #clarity-visit-pill-bar,
  body.clarity-chrome-pinned #clarity-visit-pill-bar {
    position: fixed !important;
    top: var(--clarity-chrome-h, 220px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2080 !important;
  }
  html[data-chrome-pin="1"] body #clarity-path-module-strip,
  body.clarity-chrome-pinned #clarity-path-module-strip {
    position: fixed !important;
    top: calc(var(--clarity-chrome-h, 220px) + 2.1rem) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2075 !important;
  }
}
@media (max-width: 1023px) {
  html body #clarity-global-nav.global-nav,
  html body #clarity-top-duo,
  html body #clarity-visit-pill-bar,
  html body #clarity-path-module-strip {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }
  html body { padding-top: 0 !important; }
}

#clarity-visit-pill-bar,
.cv-stitched-banner {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.35rem !important;
  padding: 0.35rem 0.65rem !important;
  background: var(--surface, #0f1a14) !important;
  border-bottom: 1px solid rgba(184,146,42,0.25) !important;
  min-height: 2rem !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#clarity-visit-pill-bar .cv-label {
  font-weight: 800 !important;
  font-size: 0.72rem !important;
  color: var(--accent, #c9a227) !important;
}
#clarity-visit-pill-bar .cv-hint {
  font-size: 0.7rem !important;
  opacity: 0.75 !important;
}
#clarity-visit-pill-bar .cv-pill {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 0.2rem 0.55rem !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  border: 1px solid rgba(184,146,42,0.35) !important;
  background: transparent !important;
  color: inherit !important;
  cursor: pointer !important;
}
#clarity-visit-pill-bar .cv-pill:hover {
  border-color: var(--accent, #c9a227) !important;
  color: var(--accent, #c9a227) !important;
}

#clarity-path-module-strip,
.clarity-path-module-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.3rem 0.65rem !important;
  background: rgba(13,79,60,0.12) !important;
  border-bottom: 1px solid rgba(13,79,60,0.2) !important;
  min-height: 1.9rem !important;
}
#clarity-path-module-strip .pm-label {
  font-weight: 800 !important;
  font-size: 0.7rem !important;
  color: var(--accent, #0d4f3c) !important;
  margin-right: 0.25rem !important;
}
#clarity-path-module-strip .pm-pill {
  display: inline-flex !important;
  border-radius: 999px !important;
  padding: 0.18rem 0.5rem !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  border: 1px solid rgba(13,79,60,0.35) !important;
  background: transparent !important;
  cursor: pointer !important;
  color: inherit !important;
}
#clarity-path-module-strip .pm-pill:hover {
  background: rgba(13,79,60,0.15) !important;
}
#clarity-path-module-strip .pm-hint {
  font-size: 0.68rem !important;
  opacity: 0.7 !important;
}


/* =================================================================
   ANTI DOUBLE-PAINT v10 — sticky only, opaque chrome, no fixed stack
   ================================================================= */
html, body {
  overflow-x: clip !important;
}

/* Kill ALL fixed positioning on chrome (fixed = out of flow = ghost paint) */
html body #clarity-global-nav.global-nav,
html body nav#clarity-global-nav,
html body #clarity-top-duo,
html body #clarity-visit-pill-bar,
html body #clarity-path-module-strip,
html[data-chrome-pin] body #clarity-global-nav.global-nav,
html[data-chrome-pin] body #clarity-top-duo,
html[data-chrome-pin] body #clarity-visit-pill-bar,
html[data-chrome-pin] body #clarity-path-module-strip,
body.clarity-chrome-pinned #clarity-global-nav.global-nav,
body.clarity-chrome-pinned #clarity-top-duo,
body.clarity-chrome-pinned #clarity-visit-pill-bar,
body.clarity-chrome-pinned #clarity-path-module-strip {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: 100% !important;
}

/* Desktop sticky stack — stays in flow, no double paint */
@media (min-width: 1024px) {
  html[data-chrome-pin="1"] body #clarity-global-nav.global-nav,
  html[data-chrome-pin="1"] body nav#clarity-global-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 2100 !important;
    background: #0f1a14 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  html[data-theme="light"][data-chrome-pin="1"] body #clarity-global-nav.global-nav,
  html[data-theme="day"][data-chrome-pin="1"] body #clarity-global-nav.global-nav {
    background: #fffdf8 !important;
  }
  html[data-chrome-pin="1"] body #clarity-top-duo {
    position: sticky !important;
    top: var(--clarity-nav-h, 52px) !important;
    z-index: 2090 !important;
    background: #0d4f3c !important;
  }
  /* Visit + path strips stick under banner, opaque */
  html[data-chrome-pin="1"] body #clarity-visit-pill-bar {
    position: sticky !important;
    top: calc(var(--clarity-nav-h, 52px) + min(40vh, 220px)) !important;
    z-index: 2080 !important;
    background: #0f1a14 !important;
    opacity: 1 !important;
  }
  html[data-theme="light"][data-chrome-pin="1"] body #clarity-visit-pill-bar,
  html[data-theme="day"][data-chrome-pin="1"] body #clarity-visit-pill-bar {
    background: #f3efe6 !important;
  }
  html[data-chrome-pin="1"] body #clarity-path-module-strip {
    position: sticky !important;
    top: calc(var(--clarity-nav-h, 52px) + min(40vh, 220px) + 2.2rem) !important;
    z-index: 2075 !important;
    background: #12261c !important;
    opacity: 1 !important;
  }
  html[data-theme="light"][data-chrome-pin="1"] body #clarity-path-module-strip,
  html[data-theme="day"][data-chrome-pin="1"] body #clarity-path-module-strip {
    background: #e8f0eb !important;
  }
}

/* Mobile / narrow: never sticky chrome */
@media (max-width: 1023px) {
  html body #clarity-global-nav.global-nav,
  html body nav#clarity-global-nav,
  html body #clarity-top-duo,
  html body #clarity-visit-pill-bar,
  html body #clarity-path-module-strip {
    position: relative !important;
    top: auto !important;
  }
  html body {
    padding-top: 0 !important;
  }
}

/* Opaque strip surfaces — no see-through ghost text */
#clarity-visit-pill-bar,
.cv-stitched-banner {
  opacity: 1 !important;
  background: #0f1a14 !important;
}
html[data-theme="light"] #clarity-visit-pill-bar,
html[data-theme="day"] #clarity-visit-pill-bar {
  background: #f3efe6 !important;
}
#clarity-path-module-strip {
  opacity: 1 !important;
  background: #12261c !important;
}
html[data-theme="light"] #clarity-path-module-strip,
html[data-theme="day"] #clarity-path-module-strip {
  background: #e8f0eb !important;
}

/* Main content never transparent under chrome */
#main-application-workspace,
.main-content,
#main-content {
  position: relative !important;
  z-index: 1 !important;
  opacity: 1 !important;
  background: transparent !important;
  isolation: isolate !important;
}

/* Disable leftover body::before spacers */
html body::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
}

/* Meme studio sleek toolbar v3 */
#meme-studio-root .meme-bar-bg {
  display: none !important;
}
#meme-studio-root .clarity-meme-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  align-items: center !important;
  margin: 0.4rem 0 0.5rem !important;
}
#meme-studio-root .clarity-meme-toolbar .mv-chip {
  font-size: 0.72rem !important;
  padding: 0.28rem 0.55rem !important;
  border-radius: 999px !important;
}
@media (max-width: 700px) {
  #meme-studio-root .clarity-meme-toolbar .mv-chip {
    font-size: 0.68rem !important;
    padding: 0.25rem 0.45rem !important;
  }
}


/* ===== MEME STUDIO MOBILE/DESKTOP SLEEK v4 (CF) ===== */
#meme-studio-root .meme-bar-bg {
  display: none !important;
}
#meme-studio-root .clarity-meme-toolbar,
#meme-studio-root .clarity-meme-ai-bar,
#meme-card .clarity-meme-toolbar,
#meme-card .clarity-meme-ai-bar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.4rem 0 0.55rem !important;
  padding: 0.25rem 0 !important;
  position: relative !important;
  z-index: 5 !important;
  float: none !important;
  clear: both !important;
}
#meme-studio-root .clarity-meme-toolbar .mv-chip,
#meme-studio-root .clarity-meme-ai-bar .mv-chip {
  flex: 0 0 auto !important;
  font-size: 0.72rem !important;
  padding: 0.28rem 0.55rem !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}
#meme-studio-root .clarity-meme-toggle-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.3rem !important;
  width: 100% !important;
  clear: both !important;
  margin: 0.25rem 0 0.45rem !important;
}
#meme-stage-wrap,
#meme-stage,
.meme-preview-only {
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  float: none !important;
  position: relative !important;
  margin: 0 auto !important;
}
#meme-canvas {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
}
/* Kill side-by-side mess on narrow screens */
@media (max-width: 900px) {
  #meme-studio-root,
  #meme-card .meme-studio {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #meme-studio-root .clarity-meme-toolbar,
  #meme-studio-root .clarity-meme-ai-bar,
  #meme-studio-root .clarity-meme-toggle-bar,
  #meme-stage-wrap,
  .meme-preview-only,
  .meme-below {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
  }
  /* Hide any absolute overlays fighting the canvas */
  #meme-stage .clarity-meme-ai-bar,
  #meme-stage .clarity-meme-toolbar {
    display: none !important;
  }
}

/* meme-pill essentials only — hide leftovers outside allow-list cards */
.clarity-to-meme-pill { font-size: 0.72rem; }
#meme-card .clarity-to-meme-pill,
#notes-shell .clarity-to-meme-pill,
#clarity-top-duo .clarity-to-meme-pill,
.banner .clarity-to-meme-pill { display: none !important; }


/* ===== MEME STUDIO MOBILE FIX v5 ===== */
#meme-studio-root,
#meme-card .meme-studio,
#meme-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
#meme-studio-root .meme-bar-bg {
  display: none !important;
}
#meme-studio-root .clarity-meme-toolbar,
#meme-studio-root .clarity-meme-ai-bar,
#meme-card .clarity-meme-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  z-index: 6 !important;
  margin: 0.4rem 0 !important;
  box-sizing: border-box !important;
}
#meme-studio-root .clarity-meme-toggle-bar,
#meme-card .clarity-meme-toggle-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.3rem !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  z-index: 6 !important;
  margin: 0.25rem 0 0.5rem !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}
#meme-stage-wrap,
#meme-stage,
.meme-preview-only {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  margin: 0.4rem 0 !important;
  left: auto !important;
  right: auto !important;
  overflow: hidden !important;
}
#meme-canvas {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
}
.clarity-meme-shariah-note {
  flex: 1 1 100%;
  font-size: 0.68rem;
  opacity: 0.85;
  line-height: 1.35;
}
@media (max-width: 900px) {
  #meme-studio-root .clarity-meme-toolbar .mv-chip,
  #meme-studio-root .clarity-meme-toggle-bar .mv-chip {
    font-size: 0.68rem !important;
    padding: 0.25rem 0.5rem !important;
  }
  /* Kill absolute/overlap ghosts */
  #meme-stage .clarity-meme-toolbar,
  #meme-stage .clarity-meme-toggle-bar,
  #meme-canvas + .clarity-meme-toolbar {
    display: none !important;
  }
}


/* ===== SMOOTH VIEWPORT + MEME CENTER STAGE v6 ===== */
html {
  scroll-behavior: smooth;
}
#meme-studio-root,
#meme-card .meme-studio {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 0.45rem !important;
}
#meme-studio-root .clarity-meme-toolbar,
#meme-studio-root .clarity-meme-toggle-bar,
#meme-studio-root .meme-bar-bg {
  order: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  float: none !important;
  clear: both !important;
  z-index: 6 !important;
}
#meme-studio-root .meme-bar-bg { display: none !important; }
#meme-studio-root .clarity-meme-toolbar { order: 1 !important; }
#meme-studio-root .clarity-meme-toggle-bar { order: 2 !important; }

#meme-stage-wrap,
#meme-stage,
.meme-preview-only {
  order: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.5rem auto !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
}
#meme-canvas {
  display: block !important;
  margin: 0 auto !important;
  max-width: min(100%, 720px) !important;
  width: auto !important;
  height: auto !important;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.25);
}
/* scale controls below canvas */
#meme-studio-root .meme-scale-row,
#meme-studio-root .meme-below,
#meme-studio-root .meme-tools-below {
  order: 4 !important;
  width: 100% !important;
}

/* Smooth mobile/desktop chrome */
@media (max-width: 1023px) {
  html.clarity-mobile #clarity-top-duo,
  html.clarity-mobile .clarity-sticky-chrome {
    position: relative !important;
    top: auto !important;
  }
}
@media (min-width: 1024px) {
  html.clarity-desktop #clarity-top-duo.clarity-sticky-ok,
  html.clarity-desktop .clarity-banner-sticky {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
  }
}

/* Path strip module chips look tappable */
#clarity-path-modules button,
.clarity-path-strip button,
.daily-path-tools button,
.clarity-module-pill {
  cursor: pointer;
}

/* Sticky pills — no opacity flash */
.clarity-to-meme-pill,
.clarity-to-notes-pill {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: none !important;
}
[data-clarity-pills-stuck="1"] .clarity-action-row {
  min-height: 1.8rem;
}
.clarity-daily-tools-strip,
.clarity-path-module-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
  padding: 0.35rem 0.5rem;
}
.clarity-daily-tools-strip .pm-pill,
.clarity-path-module-strip .pm-pill {
  cursor: pointer;
  border-radius: 999px;
  padding: 0.25rem 0.65rem;
  font-size: 0.75rem;
}
/* Debounced viewport: avoid layout thrash */
html.clarity-mobile,
html.clarity-desktop {
  transition: none;
}

/* Junior curriculum */
#junior-curriculum-card {
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 14px;
  padding: 1rem 1.1rem 1.2rem;
  margin: 0.75rem 0 1.25rem;
}
#junior-curriculum-card .card-title { margin-top: 0; }
.junior-progress { display: flex; align-items: center; gap: 0.6rem; margin: 0.5rem 0 1rem; font-size: 0.85rem; }
.junior-bar { flex: 1; height: 8px; background: rgba(255,255,255,0.08); border-radius: 99px; overflow: hidden; }
.junior-bar-fill { height: 100%; background: linear-gradient(90deg, #2d6a4f, #d4af37); border-radius: 99px; transition: width 0.35s ease; }
.junior-unit { margin: 0.9rem 0 1.1rem; padding-bottom: 0.6rem; border-bottom: 1px solid rgba(255,255,255,0.06); }
.junior-unit h3 { margin: 0 0 0.25rem; font-size: 1.05rem; }
.junior-goal { opacity: 0.85; font-size: 0.88rem; margin: 0 0 0.6rem; }
.junior-lesson { padding: 0.55rem 0.65rem; margin: 0.4rem 0; border-radius: 10px; background: rgba(0,0,0,0.15); }
.junior-lesson.is-done { opacity: 0.78; border-left: 3px solid #2d6a4f; }
.junior-lesson h4 { margin: 0 0 0.35rem; font-size: 0.95rem; }
.junior-lesson ul { margin: 0.25rem 0 0.5rem 1.1rem; padding: 0; font-size: 0.86rem; }
.junior-ayah { margin: 0.4rem 0; font-size: 0.86rem; opacity: 0.92; }
.junior-actions { display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center; }
.junior-footnote { font-size: 0.72rem; opacity: 0.7; margin-top: 0.75rem; }

.curr-activity { margin: 0.5rem 0; padding: 0.55rem 0.65rem; border-radius: 10px; background: rgba(45,106,79,0.15); border: 1px solid rgba(212,175,55,0.2); }
.curr-act-label { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.8; margin-bottom: 0.25rem; }
.curr-textarea { width: 100%; max-width: 100%; box-sizing: border-box; margin: 0.35rem 0; padding: 0.45rem; border-radius: 8px; border: 1px solid rgba(255,255,255,0.12); background: rgba(0,0,0,0.25); color: inherit; font: inherit; }
.curr-rubric { font-size: 0.78rem; opacity: 0.8; }
.curr-check { display: block; margin: 0.25rem 0; font-size: 0.88rem; }
.curr-quiz-q { margin: 0.45rem 0; font-size: 0.88rem; }


/* ===== PATH RAIL — stitched under banner, sticky all tabs ===== */
#clarity-visit-pill-bar,
#clarity-path-module-strip,
#clarity-daily-tools-strip,
.clarity-visit-strip,
.clarity-path-module-strip,
.clarity-daily-tools-strip,
.cv-label, .cv-hint, .pm-hint {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

#clarity-path-rail {
  position: sticky;
  top: 0;
  z-index: 45;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  width: 100%;
  max-width: 100%;
  padding: 0.4rem 0.65rem 0.5rem;
  background: rgba(13, 31, 23, 0.97);
  border-bottom: 1px solid rgba(212, 175, 55, 0.28);
  box-shadow: 0 4px 14px rgba(0,0,0,0.2);
  backdrop-filter: blur(8px);
}
/* When banner is sticky on desktop, rail sits just below — use CSS var if set */
html.clarity-desktop #clarity-top-duo.clarity-sticky-ok + #clarity-path-rail,
html.clarity-desktop #clarity-top-duo + #clarity-path-rail {
  top: 0;
}
/* Prefer: banner sticky, rail sticky stacked — both stick */
html.clarity-desktop #clarity-top-duo {
  position: sticky;
  top: 0;
  z-index: 46;
}
html.clarity-desktop #clarity-path-rail {
  top: 0;
  z-index: 45;
}

.cpr-paths {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  align-items: center;
}
.cpr-path {
  border: 1px solid rgba(212,175,55,0.35);
  background: rgba(0,0,0,0.25);
  color: inherit;
  border-radius: 999px;
  padding: 0.28rem 0.7rem;
  font-size: 0.78rem;
  cursor: pointer;
}
.cpr-path.is-on {
  background: linear-gradient(135deg, #2d6a4f, #1b4332);
  border-color: rgba(212,175,55,0.6);
  color: #fff;
  font-weight: 600;
}
.cpr-modules {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
  align-items: center;
}
.cpr-mod {
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: inherit;
  border-radius: 999px;
  padding: 0.22rem 0.55rem;
  font-size: 0.72rem;
  cursor: pointer;
}
.cpr-mod:hover {
  border-color: rgba(212,175,55,0.45);
}
.curr-path-active {
  outline: 1px solid rgba(212,175,55,0.35);
  box-shadow: 0 0 0 1px rgba(45,106,79,0.25);
}

@media (max-width: 1023px) {
  #clarity-path-rail {
    position: sticky;
    top: 0;
    z-index: 45;
  }
  html.clarity-mobile #clarity-top-duo {
    position: relative;
    z-index: 40;
  }
}


/* ===== STRIP NUKE + PATH RAIL VISIBILITY v3 ===== */
#clarity-visit-pill-bar,
.cv-stitched-banner,
#clarity-path-module-strip,
#clarity-daily-tools-strip,
.clarity-visit-strip,
.clarity-daily-tools-strip,
.daily-path-tools,
[data-clarity-nuked-track="1"] {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#clarity-path-rail {
  position: sticky !important;
  top: 0 !important;
  z-index: 48 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  width: 100% !important;
  padding: 0.45rem 0.75rem 0.55rem !important;
  background: #0d1f17 !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
  color: #e8f0ea !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#clarity-path-rail .cpr-paths,
#clarity-path-rail .cpr-modules {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  align-items: center !important;
}
#clarity-path-rail .cpr-path,
#clarity-path-rail .cpr-mod {
  display: inline-flex !important;
  align-items: center !important;
  color: #e8f0ea !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(212,175,55,0.4) !important;
  border-radius: 999px !important;
  padding: 0.3rem 0.75rem !important;
  font-size: 0.8rem !important;
  line-height: 1.2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
}
#clarity-path-rail .cpr-path.is-on {
  background: linear-gradient(135deg, #2d6a4f, #1b4332) !important;
  color: #fff !important;
  font-weight: 600 !important;
}
html.clarity-desktop #clarity-top-duo {
  position: sticky !important;
  top: 0 !important;
  z-index: 49 !important;
}

/* Meme toolbar restored above canvas */
#meme-card .clarity-meme-toolbar,
#meme-studio-root .clarity-meme-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  width: 100% !important;
  order: 1 !important;
  margin: 0.4rem 0 !important;
  position: relative !important;
  z-index: 5 !important;
}
#meme-card .clarity-meme-toggle-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.3rem !important;
  width: 100% !important;
  order: 2 !important;
  margin: 0.25rem 0 0.5rem !important;
}
#meme-stage-wrap, #meme-stage, .meme-preview-only {
  order: 3 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}
.clarity-meme-shariah-note {
  flex: 1 1 100%;
  font-size: 0.68rem;
  opacity: 0.85;
}
.meme-tb-chip, .clarity-meme-toolbar .mv-chip {
  font-size: 0.75rem !important;
  padding: 0.28rem 0.55rem !important;
}

/* Tajweed input level meter */
.tj-lmr-input-level, #tj-lmr-input-level {
  margin: 0.45rem 0 0.6rem;
}
.tj-lmr-level-label {
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  opacity: 0.8;
  margin-bottom: 0.2rem;
}
.tj-lmr-level-track {
  height: 8px;
  border-radius: 99px;
  background: rgba(255,255,255,0.1);
  overflow: hidden;
}
.tj-lmr-level-fill, #tj-lmr-meter-fill {
  height: 100%;
  width: 0%;
  border-radius: 99px;
  background: linear-gradient(90deg, #2d6a4f, #d4af37);
  transition: width 0.05s linear;
}

/* Calligraphy: narrower pad, side scroll, tip + viewport */
#callig-stage-wrap.clarity-callig-narrow,
#callig-stage-wrap {
  max-width: min(100%, 560px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  padding: 0.35rem 0;
}
#callig-canvas {
  max-width: min(100%, 520px) !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
}
.clarity-callig-tip-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  align-items: center;
  margin: 0.35rem 0 0.5rem;
}
.clarity-callig-tip-bar .cct-label {
  font-size: 0.72rem;
  opacity: 0.85;
  margin-right: 0.25rem;
}
.clarity-callig-tip-bar .mv-chip.on {
  background: linear-gradient(135deg, #2d6a4f, #1b4332);
  color: #fff;
}
#callig-lab-card {
  overflow-x: visible;
}

/* Curriculum path cards — always visible when present */
#junior-curriculum-card,
#junior-high-curriculum-card,
#daily-hs-curriculum-card,
#dai-university-curriculum-card {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0.75rem 0.5rem 1.25rem !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  border-radius: 14px !important;
  padding: 1rem 1.1rem !important;
  background: rgba(19, 42, 32, 0.95) !important;
  position: relative !important;
  z-index: 2 !important;
}
#junior-curriculum-card .card-title,
#junior-high-curriculum-card .card-title,
#daily-hs-curriculum-card .card-title,
#dai-university-curriculum-card .card-title {
  color: #d4af37 !important;
  font-size: 1.15rem !important;
}

/* Vault access — gate must be reachable */
#tab-notes.active {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 0 !important;
  padding-top: 0.35rem !important;
  margin-top: 0 !important;
}
#tab-notes.active.amana-locked #amana-vault-gate,
#tab-notes.active #amana-vault-gate:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 5 !important;
  margin: 1rem auto !important;
  max-width: 28rem !important;
  width: calc(100% - 1.25rem) !important;
}
#amana-vault-gate .av-brand,
#amana-vault-gate .av-warn,
#amana-vault-gate input,
#amana-vault-gate button {
  pointer-events: auto !important;
  visibility: visible !important;
}
/* Unlock / create buttons clickable */
#amana-btn-unlock,
#amana-btn-create,
#amana-btn-have,
#amana-btn-back-create {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
}


/* Phase4 curriculum-phase-card */
.curriculum-phase-card {
  margin-top: 1rem;
  border-top: 3px solid var(--accent, #2d6a4f);
  scroll-margin-top: 5.5rem;
}
.curriculum-phase-card.gate-hidden,
.curriculum-phase-card[data-gate-hidden="1"] {
  display: none !important;
}
.curriculum-phase-card .junior-progress {
  margin: 0.5rem 0 0.75rem;
}
.curriculum-phase-card .junior-unit {
  margin-bottom: 1rem;
}


/* Phase5 path-track rail + sticky stack */
/* Track rail under banner — matches classic pill look + Reset */
#clarity-path-rail.clarity-path-rail {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0.35rem 0.55rem 0.4rem;
  background: #0f1f18;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  z-index: 1280;
}
#clarity-path-rail .cpr-track-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.55rem;
}
#clarity-path-rail .cpr-track-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: rgba(230, 220, 180, 0.85);
  text-transform: uppercase;
}
#clarity-path-rail .cpr-paths {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}
#clarity-path-rail .cpr-path {
  border: none;
  border-radius: 999px;
  padding: 0.28rem 0.7rem;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  background: #1a3d30;
  color: #e8f0ea;
}
#clarity-path-rail .cpr-path.is-on {
  box-shadow: 0 0 0 2px rgba(255, 220, 120, 0.55);
  filter: brightness(1.08);
}
#clarity-path-rail .cpr-path[data-path="seeker"] { background: #c4a035; color: #1a1200; }
#clarity-path-rail .cpr-path[data-path="new_muslim"] { background: #2d8a5a; color: #fff; }
#clarity-path-rail .cpr-path[data-path="practicing"] { background: #2a6f9e; color: #fff; }
#clarity-path-rail .cpr-path[data-path="dai"] { background: #6b4ea0; color: #fff; }
#clarity-path-rail .cpr-reset {
  background: #8a7a2e !important;
  color: #1a1200 !important;
}
#clarity-path-rail .cpr-modules {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.35rem;
}
#clarity-path-rail .cpr-mod {
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  font-size: 0.72rem;
  background: transparent;
  color: rgba(230, 240, 230, 0.9);
  cursor: pointer;
}
#clarity-path-rail .cpr-mod:hover {
  background: rgba(255,255,255,0.08);
}

/* Sticky: nav → banner (top-duo) → path rail  */
html[data-chrome-pin="1"] #clarity-path-rail.clarity-path-rail,
html[data-clarity-pin-banner="1"] #clarity-path-rail.clarity-path-rail {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: calc(var(--clarity-nav-h, 52px) + var(--clarity-banner-h, 56px)) !important;
  z-index: 1280 !important;
}
@media (min-width: 901px) {
  html #clarity-path-rail.clarity-path-rail {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: calc(var(--clarity-nav-h, 52px) + var(--clarity-banner-h, 56px)) !important;
    z-index: 1280 !important;
  }
}
@media (max-width: 900px) {
  /* Mobile: keep rail sticky under banner when chrome pin on */
  html[data-chrome-pin="1"] #clarity-path-rail.clarity-path-rail {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: calc(var(--clarity-nav-h, 48px) + var(--clarity-banner-h, 48px)) !important;
  }
}


/* Phase5b gate rail + mobile no sticky banner */
/* Gate switcher = primary track rail (TRACK + pills + Reset) */
.clarity-gate-switcher.rrra-sitewide,
.clarity-gate-switcher {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.4rem 0.45rem !important;
  padding: 0.4rem 0.55rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  background: #0f1f18 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.clarity-gate-switcher .cgs-label,
.clarity-gate-switcher .cpr-track-label {
  display: inline-block !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: rgba(230, 220, 180, 0.9) !important;
  margin-right: 0.15rem !important;
}
.clarity-gate-switcher .cgp-track-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.35rem !important;
  width: 100% !important;
}
.clarity-gate-switcher .cgs-btn {
  display: inline-flex !important;
  align-items: center !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0.28rem 0.65rem !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}
.clarity-gate-switcher .cgs-seeker { background: #c4a035 !important; color: #1a1200 !important; }
.clarity-gate-switcher .cgs-new { background: #2d8a5a !important; color: #fff !important; }
.clarity-gate-switcher .cgs-daily { background: #2a6f9e !important; color: #fff !important; }
.clarity-gate-switcher .cgs-dai { background: #6b4ea0 !important; color: #fff !important; }
.clarity-gate-switcher .cgs-reset,
#clarity-path-reset-btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #b8962e !important;
  color: #1a1200 !important;
  font-weight: 700 !important;
}
.clarity-gate-switcher .cgs-btn.is-on,
.clarity-gate-switcher .cgs-btn[aria-pressed="true"] {
  box-shadow: 0 0 0 2px rgba(255, 220, 120, 0.65) !important;
}

/* Hide duplicate JS path-rail track row if gate switcher present — keep module chips only */
.clarity-gate-switcher ~ #clarity-path-rail .cpr-track-row,
.clarity-gate-switcher ~ #clarity-path-rail .cpr-paths {
  display: none !important;
}

/* MOBILE: no sticky banner / path chrome — scroll freely */
@media (max-width: 900px) {
  html #clarity-global-nav.global-nav,
  html nav#clarity-global-nav,
  html #clarity-top-duo,
  html #clarity-path-rail.clarity-path-rail,
  html .clarity-gate-switcher.rrra-sitewide {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
  }
  html[data-chrome-pin="1"] #clarity-top-duo,
  html[data-clarity-pin-banner="1"] #clarity-top-duo,
  html[data-chrome-pin="1"] #clarity-global-nav.global-nav,
  html[data-chrome-pin="1"] nav#clarity-global-nav {
    position: relative !important;
    top: auto !important;
  }
}


/* Phase5c night: landscape sticky + sitewide track */
/* Sitewide track under banner */
#clarity-top-duo + .clarity-gate-switcher.rrra-sitewide,
.clarity-gate-switcher.rrra-sitewide {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.4rem 0.55rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #0f1f18 !important;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  z-index: 1285;
}
.clarity-gate-switcher .cgs-label { display: inline-block !important; }
.clarity-gate-switcher .cgs-reset,
#clarity-path-reset-btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #b8962e !important;
  color: #1a1200 !important;
}

/* Desktop + landscape: sticky nav + banner + track */
@media (min-width: 901px), (orientation: landscape) and (min-width: 500px) {
  html #clarity-global-nav.global-nav,
  html nav#clarity-global-nav {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1300 !important;
  }
  html #clarity-top-duo {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: var(--clarity-nav-h, 52px) !important;
    z-index: 1290 !important;
  }
  html #clarity-top-duo + .clarity-gate-switcher.rrra-sitewide,
  html .clarity-gate-switcher.rrra-sitewide {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: calc(var(--clarity-nav-h, 52px) + var(--clarity-banner-h, 56px)) !important;
    z-index: 1285 !important;
  }
}

/* Portrait phone only: free scroll (no sticky banner) */
@media (max-width: 900px) and (orientation: portrait) {
  html #clarity-global-nav.global-nav,
  html nav#clarity-global-nav,
  html #clarity-top-duo,
  html #clarity-top-duo + .clarity-gate-switcher.rrra-sitewide,
  html .clarity-gate-switcher.rrra-sitewide,
  html #clarity-path-rail {
    position: relative !important;
    top: auto !important;
  }
  html[data-chrome-pin="1"] #clarity-top-duo,
  html[data-chrome-pin="1"] #clarity-global-nav.global-nav {
    position: relative !important;
    top: auto !important;
  }
}


/* Phase5d NIGHT — obliterate module/visit rails; lock TRACK */
#clarity-path-rail,
#clarity-path-module-strip,
#clarity-visit-pill-bar,
#clarity-daily-tools-strip,
.clarity-path-module-strip,
.clarity-visit-strip,
.clarity-daily-tools-strip,
.daily-path-tools,
.cpr-modules {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.clarity-gate-switcher.rrra-sitewide,
#clarity-top-duo + .clarity-gate-switcher {
  display: flex !important;
  flex-wrap: wrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.45rem 0.55rem !important;
  gap: 0.4rem !important;
  background: #0f1f18 !important;
  z-index: 1285 !important;
}
.clarity-gate-switcher .cgs-btn,
.clarity-gate-switcher .cgs-reset,
#clarity-path-reset-btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.clarity-gate-switcher .cgs-reset,
#clarity-path-reset-btn {
  background: #b8962e !important;
  color: #1a1200 !important;
  font-weight: 700 !important;
}

/* Sticky: landscape + desktop */
@media (min-width: 901px), (orientation: landscape) and (min-height: 400px) {
  html #clarity-global-nav.global-nav,
  html nav#clarity-global-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 1300 !important;
  }
  html #clarity-top-duo {
    position: sticky !important;
    top: var(--clarity-nav-h, 48px) !important;
    z-index: 1290 !important;
  }
  html .clarity-gate-switcher.rrra-sitewide {
    position: sticky !important;
    top: calc(var(--clarity-nav-h, 48px) + var(--clarity-banner-h, 100px)) !important;
    z-index: 1285 !important;
  }
}
@media (max-width: 900px) and (orientation: portrait) {
  html #clarity-top-duo,
  html .clarity-gate-switcher.rrra-sitewide,
  html #clarity-global-nav.global-nav {
    position: relative !important;
    top: auto !important;
  }
}


/* ===== FINAL PUSH: horizontal TRACK + sticky chrome ===== */
html, body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
#main-application-workspace,
#main,
main {
  overflow: visible !important;
}

.clarity-gate-switcher.rrra-sitewide,
.clarity-gate-switcher {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem 0.45rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.4rem 0.55rem !important;
  margin: 0 !important;
  background: #0f1f18 !important;
  text-align: left !important;
}
.clarity-gate-switcher .cgp-intro {
  flex: 1 1 100% !important;
  width: 100% !important;
  margin: 0 0 0.25rem 0 !important;
  text-align: left !important;
  font-size: 0.78rem !important;
}
.clarity-gate-switcher .cgp-track-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.35rem !important;
  width: 100% !important;
}
.clarity-gate-switcher .cgs-label {
  display: inline-flex !important;
  margin: 0 0.25rem 0 0 !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: rgba(230,220,180,0.9) !important;
}
.clarity-gate-switcher .cgs-btn {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 999px !important;
  padding: 0.28rem 0.65rem !important;
  white-space: nowrap !important;
}
.clarity-gate-switcher .cgs-reset,
#clarity-path-reset-btn {
  display: inline-flex !important;
  width: auto !important;
  background: #b8962e !important;
  color: #1a1200 !important;
  font-weight: 700 !important;
}

html #clarity-global-nav.global-nav,
html nav#clarity-global-nav {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1300 !important;
}
html #clarity-top-duo {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: var(--clarity-nav-h, 48px) !important;
  z-index: 1290 !important;
}
html .clarity-gate-switcher.rrra-sitewide {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: calc(var(--clarity-nav-h, 48px) + var(--clarity-banner-h, 120px)) !important;
  z-index: 1285 !important;
}


/* TRACK plaque — centered pills */
.clarity-gate-switcher.rrra-sitewide,
.clarity-gate-switcher {
  justify-content: center !important;
  text-align: center !important;
}
.clarity-gate-switcher .cgp-intro {
  text-align: center !important;
  flex: 1 1 100% !important;
}
.clarity-gate-switcher .cgp-track-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0.4rem !important;
}
.clarity-gate-switcher .cgs-label {
  margin: 0 0.35rem 0 0 !important;
}
.clarity-gate-switcher .cgs-btn {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 2 !important;
}
.clarity-gate-switcher .cgs-btn.is-on {
  box-shadow: 0 0 0 2px rgba(255, 220, 120, 0.7) !important;
  transform: scale(1.03);
}


/* Path quiz — phase palettes + clearer options */
#clarity-path-quiz-modal { pointer-events: auto !important; z-index: 10050 !important; }
#clarity-path-quiz-modal .cpq-card {
  border: 2px solid var(--cpq-accent, #d4b45a);
  border-radius: 16px;
  max-width: 26rem;
  width: 92%;
  padding: 1rem 1.1rem;
  background: #0f1f18;
  color: #e8f0ea;
}
#clarity-path-quiz-modal[data-quiz-target="new_muslim"] .cpq-card,
#clarity-path-quiz-modal.cpq-phase-new_muslim .cpq-card {
  border-color: #2d8a5a;
  background: linear-gradient(165deg, #0f1f18, #0d281c);
}
#clarity-path-quiz-modal[data-quiz-target="practicing"] .cpq-card,
#clarity-path-quiz-modal.cpq-phase-practicing .cpq-card {
  border-color: #2a6f9e;
  background: linear-gradient(165deg, #0f1a22, #0f1f18);
}
#clarity-path-quiz-modal[data-quiz-target="dai"] .cpq-card,
#clarity-path-quiz-modal.cpq-phase-dai .cpq-card {
  border-color: #6b4ea0;
  background: linear-gradient(165deg, #1a1224, #0f1f18);
}
#clarity-path-quiz-modal[data-quiz-target="new_muslim"] h3 { color: #5dcea0 !important; }
#clarity-path-quiz-modal[data-quiz-target="practicing"] h3 { color: #6eb6e8 !important; }
#clarity-path-quiz-modal[data-quiz-target="dai"] h3 { color: #b39ddb !important; }
#clarity-path-quiz-modal .cpq-opts { display: flex !important; flex-direction: column !important; gap: 0.45rem !important; }
#clarity-path-quiz-modal .cpq-opt {
  text-align: left !important;
  padding: 0.55rem 0.75rem !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  background: rgba(255,255,255,0.06) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
#clarity-path-quiz-modal .cpq-opt.correct {
  border-color: #2d8a5a !important;
  background: rgba(45,138,90,0.25) !important;
}
#clarity-path-quiz-modal .cpq-opt.wrong {
  border-color: #c45c3e !important;
  background: rgba(196,92,62,0.2) !important;
}


/* NUCLEAR center TRACK — last wins */
html body .clarity-gate-switcher.rrra-sitewide,
html body .clarity-gate-switcher,
html #clarity-top-duo + .clarity-gate-switcher {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  pointer-events: auto !important;
}
html body .clarity-gate-switcher .cgp-intro {
  flex: 1 1 100% !important;
  width: 100% !important;
  text-align: center !important;
}
html body .clarity-gate-switcher .cgp-track-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0.4rem !important;
}
html body .clarity-gate-switcher .cgs-btn {
  pointer-events: auto !important;
  cursor: pointer !important;
  display: inline-flex !important;
  width: auto !important;
  margin: 0.15rem !important;
}