@import "https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Scheherazade+New:wght@400;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Cinzel:wght@600;700&display=swap";.bb{color:var(--text);font-family:var(--f-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;z-index:50;background:#e9e5de;justify-content:center;display:flex;position:fixed;inset:0;overflow:hidden}.bb *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.bb button{font-family:inherit}.bb-book{background:var(--paper);touch-action:pan-y;width:100%;max-width:430px;height:100%;margin:0 auto;position:relative;overflow:hidden}.bb-book:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;z-index:3;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .5  0 0 0 0 .42  0 0 0 .18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.bb-track{height:100%;transition:transform .75s var(--ease);will-change:transform;display:flex}.bb-page{text-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;height:100%;padding:clamp(36px,7svh,64px) 26px clamp(70px,11svh,92px);display:flex;position:relative;overflow:hidden}.bb-page[hidden]{display:none}.bb-frame{border:1.5px solid color-mix(in srgb,var(--ink) 55%,transparent);pointer-events:none;border-radius:6px;position:absolute;inset:14px}.bb-frame:after{content:"";border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);border-radius:3px;position:absolute;inset:5px}.bb-kicker{font-family:var(--f-display);letter-spacing:.22em;text-transform:uppercase;color:var(--deep);opacity:.85;font-size:.76rem;font-weight:600}h2{font-family:var(--f-display);color:var(--deep);margin:.25rem 0 .7rem;font-size:clamp(1.35rem,3.9svh,1.75rem);font-weight:700;line-height:1.15}.bb-rule{color:var(--gold);justify-content:center;align-items:center;gap:10px;margin:0 auto clamp(.7rem,2.4svh,1.3rem);display:flex}.bb-rule i{opacity:.6;background:currentColor;width:52px;height:1px;display:block}.bb-rule b{background:currentColor;width:6px;height:6px;display:block;transform:rotate(45deg)}.bb-r{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*80ms + .25s);transform:translateY(14px)}.bb-page.bb-active .bb-r{opacity:1;transform:none}.bb-cover{justify-content:center;padding-top:clamp(30px,6svh,52px)}.bb-crest{width:clamp(70px,13svh,100px);height:auto;margin-bottom:2px}.bb-cart-wrap{width:min(86%,330px,37.35svh);margin:clamp(2px,1svh,10px) auto 0;position:relative}.bb-cart-wrap svg.bb-cart{width:100%;height:auto;filter:drop-shadow(0 8px 14px color-mix(in srgb,var(--deep) 18%,transparent));display:block}.bb-cart-inner{flex-direction:column;justify-content:center;align-items:center;padding:12% 12% 16%;display:flex;position:absolute;inset:0}.bb-numeral{font-family:var(--f-display);color:var(--deep);letter-spacing:-.02em;font-size:clamp(5rem,19svh,9rem);font-weight:800;line-height:.9}.bb-numeral.bb-word{letter-spacing:.02em;font-size:clamp(2.1rem,7.6svh,3.5rem)}.bb-unit{font-family:var(--f-display);color:var(--gold);letter-spacing:.34em;margin:2px 0 clamp(4px,1.4svh,10px);font-size:.95rem;font-weight:700}.bb-babyname{font-family:var(--f-display);color:var(--deep);font-size:clamp(1.3rem,3.7svh,1.65rem);font-weight:700;line-height:1.1}.bb-sub{color:var(--muted);margin-top:4px;font-size:.78rem}.bb-cart-inner.bb-year{z-index:1;padding-bottom:40%}.bb-year .bb-numeral{font-size:clamp(3.4rem,12svh,6rem)}.bb-year .bb-unit{margin-bottom:clamp(2px,.8svh,6px)}.bb-deco{pointer-events:none;position:absolute}.bb-d-top{width:46%;animation:7s ease-in-out infinite bb-float;top:-9%;right:-8%}.bb-d-bot{width:58%;bottom:-8%;left:50%;transform:translate(-50%)}.bb-d-cloud{width:32%;bottom:14%;left:-16%}.bb-open-btn{font-family:var(--f-display);color:#fff;background:var(--deep);box-shadow:0 10px 20px color-mix(in srgb,var(--deep) 30%,transparent);cursor:pointer;border:0;border-radius:999px;margin-top:clamp(20px,4.6svh,34px);padding:12px 28px;font-size:1rem;font-weight:700}.bb-hint{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:.7rem}.bb-photo-arch{width:min(200px,52vw);height:min(250px,31svh);box-shadow:0 12px 26px color-mix(in srgb,var(--deep) 18%,transparent),0 0 0 1.5px var(--ink);background:linear-gradient(160deg,var(--tint),color-mix(in srgb,var(--ink) 40%,var(--paper)));border:3px solid #fff;border-radius:100px 100px 14px 14px;margin:2px auto clamp(12px,3svh,22px);position:relative;overflow:hidden}.bb-photo-arch span{color:var(--deep);opacity:.65;letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;padding:16px;font-size:.76rem;font-weight:700;display:flex;position:absolute;inset:0}.bb-lead{max-width:310px;font-size:clamp(.92rem,2.4svh,1.05rem);line-height:1.7}.bb-lead em{color:var(--deep);font-style:normal;font-weight:700}.bb-counter{width:100%;box-shadow:0 10px 30px color-mix(in srgb,var(--deep) 10%,transparent);border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);background:#fff;border-radius:20px;margin-bottom:12px;padding:14px 12px}.bb-counter small{font-family:var(--f-display);color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:600;display:block}.bb-cells{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.bb-cell{background:var(--tint);border-radius:12px;padding:8px 2px}.bb-cell b{font-family:var(--f-display);color:var(--deep);font-size:1.5rem;line-height:1;display:block}.bb-cell span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.6rem}.bb-stats{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.bb-stat{border:1px solid color-mix(in srgb,var(--ink) 28%,transparent);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:10px;padding:11px 12px;display:flex}.bb-stat svg{width:30px;height:30px;color:var(--ink);flex:0 0 30px}.bb-stat b{font-family:var(--f-display);color:var(--deep);font-size:1.08rem;line-height:1.1;display:block}.bb-stat span{color:var(--muted);font-size:.7rem}.bb-timeline{text-align:left;width:100%;margin-left:4px;padding-left:32px;position:relative}.bb-timeline:before{content:"";background:repeating-linear-gradient(to bottom,var(--ink) 0 6px,transparent 6px 12px);opacity:.7;width:2px;position:absolute;top:6px;bottom:6px;left:10px}.bb-ms{margin-bottom:clamp(10px,2.6svh,18px);position:relative}.bb-ms:last-child{margin-bottom:0}.bb-ms:before{content:"";background:var(--paper);border:3px solid var(--ink);width:15px;height:15px;box-shadow:0 0 0 4px var(--paper);border-radius:50%;position:absolute;top:3px;left:-30px}.bb-ms.bb-done:before{background:var(--ink)}.bb-ms time{font-family:var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.7rem;font-weight:600}.bb-ms h3{font-family:var(--f-display);color:var(--deep);margin:1px 0;font-size:1.05rem;font-weight:700}.bb-ms p{font-size:.86rem;line-height:1.45}.bb-letter{width:100%;box-shadow:0 14px 30px color-mix(in srgb,var(--deep) 12%,transparent);background:#fff;border-radius:6px;padding:22px 20px 20px;position:relative;transform:rotate(-.6deg)}.bb-page.bb-active .bb-letter{transform:rotate(-.6deg)}.bb-letter:before{content:"";border:1px solid color-mix(in srgb,var(--ink) 40%,transparent);pointer-events:none;border-radius:3px;position:absolute;inset:8px}.bb-letter .bb-mono{justify-content:center;margin-bottom:8px;display:flex}.bb-letter p{font-size:clamp(.92rem,2.4svh,1rem);line-height:1.75}.bb-sign{font-family:var(--f-display);color:var(--deep);margin-top:10px;font-size:1.02rem;font-weight:700}.bb-stack{aspect-ratio:1/1.12;cursor:pointer;width:min(250px,64vw);margin:6px auto 12px;position:relative}.bb-polaroid{box-shadow:0 12px 24px color-mix(in srgb,var(--deep) 16%,transparent);transition:transform .6s var(--ease),opacity .6s var(--ease);background:#fff;border-radius:6px;flex-direction:column;padding:11px 11px 14px;display:flex;position:absolute;inset:0}.bb-polaroid .bb-ph{background:linear-gradient(150deg,var(--tint),color-mix(in srgb,var(--ink) 38%,var(--paper)));color:var(--deep);opacity:.85;letter-spacing:.14em;text-transform:uppercase;border-radius:3px;flex:1;justify-content:center;align-items:center;padding:8px;font-size:.7rem;font-weight:700;display:flex}.bb-polaroid figcaption{font-family:var(--f-display);color:var(--deep);margin-top:8px;font-size:.95rem;font-weight:600}.bb-tapnote{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.bb-duas{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.bb-dua{border:1px solid color-mix(in srgb,var(--ink) 28%,transparent);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.bb-dua b{font-family:var(--f-display);color:var(--deep);font-size:1rem;display:block}.bb-dua span{color:var(--muted);letter-spacing:.06em;font-size:.68rem}.bb-play{background:var(--tint);height:40px;color:var(--deep);cursor:pointer;border:0;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;display:flex}.bb-play.bb-on{background:var(--deep);color:#fff}.bb-shelf{justify-content:center;align-items:flex-end;gap:10px;width:100%;height:min(190px,26svh);margin:14px 0 0;padding:0 8px;display:flex;position:relative}.bb-shelf:after{content:"";background:linear-gradient(#e7dccb,#d9ccb7);border-radius:3px;height:14px;position:absolute;bottom:-12px;left:-8px;right:-8px;box-shadow:0 8px 14px #7864462e}.bb-spine{color:#fff;width:54px;transition:transform .5s var(--ease);border-radius:5px 5px 2px 2px;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 0 8px;display:flex;box-shadow:inset -4px 0 8px #00000014,inset 3px 0 5px #ffffff2e}.bb-spine .bb-n{font-family:var(--f-display);font-size:1.4rem;font-weight:800;line-height:1}.bb-spine .bb-v{writing-mode:vertical-rl;font-family:var(--f-display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.64rem;font-weight:600;transform:rotate(180deg)}.bb-spine .bb-lg{opacity:.9;width:20px;height:12px}.bb-spine.bb-cur{transform:translateY(-14px);box-shadow:0 14px 22px #3c3c5040,inset -4px 0 8px #00000014}.bb-spine.bb-locked{opacity:.38;filter:saturate(.5)}.bb-shelfnote{color:var(--muted);margin-top:32px;font-size:.78rem}.bb-endmark{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:clamp(14px,3svh,26px);font-size:.66rem}.bb-endmark b{font-family:var(--f-display);color:var(--deep);letter-spacing:.14em;margin-top:2px;font-size:.8rem;display:block}.bb-book[data-v=girl] .bb-d-top{width:60%;animation:none;top:-8%;left:50%;right:auto;transform:translate(-50%)}.bb-book[data-v=girl] .bb-d-bot{width:37%;bottom:-8%;left:auto;right:1%;transform:none}.bb-book[data-v=girl] .bb-d-cloud{width:17%;bottom:21%;left:auto;right:-3%}.bb-bg{pointer-events:none;z-index:0;width:100%;height:100%;color:var(--ink);position:absolute;inset:0}.bb-page>:not(.bb-bg):not(.bb-frame){z-index:1;position:relative}.bb-endmark a{color:inherit;border-radius:12px;padding:6px 10px;text-decoration:none;transition:background .3s;display:inline-block}.bb-endmark a:hover,.bb-endmark a:focus-visible{background:color-mix(in srgb,var(--ink) 18%,transparent);outline:none}.bb-endmark a b{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--deep) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--deep) 40%,transparent);text-underline-offset:4px}.bb-nav{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:5;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute}.bb-dots{gap:7px;display:flex}.bb-dots button{background:color-mix(in srgb,var(--ink) 45%,transparent);width:8px;height:8px;transition:all .4s var(--ease);cursor:pointer;border:0;border-radius:50%;padding:0}.bb-dots button.bb-on{background:var(--deep);border-radius:99px;width:22px}.bb-arrow{border:1.5px solid color-mix(in srgb,var(--ink) 60%,transparent);width:34px;height:34px;color:var(--deep);cursor:pointer;background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s;display:flex}.bb-arrow[disabled]{opacity:.25;pointer-events:none}.bb-music{z-index:6;border:1.5px solid color-mix(in srgb,var(--ink) 60%,transparent);width:36px;height:36px;color:var(--deep);cursor:pointer;background:#fffc;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:22px;right:22px}.bb-music svg{width:18px;height:18px}.bb-music .bb-x{display:none}.bb-music.bb-off .bb-x{display:block}.bb-music.bb-off .bb-w{display:none}@keyframes bb-float{0%,to{translate:0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.bb-r{opacity:1;transform:none}}.bb-duas{gap:8px}.bb-dua-wrap{flex-direction:column;display:flex}.bb-dua-head{align-items:center;gap:8px;display:flex}.bb-dua-head .bb-dua{flex:1}.bb-more{border:1px solid color-mix(in srgb,var(--ink) 50%,transparent);height:34px;color:var(--deep);cursor:pointer;background:#ffffffb3;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.bb-dua-text{text-align:left;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);background:#fff;border-radius:14px;max-height:30svh;margin-top:6px;padding:12px 14px;font-size:.8rem;line-height:1.6;overflow:auto}.bb-dua-text .bb-ar{text-align:right;color:var(--deep);direction:rtl;margin-bottom:6px;font-family:Amiri Quran,Scheherazade New,serif;font-size:1.15rem;line-height:2}.bb-dua-text .bb-tt{font-family:var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:6px 0 2px;font-size:.66rem;font-weight:700}.bb-photo-arch img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bb-meaning{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:300px;margin-top:8px;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.bb-spine{cursor:pointer;border:0;font-family:inherit}.bb-spine.bb-locked{cursor:default}.bb-page.bb-scroll{justify-content:flex-start;padding-top:clamp(40px,8svh,70px);overflow-y:auto}.bb-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--bg-main:#020907;--bg-surface:#051411;--bg-surface-elevated:#0b241e;--bg-card:#051410d1;--bg-card-hover:#09201aeb;--border-subtle:#d4af3733;--border-focus:#d4af3799;--border-gold:#d4af37;--gold-primary:#d4af37;--gold-light:#f5df9e;--gold-dark:#967820;--gold-glow:#d4af3738;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--text-arabic:#fdfaf3;--accent-emerald:#10b981;--accent-blue:#38bdf8;--accent-crimson:#f43f5e;--font-arabic:"Amiri Quran", "Scheherazade New", serif;--font-ui:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-title:"Cinzel", serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #0009;--shadow-gold:0 0 25px #d4af3738}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% 0,#d4af3726 0%,#0000 60%),radial-gradient(circle at 10% 40%,#10b9810d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#d4af370a 0%,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#d4af3740;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af3773}.app-container{max-width:1200px;margin:0 auto;padding:0 20px 80px}.app-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#060b11d9;margin-bottom:32px;padding:16px 0;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.brand-section{cursor:pointer;align-items:center;gap:14px;text-decoration:none;display:flex}.brand-logo{flex-shrink:0;width:auto;height:36px;display:block}@media (width<=480px){.brand-logo{height:28px}.brand-section{gap:8px}}.brand-icon{border-radius:var(--radius-md);border:1px solid var(--gold-primary);width:44px;height:44px;color:var(--gold-light);box-shadow:var(--shadow-gold);background:linear-gradient(135deg,#d4af3740,#d4af370d);justify-content:center;align-items:center;display:flex}.brand-title-group{flex-direction:column;display:flex}.brand-badge{letter-spacing:2px;text-transform:uppercase;color:var(--gold-primary);font-size:.7rem;font-weight:700}.brand-main-title{letter-spacing:.5px;color:var(--text-main);align-items:center;gap:6px;font-size:1.35rem;font-weight:800;display:flex}.brand-main-title span{color:var(--gold-light)}.nav-tabs{background:var(--bg-surface);border-radius:var(--radius-full);border:1px solid var(--border-subtle);gap:8px;padding:4px;display:flex}.nav-tab-btn{color:var(--text-muted);font-family:var(--font-ui);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.nav-tab-btn:hover{color:var(--text-main);background:#ffffff0d}.nav-tab-btn.active{background:var(--gold-primary);color:#060b11;box-shadow:0 2px 10px #d4af3759}.nav-tab-badge{background:#0003;border-radius:10px;padding:2px 6px;font-size:.72rem}.nav-tab-btn.active .nav-tab-badge{color:#fff;background:#00000059}.hero-section{text-align:center;padding:30px 0 40px}.hero-subtitle{color:var(--gold-primary);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:1.05rem;font-weight:600}.hero-title{background:linear-gradient(#fff 40%,#c9d6df 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:2.8rem;font-weight:800;line-height:1.2}.hero-desc{color:var(--text-muted);max-width:680px;margin:0 auto 36px;font-size:1.05rem}.dual-discovery-banner{grid-template-columns:1fr 1fr;gap:16px;max-width:800px;margin:0 auto 32px;display:grid}.discovery-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;align-items:center;gap:12px;padding:12px 18px;display:flex}.discovery-pill-icon{width:36px;height:36px;color:var(--gold-primary);background:#d4af371f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.discovery-pill-tag{letter-spacing:1px;text-transform:uppercase;color:var(--gold-light);font-size:.72rem;font-weight:700}.discovery-pill-text{color:var(--text-main);font-size:.9rem;font-weight:600}.search-container{max-width:780px;margin:0 auto 48px}.search-input-wrapper{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--shadow-gold);align-items:center;padding:6px 8px 6px 20px;transition:all .25s;display:flex;position:relative}.search-input-wrapper:focus-within{border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af3733, var(--shadow-md);background:#142437}.search-icon-left{color:var(--gold-primary);flex-shrink:0;margin-right:14px}.search-input{width:100%;font-family:var(--font-ui);color:var(--text-main);background:0 0;border:none;outline:none;padding:12px 0;font-size:1.15rem}.search-input::placeholder{color:var(--text-dim);font-size:1.05rem}.search-actions{align-items:center;gap:8px;display:flex}.clear-search-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex}.clear-search-btn:hover{color:var(--text-main)}.search-submit-btn{background:linear-gradient(135deg, var(--gold-primary), #b38e22);color:#060b11;border-radius:var(--radius-md);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.search-submit-btn:hover{background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));transform:translateY(-1px);box-shadow:0 4px 14px #d4af3766}.search-examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.example-label{color:var(--text-dim);font-size:.82rem;font-weight:600}.example-chip{color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;padding:4px 12px;font-size:.82rem;font-weight:500;transition:all .2s}.example-chip:hover{border-color:var(--gold-primary);color:var(--gold-light);background:#d4af371f;transform:translateY(-1px)}.mood-section{margin-bottom:50px}.section-header-center{text-align:center;margin-bottom:24px}.section-tag{letter-spacing:2px;text-transform:uppercase;color:var(--gold-primary);margin-bottom:6px;font-size:.78rem;font-weight:700}.section-title{color:var(--text-main);font-size:1.7rem;font-weight:700}.mood-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;max-width:1040px;margin:0 auto;display:grid}.mood-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:16px 14px;transition:all .25s cubic-bezier(.2,0,0,1);display:flex}.mood-card:hover{background:var(--bg-card-hover);border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 6px 20px #0006,0 0 15px #d4af3726}.mood-card.active{border-color:var(--gold-primary);background:linear-gradient(135deg,#d4af3733,#d4af370d);box-shadow:0 0 20px #d4af3740}.mood-icon{font-size:1.5rem;line-height:1}.mood-label{letter-spacing:.3px;color:var(--text-main);font-size:1.05rem;font-weight:600}@media (width<=767px){.mood-section{margin-bottom:28px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mood-card{gap:8px;min-height:56px;padding:12px 10px}.mood-card .mood-tezhip-icon{width:20px;height:20px}.mood-label{overflow-wrap:anywhere;font-size:.95rem;line-height:1.25}}.mood-card.active .mood-label{color:var(--gold-light)}.results-header-banner{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:24px 28px;display:flex}.results-title-group{flex-direction:column;gap:4px;display:flex}.results-neutral-tag{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-primary);font-size:.78rem;font-weight:700}.results-main-title{color:var(--text-main);font-size:1.45rem;font-weight:700}.results-meta{color:var(--text-muted);font-size:.9rem}.results-actions{align-items:center;gap:10px;display:flex}.btn-secondary{color:var(--text-main);border-radius:var(--radius-md);font-family:var(--font-ui);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{border-color:var(--gold-primary);background:#ffffff1a}.btn-back{color:var(--gold-light);font-family:var(--font-ui);border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#d4af371f,#d4af370a);border:1px solid #d4af3759;align-items:center;gap:8px;margin-bottom:14px;padding:8px 18px;font-size:.86rem;font-weight:700;transition:all .25s cubic-bezier(.2,0,0,1);display:inline-flex;box-shadow:0 2px 10px #0000004d}.btn-back:hover{border-color:var(--gold-primary);color:#fff;background:linear-gradient(135deg,#d4af3740,#d4af371a);transform:translate(-3px);box-shadow:0 4px 16px #d4af3740}.results-header-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:24px 28px}.results-title{color:var(--text-main);font-size:1.35rem;font-weight:700;line-height:1.4}.results-count-badge{color:var(--gold-light);border-radius:var(--radius-full);white-space:nowrap;background:#d4af371f;border:1px solid #d4af374d;padding:6px 14px;font-size:.82rem;font-weight:700}.ayahs-grid{flex-direction:column;gap:24px;display:flex}.ayah-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:30px;transition:all .25s;position:relative}.ayah-card:hover{border-color:#d4af3766;box-shadow:0 10px 30px #00000073}.ayah-card-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:16px;display:flex}.ayah-location{align-items:center;gap:10px;display:flex}.surah-badge{color:var(--gold-light);border-radius:var(--radius-full);background:#d4af3726;border:1px solid #d4af374d;padding:4px 12px;font-size:.85rem;font-weight:700}.ayah-number-tag{color:var(--text-muted);font-size:.9rem;font-weight:600}.ayah-card-quick-actions{align-items:center;gap:8px;display:flex}.action-icon-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.action-icon-btn:hover{color:var(--gold-primary);border-color:var(--gold-primary);background:#d4af3726}.action-icon-btn.favorited{color:var(--accent-crimson);border-color:var(--accent-crimson);background:#f43f5e26}.arabic-container{text-align:right;direction:rtl;margin-bottom:24px;padding:10px 0}.arabic-text{font-family:var(--font-arabic);color:var(--text-arabic);letter-spacing:.2px;font-size:1.85rem;font-weight:400;line-height:2.2}.translation-container{margin-bottom:22px}.translation-text{color:#e2e8f0;font-size:1.12rem;font-weight:400;line-height:1.75}.ayah-card-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:16px;display:flex}.source-badge-group{color:var(--text-dim);align-items:center;gap:8px;font-size:.78rem;display:flex}.source-indicator{background:var(--gold-primary);border-radius:50%;width:6px;height:6px;display:inline-block}.card-footer-buttons{align-items:center;gap:10px;display:flex}.btn-detail{border:1px solid var(--border-subtle);color:var(--gold-light);font-family:var(--font-ui);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:7px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-detail:hover{border-color:var(--gold-primary);background:#d4af371f}.load-more-container{text-align:center;margin-top:36px}.btn-load-more.btn-next-mood-ayah{border:2px solid var(--gold-primary);min-height:56px;color:var(--gold-primary);padding:16px 36px;font-size:1.2rem;font-weight:800}@media (width<=767px){.btn-load-more.btn-next-mood-ayah{width:100%;margin-bottom:96px}}.btn-load-more{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--gold-light);font-family:var(--font-ui);border-radius:var(--radius-full);cursor:pointer;padding:12px 32px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-load-more:hover{background:var(--bg-surface-elevated);border-color:var(--gold-primary);box-shadow:0 4px 16px #d4af3733}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#04070cd9;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:840px;max-height:90vh;box-shadow:0 25px 60px #000000b3, var(--shadow-gold);padding:32px;position:relative;overflow-y:auto}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.modal-title-group{flex-direction:column;gap:4px;display:flex}.modal-surah-title{color:var(--text-main);font-size:1.5rem;font-weight:800}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.audio-player-box{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:16px 20px;display:flex}.audio-info{align-items:center;gap:12px;display:flex}.audio-icon{width:40px;height:40px;color:var(--gold-primary);background:#d4af3726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.audio-status-title{color:var(--text-main);font-size:.9rem;font-weight:700}.audio-status-desc{color:var(--text-muted);font-size:.78rem}.traceability-box{border-radius:var(--radius-md);background:#00000059;border:1px solid #ffffff14;margin-top:24px;padding:16px 20px}.trace-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:700;display:flex}.trace-row{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:.82rem;display:flex}.trace-label{color:var(--text-dim)}.trace-value{color:var(--text-muted);font-family:monospace}.footnotes-box{border-left:3px solid var(--gold-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#d4af370d;margin:20px 0;padding:16px}.footnote-item{color:#cbd5e1;margin-bottom:8px;font-size:.9rem;line-height:1.6}.footnote-item:last-child{margin-bottom:0}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.topic-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;padding:22px;transition:all .2s}.topic-card:hover{border-color:var(--gold-primary);background:var(--bg-surface-elevated);transform:translateY(-2px)}.topic-category-tag{text-transform:uppercase;letter-spacing:1px;color:var(--gold-light);margin-bottom:6px;font-size:.72rem;font-weight:700}.topic-title{color:var(--text-main);margin-bottom:8px;font-size:1.25rem;font-weight:700}.topic-desc{color:var(--text-muted);margin-bottom:16px;font-size:.88rem;line-height:1.5}.topic-footer{color:var(--text-dim);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:12px;font-size:.82rem;display:flex}.surahs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.surah-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.surah-card:hover{border-color:var(--gold-primary);background:var(--bg-surface-elevated);transform:translateY(-1px)}.surah-card-left{align-items:center;gap:14px;display:flex}.surah-number-box{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--gold-light);background:#d4af371f;border:1px solid #d4af3740;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.surah-info-names{flex-direction:column;display:flex}.surah-title-tr{color:var(--text-main);font-size:1.05rem;font-weight:700}.surah-meta-text{color:var(--text-dim);font-size:.78rem}.surah-title-ar{font-family:var(--font-arabic);color:var(--gold-primary);font-size:1.45rem}.toast-container{z-index:2000;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-surface-elevated);border:1px solid var(--gold-primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;animation:.25s ease-out slideUp;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-title{font-size:2rem}.dual-discovery-banner{grid-template-columns:1fr}.arabic-text{font-size:1.5rem;line-height:2}.translation-text{font-size:1rem}.ayah-card{padding:20px}}.hero-section{position:relative}.hero-section:before,.hero-section:after{content:"";z-index:10;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 20'%3E%3Cpath d='M0 10 Q10 2 20 10 Q30 18 40 10 Q50 2 60 10 Q70 18 80 10 Q90 2 100 10 Q110 18 120 10 Q130 2 140 10 Q150 18 160 10 Q170 2 180 10 Q190 18 200 10 Q210 2 220 10 Q230 18 240 10 Q250 2 260 10 Q270 18 280 10 Q290 2 300 10 Q310 18 320 10 Q330 2 340 10 Q350 18 360 10 Q370 2 380 10 Q390 18 400 10' fill='none' stroke='%23d4af37' stroke-width='1' opacity='0.4'/%3E%3C/svg%3E") 50% repeat-x;height:20px;position:absolute;left:0;right:0}.hero-section:before{top:0}.hero-section:after{bottom:0}.ayah-card{position:relative}.ayah-card:before,.ayah-card:after{content:"";z-index:0;pointer-events:none;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0 Q25 0 25 25 Q25 0 50 0 Q25 0 25 25 Q50 25 50 0 M0 0 Q0 25 25 25 Q0 25 0 50 Q0 25 25 25 Q25 50 0 50' fill='none' stroke='%23d4af37' stroke-width='0.8' opacity='0.6'/%3E%3Ccircle cx='25' cy='25' r='3' fill='none' stroke='%23d4af37' stroke-width='0.5'/%3E%3C/svg%3E") 0 0/contain no-repeat;width:60px;height:60px;position:absolute}.ayah-card:before{top:10px;right:10px}.ayah-card:after{bottom:10px;left:10px;transform:rotate(180deg)}.arabic-container{background:radial-gradient(#d4af370d 0%,#0000 70%);border:1px solid #d4af371a;border-radius:12px;margin-bottom:24px;padding:20px;position:relative}.daily-ayah-card{background:linear-gradient(145deg,#0f1b29fa,#080f19fa);border:1px solid #d4af3766;border-radius:20px;margin-bottom:48px;padding:36px;position:relative;overflow:hidden;box-shadow:0 0 40px #d4af3714,0 20px 60px #00000080}.daily-ayah-card:before{content:"";opacity:.12;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0 Q25 0 25 25 Q25 0 50 0 Q25 0 25 25 Q50 25 50 0 M0 0 Q0 25 25 25 Q0 25 0 50 Q0 25 25 25 Q25 50 0 50' fill='none' stroke='%23d4af37' stroke-width='0.8' opacity='0.6'/%3E%3Ccircle cx='25' cy='25' r='3' fill='none' stroke='%23d4af37' stroke-width='0.5'/%3E%3C/svg%3E") 0 0/contain no-repeat;width:160px;height:160px;position:absolute;top:-20px;right:-20px}.daily-ayah-label{letter-spacing:2px;text-transform:uppercase;color:#d4af37;align-items:center;gap:8px;margin-bottom:20px;font-size:.75rem;font-weight:700;display:flex}.daily-ayah-arabic{text-align:right;color:#fdfaf3;direction:rtl;margin-bottom:24px;font-family:Amiri Quran,Scheherazade New,serif;font-size:2.4rem;line-height:2.4}.daily-ayah-translation{color:#e2e8f0;margin-bottom:20px;font-size:1.15rem;font-style:italic;line-height:1.9}.daily-ayah-source{color:#94a3b8;font-size:.82rem}@keyframes goldShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes arabesque-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shimmer-gold{background:linear-gradient(90deg,#0000 0%,#d4af374d 50%,#0000 100%) 0 0/200% 100%;animation:3s infinite goldShimmer}.fade-in-up{animation:.6s forwards fadeInUp}.radio-player-float{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b141ff2;border:1px solid #d4af3766;border-radius:20px;min-width:280px;max-width:320px;padding:16px;transition:all .3s cubic-bezier(.2,0,0,1);position:fixed;bottom:24px;right:24px;box-shadow:0 8px 40px #0009,0 0 20px #d4af371a}.radio-player-collapsed{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;padding:0;display:flex}.radio-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.radio-title{letter-spacing:1.5px;text-transform:uppercase;color:#d4af37;font-size:.78rem;font-weight:700}.radio-channel-name{color:#f1f5f9;margin-bottom:4px;font-size:1rem;font-weight:700}.radio-channel-desc{color:#94a3b8;font-size:.78rem}.radio-controls{align-items:center;gap:8px;margin-top:14px;display:flex}.radio-play-btn{color:#060b11;cursor:pointer;background:#d4af37;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.radio-play-btn:hover{background:#f3d882;transform:scale(1.05)}.radio-volume-slider{appearance:none;background:#ffffff1f;border-radius:2px;outline:none;flex:1;height:4px}.radio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#d4af37;border-radius:50%;width:14px;height:14px}.radio-channel-list{border-top:1px solid #ffffff0f;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;display:flex}.radio-channel-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.radio-channel-item:hover{background:#d4af3714}.radio-channel-item.active{background:#d4af3726}.radio-channel-icon{font-size:1.2rem}.radio-channel-info{flex:1}.radio-channel-item-name{color:#e2e8f0;font-size:.88rem;font-weight:600}.radio-channel-item-genre{color:#64748b;font-size:.75rem}.radio-live-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.tts-player-box{background:#060b11cc;border:1px solid #d4af3733;border-radius:16px;margin:16px 0;padding:20px}.tts-waveform{justify-content:center;align-items:center;gap:3px;height:40px;margin:14px 0;display:flex}.tts-bar{background:#d4af37;border-radius:2px;width:3px;animation:1s infinite waveAnim}.tts-bar:first-child{height:12px;animation-delay:0s}.tts-bar:nth-child(2){height:20px;animation-delay:.1s}.tts-bar:nth-child(3){height:32px;animation-delay:.2s}.tts-bar:nth-child(4){height:24px;animation-delay:.3s}.tts-bar:nth-child(5){height:14px;animation-delay:.4s}.tts-bar:nth-child(6){height:28px;animation-delay:.15s}.tts-bar:nth-child(7){height:18px;animation-delay:.25s}@keyframes waveAnim{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.6)}}.tts-bar.paused{animation-play-state:paused}.tts-controls{align-items:center;gap:10px;display:flex}.tts-lang-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s}.tts-lang-btn.active{color:#060b11;background:#d4af37;border-color:#d4af37}.tts-lang-btn:hover:not(.active){color:#d4af37;border-color:#d4af37}.tts-speed-select{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:8px 12px;font-size:.85rem}.tezhip-border-top,.tezhip-border-bottom{width:100%;margin:0;line-height:0;overflow:hidden}.tezhip-border-top{margin-bottom:24px}.tezhip-border-bottom{margin-top:24px}.header-nav-and-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.header-radio-wrapper{z-index:1000;position:relative}.header-radio-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-ui);border-radius:var(--radius-full);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 14px;font-size:.86rem;font-weight:600;transition:all .2s cubic-bezier(.2,0,0,1);display:flex}.header-radio-btn:hover{color:var(--text-main);border-color:var(--gold-primary);background:#d4af3714}.header-radio-btn.active-dropdown{border-color:var(--gold-primary);color:var(--gold-light);background:#d4af371f;box-shadow:0 0 14px #d4af3733}.header-radio-btn.playing{border-color:var(--gold-primary);color:var(--gold-light);background:linear-gradient(135deg,#d4af372e,#d4af370f)}.header-radio-icon{color:var(--gold-primary);justify-content:center;align-items:center;display:flex}.header-radio-label{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.header-live-pulse{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse;box-shadow:0 0 8px #10b981}.header-chevron{color:var(--text-dim);transition:transform .2s}.header-chevron.rotated{color:var(--gold-primary);transform:rotate(180deg)}.header-radio-popover{z-index:9999;-webkit-backdrop-filter:blur(20px);pointer-events:auto;background:#0b141ffa;border:1px solid #d4af3759;border-radius:16px;width:290px;padding:14px;position:fixed;top:auto;right:16px;box-shadow:0 14px 40px #000000a6,0 0 20px #d4af371f}.radio-popover-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.radio-popover-title{letter-spacing:1.2px;color:var(--gold-primary);align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:flex}.radio-live-badge{color:#10b981;border-radius:var(--radius-full);background:#10b9811f;align-items:center;gap:5px;padding:2px 7px;font-size:.68rem;font-weight:700;display:flex}.radio-channels-compact{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.radio-channel-compact-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;transition:all .2s;display:flex}.radio-channel-compact-item:hover{background:#d4af3714;border-color:#d4af3740}.radio-channel-compact-item.selected{border-color:var(--gold-primary);background:linear-gradient(135deg,#d4af3726,#d4af370a)}.compact-channel-icon{font-size:1.3rem;line-height:1}.compact-channel-details{flex:1;min-width:0}.compact-channel-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.compact-channel-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.compact-play-btn{width:32px;height:32px;color:var(--gold-primary);cursor:pointer;background:#ffffff0f;border:1px solid #d4af3740;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.compact-play-btn:hover{background:var(--gold-primary);color:#060b11;transform:scale(1.05)}.compact-play-btn.is-playing{background:var(--gold-primary);color:#060b11}.radio-error-text{color:#f87171;text-align:center;background:#ef444414;border:1px solid #ef444433;border-radius:6px;margin-bottom:8px;padding:6px 8px;font-size:.72rem}.radio-popover-footer{border-top:1px solid #ffffff12;align-items:center;gap:10px;padding-top:8px;display:flex}.compact-volume-group{flex:1;align-items:center;gap:8px;display:flex}.compact-volume-val{color:var(--text-dim);text-align:right;min-width:28px;font-size:.72rem;font-weight:600}.compact-stop-btn{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;padding:5px 10px;font-size:.72rem;font-weight:700;transition:all .2s}.compact-stop-btn:hover{background:#ef444440}.mood-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.mood-filter-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #d4af3733;border-radius:20px;padding:8px 18px;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.mood-filter-btn:hover{background:#d4af371a;border-color:#d4af3766}.mood-filter-btn.active{color:#060b11;background:#d4af37;border-color:#d4af37;font-weight:700;box-shadow:0 4px 12px #d4af3733}@media (width<=600px){.search-input-wrapper .search-submit-btn span{display:none}.search-input-wrapper .search-submit-btn:after{content:"Ara"}.search-input-wrapper{padding:6px 6px 6px 16px}.search-input{font-size:.95rem}.hero-title{font-size:1.8rem}.header-nav-and-actions{gap:6px}.nav-tabs{gap:2px;padding:3px}.nav-tab-btn{gap:4px;padding:5px 8px;font-size:.72rem}.nav-tab-btn svg{width:13px;height:13px}.brand-icon{width:36px;height:36px}.brand-main-title{font-size:1.1rem}.header-radio-popover{width:calc(100vw - 16px);max-width:calc(100vw - 16px);left:auto;right:8px}.arabic-text{font-size:1.4rem!important;line-height:1.8!important}.daily-ayah-arabic{font-size:1.6rem!important;line-height:2!important}}@media (width<=480px){.header-nav-and-actions{flex-wrap:nowrap!important;gap:4px!important}.header-radio-btn{white-space:nowrap;padding:4px 8px!important;font-size:.68rem!important}.brand-icon{width:32px!important;height:32px!important}.brand-icon svg{width:18px!important;height:18px!important}.brand-main-title{font-size:.95rem!important}}.mobile-bottom-nav{display:none}.search-input-wrapper:focus-within{border-color:var(--gold-primary)!important;box-shadow:0 0 18px #d4af374d!important}@media (width<=767px){.app-header .nav-tabs{display:none!important}.app-header{margin-bottom:20px;padding:12px 0}.header-inner{justify-content:center!important}.mobile-bottom-nav{z-index:9999;-webkit-backdrop-filter:blur(20px);height:64px;padding-bottom:env(safe-area-inset-bottom);background:#020907f5;border-top:1px solid #d4af3740;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000080}.mobile-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-size:.72rem;font-weight:600;transition:all .2s;display:flex;position:relative}.mobile-nav-btn.active{color:var(--gold-primary);text-shadow:0 0 8px #d4af374d}.mobile-nav-btn svg{width:20px;height:20px;transition:transform .2s}.mobile-nav-btn.active svg{transform:scale(1.1)}.mobile-nav-badge{background:var(--gold-primary);color:#020907;border-radius:var(--radius-full);text-align:center;min-width:16px;padding:1px 5px;font-size:.65rem;font-weight:800;position:absolute;top:4px;right:28%}}.prayers-view-container{animation:.5s ease-out forwards fade-in-up}.prayer-card-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#0f1b29e6,#080f19f2)}.prayer-card-wrapper:before{content:"";opacity:.15;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 0 C60 40, 100 50, 100 50 C60 60, 50 100, 50 100 C40 60, 0 50, 0 50 C40 40, 50 0, 50 0 Z' fill='none' stroke='%23d4af37' stroke-width='1' opacity='0.3'/%3E%3C/svg%3E") no-repeat;width:140px;height:140px;position:absolute;top:-20px;right:-20px}.back-to-discover-btn{background:var(--bg-surface-elevated);border:2px solid var(--gold-primary);color:var(--gold-primary);cursor:pointer;letter-spacing:.5px;min-height:52px;font-size:1.25rem;font-weight:800;font-family:var(--font-ui);border-radius:32px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 28px;transition:opacity .2s,transform .2s;display:flex}.back-to-discover-btn:hover{opacity:.8}@media (width<=767px){.back-to-discover-btn{background:var(--bg-surface-elevated);border:2px solid var(--gold-primary);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:36px;margin-bottom:0;padding:14px 40px;font-size:1.35rem;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #000c,0 0 15px #d4af3740}.back-to-discover-btn:active{transform:translate(-50%)scale(.95)}}