.ls{margin:8px 0 40px;text-align:center}.ls-kicker{margin:0 0 4px;font-family:UthmanicHafs,serif;font-size:20px;color:#c8963e}.ls-title{margin:0 0 8px;font-size:clamp(26px,4.2vw,42px);font-weight:800;line-height:1.15;color:var(--text-primary)}.ls-sub{margin:0 auto 32px;max-width:520px;font-size:14.5px;color:var(--text-muted)}.ls-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none}.ls-grid:before{content:"";position:absolute;top:0;left:16.6%;right:16.6%;border-top:2px dashed rgba(200,150,62,.5);transform:scaleX(0);transform-origin:left;transition:transform 1.2s ease .2s}.ls-in .ls-grid:before{transform:scaleX(1)}.ls-step{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 12px;opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * .18s)}.ls-in .ls-step{opacity:1;transform:none}.ls-num{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:-17px;margin-bottom:18px;border-radius:50%;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,#e7c27d,#c8963e);box-shadow:0 0 0 5px var(--bg-base),0 4px 12px rgba(200,150,62,.4)}.ls-in .ls-num{animation:ls-num-pop .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(.3s + var(--i) * .25s)}@keyframes ls-num-pop{0%{transform:scale(0)}to{transform:scale(1)}}.ls-step h3{margin:0 0 14px;font-size:21px;font-weight:700;color:var(--text-primary)}.ls-art{width:100%;max-width:230px;margin-bottom:18px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.ls-step:hover .ls-art{transform:translateY(-6px) scale(1.05)}.ls-art svg{display:block;width:100%;height:auto;overflow:visible}.ls-l-disc,.ls-l-eq,.ls-l-phones,.ls-l-ripple,.ls-m-core,.ls-m-flame,.ls-m-glow,.ls-m-medal,.ls-m-tick,.ls-r-flip,.ls-r-halo,.ls-r-rays,.ls-twinkle{transform-box:fill-box}.ls-art-bg{fill:rgba(var(--brand-rgb),.09)}.ls-art svg [class*=" ls-"],.ls-art svg [class^=ls-]{animation-play-state:paused}.ls-in .ls-art svg [class*=" ls-"],.ls-in .ls-art svg [class^=ls-]{animation-play-state:running}.ls-r-rays{transform-origin:50% 50%;animation:ls-spin 24s linear infinite;opacity:.8}.ls-r-halo{transform-origin:center;animation:ls-breathe 3.2s ease-in-out infinite}.ls-r-book{animation:ls-float 4s ease-in-out infinite}.ls-r-line{fill:none;stroke:#94a3b8;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:44;stroke-dashoffset:44;animation:ls-write 5.6s ease-in-out infinite}@keyframes ls-write{0%{stroke-dashoffset:44}18%,80%{stroke-dashoffset:0}92%,to{stroke-dashoffset:44;opacity:0}}.ls-r-flip{transform-origin:left center;animation:ls-flip 5.6s cubic-bezier(.45,0,.2,1) infinite}@keyframes ls-flip{0%,78%{transform:scaleX(0);opacity:0}80%{transform:scaleX(1);opacity:1}90%{transform:scaleX(-1);opacity:1}96%,to{transform:scaleX(-1);opacity:0}}.ls-r-mag{animation:ls-scan 5.6s ease-in-out infinite}@keyframes ls-scan{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-30px,12px) rotate(-8deg)}50%{transform:translate(-90px,28px) rotate(-4deg)}75%{transform:translate(-40px,38px) rotate(6deg)}}.ls-twinkle{transform-origin:center;animation:ls-twinkle 2s ease-in-out infinite}@keyframes ls-twinkle{0%,to{opacity:.2;scale:.5;rotate:0deg}50%{opacity:1;scale:1.15;rotate:45deg}}.ls-l-disc{transform-origin:center;animation:ls-spin 3s linear infinite}.ls-l-ripple{transform-origin:center;opacity:0;animation:ls-ripple 2.4s ease-out infinite}@keyframes ls-ripple{0%{transform:scale(1);opacity:.7}to{transform:scale(2.5);opacity:0}}.ls-l-phones{transform-origin:50% 100%;animation:ls-bob .8s ease-in-out infinite}@keyframes ls-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}.ls-l-eq{transform-origin:50% 100%;animation:ls-eq .9s ease-in-out infinite}@keyframes ls-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.ls-l-note{opacity:0;animation:ls-rise 3.2s ease-out infinite}@keyframes ls-rise{0%{transform:translateY(20px) rotate(-10deg);opacity:0}20%{opacity:1}to{transform:translate(10px,-50px) rotate(12deg);opacity:0}}.ls-m-ring{stroke-dashoffset:276.5;animation:ls-ring 5s cubic-bezier(.65,0,.35,1) infinite}@keyframes ls-ring{0%{stroke-dashoffset:276.5}40%,85%{stroke-dashoffset:79}to{stroke-dashoffset:276.5}}.ls-m-flame{transform-origin:50% 100%;animation:ls-flicker 1.1s ease-in-out infinite alternate}@keyframes ls-flicker{0%{transform:scale(1) skewX(0deg)}33%{transform:scale(.96,1.06) skewX(2deg)}66%{transform:scale(1.03,.97) skewX(-2deg)}to{transform:scale(.98,1.08) skewX(1deg)}}.ls-m-core{transform-origin:50% 100%;animation:ls-breathe .7s ease-in-out infinite alternate}.ls-m-glow{transform-origin:center;animation:ls-breathe 1.6s ease-in-out infinite}.ls-m-ember{opacity:0;animation:ls-ember 1.8s ease-out infinite}@keyframes ls-ember{0%{transform:translate(0);opacity:1}to{transform:translate(5px,-22px);opacity:0}}.ls-m-tick{transform-origin:center;transform:scale(0);animation:ls-tick 5s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes ls-tick{0%{transform:scale(0)}10%,88%{transform:scale(1)}to{transform:scale(0)}}.ls-m-medal{transform-origin:50% 0;animation:ls-swing 2.8s ease-in-out infinite}@keyframes ls-swing{0%,to{transform:rotate(8deg)}50%{transform:rotate(-8deg)}}@keyframes ls-spin{to{transform:rotate(1turn)}}@keyframes ls-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ls-breathe{0%,to{transform:scale(.92);opacity:.75}50%{transform:scale(1.06);opacity:1}}.ls-step p{margin:0 0 16px;max-width:320px;font-size:14.5px;line-height:1.75;color:var(--text-secondary,var(--text-muted))}.ls-step p a{color:var(--brand-primary);text-decoration:none;font-weight:500;background-image:linear-gradient(currentColor,currentColor);background-size:0 1.5px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease}.ls-step p a:hover{background-size:100% 1.5px}.ls-cta{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding:9px 18px;border-radius:999px;font-size:13.5px;font-weight:700;text-decoration:none;color:var(--brand-primary);border:1.5px solid rgba(var(--brand-rgb),.35);transition:background .2s ease,color .2s ease,gap .2s ease,box-shadow .2s ease}.ls-cta:hover{background:var(--brand-primary);color:#fff;gap:10px;box-shadow:0 6px 18px rgba(var(--brand-rgb),.35)}.ls-cta .material-symbols-outlined{font-size:17px}@media (max-width:820px){.ls-grid{grid-template-columns:1fr;gap:40px}.ls-grid:before{display:none}.ls-num{margin-top:0}.ls-art{max-width:200px}}@media (prefers-reduced-motion:reduce){.ls-grid:before,.ls-step{transition:none;opacity:1;transform:none}.ls-art svg *,.ls-num{animation:none!important}.ls-r-line{stroke-dashoffset:0}.ls-m-ring{stroke-dashoffset:79}.ls-m-tick{transform:scale(1)}.ls-l-note,.ls-m-ember,.ls-r-flip{opacity:0}}.tp{display:grid;grid-template-columns:1.15fr 1fr 1.15fr;gap:18px;margin-bottom:32px}.tp-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:14px;min-height:268px;padding:22px;border-radius:24px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.tp-card:hover{transform:translateY(-5px)}.tp-card>*{position:relative;z-index:1}.tp-head{display:flex;justify-content:space-between}.tp-head,.tp-label{align-items:center;gap:8px}.tp-label{display:inline-flex;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.tp-tabular{font-variant-numeric:tabular-nums}.tp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;border:none;font-family:inherit;font-size:13.5px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s ease,gap .2s ease}.tp-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.tp-btn .material-symbols-outlined{font-size:19px}.tp-continue{color:#fff;background:linear-gradient(160deg,#17171f,#0a0a0e 60%,#050507);border:1px solid rgba(231,194,125,.22);box-shadow:0 16px 40px rgba(0,0,0,.25)}.tp-continue:hover{box-shadow:0 22px 48px rgba(0,0,0,.35)}.tp-glow{position:absolute!important;z-index:0!important;width:240px;height:240px;top:-110px;right:-60px;border-radius:50%;background:radial-gradient(circle,rgba(231,194,125,.28),transparent 65%);animation:tp-drift 9s ease-in-out infinite alternate;pointer-events:none}@keyframes tp-drift{to{transform:translate(-60px,40px) scale(1.15)}}.tp-continue .tp-label{color:#e7c27d}.tp-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:tp-pulse 1.8s infinite}@keyframes tp-pulse{70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}to{box-shadow:0 0 0 0 rgba(74,222,128,0)}}.tp-num-tag{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;color:rgba(255,255,255,.75);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.tp-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.tp-title-row h3{margin:0 0 2px;font-size:26px;font-weight:800;line-height:1.1;color:#fff}.tp-title-row p{margin:0;font-size:13px;color:rgba(255,255,255,.6)}.tp-ar{font-size:40px;line-height:1.2;white-space:nowrap;background:linear-gradient(180deg,#f8e3b5,#c8963e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tp-meta{display:flex;flex-wrap:wrap;gap:8px}.tp-meta>span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:10px;font-size:12px;font-weight:600;color:rgba(255,255,255,.82);background:rgba(255,255,255,.06)}.tp-meta .material-symbols-outlined{font-size:15px;color:#e7c27d}.tp-recent{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tp-recent-empty{margin:0;font-size:12px;line-height:1.5;color:rgba(255,255,255,.45)}.tp-recent-label{margin-right:2px;font-size:11px;color:rgba(255,255,255,.45)}.tp-chip{padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;text-decoration:none;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.14);transition:border-color .15s ease,color .15s ease}.tp-chip:hover{color:#e7c27d;border-color:rgba(231,194,125,.6)}.tp-continue .tp-btn{margin-top:auto;justify-content:space-between}.tp-btn-gold{color:#111;background:linear-gradient(135deg,#f6dfac,#d6a24b);box-shadow:0 8px 22px rgba(214,162,75,.3)}.tp-btn-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.12);font-size:18px!important;line-height:1;transition:transform .2s ease}.tp-btn-gold:hover .tp-btn-arrow{transform:translateX(3px)}.tp-progress{background:var(--bg-card);border:1px solid var(--border-default);box-shadow:0 6px 22px rgba(0,0,0,.06)}.tp-progress:hover{box-shadow:0 16px 36px rgba(0,0,0,.1)}.tp-progress .tp-label{color:var(--brand-primary)}.tp-icon-btn{display:flex;padding:4px;border:none;border-radius:8px;background:none;color:var(--text-muted);cursor:pointer}.tp-icon-btn:hover{background:var(--bg-elevated)}.tp-icon-btn .material-symbols-outlined{font-size:18px}.tp-goal{position:relative;display:flex;align-items:center;gap:16px}.tp-ring{width:108px;height:108px;flex-shrink:0}.tp-ring-track{fill:none;stroke:rgba(var(--brand-rgb),.14);stroke-width:10}.tp-ring-fill{fill:none;stroke:url(#tp-ring-grad);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 4px rgba(var(--brand-rgb),.35))}.tp-ring-center{position:absolute;left:0;top:0;width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tp-ring-center b{font-size:18px;font-weight:800;color:var(--text-primary)}.tp-ring-center span{font-size:10px;color:var(--text-muted)}.tp-goal-side{flex:1;display:flex;flex-direction:column;gap:8px}.tp-mini{gap:10px;padding:8px 10px;border-radius:12px;background:var(--bg-elevated)}.tp-mini,.tp-mini-icon{display:flex;align-items:center}.tp-mini-icon{justify-content:center;width:32px;height:32px;border-radius:10px;font-size:19px!important;color:var(--brand-primary);background:rgba(var(--brand-rgb),.12)}.tp-mini-fire{color:#f97316;background:rgba(249,115,22,.12);animation:tp-flicker 1.4s ease-in-out infinite alternate}@keyframes tp-flicker{to{transform:scale(1.08) rotate(-3deg)}}.tp-mini b{display:block;font-size:16px;font-weight:800;line-height:1.1;color:var(--text-primary)}.tp-mini div>span{font-size:10.5px;color:var(--text-muted)}.tp-goal-msg{margin:0;font-size:12px;font-weight:600;color:var(--text-muted)}.tp-chart{align-items:flex-end;gap:7px;min-height:56px}.tp-bar,.tp-chart{flex:1;display:flex}.tp-bar{height:100%;flex-direction:column;align-items:center;gap:4px}.tp-bar-track{flex:1;display:flex;align-items:flex-end;background:var(--bg-elevated);overflow:hidden}.tp-bar-fill,.tp-bar-track{width:100%;border-radius:6px}.tp-bar-fill{background:rgba(var(--brand-rgb),.4);transform-origin:bottom;animation:tp-grow .8s cubic-bezier(.22,1,.36,1) both}@keyframes tp-grow{0%{transform:scaleY(0)}}.tp-bar span{font-size:10px;font-weight:700;color:var(--text-muted)}.tp-bar-today .tp-bar-fill{background:linear-gradient(to top,var(--brand-primary),#4ade80);box-shadow:0 0 12px rgba(var(--brand-rgb),.45)}.tp-bar-today span{color:var(--brand-primary)}.tp-ayah{color:#fff;background:radial-gradient(circle at 0 100%,rgba(74,222,128,.28),transparent 55%),radial-gradient(circle at 100% 0,rgba(255,255,255,.12),transparent 45%),linear-gradient(140deg,#0f8a5f,#065f46);box-shadow:0 16px 40px rgba(6,95,70,.35)}.tp-ayah:hover{box-shadow:0 22px 48px rgba(6,95,70,.45)}.tp-arch{position:absolute!important;z-index:0!important;right:-20px;bottom:-10px;width:190px;height:250px;pointer-events:none}.tp-arch path{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1.5}.tp-arch path:first-child{stroke:rgba(255,255,255,.14)}.tp-quote{position:absolute!important;z-index:0!important;left:14px;bottom:30px;font-family:Georgia,serif;font-size:150px;line-height:1;color:rgba(255,255,255,.07);pointer-events:none}.tp-ayah .tp-label{color:rgba(255,255,255,.85)}.tp-ref{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(255,255,255,.15);backdrop-filter:blur(4px)}.tp-ayah-ar{margin:6px 0 0;font-size:clamp(24px,2.6vw,30px);line-height:1.8;text-align:right;color:#fff!important;-webkit-text-fill-color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.18)}.tp-ayah-en{margin:0;padding-left:12px;border-left:2px solid rgba(255,255,255,.4);font-size:13.5px;line-height:1.6;font-style:italic;color:rgba(255,255,255,.92)}.tp-actions{display:flex;gap:8px;margin-top:auto}.tp-actions .tp-btn{flex:1}.tp-btn-white{color:#065f46;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12)}.tp-btn-ghost{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.tp-btn-ghost:hover{background:rgba(255,255,255,.2)}@media (max-width:980px){.tp{grid-template-columns:1fr 1fr}.tp-ayah{grid-column:1/-1}}@media (max-width:640px){.tp{grid-template-columns:1fr}.tp-card{min-height:0}.tp-ar{font-size:32px}}@media (prefers-reduced-motion:reduce){.tp-bar-fill,.tp-dot,.tp-glow,.tp-mini-fire{animation:none}}.qg{margin-bottom:36px}.qg-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.qg-kicker{margin:0 0 2px;font-size:16px;color:#c8963e}.qg-header h2{margin:0;font-size:24px;font-weight:800;color:var(--text-primary)}.qg-hint{margin:0;font-size:13px;color:var(--text-muted)}.qg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:900px}.qg-tile{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:150px;padding:18px;border-radius:22px;border:1px solid var(--border-default);background:var(--bg-card);box-shadow:0 4px 16px rgba(0,0,0,.05);margin:0;width:100%;text-align:left;text-decoration:none;font:inherit;line-height:normal;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .3s ease,border-color .3s ease;opacity:0;translate:0 24px}.qg-in .qg-tile{animation:qg-enter .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * .07s)}@keyframes qg-enter{to{opacity:1;translate:0 0}}.qg-tile:hover{border-color:color-mix(in srgb,var(--from) 55%,transparent);box-shadow:0 18px 40px color-mix(in srgb,var(--to) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--from) 25%,transparent)}.qg-tile:focus-visible{outline:3px solid var(--from);outline-offset:3px}.qg-spot{position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(260px circle at var(--mx) var(--my),color-mix(in srgb,var(--from) 22%,transparent),transparent 60%);transition:opacity .3s ease}.qg-tile:hover .qg-spot{opacity:1}.qg-shine{position:absolute;top:-50%;left:-60%;width:40%;height:200%;z-index:2;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(20deg) translateX(-150%);pointer-events:none}.qg-tile:hover .qg-shine{transition:transform .8s ease;transform:rotate(20deg) translateX(520%)}.qg-ar{position:absolute;right:10px;bottom:-14px;z-index:-1;font-size:64px;line-height:1;color:color-mix(in srgb,var(--from) 12%,transparent);transition:transform .4s ease,color .4s ease;pointer-events:none}.qg-tile:hover .qg-ar{transform:translateY(-6px) scale(1.06);color:color-mix(in srgb,var(--from) 20%,transparent)}.qg-top{display:flex;align-items:flex-start;justify-content:space-between;transform:translateZ(30px)}.qg-icon{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--from),var(--to));box-shadow:0 8px 18px color-mix(in srgb,var(--to) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-radius .35s ease}.qg-icon .material-symbols-outlined{font-size:26px}.qg-tile:hover .qg-icon{transform:scale(1.08) rotate(-4deg);border-radius:50%}.qg-arrow{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;flex:none;box-sizing:border-box;overflow:hidden;line-height:1;font-size:18px!important;color:var(--text-muted);background:var(--bg-elevated);opacity:.6;transition:transform .3s ease,background .3s ease,color .3s ease,opacity .3s ease}.qg-tile:hover .qg-arrow{opacity:1;color:#fff;background:var(--from);transform:scale(1.1)}.qg-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 12px rgba(239,68,68,.35)}.qg-live{width:6px;height:6px;border-radius:50%;background:#fff;animation:qg-blink 1.2s ease-in-out infinite}@keyframes qg-blink{50%{opacity:.2}}.qg-text{transform:translateZ(20px)}.qg-text b{display:block;margin-bottom:3px;font-size:15.5px;font-weight:800;color:var(--text-primary)}.qg-text span{font-size:12px;color:var(--text-muted)}.qg-tile:hover .qg-anim-flip .material-symbols-outlined{animation:qg-flip .9s ease}@keyframes qg-flip{50%{transform:rotateY(180deg) scale(1.1)}}.qg-tile:hover .qg-anim-tilt .material-symbols-outlined{animation:qg-tilt .8s ease-in-out}@keyframes qg-tilt{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.qg-tile:hover .qg-anim-spin .material-symbols-outlined{animation:qg-spin 1.2s cubic-bezier(.5,0,.2,1)}@keyframes qg-spin{to{transform:rotate(2turn)}}.qg-tile:hover .qg-anim-pulse .material-symbols-outlined{animation:qg-pulse .9s ease-in-out infinite}@keyframes qg-pulse{50%{transform:scale(1.2);filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}}.qg-tile:hover .qg-anim-swap .material-symbols-outlined{animation:qg-swap .8s ease}@keyframes qg-swap{40%{transform:translateY(-120%);opacity:0}41%{transform:translateY(120%)}to{transform:translateY(0);opacity:1}}.qg-tile:hover .qg-anim-float .material-symbols-outlined{animation:qg-float 1.4s ease-in-out infinite}@keyframes qg-float{50%{transform:translateY(-5px)}}.qg-tile:hover .qg-anim-raise .material-symbols-outlined{animation:qg-raise .9s ease}@keyframes qg-raise{40%{transform:translateY(-6px) scale(1.15)}70%{transform:translateY(1px) scale(.95)}}.qg-anim-wave .material-symbols-outlined{font-size:22px!important;translate:0 -5px}.qg-eq{position:absolute;bottom:8px;left:50%;display:flex;align-items:flex-end;gap:2px;height:9px;translate:-50% 0}.qg-eq i{width:3px;height:100%;border-radius:2px;background:#fff;transform-origin:bottom;animation:qg-eq .8s ease-in-out infinite}.qg-eq i:nth-child(2){animation-delay:.2s}.qg-eq i:nth-child(3){animation-delay:.4s}@keyframes qg-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.qg-wide{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;min-height:0}.qg-wide .qg-top{flex:none}.qg-wide .qg-text{flex:1;min-width:0}.qg-wide .qg-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:46%;margin-right:36px;transform:translateZ(20px)}.qg-wide .qg-chips i{font-style:normal;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--to);background:color-mix(in srgb,var(--from) 14%,transparent);border:1px solid color-mix(in srgb,var(--from) 30%,transparent)}.qg-wide .qg-top .qg-arrow{position:absolute;top:18px;right:18px}@media (max-width:900px){.qg-wide .qg-chips{display:none}.qg-grid{grid-template-columns:repeat(2,1fr);gap:12px}.qg-hint{display:none}}@media (max-width:420px){.qg-tile{min-height:132px;padding:14px;gap:16px}.qg-icon{width:44px;height:44px;border-radius:14px}.qg-ar{font-size:50px}}@media (prefers-reduced-motion:reduce){.qg-tile{opacity:1;translate:none;transform:none!important}.qg-in .qg-tile,.qg-tile *,.qg-tile:hover *{animation:none!important}.qg-shine{display:none}}.tb{margin-bottom:36px}.tb-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.tb-kicker{margin:0 0 2px;font-size:16px;color:#c8963e}.tb-header h2{margin:0;font-size:24px;font-weight:800;color:var(--text-primary)}.tb-toggles{display:flex;gap:8px}.tb-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-muted);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s ease}.tb-toggle .material-symbols-outlined{font-size:17px}.tb-toggle.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 6px 16px rgba(16,185,129,.3)}.tb-toggle-icon{padding:7px 9px}.tb-card{position:relative;overflow:hidden;isolation:isolate;padding:22px;border-radius:26px;color:#fff;background:linear-gradient(155deg,#12141b,#08090d 55%,#040406);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);box-shadow:0 20px 50px rgba(0,0,0,.25);transition:border-color .5s ease}.tb-aura{position:absolute;z-index:-1;width:520px;height:520px;left:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 30%,transparent),transparent 62%);transition:background .6s ease;animation:tb-aura 10s ease-in-out infinite alternate;pointer-events:none}@keyframes tb-aura{to{transform:translate(80px,40px) scale(1.1)}}.tb-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tb-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.75);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .25s ease}.tb-chip small{font-size:10.5px;font-weight:600;opacity:.6}.tb-chip:hover{border-color:color-mix(in srgb,var(--cc) 60%,transparent);color:#fff}.tb-chip.active{color:#0b0b0f;border-color:transparent;background:var(--cc);box-shadow:0 6px 20px color-mix(in srgb,var(--cc) 45%,transparent)}.tb-chip.active small{opacity:.75}.tb-chip.done{color:var(--cc);border-color:color-mix(in srgb,var(--cc) 50%,transparent)}.tb-chip.done .material-symbols-outlined{font-size:15px}.tb-chip.dim:not(.active){opacity:.45}.tb-body{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:36px}.tb-stage{position:relative;width:300px;height:300px}.tb-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tb-orbit{fill:none;stroke:rgba(255,255,255,.06);stroke-width:1.5;stroke-dasharray:3 7;transform-origin:150px 150px;animation:tb-spin 60s linear infinite}@keyframes tb-spin{to{transform:rotate(1turn)}}.tb-progress{fill:none;stroke:var(--c);stroke-width:3;stroke-linecap:round;opacity:.55;transition:stroke-dashoffset .35s cubic-bezier(.22,1,.36,1),stroke .5s ease}.tb-bead{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.15);stroke-width:1;transform-box:fill-box;transform-origin:center;transition:fill .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.tb-bead.on{fill:var(--c);stroke:rgba(255,255,255,.6);filter:drop-shadow(0 0 5px var(--c));animation:tb-bead-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes tb-bead-pop{0%{transform:scale(.6)}60%{transform:scale(1.5)}to{transform:scale(1)}}.tb-bead.next{fill:rgba(255,255,255,.3);animation:tb-bead-next 1.4s ease-in-out infinite}@keyframes tb-bead-next{50%{transform:scale(1.35);fill:rgba(255,255,255,.55)}}.tb-tap{position:absolute;inset:44px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;border-radius:50%;color:#fff;font-family:inherit;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--c) 55%,#fff 10%),transparent 60%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c) 70%,#000),color-mix(in srgb,var(--c) 30%,#000) 100%);box-shadow:0 18px 40px color-mix(in srgb,var(--c) 35%,transparent),inset 0 2px 0 rgba(255,255,255,.25),inset 0 -10px 24px rgba(0,0,0,.35);transition:transform .12s ease,box-shadow .3s ease,background .5s ease}.tb-tap:hover{box-shadow:0 22px 50px color-mix(in srgb,var(--c) 50%,transparent),inset 0 2px 0 rgba(255,255,255,.25),inset 0 -10px 24px rgba(0,0,0,.35)}.tb-tap:active{transform:scale(.95)}.tb-tap:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:6px}.tb-count{font-size:64px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 4px 18px rgba(0,0,0,.35);animation:tb-count-pop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes tb-count-pop{0%{transform:translateY(8px) scale(.85);opacity:.4}to{transform:none;opacity:1}}.tb-of{font-size:13px;font-weight:600;opacity:.75}.tb-taphint{display:inline-flex;align-items:center;gap:3px;margin-top:8px;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.22)}.tb-taphint .material-symbols-outlined{font-size:14px;animation:tb-hint 1.6s ease-in-out infinite}@keyframes tb-hint{50%{transform:translateY(-2px) scale(1.1)}}.tb-ripple{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:rgba(255,255,255,.45);pointer-events:none;animation:tb-ripple .65s ease-out forwards}@keyframes tb-ripple{to{transform:scale(16);opacity:0}}.tb-plus{position:absolute;top:26%;right:22%;font-size:16px;font-weight:800;color:#fff;pointer-events:none;animation:tb-plus .7s ease-out forwards}@keyframes tb-plus{0%{transform:translateY(0) scale(.8);opacity:1}to{transform:translateY(-30px) scale(1.2);opacity:0}}.tb-burst{position:absolute;left:50%;top:50%;pointer-events:none}.tb-burst i{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);animation:tb-burst .9s cubic-bezier(.22,1,.36,1) forwards}.tb-burst i:nth-child(3n){background:#fde68a;box-shadow:0 0 8px #fde68a}@keyframes tb-burst{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(.2);opacity:0}}.tb-toast{position:absolute;left:50%;bottom:-6px;z-index:3;padding:7px 14px;border-radius:999px;white-space:nowrap;font-size:12.5px;font-weight:700;color:#0b0b0f;background:#fde68a;box-shadow:0 8px 20px rgba(0,0,0,.3);transform:translateX(-50%);animation:tb-toast 1.8s ease forwards}@keyframes tb-toast{0%{opacity:0;transform:translate(-50%,10px)}12%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.tb-info{min-width:0}.tb-ar{margin:0;font-size:clamp(34px,4.6vw,52px);line-height:1.5;text-align:left;color:#fff!important;-webkit-text-fill-color:#fff;text-shadow:0 0 28px color-mix(in srgb,var(--c) 55%,transparent);animation:tb-fade-in .5s ease}@keyframes tb-fade-in{0%{opacity:0;transform:translateY(8px)}}.tb-label{margin:0;font-size:20px;font-weight:800;color:var(--c);transition:color .4s ease}.tb-meaning{margin:2px 0 16px;font-size:13.5px;font-style:italic;color:rgba(255,255,255,.65)}.tb-seq{display:grid;grid-template-columns:33fr 33fr 34fr;gap:6px;margin-bottom:16px}.tb-seq-step small{display:block;margin-top:4px;font-size:10px;font-weight:700;color:rgba(255,255,255,.4)}.tb-seq-step.done small,.tb-seq-step.now small{color:var(--cc)}.tb-seq-bar{height:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}.tb-seq-bar span{display:block;height:100%;border-radius:999px;background:var(--cc);box-shadow:0 0 8px var(--cc);transition:width .3s ease}.tb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.tb-stats>div{padding:12px;border-radius:16px;text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.tb-stats b{display:block;font-size:22px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.tb-stats span{font-size:11px;color:rgba(255,255,255,.55)}.tb-actions{display:flex;gap:8px;flex-wrap:wrap}.tb-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:rgba(255,255,255,.85);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.tb-btn .material-symbols-outlined{font-size:17px}.tb-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.tb-btn:disabled{opacity:.35;cursor:default}.tb-btn-danger:hover:not(:disabled){color:#fca5a5;border-color:rgba(252,165,165,.5)}.tb-kbd{margin:12px 0 0;font-size:11px;color:rgba(255,255,255,.4)}.tb-kbd kbd{padding:1px 6px;border-radius:5px;font-family:inherit;font-size:10.5px;border:1px solid rgba(255,255,255,.25)}@media (max-width:760px){.tb-body{grid-template-columns:1fr;justify-items:center;gap:22px}.tb-info{width:100%}.tb-ar,.tb-label,.tb-meaning{text-align:center}.tb-actions{justify-content:center}.tb-kbd{display:none}}@media (max-width:360px){.tb-stage{width:260px;height:260px}.tb-tap{inset:38px}.tb-count{font-size:52px}}@media (prefers-reduced-motion:reduce){.tb *,.tb-aura{animation:none!important}}.gs{--gs-accent:#f59e0b;position:relative;display:grid;grid-template-columns:1fr 1.35fr;overflow:hidden;margin:8px 0 0;border-radius:28px;border:1px solid color-mix(in srgb,var(--gs-accent) 28%,transparent);background:linear-gradient(135deg,#fff8e6,#fff3cc 55%,#ffeeb8);box-shadow:0 10px 40px rgba(180,120,20,.08)}.gs:after,.gs:before{content:"";position:absolute;border-radius:50%;pointer-events:none;background:rgba(245,158,11,.13)}.gs:before{width:260px;height:260px;top:-90px;right:-70px}.gs:after{width:170px;height:170px;bottom:-70px;left:-50px}.gs-left{position:relative;z-index:1;display:flex;flex-direction:column;padding:36px}.gs-badge,.gs-left{justify-content:center}.gs-badge{width:54px;height:54px;display:inline-flex;align-items:center;margin-bottom:22px;border-radius:16px;background:rgba(245,158,11,.2);color:var(--gs-accent);font-size:28px!important}.gs-left h2{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.1rem);line-height:1.15;font-weight:800;letter-spacing:-.01em;color:#1b1608}.gs-left h2 span{color:var(--gs-accent)}.gs-left p{margin:0;max-width:340px;line-height:1.7;color:#4b4636}.gs-list{position:relative;z-index:1;list-style:none;margin:0;padding:0;border-left:1px solid rgba(180,120,20,.15)}.gs-list li+li{border-top:1px solid rgba(180,120,20,.15)}.gs-row{display:flex;align-items:center;gap:16px;padding:18px 26px;text-decoration:none;color:inherit;transition:background .2s ease}.gs-row:hover{background:rgba(255,255,255,.55)}.gs-icon{flex:none;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:color-mix(in srgb,var(--hue) 16%,#fff);color:var(--hue);font-size:26px!important}.gs-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gs-text b{font-size:1rem;color:#1b1608}.gs-text small{font-size:.85rem;line-height:1.5;color:#6a6450}.gs-chev{color:#b8a97a;transition:transform .2s ease,color .2s ease}.gs-row:hover .gs-chev{transform:translateX(4px);color:var(--hue)}.dark .gs,[data-theme=dark] .gs,html.dark .gs{background:linear-gradient(135deg,#2a2210,#221b0c);border-color:rgba(245,158,11,.25);box-shadow:none}.dark .gs-left h2,.dark .gs-text b,[data-theme=dark] .gs-left h2,[data-theme=dark] .gs-text b{color:#f6efdc}.dark .gs-left p,.dark .gs-text small,[data-theme=dark] .gs-left p,[data-theme=dark] .gs-text small{color:#cdc4a8}.dark .gs-list,.dark .gs-list li+li,[data-theme=dark] .gs-list,[data-theme=dark] .gs-list li+li{border-color:rgba(255,255,255,.1)}.dark .gs-row:hover,[data-theme=dark] .gs-row:hover{background:rgba(255,255,255,.06)}.dark .gs-icon,[data-theme=dark] .gs-icon{background:color-mix(in srgb,var(--hue) 22%,transparent)}@media (max-width:820px){.gs{grid-template-columns:1fr}.gs-left{padding:28px 24px 22px}.gs-list{border-left:0;border-top:1px solid rgba(180,120,20,.15)}.gs-row{padding:16px 20px}}@media (prefers-reduced-motion:reduce){.gs-chev,.gs-row{transition:none}}.gs .gs-badge,.gs .gs-icon{display:flex;align-items:center;justify-content:center;line-height:1;overflow:hidden;box-sizing:border-box}.fu{margin:40px 0 8px}.fu-kicker{margin:0 0 6px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-primary,#0f9d76)}.fu-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--text-primary,#10261f)}.fu-sub{margin:8px 0 0;max-width:520px;line-height:1.6;color:var(--text-muted,#6b7a75)}.fu-grid{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.fu-card,.fu-grid li{display:flex}.fu-card{position:relative;isolation:isolate;overflow:hidden;flex-direction:column;width:100%;padding:20px 18px 18px;border-radius:22px;border:1px solid var(--border-default,#e3ebe7);background:var(--bg-card,#fff);text-decoration:none;color:inherit;box-shadow:0 4px 16px rgba(0,0,0,.04);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease}.fu-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s ease;background:radial-gradient(240px circle at 85% 0,color-mix(in srgb,var(--from) 22%,transparent),transparent 70%)}a.fu-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--from) 55%,transparent);box-shadow:0 18px 40px color-mix(in srgb,var(--to) 24%,transparent)}a.fu-card:hover:before{opacity:1}a.fu-card:focus-visible{outline:3px solid var(--from);outline-offset:3px}.fu-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-bottom:18px;border-radius:16px;color:#fff;line-height:1;overflow:hidden;box-sizing:border-box;background:linear-gradient(135deg,var(--from),var(--to));box-shadow:0 8px 18px color-mix(in srgb,var(--to) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-radius .3s ease}.fu-icon .material-symbols-outlined{font-size:26px;line-height:1}a.fu-card:hover .fu-icon{transform:rotate(-6deg) scale(1.08);border-radius:50%}.fu-name{font-size:1rem;font-weight:800;color:var(--text-primary,#10261f)}.fu-blurb{margin:4px 0 16px;font-size:.8rem;line-height:1.45;color:var(--text-muted,#6b7a75)}.fu-go{margin-top:auto;display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:700;color:var(--to)}.fu-go svg{transition:transform .25s ease}a.fu-card:hover .fu-go svg{transform:translate(2px,-2px)}.fu-card.is-soon{cursor:default;opacity:.72}.fu-card.is-soon .fu-icon{filter:saturate(.55)}.fu-card.is-soon .fu-go{color:var(--text-muted,#6b7a75);font-weight:600}.fu-apps{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.fu-app{padding:9px 18px;border-radius:12px;background:var(--bg-surface,#eef3f1);font-size:.85rem;font-weight:700;border:1px dashed var(--border-default,#d6e0dc);cursor:default}.fu-app,.fu-apps-note{color:var(--text-muted,#6b7a75)}.fu-apps-note{font-size:.9rem}@media (max-width:1100px){.fu-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.fu-grid{display:flex;gap:10px;margin-inline:-16px;padding:4px 16px 10px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:16px;scrollbar-width:none}.fu-grid::-webkit-scrollbar{display:none}.fu-grid li{flex:0 0 168px;scroll-snap-align:start}.fu-card{padding:16px 14px;border-radius:18px}}@media (prefers-reduced-motion:reduce){.fu-card,.fu-go svg,.fu-icon{transition:none}}.nvp{position:fixed;inset:0;z-index:9999;display:flex}.nvp-backdrop{position:absolute;inset:0;background:rgba(8,20,16,.5);backdrop-filter:blur(4px);animation:nvp-fade .2s ease}@keyframes nvp-fade{0%{opacity:0}}.nvp-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:440px;height:100%;background:var(--bg-base,#f6f8f7);color:var(--text-primary,#10261f);border-right:1px solid var(--border-default,#e3ebe7);box-shadow:10px 0 50px rgba(0,0,0,.18);animation:nvp-in .28s cubic-bezier(.22,1,.36,1)}@keyframes nvp-in{0%{transform:translateX(-24px);opacity:0}}.nvp-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px}.nvp-kicker{display:block;font-size:1.15rem;line-height:1.2;color:#b8861b;font-weight:400}.nvp-title h2{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.01em}.nvp-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--bg-elevated,#e9efec);color:var(--text-muted,#6b7a75);cursor:pointer}.nvp-close:hover{color:var(--text-primary,#10261f)}.nvp-tabs{display:flex;gap:4px;margin:12px 20px 0;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--brand-primary,#0f7a5c) 8%,var(--bg-card,#fff))}.nvp-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--text-muted,#6b7a75);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .18s ease}.nvp-tabs .material-symbols-outlined{font-size:18px}.nvp-tabs small{font-size:.72rem;opacity:.7}.nvp-tabs button.on{background:var(--brand-primary,#0f7a5c);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-primary,#0f7a5c) 30%,transparent)}.nvp-tools{padding:14px 20px 6px;display:flex;flex-direction:column;gap:10px}.nvp-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;border:1.5px solid var(--border-default,#e3ebe7);background:var(--bg-card,#fff);transition:border-color .15s ease,box-shadow .15s ease}.nvp-search:focus-within{border-color:var(--brand-primary,#0f7a5c);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary,#0f7a5c) 14%,transparent)}.nvp-search>.material-symbols-outlined{color:var(--text-muted,#6b7a75);font-size:20px}.nvp-search input{flex:1;min-width:0;padding:12px 0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:.92rem}.nvp-search button{display:inline-flex;border:0;background:none;color:var(--text-muted,#6b7a75);cursor:pointer}.nvp-chips{display:flex;gap:6px}.nvp-chips button{padding:6px 14px;border-radius:999px;border:1.5px solid var(--border-default,#e3ebe7);background:var(--bg-card,#fff);color:var(--text-secondary,#3b4a45);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.nvp-chips button.on{background:var(--brand-primary,#0f7a5c);border-color:var(--brand-primary,#0f7a5c);color:#fff}.nvp-list{flex:1;min-height:0;overflow-y:auto;padding:8px 12px 12px;scrollbar-width:thin}.nvp-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;text-decoration:none;color:inherit;transition:background .15s ease,transform .15s ease}.nvp-row:hover{background:color-mix(in srgb,var(--brand-primary,#0f7a5c) 8%,var(--bg-card,#fff))}.nvp-row:active{transform:scale(.99)}.nvp-num{flex:none;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand-primary,#0f7a5c) 11%,transparent);color:var(--brand-primary,#0f7a5c);font-size:.85rem;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.nvp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.nvp-name{font-weight:700;font-size:.95rem}.nvp-meta{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-muted,#6b7a75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nvp-type{flex:none;padding:1px 7px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.nvp-type.meccan{color:#b45309;background:color-mix(in srgb,#d97706 14%,transparent)}.nvp-type.medinan{color:var(--brand-primary,#0f7a5c);background:color-mix(in srgb,var(--brand-primary,#0f7a5c) 13%,transparent)}.nvp-ar{flex:none;font-size:1.45rem;line-height:1.6;font-weight:400;color:var(--text-primary,#10261f)}.nvp-empty{padding:48px 16px;text-align:center;color:var(--text-muted,#6b7a75)}.nvp-empty .material-symbols-outlined{font-size:44px}.nvp-pages{padding:16px 20px 12px}.nvp-goto label{display:block;margin-bottom:8px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#6b7a75)}.nvp-goto div{display:flex;gap:8px}.nvp-goto input{flex:1;min-width:0;padding:12px 14px;border-radius:14px;border:1.5px solid var(--border-default,#e3ebe7);background:var(--bg-card,#fff);color:inherit;font:inherit}.nvp-goto input:focus{outline:0;border-color:var(--brand-primary,#0f7a5c);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary,#0f7a5c) 14%,transparent)}.nvp-goto input[aria-invalid=true]{border-color:#d6453d}.nvp-goto button{padding:0 22px;border:0;border-radius:14px;background:var(--brand-primary,#0f7a5c);color:#fff;font:inherit;font-weight:800;cursor:pointer}.nvp-goto button:disabled{opacity:.4;cursor:default}.nvp-label{margin:20px 0 8px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#6b7a75)}.nvp-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.nvp-shortcuts a{display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--border-default,#e3ebe7);background:var(--bg-card,#fff);color:var(--text-primary,#10261f);text-decoration:none;font-size:.85rem;font-weight:700;transition:all .15s ease}.nvp-shortcuts a small{font-size:.7rem;color:var(--text-muted,#6b7a75);font-weight:600}.nvp-shortcuts a:hover{border-color:var(--brand-primary,#0f7a5c);color:var(--brand-primary,#0f7a5c)}.nvp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.nvp-grid a{display:flex;align-items:center;justify-content:center;padding:10px 2px;border-radius:10px;border:1px solid var(--border-default,#e3ebe7);background:var(--bg-card,#fff);color:var(--text-secondary,#3b4a45);text-decoration:none;font-size:.8rem;font-weight:700;transition:all .12s ease}.nvp-grid a:hover{background:var(--brand-primary,#0f7a5c);border-color:var(--brand-primary,#0f7a5c);color:#fff}.nvp-foot{display:flex;justify-content:space-between;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border-default,#e3ebe7);font-size:.75rem;color:var(--text-muted,#6b7a75)}@media (max-width:560px){.nvp{align-items:flex-end}.nvp-panel{max-width:none;height:88dvh;border-radius:22px 22px 0 0;border-right:0;animation-name:nvp-up}.nvp-grid{grid-template-columns:repeat(5,1fr)}.nvp-foot span:last-child{display:none}}@keyframes nvp-up{0%{transform:translateY(30px);opacity:0}}@media (prefers-reduced-motion:reduce){.nvp-backdrop,.nvp-panel{animation:none}}.ps{max-width:1100px;margin:0 auto 28px;padding:0 16px}@media (min-width:640px){.ps{padding:0 24px}}.ps-card{display:grid;grid-template-columns:250px 1fr;gap:8px;padding:8px;border-radius:22px;border:1px solid var(--border-default);background:var(--bg-card);box-shadow:0 10px 30px rgba(15,23,42,.06)}.ps-next{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:18px 20px;border-radius:16px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.16),transparent 55%),linear-gradient(150deg,#13705a,#0a4a3b)}.ps-next:after{content:"";position:absolute;right:-30px;bottom:-40px;width:120px;height:160px;border-radius:60px 60px 0 0;border:1px solid rgba(255,255,255,.12);pointer-events:none}.ps-next-label{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75)}.ps-pulse{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:ps-pulse 1.8s infinite}@keyframes ps-pulse{70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}to{box-shadow:0 0 0 0 rgba(74,222,128,0)}}.ps-next-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px}.ps-next-name b{font-family:Lora,Georgia,serif;font-size:30px;font-weight:600;line-height:1.1}.ps-next-name .font-arabic{font-size:22px;color:#f0e3c4}.ps-countdown{margin:2px 0 12px;font-size:14px;color:rgba(255,255,255,.85)}.ps-tabular{font-weight:700;font-variant-numeric:tabular-nums;color:#fff}.ps-gap{height:4px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.18)}.ps-gap span{display:block;height:100%;border-radius:inherit;background:#f0e3c4;transition:width 1s linear}.ps-next-at{margin:8px 0 0;font-size:12px;color:rgba(255,255,255,.7)}.ps-next-at b{color:#f0e3c4}.ps-day{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-width:0;padding:14px 18px 12px}.ps-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--text-muted)}.ps-meta>span{display:inline-flex;align-items:center;gap:5px}.ps-meta .material-symbols-outlined{font-size:16px;color:#c8963e}.ps-detect{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:5px 10px;border-radius:999px;border:1px solid rgba(var(--brand-rgb),.35);background:rgba(var(--brand-rgb),.06);color:var(--brand-primary);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease}.ps-detect .material-symbols-outlined{font-size:15px;color:inherit}.ps-detect:hover:not(:disabled){background:rgba(var(--brand-rgb),.14)}.ps-detect:disabled{cursor:wait;opacity:.8}.ps-spin{animation:ps-spin .9s linear infinite}@keyframes ps-spin{to{transform:rotate(1turn)}}.ps-line{position:relative;display:grid;grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none}.ps-track{position:absolute;top:19px;left:calc(100% / 12);right:calc(100% / 12);height:2px;border-radius:2px;background:var(--border-default)}.ps-track-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--brand-rgb),.35),var(--brand-primary));transition:width 1s linear}.ps-now{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#c8963e;box-shadow:0 0 0 4px rgba(200,150,62,.2);transform:translate(-50%,-50%)}.ps-node{position:relative;flex-direction:column;gap:2px;text-align:center}.ps-dot,.ps-node{display:flex;align-items:center}.ps-dot{justify-content:center;width:38px;height:38px;margin-bottom:6px;border-radius:50%;border:1.5px solid var(--border-default);background:var(--bg-card);color:var(--text-muted);transition:all .3s ease}.ps-dot .material-symbols-outlined{font-size:19px}.ps-node b{font-size:13px;font-weight:700;color:var(--text-primary)}.ps-time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.ps-node.minor b{font-weight:600;color:var(--text-muted)}.ps-node.passed .ps-dot{border-color:transparent;color:var(--brand-primary);background:rgba(var(--brand-rgb),.12)}.ps-node.next .ps-dot{border-color:transparent;color:#fff;background:linear-gradient(135deg,#13705a,#0a4a3b);box-shadow:0 6px 16px rgba(10,74,59,.35);animation:ps-next 2.4s ease-in-out infinite}@keyframes ps-next{0%,to{box-shadow:0 6px 16px rgba(10,74,59,.35),0 0 0 0 rgba(var(--brand-rgb),.35)}50%{box-shadow:0 6px 16px rgba(10,74,59,.35),0 0 0 8px rgba(var(--brand-rgb),0)}}.ps-node.next b{color:var(--brand-primary)}.ps-node.next .ps-time{font-weight:700;color:var(--text-primary)}.ps-error{margin:8px 4px 0;font-size:12px;color:#dc2626}.ps-skel{border-radius:14px;background:var(--bg-elevated);animation:ps-skel 1.2s ease-in-out infinite}.ps-skel-hero{min-height:150px}.ps-skel-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:center;padding:18px}.ps-skel-node{height:70px}@keyframes ps-skel{50%{opacity:.5}}@media (max-width:820px){.ps-card{grid-template-columns:1fr}.ps-day{padding:10px 8px 6px}}@media (max-width:520px){.ps-line{grid-template-columns:repeat(3,1fr);row-gap:14px}.ps-track{display:none}.ps-meta{font-size:12px}.ps-detect{margin-left:0}}@media (prefers-reduced-motion:reduce){.ps-node.next .ps-dot,.ps-pulse,.ps-skel{animation:none}}