:root{--bg:#f7f4ed;--card:#fffdf8;--ink:#17221e;--muted:#68736e;--line:#dedbd2;--brand:#17685a;--brand2:#0f4b42;--gold:#a77a2d;--danger:#9a3434;--shadow:0 12px 34px #18362b14;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.skip{position:fixed;z-index:99;top:-60px;right:1rem;background:var(--ink);color:#fff;padding:.7rem}.skip:focus{top:1rem}.splash{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 35%,#fff 0,#f3efe5 55%,#e5dfd1 100%);display:grid;place-content:center;text-align:center;padding:2rem;transition:.55s opacity}.splash img{width:min(44vw,210px);border-radius:28%;margin:auto}.splash h1{margin:1rem 0 0;font-size:2rem;color:#0d489b}.splash p{margin:.2rem;color:#5c6674}.progress{width:min(72vw,300px);height:7px;background:#d6d8d7;border-radius:9px;overflow:hidden;margin:1.5rem auto .4rem}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0d56bf,#1cc8d5);transition:.1s linear}.splash.fade{opacity:0;pointer-events:none}.top{height:72px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:.6rem max(1rem,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line)}.top button{border:0;background:none;color:inherit}.brand{display:flex;gap:.7rem;text-align:right;align-items:center}.brand img{width:46px;height:46px;border-radius:14px}.brand span{display:grid}.brand small{color:var(--muted)}.top>div button{font-size:1.4rem;width:44px;height:44px}main{width:min(1120px,100%);margin:auto;padding:1.2rem 1rem 110px}.page{animation:appear .25s ease}.welcome{padding:1rem 0}.welcome h1{font-size:clamp(1.8rem,5vw,3.4rem);margin:.2rem 0}.welcome p{color:var(--muted)}.card,.features button,.text-list article,.surah-list button{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:1.15rem;box-shadow:var(--shadow)}button.card{color:inherit;text-align:right}.grid{display:grid;gap:1rem}.hero-grid{grid-template-columns:1.25fr .75fr}.prayer-card{background:linear-gradient(140deg,var(--brand2),var(--brand));color:white}.prayer-card button{border:1px solid #ffffff66;background:#ffffff16;color:#fff;padding:.65rem 1rem;border-radius:12px}.continue{display:grid;gap:.7rem}.continue span{color:var(--brand)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.features button{display:grid;text-align:right;color:inherit;min-height:130px;font-size:1.3rem}.features b{font-size:1.05rem;margin-top:auto}.features small{color:var(--muted)}.memorial{display:flex;align-items:center;gap:1rem;margin-top:1rem}.memorial img{width:62px;border-radius:18px}.memorial div{flex:1}.memorial h2,.memorial p{margin:.2rem}.memorial button{border:0;background:var(--brand);color:white;border-radius:12px;padding:.6rem 1rem}.section-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.section-head>button{border:1px solid var(--line);background:var(--card);width:44px;height:44px;border-radius:12px}.section-head h1{margin:.1rem 0}.section-head small{color:var(--muted)}.toolbar{display:flex;gap:.7rem;margin-bottom:1rem}.toolbar input{flex:1}.toolbar input,.toolbar select,.tasbih-page select,.card select,.settings input{border:1px solid var(--line);background:var(--card);color:inherit;border-radius:12px;padding:.8rem}.notice{padding:1rem;border:1px solid #d4c296;background:#fff9df;border-radius:14px;color:#655422}.surah-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.surah-list button{text-align:right;color:inherit;display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center}.surah-list i{font-style:normal;color:var(--brand)}.surah-list small{color:var(--muted)}.reader{position:fixed;inset:0;z-index:40;background:var(--bg);overflow:auto;padding:1rem max(1rem,calc((100vw - 800px)/2)) 120px}.reader>header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-1rem;background:var(--bg);padding:1rem 0;border-bottom:1px solid var(--line)}.reader header button{border:0;background:var(--card);color:inherit;padding:.7rem;border-radius:10px}.ayah{font-family:"Amiri Quran","Noto Naskh Arabic",serif;font-size:clamp(1.4rem,4vw,2.05rem);line-height:2.25;border-bottom:1px solid var(--line);padding:1.2rem .2rem}.ayah button{border:0;background:none;color:var(--brand);font-size:.8rem}.chips,.targets,.row{display:flex;gap:.5rem;overflow:auto;padding:.4rem 0 1rem}.chips button,.targets button,.row button{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:inherit;border-radius:999px;padding:.6rem 1rem}.chips button.active,.targets button.active{background:var(--brand);color:#fff}.text-list{display:grid;gap:.8rem}.text-list article{font-family:"Noto Naskh Arabic",serif;font-size:1.25rem;line-height:2}.text-list footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:small "Noto Sans Arabic"}.text-list button{border:0;background:none;color:var(--brand)}.tasbih-page{text-align:center}.tasbih-page .section-head{text-align:right}.counter{display:grid;place-content:center;margin:2rem auto;width:min(66vw,300px);aspect-ratio:1;border-radius:50%;border:12px solid color-mix(in srgb,var(--brand),white 75%);background:var(--brand);color:white;box-shadow:0 20px 50px #174f403d}.counter span{font-size:5rem;font-weight:700}.counter small{font-size:1rem}.targets,.row{justify-content:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.stats div{display:grid;background:var(--card);border:1px solid var(--line);padding:1rem;border-radius:14px}.prayer-times{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.prayer-times div{display:grid;text-align:center;padding:1rem;background:var(--card);border:1px solid var(--line);border-radius:14px}.qibla{text-align:center}.qibla #compass{font-size:7rem;color:var(--brand);transition:transform .2s}.qibla button,.card>button,.settings>button{border:0;background:var(--brand);color:#fff;padding:.8rem 1rem;border-radius:12px}.settings{display:grid;gap:.8rem}.settings label{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem;text-align:right}.settings label span{display:grid}.settings small{color:var(--muted)}.settings .danger{background:var(--danger)}.about{text-align:center;max-width:560px;margin:auto}.about img{width:min(60vw,280px);border-radius:24%}.bottom{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 1rem));display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px 22px max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-bottom));padding:.45rem;margin-bottom:max(.35rem,env(safe-area-inset-bottom));box-shadow:0 15px 50px #0002}.bottom button{border:0;background:none;color:var(--muted);display:grid;place-items:center;font-size:1.2rem;min-height:54px}.bottom button.active{color:var(--brand)}.bottom small{font-size:.72rem}.audio-bar{position:fixed;z-index:35;bottom:84px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 1rem));background:var(--ink);color:#fff;border-radius:18px;padding:.7rem;display:flex;align-items:center;gap:.5rem}.audio-bar div{flex:1;display:grid}.audio-bar button{border:0;background:#ffffff18;color:white;border-radius:50%;width:40px;height:40px}.toast{position:fixed;z-index:90;bottom:150px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:.7rem 1rem;border-radius:10px;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:20px;background:var(--bg);color:var(--ink);width:min(560px,calc(100% - 2rem));padding:0}dialog::backdrop{background:#0008}dialog form{padding:1rem}dialog header{display:flex;justify-content:space-between;align-items:center}dialog input{width:100%;padding:.8rem;border:1px solid var(--line);background:var(--card);color:inherit;border-radius:12px}@keyframes appear{from{opacity:.2;transform:translateY(8px)}}
html.dark{--bg:#111714;--card:#19211d;--ink:#eef5f0;--muted:#a5b0aa;--line:#344039;--brand:#55bba5;--brand2:#183e35;--shadow:none;color-scheme:dark}html.dark .notice{background:#342f1c;color:#f4dfa5;border-color:#5a5030}@media(max-width:680px){.hero-grid{grid-template-columns:1fr}.features,.surah-list{grid-template-columns:repeat(2,1fr)}.toolbar{display:grid}.prayer-times{grid-template-columns:repeat(2,1fr)}main{padding-inline:.75rem}.top{padding-inline:.75rem}}@media(max-width:340px){.features{grid-template-columns:1fr}.bottom small{font-size:.65rem}.counter{width:75vw}}@media(min-width:1024px){.features{grid-template-columns:repeat(6,1fr)}.bottom{bottom:1rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* GT Amira premium visual layer */
.splash{place-items:center;place-content:initial;overflow:hidden;background:radial-gradient(circle at 50% 30%,#163b60 0,#081a2b 42%,#040b12 100%)}.splash::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#02070dbf),url('/tasbih/assets/icon-512.png') center 28%/min(88vw,520px) no-repeat;opacity:.2;filter:saturate(.8)}.splash-orbit{position:absolute;width:min(110vw,660px);aspect-ratio:1;border:1px solid #5dd9ff35;border-radius:50%;box-shadow:0 0 80px #0bc5e424,inset 0 0 80px #0b79e624;animation:splashOrbit 9s linear infinite}.splash-orbit::before,.splash-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid #fff1}.splash-orbit::before{inset:9%}.splash-orbit::after{inset:20%}.splash-content{position:relative;z-index:1;display:grid;justify-items:center;width:min(88vw,390px);padding:2rem 1.5rem;border:1px solid #ffffff18;border-radius:34px;background:linear-gradient(160deg,#ffffff12,#ffffff06);box-shadow:0 30px 90px #0008;backdrop-filter:blur(12px)}.splash h1{color:#f7fbff;letter-spacing:.03em}.splash p,.splash output{color:#c7dae6}.splash img{filter:drop-shadow(0 18px 32px #0008)}.progress{height:8px;background:#ffffff18;border:1px solid #ffffff18;border-radius:99px}.progress i{border-radius:inherit;background:linear-gradient(90deg,#1769ff,#38e7e4,#fff);box-shadow:0 0 18px #32dce9}@keyframes splashOrbit{to{transform:rotate(1turn)}}
.tasbih-shell{position:relative;overflow:hidden;padding:1rem;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--brand) 11%,transparent),transparent 62%),var(--card);box-shadow:var(--shadow)}.tasbih-shell::before{content:"";position:absolute;inset:-40% 10% auto;height:70%;background:radial-gradient(circle,#3ed8c51c,transparent 65%);pointer-events:none}.dhikr-picker{position:relative;display:grid;gap:.4rem;text-align:right}.dhikr-picker span{font-size:.78rem;color:var(--muted)}.dhikr-picker select{width:100%;font-weight:700;font-size:1.05rem}.counter-wrap{position:relative;width:min(68vw,300px);aspect-ratio:1;margin:1.3rem auto}.counter-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--brand) 35%,transparent))}.counter-ring circle{fill:none;stroke:color-mix(in srgb,var(--brand) 13%,var(--line));stroke-width:7}.counter-ring #counterProgress{stroke:var(--brand);stroke-linecap:round;stroke-dasharray:634.6;stroke-dashoffset:634.6;transition:stroke-dashoffset .32s cubic-bezier(.2,.8,.2,1)}.counter-wrap .counter{position:absolute;inset:7%;display:grid;place-content:center;width:86%;margin:0;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff28;background:radial-gradient(circle at 38% 25%,color-mix(in srgb,var(--brand) 82%,white),var(--brand2) 80%);color:white;box-shadow:inset 0 2px 1px #ffffff40,inset 0 -20px 35px #001c1738,0 18px 48px #174f404d;transition:transform .12s ease,box-shadow .12s ease}.counter-wrap .counter:active{transform:scale(.965)}.counter em{font-style:normal;font-size:.7rem;opacity:.65;margin-top:.7rem}.stats{margin-top:.8rem}.stats b{font-size:1.35rem;color:var(--brand);font-variant-numeric:tabular-nums}.stats small{color:var(--muted)}
.audio-dock{position:fixed;z-index:38;left:max(14px,env(safe-area-inset-left));bottom:calc(92px + env(safe-area-inset-bottom));touch-action:none;filter:drop-shadow(0 16px 28px #0005)}.audio-orb{position:relative;width:58px;height:58px;padding:4px;border:1px solid #ffffff55;border-radius:19px;background:linear-gradient(145deg,#143d6a,#06192b);box-shadow:inset 0 1px #ffffff50,0 0 0 5px #0b72a318;color:#fff}.audio-orb img{width:100%;height:100%;object-fit:cover;border-radius:15px}.audio-pulse{position:absolute;inset:-5px;border:1px solid #27d6e6;border-radius:23px;opacity:0}.audio-dock.playing .audio-pulse{animation:audioPulse 1.7s ease-out infinite}.audio-panel{position:absolute;left:0;bottom:0;width:min(350px,calc(100vw - 28px));padding:1rem;border:1px solid #5fcce23d;border-radius:25px;background:linear-gradient(145deg,#102b3bee,#091820f5);color:#f5fbff;box-shadow:0 25px 70px #0009;backdrop-filter:blur(22px)}.audio-panel header{display:flex;align-items:start;justify-content:space-between;gap:.7rem;text-align:right}.audio-panel header>div{display:grid;min-width:0}.audio-panel header small{color:#88cbd1}.audio-panel header b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-panel button{border:0;background:#ffffff10;color:#fff;border-radius:50%;width:42px;height:42px}.audio-panel header button{width:34px;height:34px}.audio-panel input{width:100%;height:5px;margin-top:1rem;accent-color:#35d6da;direction:ltr}.audio-time{display:flex;justify-content:space-between;color:#91a7b3;font-size:.68rem;direction:ltr}.audio-actions{display:flex;justify-content:center;align-items:center;gap:.55rem;margin-top:.45rem;direction:ltr}.audio-actions .audio-play{width:52px;height:52px;background:linear-gradient(145deg,#22c7c8,#1478b8);box-shadow:0 8px 22px #16a8bb55}@keyframes audioPulse{0%{transform:scale(.8);opacity:.75}100%{transform:scale(1.25);opacity:0}}
html.dark{--bg:#07110f;--card:#101d19;--ink:#f2f8f5;--muted:#9eaea7;--line:#263b34;--brand:#59d1b7;--brand2:#103f36;--shadow:0 16px 48px #0005}html.dark body{background:radial-gradient(circle at 85% 0,#123e3555,transparent 35%),radial-gradient(circle at 8% 42%,#0c315044,transparent 32%),var(--bg);background-attachment:fixed}html.dark .top{background:#07110edb;border-color:#29413a}html.dark .card,html.dark .features button,html.dark .text-list article,html.dark .surah-list button{background:linear-gradient(145deg,#14231e,#0d1815);border-color:#2a4038;box-shadow:inset 0 1px #ffffff08,0 18px 45px #0003}html.dark .prayer-card{background:linear-gradient(145deg,#145b50,#113d47);border-color:#4bd3b144;box-shadow:inset 0 1px #ffffff20,0 18px 44px #04100d99}html.dark .bottom{background:#0b1713e8;border-color:#2e4840;box-shadow:0 18px 55px #0008}html.dark .welcome h1{background:linear-gradient(90deg,#fff,#9fe7d7);-webkit-background-clip:text;background-clip:text;color:transparent}.amira-dua{margin-top:1.2rem;padding:1rem;border-radius:18px;background:color-mix(in srgb,var(--brand) 8%,var(--bg));border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line))}.amira-dua p{font-family:"Noto Naskh Arabic",serif;font-size:1.25rem;line-height:1.9}.amira-dua button{border:0;border-radius:99px;padding:.6rem 1rem;background:var(--brand);color:white}
@media(prefers-reduced-motion:reduce){.splash-orbit,.audio-pulse{animation:none!important}}

/* GT Amira premium experience */
.splash{isolation:isolate;place-items:center;place-content:initial;overflow:hidden;background:linear-gradient(155deg,#f9fbff 0%,#edf4fb 48%,#e7eef7 100%);color:#10233b}
.splash::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 12%,#fff 0 8%,transparent 28%),radial-gradient(circle at 85% 82%,#1258a51c,transparent 31%),linear-gradient(120deg,transparent 49.8%,#1d65b60a 50%,transparent 50.2%);opacity:1;filter:none}
.splash::after{content:"";position:absolute;width:min(118vw,700px);aspect-ratio:1;border-radius:50%;border:1px solid #1558a819;box-shadow:0 0 0 44px #1558a808,0 0 0 88px #1558a805;top:10%;left:50%;transform:translateX(-50%);z-index:-1}
.splash-halo{position:absolute;inset:auto -20% -35%;height:60%;background:radial-gradient(ellipse at center,#0f559521,transparent 66%);filter:blur(18px)}
.splash-orbit{width:min(94vw,560px);border-color:#1b66b61c;box-shadow:none;animation:splashFloat 8s ease-in-out infinite}.splash-orbit::before,.splash-orbit::after{border-color:#1b66b612}
.splash-content{width:min(88vw,410px);padding:2rem 1.65rem 1.55rem;border:1px solid #fff;border-radius:38px;background:#ffffffc9;box-shadow:0 30px 80px #183b681b,0 1px 0 #fff inset;backdrop-filter:blur(18px)}
.splash-kicker{color:#315b88;font-size:.68rem;letter-spacing:.16em}.splash-mark{width:min(44vw,178px);aspect-ratio:1;margin:.7rem auto .45rem;padding:8px;border-radius:35%;background:linear-gradient(145deg,#fff,#e4edf7);box-shadow:0 22px 55px #17477b24,inset 0 1px #fff}.splash-mark img{width:100%;height:100%;object-fit:cover;border-radius:30%;filter:none}
.splash h1{margin:.25rem 0 0;color:#103d79;font-size:clamp(1.75rem,7vw,2.25rem);letter-spacing:.02em}.splash h2{margin:-.15rem 0 .15rem;color:#17263a;font-family:"Noto Naskh Arabic",serif;font-size:1.35rem;font-weight:600}.splash p{margin:0;color:#68798d;font-size:.9rem}.splash-loading{width:100%;display:flex;justify-content:space-between;margin-top:1.35rem;color:#47627d;font-size:.72rem}.splash output{color:#174e8d;font-variant-numeric:tabular-nums}.splash .progress{width:100%;height:7px;margin:.4rem 0 .8rem;border:0;background:#dce5ef;box-shadow:inset 0 1px 2px #17395f17}.splash .progress i{background:linear-gradient(90deg,#0d4fa3,#178bc7,#5bd4da);box-shadow:0 0 12px #268fc75c}.splash-prayer{color:#6d7e91;font-family:"Noto Naskh Arabic",serif;font-size:.78rem}
@keyframes splashFloat{0%,100%{transform:translateY(-4px) scale(.98)}50%{transform:translateY(5px) scale(1.02)}}
.quran-audio-card{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;margin-bottom:1rem;padding:1.05rem;border:1px solid #1f7b6a35;border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 11%,var(--card)),var(--card));box-shadow:var(--shadow)}.quran-audio-copy{display:flex;align-items:center;gap:.8rem}.quran-audio-copy h2,.quran-audio-copy p{margin:.1rem 0}.quran-audio-copy p,.quran-audio-copy small{color:var(--muted)}.quran-audio-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--brand);color:#fff;font-size:1.5rem;box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 30%,transparent)}.primary-play{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;padding:.7rem 1rem;border:0;border-radius:16px;background:var(--brand);color:#fff;font-weight:750;box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 28%,transparent)}.primary-play span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff20}
.ayah{position:relative;border:1px solid var(--line);border-radius:18px;margin:.75rem 0;padding:1rem 1rem 3.8rem;background:var(--card)}.ayah .ayah-actions{position:absolute;inset-inline:1rem;bottom:.8rem;display:flex;gap:.5rem}.ayah .ayah-actions button{min-height:38px;padding:.35rem .8rem;border:1px solid var(--line);border-radius:99px;background:var(--bg);font-family:"Noto Sans Arabic",sans-serif}.ayah .ayah-actions .ayah-play{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700}
.dua-audio-guide{display:flex;gap:.8rem;align-items:center;margin-bottom:1rem;padding:.9rem 1rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));background:color-mix(in srgb,var(--brand) 7%,var(--card))}.dua-audio-guide>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:14px;background:var(--brand);color:#fff;font-size:1.25rem}.dua-audio-guide p{display:grid;margin:0}.dua-audio-guide small{color:var(--muted)}.dua-list article{position:relative;overflow:hidden}.dua-list article::before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--brand);opacity:.6}.dua-list footer{gap:.7rem;flex-wrap:wrap}.dua-play-button{display:inline-flex!important;align-items:center;gap:.45rem!important;padding:.55rem .8rem!important;border-radius:12px!important;background:var(--brand)!important;color:#fff!important;font-weight:700!important}.dua-no-audio{display:block;color:var(--muted);font-size:.72rem;line-height:1.6;max-width:270px}
.tasbih-shell{padding:1.15rem;border-radius:30px;background:linear-gradient(160deg,color-mix(in srgb,var(--brand) 8%,var(--card)),var(--card) 55%);box-shadow:0 22px 60px #16382c16}.tasbih-heading{position:relative;display:flex;align-items:center;gap:.75rem;text-align:right;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.tasbih-heading>div{display:grid}.tasbih-heading small{color:var(--muted)}.tasbih-emblem{display:flex;align-items:center;gap:3px;padding:.55rem;border-radius:16px;background:color-mix(in srgb,var(--brand) 13%,var(--card))}.tasbih-emblem i{display:block;width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 4px 10px color-mix(in srgb,var(--brand) 25%,transparent)}.tasbih-emblem i:nth-child(2){width:14px;height:14px}.counter-wrap{width:min(72vw,320px);margin:1.5rem auto}.bead-ring{position:absolute;inset:-4%;border:7px dotted color-mix(in srgb,var(--brand) 44%,var(--line));border-radius:50%;opacity:.45;transform:rotate(4deg)}.counter-ring{z-index:1}.counter-wrap .counter{z-index:2;inset:9%;width:82%;border:1px solid #ffffff70;background:radial-gradient(circle at 38% 24%,color-mix(in srgb,var(--brand) 70%,white),var(--brand) 50%,var(--brand2) 100%);box-shadow:inset 0 2px 2px #ffffff59,inset 0 -28px 45px #062e2440,0 22px 55px color-mix(in srgb,var(--brand) 30%,transparent),0 0 0 8px color-mix(in srgb,var(--brand) 8%,transparent)}.counter-wrap .counter span{line-height:1;font-size:clamp(4.3rem,20vw,6rem);font-variant-numeric:tabular-nums}.counter-wrap .counter small{opacity:.75}.counter-wrap .counter em{margin:.35rem 0 0;font-size:.76rem;opacity:.85}.counter-wrap .counter strong{margin-top:.65rem;font-size:.72rem;font-weight:600;padding:.35rem .7rem;border-radius:99px;background:#ffffff18}.counter-wrap .counter:active{transform:scale(.955);box-shadow:inset 0 3px 12px #001d1740,0 12px 30px color-mix(in srgb,var(--brand) 24%,transparent)}.tasbih-actions button{min-height:44px;border-radius:14px}.tasbih-actions #reset{color:var(--danger)}
html.dark .splash{background:linear-gradient(155deg,#0a1725,#07111c 58%,#040b12);color:#f6faff}html.dark .splash::before{background:radial-gradient(circle at 20% 12%,#2e74ba24,transparent 28%),radial-gradient(circle at 85% 82%,#28a9c51a,transparent 31%)}html.dark .splash-content{background:#0b1b2cdd;border-color:#ffffff17;box-shadow:0 30px 90px #0009}html.dark .splash h1{color:#edf6ff}html.dark .splash h2{color:#dcecff}html.dark .splash p,html.dark .splash-prayer{color:#91a8bd}html.dark .splash-kicker,html.dark .splash-loading,html.dark .splash output{color:#81b7df}
@media(max-width:560px){.quran-audio-card{grid-template-columns:1fr}.primary-play{width:100%}.splash-content{padding:1.5rem 1.2rem}.splash-mark{width:min(42vw,160px)}.counter-wrap{width:min(76vw,310px)}}
@media(prefers-reduced-motion:reduce){.splash-orbit{animation:none!important}}
*{-webkit-tap-highlight-color:transparent}
.counter-wrap .counter{appearance:none;-webkit-appearance:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;overflow:hidden;outline:none}
.counter-wrap .counter:focus-visible{box-shadow:inset 0 2px 2px #ffffff59,inset 0 -28px 45px #062e2440,0 22px 55px color-mix(in srgb,var(--brand) 30%,transparent),0 0 0 5px var(--card),0 0 0 8px var(--brand)}
.counter-wrap .counter>*{pointer-events:none}
.counter-wrap .counter::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,#ffffff2d,transparent 62%);opacity:0;transform:scale(.72);transition:opacity .16s ease,transform .22s ease}
.counter-wrap .counter:active::after{opacity:1;transform:scale(1)}

/* GT Amira unified interaction and search system */
:root{--surface-raised:#fffdf8;--surface-soft:#f0eee7;--brand-soft:#e3f1ed;--success:#24725f;--warning:#8a641d;--error:#a33b3b;--focus:#2b7fff;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--ease:cubic-bezier(.2,.8,.2,1);--tap:48px}
html.dark{--surface-raised:#14231e;--surface-soft:#0c1814;--brand-soft:#173a31;--success:#71d5bd;--warning:#e2c078;--error:#ff9898;--focus:#78adff}
body{min-width:0;overscroll-behavior-y:none}button,input,select{min-width:0}button{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 76%,transparent);outline-offset:3px}
.top{padding-top:max(.6rem,env(safe-area-inset-top));height:auto;min-height:72px}.top-actions{display:flex;gap:.25rem}.icon-button{display:grid;place-items:center;border-radius:14px!important;transition:background .18s var(--ease),transform .18s var(--ease)}.icon-button:hover{background:var(--brand-soft)!important}.icon-button:active{transform:scale(.94)}
.home-search{width:100%;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:.75rem;margin:0 0 1.15rem;padding:.72rem .85rem;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:var(--radius-md);background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--brand) 5%,var(--card)));color:var(--ink);box-shadow:0 12px 32px #153d3010;text-align:right}.home-search>span:first-child{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--brand-soft);color:var(--brand);font-size:1.55rem}.home-search>span:nth-child(2){display:grid;gap:.1rem}.home-search small{color:var(--muted)}.home-search kbd{padding:.3rem .55rem;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--muted);font:inherit;font-size:.68rem}
dialog{max-height:min(760px,calc(100dvh - 1rem));overflow:hidden;box-shadow:0 28px 90px #0007}dialog[open]{animation:dialogIn .2s var(--ease)}.search-sheet{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:.85rem;max-height:min(760px,calc(100dvh - 1rem));padding:1.1rem!important}.search-sheet header h2,.search-sheet header small{margin:0}.search-sheet header small{color:var(--muted)}.dialog-close{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-size:1.45rem}.search-field{display:grid;grid-template-columns:32px 1fr 38px;align-items:center;gap:.25rem;padding:.35rem .55rem;border:1px solid var(--line);border-radius:17px;background:var(--card);transition:border-color .2s,box-shadow .2s}.search-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}.search-field>span{display:grid;place-items:center;color:var(--brand);font-size:1.3rem}.search-field input{border:0!important;background:transparent!important;padding:.6rem .2rem!important;outline:0!important}.search-field button{border:0;border-radius:11px;background:var(--surface-soft);color:var(--muted)}.search-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.72rem}.search-meta output{color:var(--brand);font-weight:700}.search-results{display:grid;gap:.55rem;overflow:auto;overscroll-behavior:contain;padding:.15rem}.search-results>button{display:grid;gap:.2rem;width:100%;padding:.8rem .9rem;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--ink);text-align:right}.search-results>button:hover{border-color:var(--brand);background:var(--brand-soft)}.search-results>button small{color:var(--brand);font-weight:700}.search-results>button span{line-height:1.75}.search-empty{display:grid;place-items:center;gap:.35rem;padding:2.5rem 1rem;color:var(--muted);text-align:center}.search-empty>span{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:var(--brand-soft);color:var(--brand);font-size:2rem}.search-empty b{color:var(--ink)}
.install-app{display:grid!important;gap:.15rem;text-align:right;background:linear-gradient(135deg,var(--brand),var(--brand2))!important}.install-app small{color:#ffffffc7!important}.player-reciter{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;margin:.8rem 0 .15rem;color:#a9d6d4;font-size:.72rem}.player-reciter select{width:100%;min-height:40px;padding:.35rem .55rem;border:1px solid #ffffff20;border-radius:12px;background:#ffffff0d;color:#fff}.player-reciter option{color:#111}.retry-audio{width:100%!important;height:auto!important;margin-top:.65rem;border-radius:13px!important;background:#8b3c3c!important}.audio-dock[data-state="buffering"] .audio-orb{animation:playerBreathe 1.2s ease-in-out infinite}.audio-dock[data-state="error"] .audio-orb{border-color:#ff9a9a;box-shadow:0 0 0 5px #a83d3d25}.audio-dock[data-state="error"] .audio-pulse{display:none}.audio-status{color:#a9d6d4}.toast{max-width:min(92vw,440px);text-align:center;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:14px;background:var(--surface-raised);color:var(--ink);box-shadow:0 18px 50px #0005}
html.dark .home-search,html.dark .search-results>button,html.dark .search-field{background:linear-gradient(145deg,#14231e,#0e1a16);border-color:#2c443b}html.dark .toast{background:#14231e;color:#f2f8f5;border-color:#35584d}html.dark .notice{background:#2c2819;color:#f0dca5}
@keyframes dialogIn{from{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes playerBreathe{50%{transform:scale(.96);opacity:.78}}
@media(max-width:560px){dialog{width:calc(100% - 1rem);margin:auto auto max(.5rem,env(safe-area-inset-bottom));border-radius:26px}.search-sheet{padding:.95rem!important}.home-search kbd{display:none}.home-search{grid-template-columns:48px 1fr}.audio-panel{max-height:calc(100dvh - 120px);overflow:auto}.bottom{padding-bottom:max(.45rem,env(safe-area-inset-bottom))}}
@media(max-width:340px){.brand small{display:none}.home-search{padding:.6rem}.audio-panel{width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){dialog[open],.audio-dock[data-state="buffering"] .audio-orb{animation:none!important}}