.earth-country-labels{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;opacity:1!important}.atlas-explorer{height:min(980px,100%)}.atlas-sidebar{flex-direction:column;gap:0;display:flex}.atlas-sidebar input{margin-bottom:12px}.atlas-sidebar select{margin:12px 0 16px}.atlas-tabs{background:#050e1a;border:1px solid #8398b133;border-radius:12px;gap:5px;padding:4px;display:flex}.atlas-tabs button{color:#b9c8d9;border-radius:8px;flex:1;min-height:40px}.atlas-tabs button[aria-pressed=true]{color:#ffe3b4;background:#233248}.atlas-list-region{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#42516b transparent;flex:1;min-height:0;margin-inline:-3px;padding:2px 3px;overflow:auto}.atlas-result-group+.atlas-result-group{margin-top:20px}.atlas-result-group h3{color:#a6b8cd;letter-spacing:.06em;margin:0 0 12px;font-size:10px;font-weight:500}.atlas-place-list{margin:0;padding:0;list-style:none}.atlas-place-list li+li{margin-top:3px}.atlas-place-list button{text-align:left;color:#dbe4ee;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:58px;padding:10px;display:flex}.atlas-place-list button:hover{background:#17283d}.atlas-place-list button[aria-pressed=true]{color:#ffe0ac;background:#2e2b23;border-color:#af94645c}.atlas-place-list strong{font:500 14px Outfit,sans-serif;display:block}.atlas-place-list small{color:#aebdd0;margin-top:3px;font-size:9px;line-height:1.6;display:block}.atlas-place-list button>span:last-child{color:#ddc18d}.atlas-index-note{color:#a3b4c9;flex:none;margin:14px 0 0;font-size:9px;line-height:1.7}.atlas-stage:after{z-index:1;background:linear-gradient(#020a14ba,#0000 25%)}.atlas-map-shell,.atlas-map.maplibregl-map{position:absolute;inset:0}.atlas-map-shell{background:radial-gradient(#152c43,#050d18 75%)}.atlas-map{font-family:Inter,sans-serif}.atlas-map .maplibregl-canvas{outline-offset:-4px}.atlas-map .maplibregl-ctrl-bottom-left,.atlas-map .maplibregl-ctrl-bottom-right{z-index:4}.atlas-map.maplibregl-map .maplibregl-ctrl-attrib,.atlas-map.maplibregl-map .maplibregl-ctrl-attrib.maplibregl-compact{color:#d4dfeb;background:#071522ee;border-radius:8px 0 0;max-width:min(490px,70vw);font:9px/1.5 Inter,sans-serif}.atlas-map.maplibregl-map .maplibregl-ctrl-attrib a{color:#e7d1a8}.atlas-map.maplibregl-map .maplibregl-ctrl-attrib-button{background-color:#d5dce3;border-radius:50%;width:32px;height:32px}.atlas-map.maplibregl-map .maplibregl-ctrl-attrib.maplibregl-compact{min-height:32px;padding:4px 36px 4px 9px}.atlas-map .maplibregl-ctrl-scale{color:#f1eadc;background:#091722dd;border-color:#f1eadc;font:10px Inter,sans-serif}.atlas-map .maplibregl-ctrl{margin-bottom:14px}.atlas-map-message{z-index:5;color:#e4eaf3;background:#0c192ced;border:1px solid #ad96654f;border-radius:13px;max-width:480px;margin:auto;padding:13px 17px;font-size:12px;line-height:1.7;position:absolute;bottom:70px;left:24px;right:90px}.atlas-map-error button{color:#ffe0aa;border:1px solid #cbb17c;border-radius:8px;min-height:44px;margin-top:10px;padding:8px 13px}.atlas-stage-label{right:95px}.atlas-view-badge{z-index:2;color:#e8d1a8;pointer-events:none;background:#091627d9;border:1px solid #a2b4cb2c;border-radius:25px;padding:7px 12px;font-size:9px;position:absolute;top:138px;left:28px}.atlas-view-badge span{color:#bdcbdc}.atlas-stage .earth-map-controls{top:53%}.atlas-stage .earth-map-controls button:nth-last-child(2){font-size:12px;font-weight:600}.atlas-stage .earth-map-controls button[aria-pressed=true]{background:#3b3427}.atlas-footer{flex-wrap:wrap}.atlas-footer .atlas-mode{background:#030c17;border:1px solid #8aa1be2d;border-radius:30px;padding:3px}.atlas-footer .atlas-mode button{background:0 0;border:0;min-height:38px}.atlas-footer .atlas-mode button[aria-pressed=true]{background:#303126}@media (max-width:800px){.atlas-explorer{height:100dvh}.atlas-explorer .earth-explorer-header h2{font-size:27px}.atlas-stage-label h3{font-size:26px}.atlas-view-badge{top:118px;left:18px}.atlas-stage-label p{font-size:10px}}@media (max-width:600px){.atlas-explorer .earth-explorer-header h2{font-size:25px}.atlas-explorer .earth-stage{flex:1.45;min-height:275px}.atlas-sidebar{flex:1;padding:12px 16px 8px;display:flex;position:relative}.atlas-sidebar>label:not(.sr-only){min-height:25px;margin-bottom:7px;padding-right:125px}.atlas-sidebar input{flex:none;margin-bottom:8px}.atlas-tabs{width:116px;padding:2px;position:absolute;top:8px;right:16px}.atlas-tabs button{min-height:25px;font-size:10px}.atlas-sidebar select{min-height:40px;margin:0 0 8px;padding:6px 10px;font-size:16px}.atlas-list-region{padding-bottom:3px}.atlas-place-list{grid-template-columns:1fr 1fr;gap:4px;display:grid}.atlas-place-list li+li{margin:0}.atlas-place-list button{height:100%;min-height:53px;padding:8px}.atlas-place-list strong{font-size:13px}.atlas-place-list small{font-size:9px}.atlas-result-group h3{margin-bottom:6px;font-size:9px}.atlas-index-note{display:none}.atlas-stage-label{top:12px;left:16px;right:80px}.atlas-stage-label h3{font-size:24px}.atlas-stage-label p{max-width:235px;font-size:9px}.atlas-view-badge{padding:6px 9px;font-size:8px;top:105px;left:16px}.atlas-stage .earth-map-controls{border-radius:14px;gap:1px;padding:3px;top:52%;right:9px}.atlas-stage .earth-map-controls button{width:40px;height:40px}.atlas-stage .earth-map-controls>span{padding:2px 0;font-size:9px}.atlas-map.maplibregl-map .maplibregl-ctrl-attrib,.atlas-map.maplibregl-map .maplibregl-ctrl-attrib.maplibregl-compact{max-width:80vw;font-size:8px}.atlas-map .maplibregl-ctrl{margin:0 7px 8px}.atlas-map-message{padding:10px;font-size:10px;bottom:48px;left:12px;right:65px}.atlas-footer{padding:6px 8px max(6px, env(safe-area-inset-bottom));justify-content:center;gap:5px}.atlas-footer button{min-height:36px;padding:8px 10px;font-size:9px}.atlas-footer .atlas-mode{padding:1px}.atlas-footer .atlas-mode button{min-height:34px}}@media (max-height:650px) and (max-width:600px){.atlas-explorer .earth-stage{flex:none;height:315px}.atlas-sidebar{flex:none;height:300px}}.atlas-map-progress{z-index:4;color:#e5eaf2;pointer-events:none;background:#091627e8;border-radius:20px;padding:7px 12px;font-size:11px;position:absolute;bottom:60px;left:16px}.atlas-map.maplibregl-map .maplibregl-ctrl-attrib{font-size:10px}.atlas-map .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button{background-color:#d5dce3;background-position:50%;background-repeat:no-repeat;border-radius:50%;width:32px;height:32px;min-height:32px}.atlas-map.maplibregl-map .maplibregl-ctrl-attrib-button:before{top:6px;left:6px}@media (max-width:600px){.atlas-map.maplibregl-map .maplibregl-ctrl-attrib{max-width:calc(100vw - 45px);font-size:10px}}.atlas-explorer :focus-visible{outline-offset:3px;outline:2px solid #efce94}.atlas-explorer .maplibregl-canvas:focus-visible{outline-offset:-4px}
:root{--dock-height:0px;--header-top:max(12px, env(safe-area-inset-top));--header-height:78px}html{scroll-padding-top:calc(var(--header-top) + var(--header-height) + 18px)}.site-header{--header-active-ink:#203e33;top:var(--header-top);z-index:45;width:min(1320px,100% - 48px);margin:var(--header-top) auto 12px;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#faf9f3f2;border:1px solid #ffffffd9;border-radius:40px;box-shadow:0 10px 32px #14251e1c,0 2px 6px #14251e0a,inset 0 1px #fff}html.dark .site-header{--header-active-ink:#f0d6ac;background:linear-gradient(155deg,#1a2532f5,#0d1722f5);border-color:#d6e3ed26;box-shadow:0 12px 36px #0005,0 3px 8px #0003,inset 0 1px #ffffff0a}.topbar{color:var(--brand-muted);background:0 0;border:0}.topbar a{color:inherit}.topbar a:hover{color:var(--brand-dark)}.site-header .header-inner{width:100%;min-height:calc(var(--header-height) - 2px);flex-wrap:nowrap;gap:16px;padding:10px 18px 10px 22px}.site-header .brand-lockup,.site-header .header-actions{flex-shrink:0}.site-header .brand-mark{background:color-mix(in srgb, var(--gold) 7%, transparent);border-radius:50%;width:36px;height:36px}.site-header .brand-word{font-size:36px}.site-header .desktop-nav ul{align-items:center;gap:4px}.site-header .desktop-nav a{white-space:nowrap;border-radius:24px;justify-content:center;align-items:center;min-height:44px;padding:10px 14px;transition:background .18s,color .18s;display:flex}.site-header .desktop-nav a.active,.site-header .desktop-nav a:hover{background:color-mix(in srgb, var(--gold) 12%, transparent);color:var(--header-active-ink)}.site-header .desktop-nav a.active:after{display:none}.site-header .header-search-trigger{background:color-mix(in srgb, var(--brand-muted) 6%, transparent);border-radius:24px;flex-shrink:0;width:180px;min-height:44px}.site-header .personal-trigger{white-space:nowrap;border-radius:24px;min-height:44px;transition:background .18s,color .18s}.site-header .personal-trigger[aria-expanded=true],.site-header .mobile-menu-trigger[aria-expanded=true]{color:#17231e;background:linear-gradient(145deg,#f4e1c0,#d9b984);border-color:#f4dfb9}.site-header .personal-menu{border-radius:24px;padding:8px;top:calc(100% + 18px);box-shadow:0 12px 36px #0003}.site-header .personal-menu a{border-radius:16px;min-height:44px}.site-header .personal-menu a[aria-current=page]{color:var(--header-active-ink);background:color-mix(in srgb, var(--gold) 12%, transparent)}.site-header :is(a,button):focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}@media (max-width:1150px){.site-header .header-inner{gap:12px;padding-inline:16px}.site-header .desktop-nav a{padding-inline:10px}.site-header .header-search-trigger{justify-content:center;width:44px;height:44px;padding:10px}.site-header .header-search-trigger>span,.site-header .header-search-trigger kbd{display:none}}@media (max-width:980px){:root{--header-height:66px}.topbar,.site-header .desktop-nav,.site-header .personal-nav{display:none}.site-header{border-radius:34px;width:calc(100% - 24px)}.site-header .header-inner{gap:8px;padding:8px 10px 8px 16px;display:flex}.site-header .brand-lockup{gap:8px;margin-right:auto}.site-header .brand-word{font-size:32px}.site-header .brand-mark{width:32px;height:32px;font-size:24px}.site-header .header-search-trigger{order:0;margin:0}.site-header .header-actions{margin:0}.site-header .mobile-menu-trigger{border:1px solid var(--brand-line);background:color-mix(in srgb, var(--brand-muted) 6%, transparent);border-radius:50%;width:44px;height:44px;transition:background .18s,color .18s;display:inline-flex}.site-header .mobile-nav{max-height:calc(100dvh - var(--header-top) - var(--header-height) - var(--dock-height) - 24px);border:1px solid var(--brand-line);background:var(--bg-card);overscroll-behavior:contain;scrollbar-width:thin;border-radius:28px;padding:8px;display:block;position:absolute;inset:calc(100% + 10px) 0 auto;overflow-y:auto;box-shadow:0 12px 36px #0003}.site-header .mobile-nav .container-site{width:100%;padding:0}.site-header .mobile-nav a{min-height:48px;color:var(--brand-dark);border:0;border-radius:18px;justify-content:space-between;align-items:center;padding:11px 15px;font-size:14px;display:flex}.site-header .mobile-nav a:hover,.site-header .mobile-nav a[aria-current=page]{color:var(--header-active-ink);background:color-mix(in srgb, var(--gold) 12%, transparent)}.site-header .mobile-personal{border-top:1px solid var(--brand-line);margin-top:8px;padding:16px 0 0}.site-header .mobile-personal>p,.site-header .mobile-appearance{padding-inline:15px}}.mobile-dock{display:none}.cosmic-hero-inner{grid-template-columns:1.02fr 1fr;align-items:center;gap:24px 32px;min-height:0;padding-top:30px;padding-bottom:22px;display:grid}.cosmic-editorial{max-width:650px;padding-block:38px}.cosmic-editorial h1{letter-spacing:-.055em;font-size:clamp(48px,5.4vw,79px);line-height:1.07}.cosmic-overline{letter-spacing:.19em;margin-bottom:24px;font-size:10px}.cosmic-intro{max-width:430px;font-size:15px;line-height:1.85}.cosmic-primary,.cosmic-secondary{min-height:48px;font-size:13px}.cosmic-actions{gap:16px 22px;margin-top:28px}.cosmic-access{font-size:11px}.cosmic-scenery{inset:0 0 110px}.cosmic-scenery:after{background:linear-gradient(90deg,#080f17f0 3%,#080f1766 67%,#080f1733),linear-gradient(#0000 35%,#080f17)}.cosmic-galaxy{opacity:.5}.cosmic-observatory{pointer-events:auto;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;min-height:530px;display:flex;position:relative}.cosmic-observatory:before{content:"";pointer-events:none;border:1px solid #afc9d219;border-radius:50%;position:absolute;inset:8% 0 15%;transform:rotate(-20deg)}.earth-preview-heading{letter-spacing:.16em;color:#a8b9c1;justify-content:space-between;align-items:center;gap:12px;padding-inline:10px;font-size:9px;display:flex}.earth-preview-heading>span:first-child:before{content:"";background:#b1d8cc;border-radius:50%;width:5px;height:5px;margin-right:9px;display:inline-block}.cosmic-observatory .cosmic-earth{aspect-ratio:1;opacity:1;z-index:1;width:100%;max-width:520px;margin:-5px auto -28px;position:relative;inset:auto}.cosmic-orbit{display:none}.cosmic-observatory .earth-invitation{z-index:3;align-self:center;margin:0;position:relative;inset:auto}.earth-invitation button{background:#111e28e8;border-radius:100px;gap:14px;min-height:60px;padding:10px 17px;font-size:16px;box-shadow:0 8px 28px #0003}.earth-invitation-icon{border:0;width:28px;height:28px;font-size:28px}.earth-invitation small{font-size:11px}.earth-invitation p{margin-top:10px;font-size:11px}.cosmic-hero-footer{border-top:1px solid #ffffff14;grid-column:1/-1;width:100%;padding-top:12px;position:relative;inset:auto}.cosmic-scenes{gap:24px}.cosmic-scenes button{min-height:44px;font-size:11px}.cosmic-scenes button>span{font-size:9px}.cosmic-motion{min-height:44px;font-size:11px}.cosmic-coordinate{display:none}.cosmic-scene-caption{color:#f1e6d2;background:linear-gradient(#0000,#080f17e6);border-radius:16px;margin-top:auto;padding:30px;position:relative}.cosmic-scene-caption>span{letter-spacing:.14em;font-size:10px}.cosmic-scene-caption>p{max-width:360px;margin:16px 0;font:400 clamp(28px,3vw,40px)/1.15 Outfit,sans-serif}.cosmic-dock{background:0 0;grid-template-columns:1.2fr .6fr .6fr 1.5fr;gap:25px;padding-block:24px}.cosmic-stat strong{font-size:36px}.cosmic-stat>span{font-size:11px}.cosmic-home .home-section{padding-block:72px}.cosmic-home .section-heading h2{font-size:clamp(32px,3.5vw,48px)}.cosmic-home .section-heading{align-items:end}.cosmic-home .practice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.cosmic-home .practice-card{background:linear-gradient(150deg,#17242c,#101922);border:1px solid #b3c7c71c;border-radius:20px;min-height:0;padding:26px 23px;transition:transform .25s,border-color .25s,background .25s}.cosmic-home .practice-card:hover{background:linear-gradient(150deg,#20343b,#15232a);border-color:#ceba8d70;transform:translateY(-5px)}.cosmic-home .practice-card__top{margin-bottom:26px}.cosmic-home .practice-icon{color:#b7d3c5;background:#b8d6c611;border-radius:14px;width:46px;height:46px}.cosmic-home .practice-card h3{margin-block:10px 13px;font-size:30px}.cosmic-home .practice-card p{font-size:13px;line-height:1.8}.cosmic-home .practice-tag{color:#b7c8ce;font-size:10px}.cosmic-home .practice-action{color:#e7d1ac;border-top:1px solid #ffffff14;margin-top:24px;padding-top:22px;font-size:12px}.cosmic-home .practice-card__top>span:last-child{color:#8b9ba7;font-size:11px}.cosmic-home .creation-heading{padding-top:0}.cosmic-home .creation-panorama{height:clamp(380px,45vw,650px)}.cosmic-home .creation-chapters{padding-block:30px 46px}.cosmic-home .voices-grid{gap:22px}.cosmic-home .home-search{border:1px solid #b3c7c71c;border-radius:16px}.cosmic-home .guide-card{border-radius:18px;overflow:hidden}.cosmic-home .reveal-pending{opacity:1;transform:none}.cosmic-home .reveal-enter{animation-duration:.55s}.atlas-map-shell>.atlas-map{position:absolute;inset:0}.atlas-drawer-toggle{display:none}@media (min-width:801px) and (max-width:1150px){.cosmic-hero-inner{gap:20px}.cosmic-editorial h1{font-size:clamp(45px,5.5vw,64px)}.cosmic-observatory{min-height:430px}.cosmic-dock{grid-template-columns:.7fr .7fr 1.5fr}.cosmic-home .practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){:root{--dock-bottom:max(12px, env(safe-area-inset-bottom));--dock-height:calc(92px + var(--dock-bottom))}body{padding-bottom:var(--dock-height)}.mobile-dock{--dock-active-ink:#203e33;inset:auto 12px var(--dock-bottom);z-index:44;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#faf9f3f2;border:1px solid #ffffffd9;border-radius:32px;grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 24px);max-width:520px;height:80px;margin-inline:auto;padding:7px;display:grid;position:fixed;box-shadow:0 10px 32px #14251e1c,0 2px 6px #14251e0a,inset 0 1px #fff}html.dark .mobile-dock{--dock-active-ink:#f0d6ac;background:linear-gradient(155deg,#1a2532f5,#0d1722f5);border-color:#d6e3ed26;box-shadow:0 12px 36px #0005,0 3px 8px #0003,inset 0 1px #ffffff0a}.mobile-dock a{min-width:0;min-height:64px;color:var(--brand-muted);white-space:nowrap;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:3px 0;font-size:10px;font-weight:600;line-height:1.2;transition:background .18s,color .18s,transform .18s;display:flex}.mobile-dock-icon{border:1px solid color-mix(in srgb, var(--brand-muted) 12%, transparent);background:color-mix(in srgb, var(--brand-muted) 6%, transparent);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.mobile-dock-icon svg{stroke-width:1.7px}.mobile-dock [aria-current=page]{color:var(--dock-active-ink);background:color-mix(in srgb, var(--gold) 12%, transparent)}.mobile-dock [aria-current=page] .mobile-dock-icon{color:#17231e;background:linear-gradient(145deg,#f4e1c0,#d9b984);border-color:#f4dfb9;transform:translateY(-1px);box-shadow:0 3px 10px #bc995b26}.mobile-dock a:active{transform:scale(.95)}.mobile-dock a:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.mini-player{bottom:var(--dock-height);padding-bottom:0}.install-prompt{bottom:calc(var(--dock-height) + 12px)}body:has(.mini-player) .install-prompt{bottom:calc(var(--dock-height) + 130px)}.cosmic-hero-inner{grid-template-columns:1fr 1fr;gap:20px 10px;padding-top:22px}.cosmic-editorial{padding-block:20px}.cosmic-editorial h1{font-size:clamp(40px,5.7vw,49px)}.cosmic-intro{font-size:13px}.cosmic-intro br{display:none}.cosmic-overline{letter-spacing:.12em;font-size:8px}.cosmic-actions{flex-direction:column;align-items:flex-start;gap:10px}.cosmic-primary{font-size:12px}.cosmic-access{font-size:10px}.cosmic-observatory{justify-content:center;min-height:380px}.earth-preview-heading{padding:0;font-size:8px}.earth-preview-heading>span:last-child{display:none}.earth-invitation button{gap:10px;min-height:54px;font-size:14px}.earth-invitation p{font-size:10px}.cosmic-motion{flex-shrink:0;width:44px;font-size:0}.cosmic-scenes{gap:22px}.cosmic-scenes button{min-height:44px;font-size:11px}.cosmic-dock{grid-template-columns:.65fr .65fr 1.6fr;gap:16px}.cosmic-stat{padding-left:10px}.cosmic-stat strong{font-size:30px}.cosmic-stat>span{font-size:10px}.cosmic-home .practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmic-home .home-section{padding-block:52px}.cosmic-home .voices-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.container-site{padding-inline:20px}.cosmic-hero-inner{flex-direction:column;align-items:stretch;gap:12px;padding-top:4px;padding-bottom:14px;display:flex}.cosmic-editorial{padding-block:24px 4px}.cosmic-editorial h1{margin-bottom:18px;font-size:clamp(43px,11.5vw,64px)}.cosmic-overline{margin-bottom:18px;font-size:8px}.cosmic-intro{max-width:410px;font-size:14px;line-height:1.75}.cosmic-actions{flex-flow:wrap;align-items:center;gap:8px 18px;margin-top:20px}.cosmic-primary{min-height:48px;padding:12px 18px;font-size:12px}.cosmic-secondary{gap:8px;min-height:44px;font-size:12px}.cosmic-access{margin-top:14px;font-size:10px}.cosmic-observatory{width:100%;max-width:420px;min-height:0;margin:10px auto 0;padding:12px 0 4px}.cosmic-observatory .cosmic-earth{width:min(100%,82vw,350px);margin:-8px auto -40px}.earth-preview-heading{padding-inline:4px;font-size:9px}.earth-preview-heading>span:last-child{display:inline}.earth-invitation p{display:none}.earth-invitation button{min-height:56px}.earth-invitation small{font-size:11px}.cosmic-scenery{bottom:150px}.cosmic-galaxy{-o-object-position:65% center;object-position:65% center;opacity:.36;animation:none}.cosmic-scenery:after{background:linear-gradient(#080f1730,#080f1780 60%,#080f17)}.cosmic-hero-footer{gap:10px;margin-top:12px;padding-top:9px}.cosmic-scenes{gap:17px}.cosmic-scenes button{min-height:44px;font-size:10px}.cosmic-scenes button>span{display:none}.cosmic-motion{min-width:44px}.cosmic-scene-caption{flex-direction:column;justify-content:flex-end;min-height:300px;padding:24px 0;display:flex}.cosmic-dock{grid-template-columns:1fr 1fr;gap:18px;padding-block:18px}.cosmic-stat{border-left:0;align-items:center;gap:9px;padding-left:0;display:flex}.cosmic-stat strong{white-space:nowrap;font-size:26px}.cosmic-stat strong i{display:none}.cosmic-stat>span{max-width:85px;margin:0;font-size:10px;line-height:1.5}.cosmic-dock .featured-listen{border-radius:16px;margin:0;padding:16px}.cosmic-home .section-heading{align-items:flex-start;gap:12px}.cosmic-home .section-heading h2{font-size:33px}.cosmic-home .section-heading>p{font-size:13px}.cosmic-home .practice-grid{gap:12px}.cosmic-home .practice-card{border-radius:16px;padding:18px 16px}.cosmic-home .practice-card__top{margin-bottom:21px}.cosmic-home .practice-icon{border-radius:12px;width:40px;height:40px}.cosmic-home .practice-card h3{margin-block:10px;font-size:clamp(21px,6vw,27px)}.cosmic-home .practice-tag{letter-spacing:0;font-size:9px}.cosmic-home .practice-card p{font-size:12px;line-height:1.7}.cosmic-home .practice-action{gap:7px;margin-top:18px;padding-top:16px;font-size:11px}.cosmic-home .practice-action svg{flex-shrink:0;width:16px}.cosmic-home .creation-heading h2{font-size:33px}.cosmic-home .creation-heading>p{font-size:13px}.cosmic-home .creation-panorama{height:440px}.cosmic-home .creation-chapters{gap:18px;padding-block:22px 32px}.cosmic-home .creation-chapters h3{font-size:24px}.cosmic-home .creation-chapters p{font-size:12px}.cosmic-home .voices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.cosmic-home .home-sourates-grid{gap:10px}.cosmic-home .faq-list summary{min-height:56px;font-size:14px}}@media (prefers-reduced-motion:reduce){.cosmic-home *,.site-header *,.mobile-dock *{transition:none!important;animation:none!important}}@media print{.mobile-dock,.earth-preview-heading{display:none!important}body{padding-bottom:0}}.atlas-destinations{flex-direction:column;flex:1;min-height:0;display:flex}.atlas-sidebar .atlas-tabs button{min-height:44px}.atlas-explorer .earth-map-controls button{min-width:44px;min-height:44px}.atlas-footer button,.atlas-footer .atlas-mode button{min-height:44px}@media (max-width:600px){.atlas-explorer .earth-explorer-header{padding:max(12px, env(safe-area-inset-top)) 16px 12px}.atlas-explorer .earth-explorer-header h2{font-size:23px}.atlas-explorer .earth-explorer-body{overflow:hidden}.atlas-explorer .earth-stage{flex:1;min-height:160px}.atlas-stage-label{top:17px;left:17px;right:78px}.atlas-stage-label h3{margin-block:8px;font-size:25px}.atlas-stage-label p{font-size:11px}.atlas-view-badge{font-size:10px;top:123px;left:17px}.atlas-stage .earth-map-controls{gap:2px;padding:4px;top:53%;right:10px}.atlas-map .maplibregl-ctrl{margin-bottom:9px}.atlas-sidebar{background:#0c1824;border-top:1px solid #a6c0d133;border-radius:20px 20px 0 0;flex:none;height:auto;padding:0 16px;box-shadow:0 -8px 30px #0003}.atlas-drawer-toggle{text-align:left;color:#f2e3ca;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:60px;display:flex;font-size:13px!important}.atlas-drawer-toggle>span:last-child{font-size:26px}.atlas-destinations{display:none}.atlas-sidebar[data-expanded=true] .atlas-destinations{height:min(43dvh,390px);padding-bottom:12px;display:flex}.atlas-sidebar .atlas-tabs{width:auto;margin-bottom:10px;position:static}.atlas-sidebar .atlas-tabs button{font-size:12px}.atlas-sidebar input,.atlas-sidebar select{min-height:44px;font-size:16px}.atlas-sidebar select{margin-bottom:12px}.atlas-sidebar label:not(.sr-only){margin-bottom:8px;font-size:12px}.atlas-place-list{grid-template-columns:1fr}.atlas-place-list strong{font-size:15px}.atlas-place-list small,.atlas-result-group h3{font-size:11px}:is(.earth-explorer-body:has(.atlas-sidebar[data-expanded=true]) .atlas-stage-label,.earth-explorer-body:has(.atlas-sidebar[data-expanded=true]) .atlas-view-badge){display:none}.atlas-footer{padding:8px 12px max(10px, env(safe-area-inset-bottom));gap:6px}.atlas-footer>div{justify-content:center}.atlas-footer button{padding-inline:12px;font-size:11px}.atlas-footer .atlas-mode{padding:0}}@media (max-height:650px) and (max-width:600px){.atlas-sidebar[data-expanded=true] .atlas-destinations{height:42dvh}.atlas-explorer .earth-stage{min-height:70px}.atlas-explorer .earth-explorer-header h2{font-size:20px}.atlas-explorer .earth-explorer-header p{display:none}.earth-explorer-body:has(.atlas-sidebar[data-expanded=true]) .earth-map-controls{display:none}.atlas-footer{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.atlas-footer>div{flex:none}}.cosmic-hero[data-in-view=false] :is(.cosmic-galaxy,.cosmic-grain,.cosmic-meteor,.cosmic-landscape){animation-play-state:paused!important}.mobile-appearance{justify-content:space-between;align-items:center;padding-block:8px;font-size:14px;display:flex}.mobile-appearance button{min-width:44px;min-height:44px}.catalog-toolbar{border:1px solid var(--brand-line);background:var(--bg-card);border-radius:18px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:26px;padding:20px;display:flex}.catalog-search{border:1px solid var(--brand-line);background:var(--bg);min-width:220px;color:var(--brand-muted);border-radius:12px;flex:1;align-items:center;gap:10px;padding-inline:14px 6px;display:flex}.catalog-search:focus-within{outline:2px solid var(--accent-text);outline-offset:3px}.catalog-search>svg{flex-shrink:0}.catalog-search input{width:100%;min-width:0;min-height:50px;color:var(--brand-dark);background:0 0;border:0;outline:none;padding:10px 0;font-size:16px}.catalog-search input::-webkit-search-cancel-button{display:none}.catalog-search button{place-items:center;min-width:44px;min-height:44px;display:grid}.catalog-filters{flex-wrap:wrap;gap:4px;display:flex}.catalog-filters button{min-height:44px;color:var(--brand-muted);border:1px solid #0000;border-radius:30px;padding:10px 14px;font-size:12px}.catalog-filters button[aria-pressed=true]{background:var(--brand-soft);color:var(--accent-text);border-color:var(--brand-line)}.catalog-count{color:var(--brand-dark);white-space:nowrap;margin:0;font-size:13px}.catalog-count span{color:var(--brand-muted)}.catalog-sourates{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.catalog-voices{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 24px;display:grid}.catalog-empty{border:1px dashed var(--brand-line);text-align:center;border-radius:18px;padding:45px 22px}.catalog-empty>svg{color:var(--accent-text);margin:0 auto 15px}.catalog-empty h3{font-size:28px}.catalog-empty p{color:var(--brand-muted);margin:12px 0 25px;font-size:14px}@media (max-width:1050px){.catalog-sourates{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-voices{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-count{margin-left:auto}}@media (max-width:800px){.catalog-toolbar{gap:14px;padding:16px}.catalog-search{flex-basis:100%}.catalog-voices{grid-template-columns:repeat(3,minmax(0,1fr))}.page-section{padding-top:32px}.page-intro{margin-bottom:30px}.page-intro h1{font-size:clamp(34px,5vw,46px);line-height:1.12}.reading-shortcuts a,.reading-shortcuts button{min-height:54px}.playlist-search input{font-size:16px}.playlist-row button:not(.btn-play),.playlist-row a[download]{min-width:44px;min-height:44px}}@media (max-width:600px){.catalog-sourates{grid-template-columns:1fr;gap:10px}.catalog-voices{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.catalog-filters{flex:100%;justify-content:space-between}.catalog-filters button{padding-inline:12px;font-size:12px}.catalog-count{margin-left:0}.catalog-toolbar{border-radius:16px;padding:14px}.page-intro>p{font-size:14px;line-height:1.8}.mini-player__inner{grid-template-columns:minmax(0,1fr) auto;gap:10px}.mini-player .player-close{display:inline-flex}.mini-player__actions{gap:2px}.mini-player__actions .icon-button{min-width:40px;min-height:44px}.mini-player__track>strong{font-size:12px}.mini-player__position{gap:4px}.mini-player__position time{font-size:9px}}body:has(.mini-player){padding-bottom:calc(var(--dock-height) + 110px)}.cosmic-hero:has(.earth-interactive[data-exploring=true]) :is(.cosmic-galaxy,.cosmic-grain,.cosmic-meteor,.cosmic-landscape){animation-play-state:paused!important}@media (max-width:800px){.reading-view button,.reading-view select,.reading-view .hifz-verse-controls button{min-height:44px}.reading-view select{min-width:0;font-size:16px}.reading-toolbar>div{flex-wrap:wrap;max-width:100%}.reading-toolbar>label{flex-wrap:wrap;min-width:0;max-width:100%}}
.rub-card .guide-card__art{height:132px}.rub-card[data-tone=forest] .guide-card__art{color:#687d59;background:#edf0e3}.rub-card[data-tone=gold] .guide-card__art{color:#977a48;background:#ece7d8}.rub-card[data-tone=moss] .guide-card__art{color:#597369;background:#e6ebe4}.rub-card[data-tone=night] .guide-card__art{color:#4e5d74;background:#e4e7ec}html.dark .rub-card[data-tone=forest] .guide-card__art{color:#b8cca8;background:#30432e}html.dark .rub-card[data-tone=gold] .guide-card__art{color:#e0bf89;background:#463e2b}html.dark .rub-card[data-tone=moss] .guide-card__art{color:#b5cebf;background:#2d4339}html.dark .rub-card[data-tone=night] .guide-card__art{color:#b9c8de;background:#1f2c3d}.rub-card:hover{border-color:color-mix(in srgb, var(--gold) 55%, var(--brand-line));transform:translateY(-3px)}.rub-group+.rub-group{margin-top:56px}.rub-group>h2{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);margin-bottom:20px;font-size:13px;font-weight:600}.rub-card h3{margin-top:9px;font-size:27px}.rub-panel{border:1px solid var(--brand-line);background:var(--bg-card);border-radius:20px;padding:24px}.rub-panel+.rub-panel{margin-top:20px}.rub-panel h2{font-size:24px;line-height:1.2}.rub-muted{color:var(--brand-muted);font-size:13px;line-height:1.8}.rub-note{border-top:1px solid var(--brand-line);color:var(--brand-muted);margin-top:32px;padding-top:20px;font-size:12px;line-height:1.8}.rub-note a{color:var(--link-color);text-underline-offset:3px;text-decoration:underline}.rub-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.rub-row{border:1px solid var(--brand-line);background:var(--bg-card);min-height:72px;color:var(--brand-dark);border-radius:16px;align-items:center;gap:16px;padding:16px 18px;transition:border-color .2s,transform .2s;display:flex}a.rub-row:hover,button.rub-row:hover{border-color:color-mix(in srgb, var(--gold) 55%, var(--brand-line));transform:translateY(-2px)}.rub-row__num{background:var(--brand-soft);width:44px;height:44px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.rub-row__body{flex:1;min-width:0}.rub-row__title{font-size:14px;font-weight:600;line-height:1.35;display:block}.rub-row__meta{color:var(--brand-muted);margin-top:3px;font-size:12px;line-height:1.5;display:block}.rub-row__ar{color:var(--accent-text);flex-shrink:0;font-family:Amiri,serif;font-size:20px}.rub-ar{text-align:right;color:var(--brand-dark);direction:rtl;font-family:Amiri,serif;font-size:clamp(22px,2.4vw,28px);line-height:2.05}.rub-translit{color:var(--accent-text);font-size:14px;font-style:italic;line-height:1.8}.rub-fr{color:var(--brand-dark);font-size:15px;line-height:1.9}.rub-source{color:var(--brand-muted);font-size:12px}.rub-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.rub-chip{border:1px solid var(--brand-line);background:var(--bg-card);min-height:44px;color:var(--brand-dark);white-space:nowrap;border-radius:999px;padding:0 18px;font-size:13px}.rub-chip[aria-pressed=true],.rub-chip[aria-current=page]{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 22%, var(--bg-card));color:var(--brand-dark);font-weight:600}.rub-input{border:1px solid var(--brand-line);background:var(--bg-card);min-height:44px;color:var(--brand-dark);border-radius:999px;min-width:0;padding:0 16px;font-size:14px}.rub-input:focus-visible,.rub-chip:focus-visible,.rub-row:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.rub-ext{border:1px solid var(--brand-line);min-height:44px;color:var(--brand-dark);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.rub-ext:hover{border-color:var(--gold)}.discover-nav{position:relative}.site-header .desktop-nav .discover-trigger{min-height:44px;color:var(--brand-muted);white-space:nowrap;border-radius:24px;align-items:center;gap:6px;padding:10px 14px;font-size:12px;transition:background .18s,color .18s;display:inline-flex}.site-header .desktop-nav .discover-trigger.active,.site-header .desktop-nav .discover-trigger:hover,.site-header .desktop-nav .discover-trigger[aria-expanded=true]{background:color-mix(in srgb, var(--gold) 12%, transparent);color:var(--header-active-ink)}.discover-trigger svg{transition:transform .2s}.discover-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.site-header .discover-menu{border:1px solid var(--brand-line);background:var(--bg-card);z-index:60;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:6px 18px;width:min(760px,100vw - 48px);padding:20px;display:grid;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0003}.discover-menu__group p{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);padding:4px 12px 8px;font-size:10px;font-weight:600}.site-header .discover-menu a{min-height:44px;color:var(--brand-dark);white-space:normal;background:0 0;border-radius:16px;justify-content:flex-start;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.site-header .discover-menu a:hover,.site-header .discover-menu a[aria-current=page]{background:color-mix(in srgb, var(--gold) 12%, transparent)}.discover-menu a svg{color:var(--accent-text);flex-shrink:0}.discover-menu__all{border-top:1px solid var(--brand-line);grid-column:1/-1;margin-top:6px;padding-top:10px}.discover-menu__all a{justify-content:space-between;font-weight:600}.mobile-discover{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.mobile-discover .eyebrow{grid-column:1/-1}.rub-home-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.rub-home-tile{border:1px solid var(--brand-line);background:var(--bg-card);min-height:132px;color:var(--brand-dark);border-radius:20px;flex-direction:column;gap:14px;padding:18px;transition:border-color .2s,transform .2s;display:flex}.rub-home-tile:hover{border-color:color-mix(in srgb, var(--gold) 55%, var(--brand-line));transform:translateY(-3px)}.rub-home-tile svg{color:var(--accent-text)}.rub-home-tile strong{font-size:15px;font-weight:600;display:block}.rub-home-tile span{color:var(--brand-muted);margin-top:2px;font-size:12px;line-height:1.5;display:block}@media (max-width:1000px){.rub-home-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.rub-home-grid{grid-template-columns:repeat(2,1fr)}.rub-panel{border-radius:16px;padding:18px}.rub-list{grid-template-columns:1fr}.rub-home-tile{min-height:118px;padding:15px}}.cosmic-home .rub-home-tile{color:#e8eee3;background:#101923;border-color:#ffffff1c}.cosmic-home .rub-home-tile span{color:#a5b3a8}.cosmic-home .rub-home-tile svg{color:#cfb58c}.cosmic-home .rub-home-tile:hover{border-color:#cfb58c80}@media (min-width:1100px){.rub-group .guide-grid[data-count="4"]{grid-template-columns:repeat(4,1fr);gap:18px}.rub-group .guide-grid[data-count="4"] .rub-card h3{font-size:23px}}@media (min-width:700px) and (max-width:1099px){.rub-group .guide-grid{grid-template-columns:repeat(2,1fr)}}.official-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;list-style:none;display:grid}.official-card{border:1px solid var(--brand-line);background:var(--bg-card);border-radius:20px;flex-direction:column;justify-content:space-between;gap:18px;padding:20px;display:flex}.official-card__head{align-items:flex-start;gap:14px;display:flex}.official-card__avatar{border:1px solid color-mix(in srgb, var(--gold) 50%, var(--brand-line));background:color-mix(in srgb, var(--gold) 12%, var(--bg-card));width:52px;height:52px;color:var(--accent-text);font-family:var(--font-heading);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:600;display:grid}.official-card h3{font-size:19px;line-height:1.3}.official-card__links{flex-wrap:wrap;gap:8px;display:flex}.official-section+.official-section{margin-top:48px}.official-section>h2{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);margin-bottom:18px;font-size:13px;font-weight:600}@media (max-width:700px){.official-grid{grid-template-columns:1fr}}.offline-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.offline-status p{max-width:680px;font-size:14px;line-height:1.8}.offline-status code{word-break:break-all;font-size:13px}.offline-actions{margin:16px 0 20px}.offline-pages{list-style:none}.resume-chip{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:55;border:1px solid color-mix(in srgb, var(--gold) 60%, var(--brand-line));background:var(--bg-card);border-radius:999px;align-items:center;gap:4px;max-width:calc(100vw - 32px);padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #0004}.resume-chip__go{background:var(--gold);color:#17231e;text-align:left;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;font-size:14px;font-weight:600;display:flex}.resume-chip__go span{white-space:nowrap;flex-direction:column;line-height:1.2;display:flex}.resume-chip__go small{opacity:.8;font-size:11px;font-weight:500}.resume-chip__close{width:44px;height:44px;color:var(--brand-muted);border-radius:50%;place-items:center;display:grid}.resume-chip :focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}@media (max-width:800px){.resume-chip{bottom:calc(var(--dock-height,104px) + 8px)}}.continue-reading-section{padding-top:28px}.continue-reading{border:1px solid color-mix(in srgb, var(--gold) 45%, var(--brand-line));background:var(--bg-card);color:var(--brand-dark);border-radius:22px;align-items:center;gap:16px;padding:18px 20px;transition:border-color .2s,transform .2s;display:flex}.continue-reading:hover{border-color:var(--gold);transform:translateY(-2px)}.continue-reading__icon{background:var(--gold);color:#17231e;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.continue-reading__body{flex:1;gap:4px;min-width:0;display:grid}.continue-reading__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);font-size:10px;font-weight:600}.continue-reading strong{font-size:18px;font-weight:600;line-height:1.3}.continue-reading__bar{background:var(--brand-line);border-radius:3px;max-width:320px;height:3px;display:block;overflow:hidden}.continue-reading__bar span{background:var(--gold);height:100%;display:block}.continue-reading__meta{color:var(--brand-muted);font-size:12px}.cosmic-home .continue-reading{color:#e8eee3;background:#101923;border-color:#cfb58c66}.cosmic-home .continue-reading__meta{color:#a5b3a8}.cosmic-home .continue-reading__eyebrow{color:#d7ba84}.cosmic-home .continue-reading__bar{background:#fff2}.personal-dashboard>.continue-reading{margin-bottom:20px}.repeat-panel{border:1px solid var(--brand-line);background:var(--bg-card);border-radius:16px;margin-bottom:14px}.repeat-panel summary{min-height:48px;color:var(--brand-dark);cursor:pointer;align-items:center;gap:10px;padding:0 16px;font-size:13px;font-weight:600;list-style:none;display:flex}.repeat-panel summary::-webkit-details-marker{display:none}.repeat-panel summary svg:first-child{color:var(--accent-text)}.repeat-panel summary svg:last-child{margin-left:auto;transition:transform .2s}.repeat-panel[open] summary svg:last-child{transform:rotate(180deg)}.repeat-panel__body{gap:14px;padding:4px 16px 18px;display:grid}.repeat-panel__row{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;display:flex}.repeat-panel__row legend{letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--brand-muted);margin-bottom:6px;font-size:11px;font-weight:600}.repeat-field{color:var(--brand-muted);align-items:center;gap:8px;font-size:13px;display:flex}.repeat-panel__go .button-primary{align-items:center;gap:8px;min-height:44px;display:inline-flex}
.emblem{--emblem-stroke:1.5;width:100%;height:100%;color:var(--emblem-line);display:block;overflow:visible}.emblem .e-bg{fill:#0c1620}.emblem .e-ring{fill:none;stroke:var(--emblem-line);stroke-opacity:.4;stroke-width:.8px}.emblem .e-beads circle{fill:var(--emblem-accent);opacity:.8}.emblem .e-line{fill:none;stroke:currentColor;stroke-width:var(--emblem-stroke);stroke-linecap:round;stroke-linejoin:round}.emblem .e-strong{stroke-width:calc(var(--emblem-stroke) * 1.5)}.emblem .e-soft{opacity:.5}.emblem .e-fill{fill:var(--emblem-accent);stroke:none}.emblem .e-glyph,.emblem .e-beads{transform-box:view-box;transform-origin:50px 50px}.sourate-seal{flex:none;width:54px;height:54px;position:relative}.sourate-seal .emblem{--emblem-stroke:2.3}.sourate-seal :is(.e-beads,.e-marks){display:none}.sourate-seal .e-glyph{transition:transform .6s cubic-bezier(.2,.7,.1,1)}.sourate-card:hover .sourate-seal .e-glyph,.sourate-card:focus-visible .sourate-seal .e-glyph{transform:rotate(10deg)scale(1.05)}.sourate-seal__num{border:1px solid var(--brand-line);background:var(--bg-card,#fff);min-width:24px;height:18px;color:var(--accent-text);letter-spacing:.04em;font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;padding:0 5px;font:700 9.5px/1 Manrope,system-ui,sans-serif;display:grid;position:absolute;bottom:-4px;right:-6px}.surah-seal{flex:none;width:132px;height:132px;position:relative}.surah-seal:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4b98b33,#0000 66%);border-radius:50%;position:absolute;inset:-22px}.surah-seal .emblem{--emblem-stroke:1.25;position:relative}.surah-seal .e-glow{filter:drop-shadow(0 0 2.5px var(--emblem-accent))}.surah-seal .e-beads{animation:120s linear infinite emblem-turn}.surah-seal__num{border:1px solid var(--brand-line);background:var(--bg-card,#fff);min-width:38px;height:24px;color:var(--accent-text);font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;padding:0 9px;font:700 12px/1 Manrope,system-ui,sans-serif;display:grid;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.surah-page{position:relative;overflow:clip}.surah-watermark{aspect-ratio:1;z-index:-1;opacity:.2;pointer-events:none;width:min(520px,58vw);position:absolute;top:-40px;right:max(-90px,50vw - 780px);-webkit-mask-image:radial-gradient(circle,#000 52%,#0000 72%);mask-image:radial-gradient(circle,#000 52%,#0000 72%)}.surah-watermark .emblem{--emblem-stroke:.55}.surah-watermark .e-bg{fill:none}.surah-watermark .e-beads{animation:180s linear infinite emblem-turn}html[data-door] .surah-watermark{display:none}@keyframes emblem-turn{to{transform:rotate(360deg)}}@media (max-width:640px){.surah-seal{width:92px;height:92px}.sourate-seal{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.surah-watermark .e-beads,.surah-seal .e-beads{animation:none}.sourate-seal .e-glyph{transition:none}}@media print{.surah-watermark,.surah-seal,.sourate-seal{display:none}}.emblem .e-line{stroke-dasharray:1;stroke-dashoffset:0}.emblem :is(.e-spin,.e-spin-rev,.e-spin-slow,.e-whirl,.e-hand,.e-breathe){transform-box:view-box;transform-origin:50px 50px}.emblem :is(.e-pulse,.e-spin-own){transform-box:fill-box;transform-origin:50%}.emblem .e-dawn{transform-box:view-box;transform-origin:50px 60px}.emblem .e-spin{animation:48s linear infinite e-rot}.emblem .e-spin-rev{animation:64s linear infinite reverse e-rot}.emblem .e-spin-slow{animation:90s linear infinite e-rot}.emblem .e-spin-own{animation:36s linear infinite e-rot}.emblem .e-whirl{animation:16s linear infinite e-rot}.emblem .e-hand{animation:60s steps(60,end) infinite e-rot}.emblem .e-pulse{animation:3.6s ease-in-out infinite e-pulse}.emblem .e-breathe{animation:6s ease-in-out infinite e-breathe}.emblem .e-beat{animation:4.2s ease-in-out infinite e-beat}.emblem .e-dawn{animation:7s ease-in-out infinite e-dawn}.emblem .e-twinkle{animation:3.2s ease-in-out infinite e-twinkle}.emblem .e-shimmer{animation:5s ease-in-out infinite e-shimmer}.emblem .e-wave{animation:5s ease-in-out infinite e-wave}.emblem .e-flash{animation:5.5s linear infinite e-flash}.emblem :is(.e-twinkle,.e-shimmer):nth-child(2n){animation-delay:1.1s}.emblem :is(.e-twinkle,.e-shimmer):nth-child(3n){animation-delay:2.3s}.emblem :is(.e-twinkle,.e-shimmer):nth-child(5n){animation-delay:.6s}.emblem :is(.e-twinkle,.e-shimmer):nth-child(7n){animation-delay:1.7s}.emblem .e-wave:nth-child(2n){animation-direction:reverse}.emblem :is(.e-spin,.e-spin-rev,.e-spin-slow,.e-spin-own,.e-whirl,.e-hand,.e-pulse,.e-breathe,.e-beat,.e-dawn,.e-twinkle,.e-shimmer,.e-wave,.e-flash){animation-play-state:paused}:is(.surah-seal,.sourate-card:hover,.sourate-card:focus-visible,.hifz-due:hover,.hifz-surah:hover) .emblem :is(.e-spin,.e-spin-rev,.e-spin-slow,.e-spin-own,.e-whirl,.e-hand,.e-pulse,.e-breathe,.e-beat,.e-dawn,.e-twinkle,.e-shimmer,.e-wave,.e-flash){animation-play-state:running}@keyframes e-rot{to{transform:rotate(360deg)}}@keyframes e-pulse{50%{transform:scale(1.22)}}@keyframes e-breathe{50%{transform:scale(.93)}}@keyframes e-beat{50%{opacity:.5}}@keyframes e-dawn{50%{transform:scale(1.28)}}@keyframes e-twinkle{50%{opacity:.22}}@keyframes e-shimmer{50%{opacity:.38}}@keyframes e-wave{25%{transform:translate(2.6px)}75%{transform:translate(-2.6px)}}@keyframes e-flash{0%,46%,50%,54%,to{opacity:1}48%{opacity:.12}52%{opacity:.3}}@keyframes emblem-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes emblem-pop{0%{opacity:0;transform:scale(.3)}}@keyframes emblem-fade{0%{opacity:0}}html:not([data-arrived=morph]) .surah-seal .e-glyph .e-line{animation:1.5s cubic-bezier(.6,0,.2,1) both emblem-draw}html:not([data-arrived=morph]) .surah-seal .e-glyph .e-fill{transform-box:fill-box;transform-origin:50%;animation:.7s cubic-bezier(.2,.9,.3,1.25) 1s both emblem-pop}html:not([data-arrived=morph]) .surah-seal .e-marks{animation:1s .7s both emblem-fade}html:not([data-arrived=morph]) .surah-seal .e-glyph>:nth-child(2) .e-line,html:not([data-arrived=morph]) .surah-seal .e-glyph>.e-line:nth-child(2){animation-delay:.12s}html:not([data-arrived=morph]) .surah-seal .e-glyph>:nth-child(3) .e-line,html:not([data-arrived=morph]) .surah-seal .e-glyph>.e-line:nth-child(3){animation-delay:.24s}html:not([data-arrived=morph]) .surah-seal .e-glyph>:nth-child(4) .e-line,html:not([data-arrived=morph]) .surah-seal .e-glyph>.e-line:nth-child(4){animation-delay:.36s}html:not([data-arrived=morph]) .surah-seal .e-glyph>:nth-child(n+5) .e-line,html:not([data-arrived=morph]) .surah-seal .e-glyph>.e-line:nth-child(n+5){animation-delay:.48s}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sourate-card{view-timeline:--sourate-card block}.sourate-seal .e-line{animation:linear both emblem-draw;animation-timeline:--sourate-card;animation-range:entry 10%}}}@media (hover:hover){.sourate-card:hover .sourate-seal .e-line{animation:.9s cubic-bezier(.6,0,.2,1) both emblem-draw}}@media (prefers-reduced-motion:reduce){.emblem *{animation:none!important}}@media print{.emblem *{animation:none!important}}
main#main-content{position:relative}.world-banner{z-index:-1;pointer-events:none;opacity:.86;-webkit-mask-composite:source-in;width:100%;height:min(720px,92vh);display:block;position:absolute;top:-150px;left:0;-webkit-mask-image:linear-gradient(#000 34%,#0000 96%),linear-gradient(90deg,#0000 4%,#0008 34%,#000 62%);mask-image:linear-gradient(#000 34%,#0000 96%),linear-gradient(90deg,#0000 4%,#0008 34%,#000 62%);-webkit-mask-composite:source-in;mask-composite:intersect}.world-banner[data-world=coupole]{opacity:.8;-webkit-mask-composite:source-over;-webkit-mask-image:radial-gradient(46% 78% at 100% 8%,#000 42%,#0000 78%);mask-image:radial-gradient(46% 78% at 100% 8%,#000 42%,#0000 78%);-webkit-mask-composite:source-over;mask-composite:add}@media (min-width:801px){html[data-door=coupole] :is(.page-intro h1,.surah-detail__title){--title-room:calc(98vw - .34 * min(720px, 92vh) - 28px - max(48px, (100vw - 1284px) / 2));max-width:var(--title-room)}html[data-door=coupole] .surah-detail__title{max-width:calc(var(--title-room) - 160px)}}.world-banner[data-world=ciel][data-day=true]{opacity:.6;-webkit-mask-image:linear-gradient(#000 26%,#0000 90%),linear-gradient(90deg,#0000 8%,#0005 44%,#000 74%);mask-image:linear-gradient(#000 26%,#0000 90%),linear-gradient(90deg,#0000 8%,#0005 44%,#000 74%)}html:not(.dark) .world-banner{opacity:.5;mix-blend-mode:multiply;filter:invert()hue-rotate(180deg)saturate(.8)}html:not(.dark) .world-banner[data-world=ciel][data-day=true]{opacity:.42;filter:saturate(.85)}.world-banner[data-failed=true]{display:none}@media (max-width:800px){.world-banner{opacity:.6;height:460px}}@media print{.world-banner{display:none}}html[data-door=coupole]{--font-heading:"Cormorant Garamond", Georgia, serif}html[data-door=coupole] :is(h1,h2,h3,h4,.font-serif){font-size-adjust:.49;letter-spacing:-.012em}html.dark[data-door=coupole]{--gold:#e9c877;--accent-text:#ecd08a;--link-color:#e6cf93}html.dark[data-door=coupole] :is(.page-intro h1,.surah-detail__title){color:#0000;background:linear-gradient(100deg,#f7ecc8 10%,#e2bd66 62%,#b98a2e);-webkit-background-clip:text;background-clip:text;padding-bottom:.14em}html[data-door=souffle] :is(.page-intro h1,.surah-detail__title,.section-title){font-weight:300}html.dark[data-door=souffle]{--gold:#f1dcb4;--accent-text:#f1dcb4}html.dark[data-door=ciel]{--accent-text:#e8d6b0}html[data-door=ciel] :is(.page-intro h1,.surah-detail__title){font-weight:400}
.page-intro{background:linear-gradient(90deg, var(--accent-text) 0, var(--accent-text) 44px, transparent 44px, transparent 64px, var(--brand-line) 64px) bottom / 100% 1px no-repeat;border-bottom:0;position:relative}.page-intro:after{content:"";background:var(--accent-text);width:8px;height:8px;box-shadow:0 0 12px color-mix(in srgb, var(--accent-text) 60%, transparent);position:absolute;bottom:-4px;left:50px;transform:rotate(45deg)}.page-intro .eyebrow{letter-spacing:.2em}a.card:hover,button.card:hover{border-color:color-mix(in srgb, var(--accent-text) 55%, transparent);box-shadow:0 14px 34px #0000001f, 0 0 0 1px color-mix(in srgb, var(--accent-text) 14%, transparent)}a.card:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.surah-nav a{background:color-mix(in srgb, var(--bg,#080f17) 74%, transparent);border:1px solid #0000;border-radius:999px;align-items:center;min-height:34px;padding:0 13px;transition:border-color .25s,background .25s;display:inline-flex}.surah-nav a:hover{border-color:color-mix(in srgb, var(--accent-text) 50%, transparent);background:color-mix(in srgb, var(--bg,#080f17) 92%, transparent)}.surah-nav>a:first-child{margin-left:-13px}.surah-page .section-title{position:relative}.reading-view>p.arabic.text-center{color:var(--accent-text);justify-content:center;align-items:center;gap:clamp(14px,3vw,30px);padding:14px 0 20px;display:flex}.reading-view>p.arabic.text-center:before,.reading-view>p.arabic.text-center:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--accent-text) 70%, transparent), transparent);flex:1;max-width:220px;height:1px}.reading-view>p.arabic.text-center:after{background:linear-gradient(270deg, color-mix(in srgb, var(--accent-text) 70%, transparent), transparent)}.reading-view .reading-toolbar{border-radius:18px}.reading-view>ol>li.card{border-color:color-mix(in srgb, var(--accent-text) 13%, var(--brand-line));border-radius:22px;transition:border-color .35s,box-shadow .35s;position:relative}.reading-view>ol>li.card:hover{border-color:color-mix(in srgb, var(--accent-text) 42%, var(--brand-line))}.reading-view>ol>li.card:target,.reading-view>ol>li.card.ring-2{border-color:color-mix(in srgb, var(--accent-text) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-text) 45%, transparent), 0 0 46px color-mix(in srgb, var(--accent-text) 16%, transparent);--tw-ring-shadow:0 0 #0000}@media (min-width:768px){.reading-view>ol>li.card:not(:last-child):after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--accent-text) 55%, transparent), color-mix(in srgb, var(--accent-text) 12%, transparent));pointer-events:none;width:1px;height:1.25rem;position:absolute;top:100%;left:42px}}.reading-view>ol>li.card>div:first-child{z-index:0;width:44px;height:44px;color:var(--accent-text);font-variant-numeric:tabular-nums;border:0;border-radius:0;position:relative}.reading-view>ol>li.card>div:first-child:before,.reading-view>ol>li.card>div:first-child:after{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--accent-text) 62%, transparent);background:color-mix(in srgb, var(--accent-text) 5%, transparent);border-radius:3px;transition:transform .6s cubic-bezier(.2,.7,.1,1);position:absolute;inset:6px}.reading-view>ol>li.card>div:first-child:after,.reading-view>ol>li.card:hover>div:first-child:before{transform:rotate(45deg)}.reading-view>ol>li.card:hover>div:first-child:after{transform:rotate(90deg)}.reading-view>ol>li.card.ring-2>div:first-child:before,.reading-view>ol>li.card.ring-2>div:first-child:after,.reading-view>ol>li.card:target>div:first-child:before,.reading-view>ol>li.card:target>div:first-child:after{background:color-mix(in srgb, var(--accent-text) 20%, transparent);border-color:var(--accent-text)}.rub-row__num{z-index:0;font-variant-numeric:tabular-nums;background:0 0;border-radius:0;position:relative}.rub-row__num:before,.rub-row__num:after{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--accent-text) 58%, transparent);background:color-mix(in srgb, var(--accent-text) 6%, transparent);border-radius:3px;transition:transform .6s cubic-bezier(.2,.7,.1,1);position:absolute;inset:6px}.rub-row__num:after,:is(a,button,li):hover>.rub-row__num:before,.juz-card:hover .rub-row__num:before{transform:rotate(45deg)}:is(a,button,li):hover>.rub-row__num:after,.juz-card:hover .rub-row__num:after{transform:rotate(90deg)}.reciter-card__portrait{transition:box-shadow .5s}.reciter-card:hover .reciter-card__portrait,.reciter-card:focus-within .reciter-card__portrait{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-text) 16%, transparent), 0 0 0 12px color-mix(in srgb, var(--accent-text) 8%, transparent), 0 0 0 21px color-mix(in srgb, var(--accent-text) 4%, transparent)}.reciter-detail__portrait{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent-text) 14%, transparent), 0 0 0 15px color-mix(in srgb, var(--accent-text) 7%, transparent), 0 0 0 27px color-mix(in srgb, var(--accent-text) 3%, transparent), 0 24px 60px #00000040}.khatma-mode[aria-pressed=true],.khatma-preset[aria-pressed=true]{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-text) 55%, transparent), 0 0 44px color-mix(in srgb, var(--accent-text) 14%, transparent)}.hifz-session-banner{border-color:color-mix(in srgb, var(--accent-text) 30%, var(--brand-line));background:radial-gradient(ellipse 55% 130% at 100% 50%, color-mix(in srgb, var(--accent-text) 14%, transparent), transparent 72%), var(--brand-soft);border-radius:24px;position:relative;overflow:hidden}.hifz-session-banner>*{z-index:1;position:relative}.hifz-session-banner:before,.hifz-session-banner:after{content:"";z-index:0;border:1px solid color-mix(in srgb, var(--accent-text) 24%, transparent);pointer-events:none;border-radius:8px;width:250px;height:250px;margin-top:-125px;position:absolute;top:50%;right:-50px}.hifz-session-banner:after{transform:rotate(45deg)}.hifz-stat{--stat:var(--accent-text);border-radius:18px;padding-top:22px;position:relative;overflow:hidden}.hifz-stat:before{content:"";background:var(--stat);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:16px;right:16px}.hifz-stat>div:first-child{font-family:var(--font-heading);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:300;line-height:1.05}.hifz-stat:nth-child(2){--stat:#62b384}.hifz-stat:nth-child(3){--stat:#6f9be0}.hifz-stat:nth-child(4){--stat:#e2a93b}.hifz-stat:nth-child(5){--stat:#e88a6a}.hifz-seal{flex:none;width:44px;height:44px}.hifz-seal .emblem{--emblem-stroke:2.4}.hifz-seal :is(.e-beads,.e-marks){display:none}.hifz-surah{align-items:center;gap:12px;display:flex}.hifz-surah .h-full{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-text) 55%, transparent), var(--accent-text));border-radius:6px}.review-setup,.review-session,.review-complete{border-color:color-mix(in srgb, var(--accent-text) 22%, var(--brand-line));border-radius:26px}.review-session__progress{border-radius:6px;overflow:hidden}.review-session__progress span{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-text) 55%, transparent), var(--accent-text));border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.1,1)}.review-session__prompt>svg{box-sizing:content-box;color:var(--accent-text);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-text) 40%, transparent), 0 0 0 12px color-mix(in srgb, var(--accent-text) 9%, transparent), 0 0 0 26px color-mix(in srgb, var(--accent-text) 4%, transparent);border-radius:50%;padding:16px;animation:6s ease-in-out infinite review-breathe}@keyframes review-breathe{50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-text) 55%, transparent), 0 0 0 18px color-mix(in srgb, var(--accent-text) 11%, transparent), 0 0 0 38px color-mix(in srgb, var(--accent-text) 5%, transparent)}}@media (prefers-reduced-motion:reduce){.review-session__prompt>svg{animation:none}.review-session__progress span,.reading-view>ol>li.card>div:first-child:before,.reading-view>ol>li.card>div:first-child:after,.rub-row__num:before,.rub-row__num:after,.reciter-card__portrait{transition:none}}@media print{.reading-view>ol>li.card:after,.page-intro:after{display:none}}.khatma-rose{--rose-gold:#c79d4f;--rose-line:color-mix(in srgb, var(--brand-dark) 44%, transparent);grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:center;gap:12px 34px;margin:0;padding:26px 24px;display:grid}html.dark .khatma-rose{--rose-gold:#ecd09a}.khatma-rose svg{width:100%;height:auto;display:block;overflow:visible}.khatma-rose__rim{fill:none;stroke:var(--rose-line);stroke-width:.6px}.khatma-rose__rim--dots{stroke:var(--rose-gold);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:.01 9.2;opacity:.55}.khatma-rose__petals path{fill:var(--rose-gold);fill-opacity:0;stroke:var(--rose-line);stroke-width:.7px;stroke-linejoin:round;animation:.7s cubic-bezier(.2,.8,.2,1) both rose-bloom;animation-delay:calc(var(--i) / var(--n) * 1.1s);transition:fill-opacity .7s,stroke .7s}.khatma-rose__petals path[data-state=done]{fill-opacity:.92;stroke:var(--rose-gold)}.khatma-rose__petals path[data-state=current]{fill-opacity:.22;stroke:var(--rose-gold);stroke-width:1.5px;animation:.7s cubic-bezier(.2,.8,.2,1) both rose-bloom,2.6s ease-in-out 1.4s infinite rose-today;animation-delay:calc(var(--i) / var(--n) * 1.1s), 1.4s}.khatma-rose__petals path[data-state=late]{stroke:#b9643c;stroke-dasharray:2.4 2}.khatma-rose__heart{fill:color-mix(in srgb, var(--rose-gold) 12%, transparent);stroke:var(--rose-gold);stroke-width:.8px}.khatma-rose text{text-anchor:middle;fill:var(--brand-dark)}.khatma-rose__count{font-family:Cormorant Garamond,Georgia,serif;font-size:30px;font-weight:600}.khatma-rose__total{letter-spacing:.12em;text-transform:uppercase;fill-opacity:.7;font-size:9px}.khatma-rose[data-finished] .khatma-rose__petals{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--rose-gold) 70%, transparent));animation:3.6s ease-in-out infinite alternate rose-glow}.khatma-rose figcaption p{max-width:44ch;color:var(--brand-muted);margin:0;font-size:13.5px;line-height:1.8}.khatma-rose figcaption ul{color:var(--brand-muted);flex-wrap:wrap;gap:8px 20px;margin:14px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.khatma-rose figcaption li{align-items:center;gap:8px;display:inline-flex}.khatma-rose figcaption li:before{content:"";border:1.2px solid var(--rose-line);border-radius:50%;width:9px;height:15px}.khatma-rose figcaption li[data-state=done]:before{border-color:var(--rose-gold);background:var(--rose-gold)}.khatma-rose figcaption li[data-state=current]:before{border:1.8px solid var(--rose-gold);background:color-mix(in srgb, var(--rose-gold) 25%, transparent)}.khatma-rose figcaption li[data-state=late]:before{border:1.4px dashed #b9643c}@keyframes rose-bloom{0%{opacity:0;scale:.55}}@keyframes rose-today{50%{fill-opacity:.6}}@keyframes rose-glow{0%{opacity:.82}}@media (max-width:640px){.khatma-rose{grid-template-columns:1fr;justify-items:center;padding:22px 18px}.khatma-rose svg{max-width:260px}.khatma-rose figcaption p{text-align:center}.khatma-rose figcaption ul{justify-content:center}}@media (prefers-reduced-motion:reduce){.khatma-rose[data-finished] .khatma-rose__petals,.khatma-rose__petals,.khatma-rose__petals path,.khatma-rose__petals path[data-state=current]{animation:none}}.verse-words-note{color:var(--brand-muted);margin:0 0 14px;font-size:13px}.verse-words [data-w]{border-radius:8px;margin:0 -.12em;padding:.04em .12em;transition:background-color .18s,color .18s,box-shadow .18s}.verse-words[data-tracking] [data-w]{cursor:pointer}.verse-words[data-tracking] [data-w][data-said]{color:color-mix(in srgb, var(--accent-text) 78%, var(--brand-dark))}.verse-words[data-tracking] [data-w][data-now]{color:var(--brand-dark);background:color-mix(in srgb, var(--accent-text) 30%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-text) 55%, transparent)}@media (prefers-reduced-motion:reduce){.verse-words [data-w]{transition:none}}@media print{.verse-words-note{display:none}}
.surah-seal{view-transition-name:surah-seal}::view-transition-group(surah-seal){animation-duration:.62s;animation-timing-function:cubic-bezier(.3,.7,.1,1)}::view-transition-old(root){animation-duration:.36s}::view-transition-new(root){animation-duration:.36s}@keyframes card-rise{0%{opacity:.15;translate:0 24px;scale:.97}to{opacity:1;translate:0;scale:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:is(.sourate-card,.juz-card,.reciter-card,.rub-home-tile){animation:linear both card-rise;animation-timeline:view();animation-range:entry}}}:is(.button-primary,.button-light,.cosmic-primary){isolation:isolate;position:relative;overflow:hidden}:is(.button-primary,.button-light,.cosmic-primary):after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(150px circle at var(--sx,50%) var(--sy,50%), #ffffff5c, transparent 62%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}@media (hover:hover){:is(.button-primary,.button-light,.cosmic-primary):hover:after{opacity:1}}.celebrate{z-index:90;pointer-events:none;width:240px;height:240px;color:var(--tone,#e4cba5);margin:-120px 0 0 -120px;position:fixed}.celebrate--sm{width:132px;height:132px;margin:-66px 0 0 -66px}.celebrate svg{width:100%;height:100%;display:block;overflow:visible}.celebrate .c-ring{fill:none;stroke:currentColor;stroke-width:1.4px;animation:1.1s cubic-bezier(.2,.7,.2,1) both c-ring}.celebrate .c-star{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;stroke-dasharray:1;animation:1.5s cubic-bezier(.3,.7,.1,1) both c-star}.celebrate .c-star+.c-star{animation-delay:90ms}.celebrate .c-spark{fill:currentColor;animation:1.25s cubic-bezier(.15,.7,.25,1) .1s both c-spark}@keyframes c-ring{0%{opacity:.9;transform:scale(.18)}to{opacity:0;transform:scale(1)}}@keyframes c-star{0%{stroke-dashoffset:1px;opacity:0;transform:rotate(-32deg)scale(.5)}14%{opacity:1}58%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0;transform:rotate(22deg)scale(1.1)}}@keyframes c-spark{0%{transform:rotate(var(--a)) translateY(-14px) scale(.3);opacity:1}68%{opacity:1}to{transform:rotate(var(--a)) translateY(-92px) scale(1);opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.celebrate{display:none}}@media print{:is(.sourate-card,.juz-card,.reciter-card,.rub-home-tile){animation:none!important}}.mini-player__mark{position:relative}.mini-player[data-playing=true] .mini-player__mark:before,.mini-player[data-playing=true] .mini-player__mark:after{content:"";border:1px solid var(--accent-text);opacity:0;pointer-events:none;border-radius:50%;animation:2.4s cubic-bezier(.2,.6,.3,1) infinite voice-ring;position:absolute;inset:-1px}.mini-player[data-playing=true] .mini-player__mark:after{animation-delay:1.2s}.mini-player[data-playing=true]:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--accent-text) 50%, transparent) 0 0 / 36% 100% no-repeat;height:2px;animation:3.4s linear infinite voice-sweep;position:absolute;inset:0 0 auto}@keyframes voice-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes voice-sweep{0%{background-position:-60% 0}to{background-position:160% 0}}html[data-playing] .reading-view>ol>li.card.ring-2>div:first-child{border-radius:50%;animation:2.4s ease-out infinite voice-verse}html[data-playing] .reading-view>ol>li.card.ring-2>div:first-child:before{animation:14s linear infinite voice-turn}html[data-playing] .reading-view>ol>li.card.ring-2>div:first-child:after{animation:14s linear infinite reverse voice-turn}@keyframes voice-verse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-text) 45%, transparent)}to{box-shadow:0 0 0 16px #0000}}@keyframes voice-turn{to{rotate:360deg}}html[data-playing] .mobile-dock a[href=\/quran] .mobile-dock-icon{position:relative}html[data-playing] .mobile-dock a[href=\/quran] .mobile-dock-icon:after{content:"";background:var(--gold);width:9px;height:9px;box-shadow:0 0 0 2px var(--bg,#080f17);border-radius:50%;animation:1.8s ease-in-out infinite voice-dot;position:absolute;top:-2px;right:-2px}@keyframes voice-dot{50%{opacity:.55;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.mini-player[data-playing=true] .mini-player__mark:before,.mini-player[data-playing=true] .mini-player__mark:after,.mini-player[data-playing=true]:before,html[data-playing] .reading-view>ol>li.card.ring-2>div:first-child,html[data-playing] .reading-view>ol>li.card.ring-2>div:first-child:before,html[data-playing] .reading-view>ol>li.card.ring-2>div:first-child:after,html[data-playing] .mobile-dock a[href=\/quran] .mobile-dock-icon:after{animation:none}}