.ph{position:relative;width:100%;margin:0;container-type:inline-size}.ph-phone{--rim: linear-gradient(150deg, var(--glass-rim), var(--gold-bottom) 30%, var(--gold-top) 62%, var(--accent-foreground));position:relative;display:block;padding:2.7cqw;border:.9cqw solid transparent;border-radius:15cqw;background:linear-gradient(var(--night-bottom),var(--night-bottom)) padding-box,var(--rim) border-box;box-shadow:0 3cqw 6cqw -2cqw color-mix(in srgb,var(--accent-foreground) 45%,transparent),0 14cqw 22cqw -10cqw color-mix(in srgb,var(--espresso) 60%,transparent)}.ph-key{position:absolute;z-index:-1;width:1.6cqw;border-radius:1cqw;background:var(--rim)}.ph-key-action{left:-1.4cqw;top:17%;height:5.5%}.ph-key-up{left:-1.4cqw;top:26%;height:9%}.ph-key-down{left:-1.4cqw;top:37%;height:9%}.ph-key-side{right:-1.4cqw;top:29%;height:14%}.ph-screen{position:relative;aspect-ratio:886 / 1920;overflow:hidden;isolation:isolate;border-radius:11.4cqw;background:var(--background);color:var(--foreground);font-family:var(--app-font-sans);font-size:3.333cqw;line-height:1.3;text-align:start}.ph-screen[dir=rtl]{font-family:var(--app-font-arabic)}.ph-screen:after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(118deg,color-mix(in srgb,var(--card) 14%,transparent),transparent 30%)}.ph-dark .ph-screen{background:#120d0a;color:#f4efe6}.ph-sand .ph-screen{background:radial-gradient(120% 70% at 50% 12%,#f6ecd7,#eedfc3 55%,#e6d3b1)}.ph-island{position:absolute;top:1.1em;left:50%;z-index:8;width:9.2em;height:2.7em;border-radius:999px;background:#0a0806;transform:translate(-50%)}.ph-sb{position:absolute;inset-inline:0;top:0;z-index:7;display:flex;align-items:center;justify-content:space-between;height:5em;padding:0 2.4em 0 2.6em;font-size:1.15em;font-weight:600;letter-spacing:.02em}.ph-sb-ico{display:flex;align-items:center;gap:.5em}.ph-sig{width:1.3em;height:1em;background:linear-gradient(to top right,currentColor 50%,transparent 50%);border-radius:.1em;opacity:.9}.ph-wifi{width:1.1em;height:1.1em;border:.18em solid currentColor;border-color:currentColor transparent transparent transparent;border-radius:50%;opacity:.9}.ph-batt{position:relative;width:1.9em;height:.95em;border:.14em solid currentColor;border-radius:.3em;opacity:.9}.ph-batt:before{content:"";position:absolute;inset:.14em;width:70%;background:currentColor;border-radius:.12em}.ph-home{position:absolute;bottom:.9em;left:50%;z-index:8;width:9.5em;height:.45em;border-radius:999px;background:color-mix(in srgb,currentColor 45%,transparent);transform:translate(-50%)}.ph-ui{position:absolute;inset:0;z-index:1}.ph .font-quran{font-weight:400}.ph:not(.is-on) *{animation-play-state:paused!important}.ph-dot{display:inline-block;width:.75em;height:.75em;flex:none;border-radius:50%;background:#4c9a5b;box-shadow:0 0 0 .3em #4c9a5b2e}.ph-dot.is-red{background:#e0574a;box-shadow:0 0 0 .3em #e0574a33}.ph-disc{width:5.6em;height:5.6em;flex:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 .25em var(--card),0 0 0 .45em var(--gold-bottom)}.ph-panel{position:relative;height:15.5em;overflow:hidden}.ph-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}.ph-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--background) 100%)}.ph-panel-lbl{position:absolute;bottom:1.3em;left:50%;z-index:1;display:inline-flex;align-items:center;gap:.7em;padding:.55em 1.2em;border:.12em solid var(--glass-rim);border-radius:999px;background:color-mix(in srgb,var(--card) 92%,transparent);font-size:1.15em;font-weight:600;white-space:nowrap;transform:translate(-50%);box-shadow:0 .6em 1.6em -.6em var(--glass-shadow)}.ph-hdr{display:flex;align-items:center;justify-content:space-between;padding:.6em 2.2em 0}.ph-hdr-name{font-size:1.15em;font-weight:700;letter-spacing:.02em;color:var(--accent-foreground)}.ph-hdr-ar{font-family:var(--app-font-arabic);font-size:1.55em;font-weight:600}.ph-rail{height:.5em;margin:.8em 2.2em 0;border-radius:999px;background:#d4a74a2e;overflow:hidden}.ph-rail i{display:block;height:100%;width:62%;border-radius:999px;background:linear-gradient(90deg,#EDD08A,var(--gold-mid))}.ph-quran{padding:1.4em 1.6em 0}.ph-words{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.5em .35em;margin:0 0 .6em}.ph-w{position:relative;display:inline-flex;flex-direction:column;align-items:center;padding:.2em .5em .35em;border-radius:.9em}.ph-ar{display:block;font-size:2.35em;line-height:1.55;color:var(--espresso);white-space:nowrap}.ph-tr{display:block;font-size:.95em;line-height:1.25;color:#1a141080;direction:ltr;font-family:var(--app-font-sans)}.ph-end{align-self:center;font-size:2.1em;color:var(--gold-top);margin-inline:.2em}.ph-w.is-done{background:#d4a74a24}.ph-w.is-done:after{content:"";position:absolute;top:-.45em;left:50%;width:1.25em;height:1.25em;border-radius:50%;background:var(--gold-mid) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%232A1A06' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat;transform:translate(-50%);box-shadow:0 .2em .5em #3c260a40}.ph-w.is-cur{background:#6b532014;outline:.3em solid #33240B;outline-offset:.25em;box-shadow:0 0 0 .3em #fffcf4eb;animation:ph-cur 2.4s ease-in-out infinite}.ph-w.is-err .ph-ar{text-decoration:underline double var(--skip);text-decoration-thickness:.09em;text-underline-offset:.22em}.ph-w.is-err{background:#e8915a29}.ph-w.is-miss{background:radial-gradient(ellipse 115% 135% at 50% 55%,#dc3e3080,#dc3e3033 62%,#dc3e3000)}.ph-w.is-next{opacity:.4}.ph-w.is-hid .ph-ar,.ph-w.is-hid .ph-tr{filter:blur(.42em);opacity:.8}.ph-step{position:absolute;inset-inline:0;bottom:12.8em;display:flex;align-items:center;justify-content:center;gap:.7em;font-size:1.25em;font-weight:600;color:var(--accent-foreground)}.ph-dock{position:absolute;inset-inline:2.2em;bottom:3.6em;display:flex;align-items:center;gap:1.6em}.ph-mic{display:grid;place-items:center;width:6.2em;height:6.2em;flex:none;border-radius:50%;background:linear-gradient(160deg,#EDD08A,var(--gold-mid) 55%,#BC8E33);box-shadow:0 .8em 2.1em #b08a3e80;color:#fffcf4}.ph-mic svg{width:2.8em;height:2.8em}.ph-wave{display:flex;flex:1;align-items:center;gap:.4em;height:4.4em}.ph-wave i{display:block;flex:1;height:100%;border-radius:.2em;background:#8a6a1f80;transform-origin:center;transform:scaleY(var(--h, .4));animation:ph-wave 1.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.11s)}.ph-bubble{position:absolute;inset-inline:1.4em;bottom:16.4em;z-index:2;display:flex;align-items:center;gap:1.1em;padding:1.1em 1.3em;border:.14em solid rgb(201 152 58 / .4);border-radius:1.8em;background:var(--card);box-shadow:0 1.6em 3.4em -1em #3c260a73}.ph-bub-ar{font-size:2.6em;line-height:1.3;color:var(--espresso);flex:none}.ph-bub-tag{display:block;font-size:1.3em;font-weight:700;color:var(--tj-ikhfa)}.ph-bubble small{display:block;margin-top:.1em;font-size:1.05em;line-height:1.3;color:#1a14109e}.ph-bubble>span:not(.ph-bub-ar){flex:1}.ph-bub-play{display:grid;place-items:center;width:3.4em;height:3.4em;flex:none;border:.16em solid var(--gold-bottom);border-radius:50%;background:#fffdf7;color:var(--accent-foreground)}.ph-bub-play svg{width:1.6em;height:1.6em}.ph-card{margin:1em 1.4em 0;padding:1.1em 1.3em 1.3em;border:.12em solid var(--glass-rim);border-radius:1.8em;background:linear-gradient(180deg,var(--glass-top),var(--glass-bottom));box-shadow:0 .7em 1.8em -.6em var(--glass-shadow)}.ph-row{display:flex;align-items:center;gap:.7em}.ph-vlabel{font-size:1.05em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-foreground)}.ph-pill{display:inline-flex;align-items:center;gap:.35em;padding:.3em .8em;border-radius:999px;font-size:1.05em;font-weight:600}.ph-pill.is-ok{background:#d4a74a29;color:var(--accent-foreground)}.ph-pill.is-ok svg{width:1em;height:1em}.ph-pill.is-warn{background:var(--amber-bg);color:var(--amber-fg)}.ph-listen{display:inline-flex;align-items:center;gap:.4em;margin-inline-start:auto;padding:.4em .9em;border:.12em solid var(--secondary-rim);border-radius:999px;background:var(--secondary);font-size:1.05em;font-weight:700;color:var(--accent-foreground);white-space:nowrap}.ph-listen svg{width:1em;height:1em}.ph-esp{margin:.9em 0 0;padding:.8em .9em;border-radius:1.3em;background:var(--espresso);color:var(--background);font-size:1.85em;line-height:1.75;text-align:center;box-shadow:inset 0 0 0 .06em #d4a74a59}.ph-esp .ph-frame{padding:.05em .2em;border:.07em solid var(--skip);border-radius:.45em}.ph-esp [data-rule]{color:inherit}.ph-esp [data-rule=idghaam_ghunnah],.ph-esp [data-rule=idghaam_shafawi]{color:#a78bfa}.ph-esp [data-rule=ghunnah]{color:#4d8dff}.ph-esp [data-rule=ikhfa]{color:#ff6a00}.ph-esp [data-rule=madd_2]{color:#ffd400}.ph-esp [data-rule=madd_munfasil],.ph-esp [data-rule=madd_muttasil]{color:#ff3b30}.ph-esp [data-rule=hamzat_wasl]{color:#00bfa6}.ph-esp [data-rule=lam_shamsiyyah]{color:#ff2d95}.ph-esp [data-rule=qalqalah]{color:#e69f00}.ph-gauge{display:inline-flex;align-items:flex-end;gap:.2em;height:1.3em}.ph-gauge i{display:block;width:.42em;border-radius:.1em;background:#1a141024}.ph-gauge i:nth-child(1){height:35%}.ph-gauge i:nth-child(2){height:55%}.ph-gauge i:nth-child(3){height:78%}.ph-gauge i:nth-child(4){height:100%}.ph-gauge[data-level="1"] i:nth-child(1){background:#b3543e}.ph-gauge[data-level="2"] i:nth-child(-n+2){background:var(--amber-fg)}.ph-gauge[data-level="3"] i:nth-child(-n+3){background:var(--sage-fg)}.ph-result{padding-top:6.2em}.ph-res-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1em;padding:0 2em}.ph-kicker{margin:0;font-size:1.05em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-foreground)}.ph-big{margin:.2em 0 0;font-size:2.4em;font-weight:800;line-height:1.1;letter-spacing:-.015em}.ph-sub{margin:.45em 0 0;font-size:1.15em;color:#1a14109e}.ph-res-who{position:relative;flex:none}.ph-callbadge{position:absolute;bottom:-.7em;left:50%;display:inline-flex;align-items:center;gap:.3em;padding:.25em .7em;border-radius:999px;background:linear-gradient(180deg,var(--gold-top),var(--gold-bottom));color:var(--primary-foreground);font-size:.95em;font-weight:700;white-space:nowrap;transform:translate(-50%);box-shadow:0 .3em .8em #3c260a40}.ph-callbadge svg{width:1em;height:1em}.ph-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.8em;margin:1.6em 1.6em 0;padding:0;list-style:none}.ph-tiles li{position:relative;display:flex;align-items:center;gap:.8em;padding:.9em;border:.12em solid var(--glass-rim);border-radius:1.4em;background:linear-gradient(180deg,var(--glass-top),var(--glass-bottom));box-shadow:0 .5em 1.4em -.6em var(--glass-shadow)}.ph.is-on .ph-tiles li{animation:ph-up .6s ease-out both;animation-delay:calc(var(--i) * .12s + .2s)}.ph-tile-ic{position:relative;display:grid;place-items:center;width:3.6em;height:3.6em;flex:none;border-radius:50%;background:#fffdf7;box-shadow:0 .3em .9em -.3em var(--glass-shadow);color:var(--gold-top);font-style:normal;font-size:1em;font-weight:800}.ph-tile-ic svg{width:1.9em;height:1.9em}.ph-n{position:absolute;top:-.35em;inset-inline-end:-.35em;display:grid;place-items:center;min-width:1.6em;height:1.6em;padding:0 .3em;border-radius:999px;background:#c9663a;color:#fffcf4;font-size:.95em;font-weight:800;box-shadow:0 0 0 .18em var(--card)}.ph-n.is-dash{background:#fffdf7;color:var(--foreground);border:.14em dashed rgb(26 20 16 / .35)}.ph-n.is-ok{background:var(--gold-mid);color:var(--primary-foreground)}.ph-n svg{width:1em;height:1em}.ph-tiles b:not(.ph-n){display:block;font-size:1.15em;line-height:1.15}.ph-tiles small{display:block;font-size:.98em;color:var(--accent-foreground);font-weight:600}.ph-tiles li>span{min-width:0}.ph-tiles.is-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6em;margin-top:1.2em}.ph-tiles.is-row li{flex-direction:column;justify-content:center;gap:.5em;padding:.7em .3em .6em;text-align:center}.ph-tiles.is-row b:not(.ph-n){font-size:.98em;line-height:1.1}.ph-rule{display:flex;align-items:center;gap:.7em;margin-top:1.1em;font-size:1.2em}.ph-rule b{flex:1;font-weight:700}.ph-rule em{font-style:normal;font-weight:700;color:#b3543e}.ph-advice{margin:.6em 0 0;font-size:1.05em;line-height:1.4;color:#1a1410b3}.ph-issues{display:grid;gap:.6em;margin:1em 1.4em 0;padding:0;list-style:none}.ph-issues li{display:flex;align-items:center;gap:.7em;padding:.5em .7em;border:.12em solid var(--glass-rim);border-radius:1.4em;background:var(--card);box-shadow:0 .5em 1.4em -.6em var(--glass-shadow)}.ph-iss-word{flex:none;min-width:5.6em;padding:.05em .5em;border-radius:.9em;font-size:1.7em;line-height:1.5;text-align:center;color:var(--espresso);background:#1a14100d;white-space:nowrap}.ph-issues li[data-rule=ghunnah] .ph-iss-word{background:#4d8dff1f}.ph-issues li[data-rule=ikhfa] .ph-iss-word{background:#ff6a001f}.ph-issues li[data-rule=qalqalah] .ph-iss-word{background:#e69f0029}.ph-iss-txt{flex:1;min-width:0}.ph-iss-txt b{display:block;font-size:1.05em;line-height:1.2;white-space:nowrap}.ph-iss-txt em{font-style:normal;color:#b3543e}.ph-iss-txt small{display:block;margin-top:.2em;font-size:.9em;line-height:1.3;color:#1a1410a8}.ph-iss-play{display:grid;place-items:center;width:2.8em;height:2.8em;flex:none;border:.14em solid var(--gold-bottom);border-radius:50%;background:#fffdf7;color:var(--accent-foreground)}.ph-iss-play svg{width:1.3em;height:1.3em}.ph-call-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.ph-call-foot{position:absolute;inset-inline:0;bottom:0;height:50%;background:linear-gradient(180deg,#120d0a00,#120d0a40 45%,#120d0a9e)}.ph-call-top{position:absolute;inset-inline:0;top:6.4em;display:flex;justify-content:center}.ph-who{text-align:center;color:#f4efe6;text-shadow:0 .1em .6em rgb(0 0 0 / .5)}.ph-who b{display:block;font-size:1.5em}.ph-who small{display:block;font-size:1.1em;opacity:.85;font-variant-numeric:tabular-nums}.ph-ask{position:absolute;inset-inline-start:1.8em;top:11.6em;z-index:2;max-width:17em;padding:.9em 1.2em 1em;border-radius:1.6em;border-end-start-radius:.5em;background:linear-gradient(160deg,#F2D892,var(--gold-mid) 70%,#C99B3F);box-shadow:0 1.2em 2.6em -.8em #3c260a99,inset 0 0 0 .14em #fff6dc8c;color:var(--primary-foreground)}.ph-ask-lbl{display:flex;align-items:center;gap:.5em;font-size:.95em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.ph-ask-lbl svg{width:1.2em;height:1.2em}.ph-ask p{margin:.3em 0 0;font-size:1.25em;font-weight:600;line-height:1.3}.ph-wave2{display:inline-flex;align-items:center;gap:.2em;height:1.4em;margin-inline-start:auto}.ph-wave2 i{display:block;width:.26em;height:100%;border-radius:.2em;background:currentColor;transform:scaleY(var(--h, .4));animation:ph-wave 1.1s ease-in-out infinite;animation-delay:calc(var(--i) * -.1s)}.ph-call-low{position:absolute;inset-inline:1.8em;bottom:3em;display:flex;flex-direction:column;align-items:stretch;gap:1.6em}.ph-reply{padding:1em 1.2em 1.1em;border-radius:1.6em;background:#100c09b8;-webkit-backdrop-filter:blur(.8em);backdrop-filter:blur(.8em);color:#fff3d6;box-shadow:0 .8em 2.4em -.6em #00000080}.ph-reply-head{display:flex;align-items:center;gap:.9em}.ph-reply-word{flex:none;padding:0 .45em;border-radius:.6em;background:#e69f0029;font-size:2em;line-height:1.5;color:#fff3d6}.ph-reply-word [data-rule=qalqalah]{color:#e69f00}.ph-reply-head b{display:block;font-size:1.2em}.ph-reply-head small{display:block;font-size:1em;opacity:.65}.ph-reply p{display:flex;align-items:baseline;gap:.6em;margin:.8em 0 0;padding-top:.8em;border-top:.08em solid rgb(255 243 214 / .14);font-size:1.2em;line-height:1.4}.ph-reply .ph-dot{position:relative;top:-.1em;width:.6em;height:.6em;animation:ph-pulse 1.6s ease-in-out infinite}.ph-state{display:flex;justify-content:center}.ph-state span{display:inline-flex;align-items:center;gap:.6em;padding:.35em 1.1em;border-radius:999px;background:#0e0a0880;color:#f4efe6eb;font-size:1.1em;font-weight:500}.ph-state .ph-dot{animation:ph-pulse 1.6s ease-in-out infinite}.ph-crow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2.4em}.ph-crow .ph-hang{grid-column:3;justify-self:start}.ph-crow .ph-cmic{grid-column:2}.ph-cmic{display:grid;place-items:center;width:6.6em;height:6.6em;border-radius:50%;background:#f4efe6;color:var(--foreground);box-shadow:0 .5em 1.5em #00000059}.ph-cmic svg{width:3em;height:3em}.ph-hang{display:grid;place-items:center;width:4.6em;height:4.6em;border-radius:50%;background:#d9453b;color:#fff;box-shadow:0 .5em 1.4em #00000059}.ph-hang svg{width:2.3em;height:2.3em}.ph-hifz .ph-quran{padding-top:1em}.ph-toggle{position:absolute;inset-inline:1.4em;bottom:12.4em;z-index:2;display:flex;align-items:center;gap:1em;padding:1em 1.2em;border:.14em solid rgb(201 152 58 / .4);border-radius:1.8em;background:var(--card);box-shadow:0 1.6em 3.4em -1em #3c260a73}.ph-toggle-ic{display:grid;place-items:center;width:3.8em;height:3.8em;flex:none;border:.14em solid var(--secondary-rim);border-radius:1.1em;background:#d4a74a24;color:var(--accent-foreground)}.ph-toggle-ic svg{width:2em;height:2em}.ph-toggle b{display:block;font-size:1.3em}.ph-toggle small{display:block;font-size:1.05em;color:#1a14109e}.ph-toggle>span{flex:1}.ph-sw{position:relative;width:4.4em;height:2.5em;flex:none;border-radius:999px;background:linear-gradient(90deg,#EDD08A,var(--gold-mid));box-shadow:inset 0 .15em .5em #78541447}.ph-sw:after{content:"";position:absolute;top:.25em;inset-inline-end:.25em;width:2em;height:2em;border-radius:50%;background:#fffdf7;box-shadow:0 .2em .6em #3c260a4d}.ph-hifz .ph-w.is-hid{animation:ph-reveal 7s ease-in-out infinite;animation-delay:calc(var(--i) * .9s)}.ph-hifz .ph-w.is-hid .ph-ar{filter:blur(.42em);transition:none}.ph-rihla{overflow:hidden}.ph-road{position:absolute;inset:0;width:100%;height:100%}.ph-spr{position:absolute;filter:drop-shadow(0 .4em .4em rgb(84 59 23 / .14))}.ph-node{position:absolute;z-index:3;width:5.2em;height:5.6em;transform:translate(-50%,-50%)}.ph-node-edge,.ph-node-face{position:absolute;left:0;width:5.2em;height:5.2em;border-radius:50%}.ph-node-edge{top:.4em}.ph-node-face{top:0;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 -.2em #ffffff2e}.ph-node-face:before{content:"";position:absolute;left:.8em;top:.55em;width:2.2em;height:1.2em;border-radius:50%;background:#fff;opacity:var(--sheen);transform:rotate(-24deg)}.ph-node-face svg{position:relative;width:2.3em;height:2.3em}.ph-node-badge{position:absolute;right:-.2em;bottom:.2em;display:grid;place-items:center;width:1.9em;height:1.9em;border:.1em solid #946324;border-radius:50%;background:#fff5d9;color:#946324;box-shadow:0 .15em .3em #543b1733}.ph-node-badge svg{width:1.1em;height:1.1em}.ph-node[data-tone=gold] .ph-node-face{background:linear-gradient(180deg,#ffe7a0,#dbaa43);color:#573912;--sheen: .55}.ph-node[data-tone=gold] .ph-node-edge{background:#9b6923}.ph-node[data-tone=done] .ph-node-face{background:linear-gradient(180deg,#f4d182,#c49338);color:#553a14;--sheen: .42}.ph-node[data-tone=done] .ph-node-edge{background:#896025}.ph-node[data-tone=sand] .ph-node-face{background:linear-gradient(180deg,#faf6ed,#e8decc);color:#665b48b3;--sheen: .45}.ph-node[data-tone=sand] .ph-node-edge{background:#c7b799}.ph-node.is-cur{animation:ph-beat 2.2s ease-in-out infinite}.ph-ring{position:absolute;z-index:2;width:7.2em;height:7.2em;border:.28em solid var(--gold-mid);border-radius:50%;transform:translate(-50%,-50%);opacity:.9;animation:ph-ring 2.2s ease-out infinite}.ph-aura{position:absolute;z-index:1;width:11em;height:11em;border-radius:50%;background:radial-gradient(circle,#ffe296d9,#ffd67859 45%,#ffd67800 70%);transform:translate(-50%,-50%)}.ph-lab{position:absolute;z-index:5;width:13.6em;padding:.7em 1em .8em;border:.08em solid rgb(167 122 45 / .22);border-radius:1.2em;background:#fffdf6f0;box-shadow:0 .15em #a77a2d1f,0 .8em 1.8em #543b1721;transform:translateY(-50%)}.ph-lab b{display:flex;align-items:center;gap:.5em;font-size:1.12em;line-height:1.2;color:#3e2a0e}.ph-lab b i{display:inline-grid;place-items:center;width:1.45em;height:1.45em;flex:none;border-radius:50%;background:#b98a35;color:#fff8e4;font-size:.78em;font-style:normal;font-weight:700}.ph-lab small{display:block;margin-top:.2em;font-size:.88em;line-height:1.25;color:#3e2a0ea8}.ph-lab.is-cur{background:linear-gradient(160deg,#fff6d8,#fce7b0);border-color:#b98a358c}.ph-lab.is-cur b i{background:#8c5f1c}.ph-lab.is-next b i{background:#c9b48c}.ph-sign{position:absolute;z-index:4}.ph-sign img{display:block;width:100%;height:auto}.ph-sign span{position:absolute;inset-inline:6%;top:14%;height:46%;display:grid;place-items:center;font-size:1.05em;font-weight:700;color:#4a2e11}.ph-mascot{position:absolute;z-index:4;filter:drop-shadow(0 .5em .7em rgb(84 59 23 / .18));-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}.ph-start{position:absolute;z-index:6;padding:.45em 1em;border-radius:999px;background:#3e2a0e;color:#fff5d9;font-size:1.05em;font-weight:700;white-space:nowrap;transform:translate(-50%,-100%);animation:ph-float 2.6s ease-in-out infinite}.ph-start:after{content:"";position:absolute;left:50%;bottom:-.45em;width:.9em;height:.9em;background:#3e2a0e;transform:translate(-50%) rotate(45deg);border-radius:.15em}.ph-chest{position:absolute;z-index:3;width:6.6em;height:6em;transform:translate(-50%,-50%)}.ph-dark .ph-listen-ui{background:radial-gradient(90% 55% at 50% 40%,rgb(212 167 74 / .22),transparent 70%),linear-gradient(180deg,#16110d,#0d0a08)}.ph-ls-top{position:absolute;inset-inline:2.2em;top:7em;display:flex;align-items:center;justify-content:space-between}.ph-ls-top b{display:block;font-size:1.35em}.ph-ls-top small{display:block;margin-top:.15em;font-size:1.05em;color:#ffffff9e}.ph-ls-reciter{display:inline-flex;align-items:center;gap:.6em;padding:.35em .9em .35em .4em;border:.1em solid rgb(255 255 255 / .14);border-radius:999px;background:#ffffff14;font-size:1.05em;font-weight:600}.ph-ls-reciter i{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:var(--gold-mid);color:var(--primary-foreground)}.ph-ls-reciter svg{width:1.2em;height:1.2em}.ph-ls-verse{position:absolute;inset-inline:.52em;top:5.2em;margin:0;font-size:3.1em;line-height:1.7;text-align:center;color:#fff8ea;text-shadow:0 0 .6em rgb(255 214 120 / .55),0 0 1.6em rgb(212 167 74 / .45);animation:ph-glow 3.2s ease-in-out infinite}.ph-ls-tr{position:absolute;inset-inline:1.74em;top:27.5em;margin:0;font-size:1.15em;line-height:1.4;text-align:center;color:#ffffff9e}.ph-ls-chips{position:absolute;inset-inline:0;top:37.6em;display:flex;justify-content:center;gap:.6em}.ph-ls-chips span{padding:.4em .9em;border:.1em solid rgb(255 255 255 / .16);border-radius:999px;background:#ffffff14;font-size:1em;font-weight:600}.ph-ls-chips span.is-on{background:#fff;color:#3d2c0c;border-color:transparent}.ph-ls-bar{position:absolute;inset-inline:2.4em;top:44.4em;height:.45em;border-radius:999px;background:#fff3;overflow:hidden}.ph-ls-bar i{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-mid),#F6DC93);transform-origin:left;transform:scaleX(.42);animation:ph-bar 18s linear infinite}[dir=rtl] .ph-ls-bar i{transform-origin:right}.ph-ls-time{position:absolute;inset-inline:2.5em;top:48em;display:flex;justify-content:space-between;font-size:.95em;color:#ffffff80;font-variant-numeric:tabular-nums}.ph-ls-ctl{position:absolute;inset-inline:0;top:48.4em;display:flex;align-items:center;justify-content:center;gap:3em}.ph-ls-ctl span{display:grid;place-items:center;color:#fff8ea}.ph-ls-ctl span svg{width:2.6em;height:2.6em}.ph-ls-play{width:6.4em;height:6.4em;border-radius:50%;background:linear-gradient(160deg,#EDD08A,var(--gold-mid) 55%,#BC8E33);color:var(--primary-foreground)!important;box-shadow:0 .8em 2em #0006}.ph-ls-play svg{width:3em!important;height:3em!important;margin-inline-start:.2em}.ph-dark .ph-pr-ui{background:radial-gradient(110% 40% at 50% 0%,rgb(212 167 74 / .16),transparent 70%),linear-gradient(180deg,#0f0c0a,#090705)}.ph-pr-top{position:absolute;inset-inline:2.2em;top:7em;display:flex;align-items:center;justify-content:space-between}.ph-pr-top b{display:block;font-size:1.6em}.ph-pr-top small{display:block;margin-top:.1em;font-size:1.05em;color:#fff9}.ph-pr-dots{display:flex;gap:.5em}.ph-pr-dots i{width:1.7em;height:.45em;border-radius:999px;background:#ffffff2e}.ph-pr-dots i.is-on{background:var(--gold-mid)}.ph-pr-label{position:absolute;inset-inline:0;top:13.6em;margin:0;font-size:1.05em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--gold-bottom)}.ph-pr-lines{position:absolute;inset-inline:1.8em;top:16.6em;display:grid;gap:.6em}.ph-pr-line{margin:0;padding:.55em .9em;border-radius:1.2em;font-size:2.15em;line-height:1.65;text-align:center;color:#fff8ea4d}.ph-pr-line.is-cur{background:#d4a74a1f;color:#fff8ea;text-shadow:0 0 .5em rgb(255 214 120 / .5);animation:ph-glow 3.2s ease-in-out infinite}.ph-pr-line.is-done{color:#fff8ea80}.ph-pr-note{position:absolute;inset-inline:2.4em;bottom:5.2em;display:flex;align-items:center;justify-content:center;gap:.7em;padding:.8em 1.1em;border:.1em solid rgb(255 255 255 / .12);border-radius:1.2em;background:#ffffff0f;font-size:1.1em;font-weight:500;color:#fffc;text-align:center}.ph-pr-note svg{width:1.5em;height:1.5em;flex:none;color:var(--gold-bottom)}.ph-deen{padding-top:6.4em}.ph-dn-top{display:flex;align-items:center;justify-content:space-between;padding:0 2em}.ph-dn-top b{display:block;font-size:1.7em;font-weight:800;letter-spacing:-.01em}.ph-dn-top small{display:block;font-size:1.05em;color:#1a141099}.ph-dn-ring{position:relative;display:grid;place-items:center;width:5.2em;height:5.2em;border-radius:50%;background:conic-gradient(var(--gold-mid) 0 58%,rgb(212 167 74 / .18) 58% 100%);font-size:1.05em;font-weight:800}.ph-dn-ring:before{content:"";position:absolute;inset:.55em;border-radius:50%;background:var(--card)}.ph-dn-ring span{position:relative}.ph-dn-card{margin:1.4em 1.6em 0;padding:1.4em 1.3em 1.3em;border-radius:1.8em;background:var(--espresso);color:var(--background);box-shadow:0 1.4em 3em -1.2em #1f1611b3,inset 0 0 0 .06em #d4a74a59}.ph-dn-ar{margin:0;font-size:2.5em;line-height:1.6;text-align:center}.ph-dn-tr{margin:.5em 0 0;font-size:1.05em;text-align:center;color:#f5ede099}.ph-dn-meta{display:flex;align-items:center;justify-content:center;gap:.8em;margin-top:1em;font-size:1em;color:#f5ede0bf}.ph-dn-meta b{padding:.25em .8em;border-radius:999px;background:#d4a74a38;color:#f6dc93}.ph-dn-count{display:flex;align-items:center;justify-content:center;gap:1.2em;margin-top:1.8em}.ph-dn-num{font-size:4.2em;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--accent-foreground)}.ph-dn-num small{font-size:.42em;font-weight:600;color:#1a141080}.ph-beads{display:flex;justify-content:center;gap:.5em;margin-top:1.4em}.ph-beads i{width:1.6em;height:1.6em;border-radius:50%;background:linear-gradient(180deg,#faf6ed,#e8decc);box-shadow:inset 0 -.15em #543b1726,0 .2em .4em #543b1726}.ph-beads i.is-on{background:linear-gradient(180deg,#ffe7a0,#dbaa43)}.ph-beads i.is-cur{animation:ph-bead 2.4s ease-in-out infinite}.ph-dn-chips{position:absolute;inset-inline:1.6em;bottom:4.6em;display:grid;grid-template-columns:1fr 1fr;gap:.7em}.ph-dn-chips span{display:flex;align-items:center;gap:.7em;padding:.9em 1em;border:.12em solid var(--glass-rim);border-radius:1.3em;background:linear-gradient(180deg,var(--glass-top),var(--glass-bottom));font-size:1.08em;font-weight:700;box-shadow:0 .5em 1.4em -.6em var(--glass-shadow)}.ph-dn-chips i{display:grid;place-items:center;width:2.4em;height:2.4em;flex:none;border-radius:.8em;background:#d4a74a29;color:var(--accent-foreground)}.ph-dn-chips svg{width:1.3em;height:1.3em}@keyframes ph-wave{0%,to{transform:scaleY(var(--h, .4))}50%{transform:scaleY(calc(var(--h, .4) * .35 + .1))}}@keyframes ph-cur{0%,to{outline-color:#33240b}50%{outline-color:#33240b73}}@keyframes ph-up{to{opacity:1;transform:none}0%{transform:translateY(.8em)}}@keyframes ph-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes ph-reveal{0%,55%,to{filter:blur(.42em);opacity:.8}65%,90%{filter:blur(0);opacity:1}}@keyframes ph-beat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}@keyframes ph-ring{0%{transform:translate(-50%,-50%) scale(.72);opacity:.9}to{transform:translate(-50%,-50%) scale(1.25);opacity:0}}@keyframes ph-float{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - .5em))}}@keyframes ph-glow{0%,to{opacity:1}50%{opacity:.82}}@keyframes ph-bar{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes ph-bead{0%,to{transform:translateY(0)}50%{transform:translateY(-.35em)}}@keyframes ph-sonar{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}.sc{display:flex;align-items:flex-start;gap:14px;margin:0 -16px;padding:10px 16px 18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sc::-webkit-scrollbar{display:none}.sc-step{position:relative;flex:none;width:min(236px,66vw);scroll-snap-align:center}.sc-step .ph{width:100%}.sc-lab{display:flex;align-items:flex-start;gap:10px;margin:14px 4px 0;font-size:15px;line-height:1.3}.sc-lab b{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background-image:linear-gradient(180deg,var(--gold-top),var(--gold-bottom));color:var(--primary-foreground);font-size:13px;font-weight:800}.sc-lab span{display:block;font-weight:700}.sc-lab small{display:block;margin-top:2px;font-size:13.5px;font-weight:500;color:#1a14109e}.sc-arrow{display:none;flex:none;width:34px;height:34px;color:var(--gold-bottom)}.sc-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}[dir=rtl] .sc-arrow svg{transform:scaleX(-1)}@media(min-width:720px){.sc{justify-content:center;gap:10px;margin:0;padding:10px 0 0;overflow:visible}.sc-step{width:min(232px,26vw)}.sc-arrow{display:block;margin-top:calc(min(232px,26vw)*1.1 + 15px)}}@media(min-width:1024px){.sc{gap:18px}.sc-step{width:250px}.sc-arrow{width:40px;height:40px;margin-top:287px}}.sc-only{justify-content:center}.sc-only .sc-step{width:min(280px,74vw)}.ph-sw.is-off{background:#1a141029;box-shadow:inset 0 .15em .5em #1a14101f}.ph-sw.is-off:after{inset-inline-end:auto;inset-inline-start:.25em}.ph-mic.is-play{background:linear-gradient(160deg,#fff6d8,#f3e2b4);color:var(--accent-foreground);box-shadow:0 .6em 1.6em -.6em var(--glass-shadow);border:.14em solid var(--secondary-rim)}.ph-wave.is-still i,.ph-hifz[data-phase=hide] .ph-w.is-hid{animation:none}.ph-mtop{display:flex;align-items:center;justify-content:space-between;padding:6.2em 2.2em 0}.ph-mkick{display:inline-flex;align-items:center;gap:.5em;padding:.4em 1em .4em .8em;border-radius:999px;background:#d4a74a29;color:var(--accent-foreground);font-size:1.05em;font-weight:700}.ph-mkick svg{width:1.3em;height:1.3em}.ph-mico{display:grid;place-items:center;width:3.4em;height:3.4em;border:.12em solid var(--glass-rim);border-radius:50%;background:var(--card);color:var(--accent-foreground);box-shadow:0 .4em 1em -.4em var(--glass-shadow)}.ph-mico svg{width:1.7em;height:1.7em}.ph-live[data-phase=read] .ph-hdr,.ph-live[data-phase=word] .ph-hdr{padding-top:1.4em}.ph-live[data-phase=read] .ph-quran,.ph-live[data-phase=word] .ph-quran{padding-top:1.6em}.ph-live[data-phase=read] .ph-ar,.ph-live[data-phase=word] .ph-ar{font-size:2.1em}.ph-live[data-phase=read] .ph-words,.ph-live[data-phase=word] .ph-words{gap:.4em .3em;margin-bottom:.4em}.ph-legend{position:absolute;inset-inline:1.6em;bottom:10.4em;display:flex;flex-wrap:wrap;justify-content:center;gap:.5em;margin:0;padding:0;list-style:none}.ph-legend li{display:inline-flex;align-items:center;gap:.5em;padding:.4em .9em;border:.1em solid var(--glass-rim);border-radius:999px;background:var(--card);font-size:1.02em;font-weight:600;box-shadow:0 .4em 1em -.5em var(--glass-shadow)}.ph-legend i{width:.85em;height:.85em;flex:none;border-radius:50%;background:var(--c)}.ph-dock-lbl{flex:1;font-size:1.4em;font-weight:700;color:var(--accent-foreground)}.ph-sheet{position:absolute;inset-inline:1em;bottom:2.6em;z-index:2;padding:1.1em 1.4em 1.4em;border:.14em solid rgb(201 152 58 / .4);border-radius:2.2em 2.2em 1.8em 1.8em;background:var(--card);box-shadow:0 -.8em 3.4em -1em #3c260a80}.ph-sheet:before{content:"";display:block;width:3.6em;height:.4em;margin:0 auto 1em;border-radius:999px;background:#1a14102e}.ph-sh-row{display:flex;align-items:center;gap:1em}.ph-sh-ar{flex:none;font-size:3.3em;line-height:1.25;color:var(--espresso)}.ph-sh-txt{flex:1;min-width:0}.ph-sh-tr{display:block;font-size:1.15em;font-style:italic;color:#1a141099;direction:ltr;font-family:var(--app-font-sans)}.ph-sh-gl{display:block;margin-top:.15em;font-size:1.4em;font-weight:700;line-height:1.2}.ph-sh-foot{display:flex;align-items:center;justify-content:space-between;gap:.7em;margin-top:1em}.ph-sh-rule{display:inline-flex;align-items:center;gap:.5em;padding:.4em 1em;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,var(--card));color:var(--c);font-size:1.08em;font-weight:700;font-style:normal}.ph-sh-rule:before{content:"";width:.75em;height:.75em;border-radius:50%;background:var(--c)}.ph-sh-lbl{font-size:.92em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1a141080;white-space:nowrap}.ph-ls-kick{position:absolute;inset-inline:2.2em;top:14.6em;margin:0;font-size:1em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c}.ph-ls-list{position:absolute;inset-inline:1.8em;top:17.4em;display:grid;gap:.7em;margin:0;padding:0;list-style:none}.ph-ls-list li{display:flex;align-items:center;gap:1em;padding:1em 1.2em;border:.1em solid rgb(255 255 255 / .12);border-radius:1.5em;background:#ffffff0f;font-size:1.22em;font-weight:600;color:#fff8ea}.ph-ls-list li i{display:grid;place-items:center;width:2.6em;height:2.6em;flex:none;border-radius:50%;background:#ffffff1a}.ph-ls-list li i svg{width:1.4em;height:1.4em}.ph-ls-list li span{flex:1;min-width:0}.ph-ls-list li b{display:grid;place-items:center;width:1.9em;height:1.9em;flex:none;border-radius:50%;background:var(--gold-mid);color:var(--primary-foreground)}.ph-ls-list li b svg{width:1.1em;height:1.1em}.ph-ls-list li.is-on{background:#fff;color:#3d2c0c;border-color:transparent}.ph-ls-list li.is-on i{background:var(--gold-mid);color:var(--primary-foreground)}.ph-listen-ui.is-pick .ph-ls-chips{top:36.6em}.ph-ls-go{position:absolute;inset-inline:0;top:42.4em;display:flex;flex-direction:column;align-items:center;gap:.9em;color:#fff8ea}.ph-ls-go b{font-size:1.2em;font-weight:700}.ph-ls-go .ph-ls-play{display:grid;place-items:center}.ph-pr-list{position:absolute;inset-inline:1.8em;top:14.6em;display:flex;flex-wrap:wrap;gap:.6em;margin:0;padding:0;list-style:none}.ph-pr-list li{padding:.55em 1.15em;border:.1em solid rgb(255 255 255 / .14);border-radius:999px;background:#ffffff0f;font-size:1.1em;font-weight:600;color:#ffffffbf}.ph-pr-list li.is-on{background:var(--gold-mid);color:var(--primary-foreground);border-color:transparent}.ph-pr-place{position:absolute;inset-inline:2.4em;top:25em;display:flex;flex-direction:column;align-items:center;gap:1.4em;text-align:center;color:#ffffffd9}.ph-pr-place span{font-size:1.25em;font-weight:500;line-height:1.35}.ph-pr-place img{display:block;width:auto;height:11em;max-height:11em;filter:drop-shadow(0 0 1.2em rgb(212 167 74 / .35))}.ph-pr-start{position:absolute;inset-inline:2.4em;bottom:5.6em;padding:1.1em;border-radius:999px;background:linear-gradient(160deg,#EDD08A,var(--gold-mid) 55%,#BC8E33);color:var(--primary-foreground);font-size:1.35em;font-weight:800;text-align:center;box-shadow:0 .8em 2em #0006}.ph-pr-dots i.is-done{background:#d4a74a73}.ph-cards .ph-card{margin-top:1.6em}.ph-card-sub{margin:.7em 0 0;font-size:1em;text-align:center;color:#1a14108c}.ph-kept{position:absolute;inset-inline:1.6em;bottom:4.8em;display:flex;align-items:center;justify-content:center;gap:.6em;margin:0;padding:.9em;border-radius:1.3em;background:#d4a74a24;color:var(--accent-foreground);font-size:1.08em;font-weight:700;text-align:center}.ph-kept svg{width:1.3em;height:1.3em;flex:none}.ph-chestui{padding-top:7em;text-align:center}.ph-ch-sign{position:relative;width:13.5em;margin:0 auto}.ph-ch-sign img{display:block;width:100%;height:auto}.ph-ch-sign span{position:absolute;inset-inline:6%;top:14%;height:46%;display:grid;place-items:center;font-size:1.2em;font-weight:700;color:#4a2e11}.ph-ch-stage{position:relative;height:16em;margin-top:1em}.ph-ch-stage .ph-aura{left:50%;top:52%;width:20em;height:20em}.ph-ch-box{position:absolute;left:50%;top:50%;width:11.5em;height:10.6em;transform:translate(-50%,-50%);animation:ph-hover 2.8s ease-in-out infinite}.ph-ch-box svg{width:100%;height:100%;overflow:visible}.ph-ch-spark{position:absolute;z-index:2;width:1.4em;height:1.4em;color:#f2c14e;animation:ph-pulse 1.9s ease-in-out infinite;animation-delay:calc(var(--i) * .45s)}.ph-ch-spark svg{width:100%;height:100%}.ph-ch-done{margin:.4em 2em 0;font-size:2.1em;font-weight:800;line-height:1.15;letter-spacing:-.015em;color:#3e2a0e}.ph-ch-chips{display:flex;justify-content:center;gap:.7em;margin-top:1.1em}.ph-ch-chips span{display:inline-flex;align-items:center;gap:.5em;padding:.55em 1.1em;border-radius:999px;background:linear-gradient(180deg,#ffe7a0,#dbaa43);color:#573912;font-size:1.08em;font-weight:800;box-shadow:0 .3em .8em #543b1733}.ph-ch-chips svg{width:1.2em;height:1.2em}.ph-ch-next{position:absolute;inset-inline:1.8em;bottom:4.8em;display:flex;align-items:center;gap:1em;padding:1em 1.2em;border:.08em solid rgb(167 122 45 / .22);border-radius:1.6em;background:#fffdf6f0;box-shadow:0 .8em 1.8em #543b1721;text-align:start}.ph-ch-next .ph-node{position:relative;flex:none;transform:none}.ph-ch-next>span{flex:1;min-width:0}.ph-ch-next b{display:block;font-size:1.3em;line-height:1.2;color:#3e2a0e}.ph-ch-next small{display:block;margin-top:.15em;font-size:1em;color:#3e2a0ea8}.ph-ch-go{display:grid;place-items:center;width:2.6em;height:2.6em;flex:none;border-radius:50%;background:#3e2a0e;color:#fff5d9}.ph-ch-go svg{width:1.3em;height:1.3em}@keyframes ph-hover{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - .6em))}}.ph-dn-ring.is-low{background:conic-gradient(var(--gold-mid) 0 25%,rgb(212 167 74 / .18) 25% 100%)}.ph-dn-ar.is-long{font-size:1.85em;line-height:1.7}.ph-deen.is-tasbih .ph-dn-card{padding:1em 1.2em 1.1em}.ph-deen.is-tasbih .ph-dn-ar{font-size:2em}.ph-deen.is-tasbih .ph-dn-count{margin-top:2.2em}.ph-deen.is-tasbih .ph-dn-num{font-size:5.6em}.ph-beads.is-big{gap:.6em;margin-top:2em}.ph-beads.is-big i{width:2.1em;height:2.1em}.ph-dn-tap{margin:1.4em 0 0;font-size:1.05em;font-weight:600;text-align:center;color:#1a14108c}.ph-dn-ic{display:grid;place-items:center;width:4.6em;height:4.6em;border-radius:50%;background:#d4a74a29;color:var(--accent-foreground)}.ph-dn-ic svg{width:2.3em;height:2.3em}.ph-dn-today{margin:1.4em 1.6em 0;padding:1.3em;border-radius:1.8em;background:var(--espresso);color:var(--background);text-align:center;box-shadow:0 1.4em 3em -1.2em #1f1611b3,inset 0 0 0 .06em #d4a74a59}.ph-dn-today b{display:block;font-size:1.85em;font-weight:800;letter-spacing:-.01em}.ph-dn-today small{display:block;margin-top:.3em;font-size:1.05em;color:#f5ede099}.ph-dn-kick{margin:1.6em 2em 0;font-size:.95em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a141080}.ph-dn-dates{display:grid;gap:.55em;margin:.7em 1.6em 0;padding:0;list-style:none}.ph-dn-dates li{display:flex;align-items:center;gap:.8em;padding:.75em 1em;border:.12em solid var(--glass-rim);border-radius:1.3em;background:var(--card);box-shadow:0 .5em 1.4em -.6em var(--glass-shadow)}.ph-dn-dates li:first-child{background:linear-gradient(160deg,#fff6d8,#fce7b0);border-color:#b98a3580}.ph-dn-dates li>span{flex:1;min-width:0}.ph-dn-dates b{display:block;font-size:1.1em;line-height:1.2}.ph-dn-dates small{display:block;margin-top:.1em;font-size:.95em;color:#1a14108c}.ph-dn-dates em{flex:none;font-style:normal;font-size:1em;font-weight:700;color:var(--accent-foreground);white-space:nowrap}.ph-dn-est{margin:.8em 2.2em 0;font-size:.9em;line-height:1.35;text-align:center;color:#1a141080}.ph-dn-chips span.is-on{background:linear-gradient(160deg,#fff6d8,#fce7b0);border-color:#b98a3580}