@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f2f7f5;--bg-gradient:transparent;--panel-bg:#fff;--panel-border:#52b78826;--panel-border-hover:#2d6a4f59;--text-primary:#1b4332;--text-secondary:#52796f;--primary-green:#2d6a4f;--primary-green-rgb:45, 106, 79;--accent-green:#52b788;--accent-green-light:#b7e4c7;--accent-green-glow:#52b7881a;--card-shadow:0 2px 8px #1b43320a;--glass-blur:none;--sticky-hdr-bg:#f2f7f5;--nature-mist:transparent;--primary-gold:#c69b2d;--primary-gold-rgb:198, 155, 45;--accent-emerald:#52b788;--accent-emerald-glow:#52b78826;--font-sans:"Quicksand", sans-serif;--font-arabic:"Amiri", serif;--transition-smooth:opacity .18s cubic-bezier(.25, .8, .25, 1), transform .18s cubic-bezier(.25, .8, .25, 1), background-color .18s cubic-bezier(.25, .8, .25, 1), border-color .18s cubic-bezier(.25, .8, .25, 1), box-shadow .18s cubic-bezier(.25, .8, .25, 1);--transition-fast:opacity .1s ease, transform .1s ease;--modal-bg:#fff;--modal-border:#52b78826;--modal-shadow-ring:#00000005;--input-bg:#f8faf9;--input-bg-focus:#fff;--input-border:#52b78833}[data-theme=dark]{--bg-color:#050d0a;--bg-gradient:transparent;--panel-bg:#0a120e;--panel-border:#52b7881a;--panel-border-hover:#74c69d40;--text-primary:#d8f3dc;--text-secondary:#74c69d;--primary-green:#74c69d;--primary-green-rgb:116, 198, 157;--accent-green:#52b788;--accent-green-light:#74c69d14;--accent-green-glow:#74c69d26;--card-shadow:0 4px 16px #0003;--glass-blur:none;--sticky-hdr-bg:#050d0a;--nature-mist:transparent;--primary-gold:#f3c63f;--primary-gold-rgb:243, 198, 63;--accent-emerald:#52b788;--accent-emerald-glow:#52b78826;--modal-bg:#0a120e;--modal-border:#52b7881a;--modal-shadow-ring:#00000026;--input-bg:#050907;--input-bg-focus:#0a120e;--input-border:#52b78826}@keyframes aurora-motion-1{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes aurora-motion-2{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.grad-preset-1,.grad-preset-2,.grad-preset-3,.grad-preset-4,.grad-preset-5,.grad-preset-6{position:relative!important;overflow:hidden!important}.grad-preset-1:before,.grad-preset-2:before,.grad-preset-3:before,.grad-preset-4:before,.grad-preset-5:before,.grad-preset-6:before{content:""!important;opacity:.28!important;mix-blend-mode:screen!important;pointer-events:none!important;filter:blur(28px)!important;z-index:0!important;width:200%!important;height:200%!important;position:absolute!important;top:-50%!important;left:-50%!important}.grad-preset-1{background:linear-gradient(135deg,#0d1527,#0d9488,#3b82f6,#0d1527);background-size:300% 300%!important;animation:15s infinite aurora-motion-1!important}.grad-preset-1:before{background:radial-gradient(circle at 35% 35%,#38bdf8 0%,#0000 60%),radial-gradient(circle at 65% 65%,#a855f7 0%,#0000 60%);animation:20s linear infinite aurora-motion-2!important}.grad-preset-2{background:linear-gradient(135deg,#053b2d,#10b981,#34d399,#053b2d);background-size:300% 300%!important;animation:12s infinite aurora-motion-1!important}.grad-preset-2:before{background:radial-gradient(circle at 35% 35%,#34d399 0%,#0000 60%),radial-gradient(circle at 65% 65%,#6ee7b7 0%,#0000 60%);animation:18s linear infinite aurora-motion-2!important}.grad-preset-3{background:linear-gradient(135deg,#280d35,#7c3aed,#db2777,#280d35);background-size:300% 300%!important;animation:14s infinite aurora-motion-1!important}.grad-preset-3:before{background:radial-gradient(circle at 35% 35%,#f472b6 0%,#0000 60%),radial-gradient(circle at 65% 65%,#c084fc 0%,#0000 60%);animation:22s linear infinite aurora-motion-2!important}.grad-preset-4{background:linear-gradient(135deg,#3f051c,#dc2626,#f97316,#3f051c);background-size:300% 300%!important;animation:10s infinite aurora-motion-1!important}.grad-preset-4:before{background:radial-gradient(circle at 35% 35%,#fb923c 0%,#0000 60%),radial-gradient(circle at 65% 65%,#f43f5e 0%,#0000 60%);animation:16s linear infinite aurora-motion-2!important}.grad-preset-5{background:linear-gradient(135deg,#16133a,#2563eb,#d97706,#16133a);background-size:300% 300%!important;animation:16s infinite aurora-motion-1!important}.grad-preset-5:before{background:radial-gradient(circle at 35% 35%,#fbbf24 0%,#0000 60%),radial-gradient(circle at 65% 65%,#60a5fa 0%,#0000 60%);animation:24s linear infinite aurora-motion-2!important}.grad-preset-6{background:linear-gradient(135deg,#04100c,#1b4332,#40916c,#04100c);background-size:300% 300%!important;animation:13s infinite aurora-motion-1!important}.grad-preset-6:before{background:radial-gradient(circle at 35% 35%,#52b788 0%,#0000 60%),radial-gradient(circle at 65% 65%,#74c69d 0%,#0000 60%);animation:19s linear infinite aurora-motion-2!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#52b7880f}::-webkit-scrollbar-thumb{background:#52b78840;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2d6a4f73}.nature-bg{z-index:-10;background:var(--bg-color);pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}#fireflies-canvas{display:none!important}.sky-layer{background:linear-gradient(#d2e7ff 0%,#faecd7 50%,#e2f4ea 100%);width:100%;height:100%;transition:background .8s cubic-bezier(.25,.8,.25,1);position:absolute;top:0;left:0}[data-theme=dark] .sky-layer{background:linear-gradient(#07172b 0%,#04120c 60%,#010604 100%)}.hills-layer{transform-origin:bottom;border-radius:50% 50% 0 0;transition:background .8s cubic-bezier(.25,.8,.25,1),transform .5s;position:absolute;bottom:0}.hills-back{background:linear-gradient(#52b78838 0%,#2d6a4f59 100%);width:140%;height:38%;bottom:-40px;left:-20%}.hills-mid{background:linear-gradient(#52b7884d 0%,#2d6a4f80 100%);width:140%;height:28%;bottom:-60px;right:-20%}.hills-front{background:linear-gradient(#2d6a4f66 0%,#1b4332a6 100%);width:120%;height:18%;bottom:-80px;left:-10%}[data-theme=dark] .hills-back{background:linear-gradient(#2d6a4f1f 0%,#081c1259 100%)}[data-theme=dark] .hills-mid{background:linear-gradient(#2d6a4f2e 0%,#081c1280 100%)}[data-theme=dark] .hills-front{background:linear-gradient(#081c1266 0%,#040f09cc 100%)}.mist-layer{background:linear-gradient(180deg, transparent 0%, var(--nature-mist) 100%);pointer-events:none;width:100%;height:50%;position:absolute;bottom:0;left:0}#fireflies-canvas{pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes skyShimmer{0%{filter:hue-rotate()brightness()}to{filter:hue-rotate(5deg)brightness(1.03)}}@keyframes floatHillBack{0%{transform:translateY(0)scale(1)}to{transform:translateY(10px)scale(1.02)}}@keyframes floatHillMid{0%{transform:translateY(0)scale(1)rotate(.2deg)}to{transform:translateY(-5px)scale(1.01)rotate(-.2deg)}}@keyframes floatHillFront{0%{transform:translateY(0)scale(1)}to{transform:translateY(5px)scale(1.005)}}@keyframes mistDrift{0%{opacity:.6;transform:translateY(0)scaleY(1)}to{opacity:.9;transform:translateY(-8px)scaleY(1.05)}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-color);color:var(--text-primary);transition:background .5s,color .3s;display:flex;position:relative}.app-container{width:100%;height:100%;display:flex}.sidebar{background:var(--panel-bg);border-right:1px solid var(--panel-border);z-index:100;width:250px;transition:var(--transition-smooth);flex-direction:column;padding:24px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),background .3s;display:flex;position:relative;box-shadow:4px 0 24px #1b433214}.sidebar.collapsed{width:74px!important;padding:24px 12px!important}.sidebar-logo-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;outline:none;align-items:center;gap:12px;margin:-4px;padding:4px;transition:background .2s;display:flex}.sidebar-logo-trigger:focus-visible{outline:2px solid var(--primary-gold);outline-offset:3px}.brand-logo-wrap{flex-shrink:0;width:40px;height:40px;position:relative}.brand-logo.sidebar-logo-icon{background:linear-gradient(135deg, var(--accent-green) 0%, var(--primary-gold) 100%);color:#fff;will-change:opacity, transform;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),filter .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.sidebar-logo-chevron{opacity:0;width:40px;height:40px;color:var(--primary-gold);will-change:opacity, transform;background:linear-gradient(135deg,#d4af372e 0%,#52b7882e 100%);border:1.5px solid #d4af3759;border-radius:12px;justify-content:center;align-items:center;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:absolute;inset:0;overflow:hidden;transform:scale(.7)rotate(-10deg);box-shadow:0 0 #d4af3700}.sidebar-logo-chevron svg{filter:drop-shadow(0 0 4px #d4af3780);width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block;transform:rotate(0)}.sidebar:not(.collapsed) .sidebar-logo-chevron svg{transform:rotate(180deg)}.sidebar-logo-trigger:hover .sidebar-logo-icon{opacity:0;filter:blur(2px);transform:scale(.8)}.sidebar-logo-trigger:hover .sidebar-logo-chevron{opacity:1;transform:scale(1)rotate(0);box-shadow:0 0 0 1px #d4af374d,0 0 16px #d4af3740,0 0 32px #d4af371a}.sidebar-logo-chevron:before{content:"";opacity:0;background:radial-gradient(circle,#d4af371f 0%,#0000 70%);border-radius:12px;transition:opacity .3s,transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0;transform:scale(0)}.sidebar-logo-trigger:hover .sidebar-logo-chevron:before{opacity:1;transform:scale(1.4)}.sidebar.collapsed .brand{margin-bottom:20px;padding-bottom:12px;justify-content:center!important}.sidebar.collapsed .brand-text{display:none!important}.sidebar.collapsed .sidebar-logo-trigger{justify-content:center;gap:0}.sidebar.collapsed .nav-links{align-items:center}.sidebar.collapsed .nav-item{width:100%}.sidebar.collapsed .nav-item button{border-radius:50%;justify-content:center;gap:0;width:50px;height:50px;margin:0 auto;padding:12px 0}.sidebar.collapsed .nav-item button span{display:none!important}.sidebar.collapsed .nav-item button i{font-size:18px}.sidebar.collapsed .nav-badge{border:2px solid var(--panel-bg);padding:2px 6px;font-size:9px;position:absolute;top:6px;right:6px;transform:translate(25%,-25%)}.sidebar.collapsed .hidden-tools-row{flex-direction:column;align-items:center;gap:8px;padding:8px 0}.sidebar.collapsed .hidden-tool-btn{border-radius:50%;justify-content:center;width:44px;height:44px}.sidebar.collapsed .create-trigger-btn{border-radius:50%;justify-content:center;width:50px;height:50px;margin:0 auto;padding:0}.sidebar.collapsed .create-trigger-btn span{display:none!important}.sidebar.collapsed .create-trigger-btn i{font-size:20px}.sidebar.collapsed .theme-btn{border-radius:50%;justify-content:center;width:50px;height:50px;margin:0 auto;padding:0}.sidebar.collapsed .theme-btn span{display:none!important}.sidebar.collapsed .theme-btn i{font-size:18px}.sidebar.collapsed #sidebar-user-panel{border-top:1px solid var(--panel-border);justify-content:center;gap:0!important;padding:8px 0!important}.sidebar.collapsed #sidebar-user-panel>div,.sidebar.collapsed #auth-action-btn{display:none!important}.sidebar.collapsed #sidebar-user-avatar{cursor:pointer;width:38px;height:38px;transition:transform .2s}.sidebar.collapsed #sidebar-user-avatar:hover{transform:scale(1.1)}.brand{border-bottom:1px solid var(--panel-border);align-items:center;gap:12px;margin-bottom:30px;padding-bottom:16px;display:flex}.brand-logo{color:var(--accent-green);filter:drop-shadow(0 0 10px #52b78866);font-size:24px}.brand-name{letter-spacing:-.3px;background:linear-gradient(120deg, var(--text-primary) 20%, var(--accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:21px;font-weight:800}.nav-links{flex-direction:column;flex:1;gap:4px;list-style:none;display:flex}.nav-item button{width:100%;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;display:flex}.nav-item button:hover{color:var(--primary-green);background:#52b7881f;border-color:#52b7884d;transform:translate(3px)}.nav-item.active button{color:var(--primary-green);box-shadow:inset 3px 0 0 var(--accent-green), 0 2px 12px #52b7881a;background:linear-gradient(90deg,#52b78833 0%,#52b7880d 100%);border-color:#52b78866;font-weight:600}.nav-item button i{font-size:15px;transition:transform .25s}.nav-item button:hover i{filter:drop-shadow(0 0 6px var(--accent-green));transform:scale(1.1)}.sidebar-footer{border-top:1px solid var(--panel-border);flex-direction:column;gap:10px;margin-top:auto;padding-top:14px;display:flex}.theme-btn,.create-trigger-btn{cursor:pointer;width:100%;font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:11px;font-size:14px;font-weight:700;display:flex}.theme-btn{color:var(--text-secondary);background:#52b78814;border:1px solid #52b78833}.theme-btn:hover{border-color:var(--accent-green);color:var(--primary-green);background:#52b78826}.header-theme-icon{display:none}.create-trigger-btn{color:#fff;background:linear-gradient(135deg,#2d6a4f,#52b788);border:none;box-shadow:0 4px 16px #2d6a4f4d}.create-trigger-btn:hover{background:linear-gradient(135deg,#40916c,#74c69d);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 24px #2d6a4f73,0 0 8px #74c69d4d}.main-content{flex-direction:column;flex:1;height:100%;padding:30px;display:flex;overflow-y:auto}.header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.search-bar-row{align-items:center;display:flex}.remedy-logo-btn,.hidden-features-dropdown-container{display:none!important}.search-bar{width:320px;position:relative}.search-bar input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:12px;outline:none;padding:10px 16px 10px 38px;font-size:14px;transition:border-color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.search-bar input:focus{border-color:var(--accent-green);background:var(--input-bg-focus);box-shadow:0 0 0 3px #52b78826}.search-bar input::placeholder{color:var(--text-secondary);opacity:.7}.search-bar i{color:var(--text-secondary);position:absolute;top:13px;left:14px}.view-section{opacity:0;flex:1;width:100%;max-width:1200px;margin:0 auto;transition:opacity .12s;display:none}.view-section.active{opacity:1;display:block}.filter-tabs{gap:8px;margin-bottom:20px;padding-bottom:6px;display:flex;overflow-x:auto}.filter-tab{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ffffff80;border:1px solid #52b78833;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:500;transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}.filter-tab:hover{color:var(--primary-green);background:#52b7881f;border-color:#52b78880}.filter-tab.active{color:#fff;background:linear-gradient(135deg,#2d6a4fd9 0%,#52b788cc 100%);border-color:#0000;font-weight:600;box-shadow:0 4px 12px #2d6a4f4d}.masonry-feed{align-items:flex-start;gap:20px;width:100%;display:flex}.masonry-col-wrapper{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}.remedy-card{cursor:pointer;background:0 0;border:none;width:100%;margin-bottom:20px;padding:0;display:block;position:relative;overflow:visible}.remedy-card-inner{box-shadow:var(--card-shadow);border:1px solid var(--panel-border);will-change:transform, box-shadow;backface-visibility:hidden;background:var(--panel-bg);border-radius:24px;transition:transform .25s cubic-bezier(.25,.8,.25,1),border-color .25s cubic-bezier(.25,.8,.25,1),box-shadow .25s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;transform:translateZ(0)scale(1);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}@media (hover:hover){.remedy-card:hover{z-index:10}.remedy-card:hover .remedy-card-inner{border-color:#52b78880;transform:translateZ(0)scale(1.025)translateY(-3px);box-shadow:0 16px 48px #1b43322e,0 0 0 1px #52b78833}}.card-header-art{color:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;justify-content:flex-end;min-height:160px;padding:24px;display:flex;position:relative;overflow:hidden}.card-arabic{font-family:var(--font-arabic);text-align:right;text-shadow:0 2px 4px #00000080;word-wrap:break-word;direction:rtl;margin-bottom:12px;font-size:22px;line-height:1.8}.card-translation{opacity:.9;text-shadow:0 1px 3px #00000080;word-break:break-word;overflow-wrap:break-word;font-size:13px;line-height:1.4}.card-body{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--panel-border);flex-direction:column;flex:1;justify-content:space-between;padding:14px 18px;display:flex}.card-timestamp{color:var(--text-secondary);opacity:.8;margin-top:2px;font-size:10px}.card-remedy-title{color:var(--accent-green);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:13px;font-weight:700}.card-reflection{color:var(--text-primary);-webkit-line-clamp:3;word-break:break-word;overflow-wrap:break-word;-webkit-box-orient:vertical;margin-bottom:14px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.user-badge{align-items:center;gap:8px;display:flex}.avatar-mini{object-fit:cover;border:1.5px solid var(--accent-green);border-radius:50%;width:24px;height:24px}.username-mini,.username-text{color:var(--text-secondary);font-size:12px;font-weight:600}.user-badges-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.user-flag{font-size:12px}.scholar-badge-mini{font-size:11px}.card-actions-stats{color:var(--text-secondary);gap:12px;font-size:12px;display:flex}.card-stat{align-items:center;gap:4px;display:flex}.quran-grid{grid-template-columns:280px 1fr;gap:20px;height:calc(100vh - 140px);display:grid}.quran-surahs-list{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex;overflow-y:auto}.quran-search-input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:8px;outline:none;margin-bottom:8px;padding:10px 14px;transition:border-color .2s,background-color .2s}.quran-search-input:focus{border-color:var(--accent-green);background:var(--input-bg-focus)}.surah-card-nav{cursor:pointer;transition:var(--transition-smooth);background:#ffffff03;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.surah-card-nav:hover{background:#52b78814;border-color:#52b78840}.surah-card-nav.active{background:#2d6a4f1f;border-color:#52b78866}.surah-nav-num{color:var(--accent-green);font-size:12px;font-weight:700}.surah-nav-en{font-size:14px;font-weight:600}.surah-nav-ar{font-family:var(--font-arabic);color:var(--primary-green);font-size:18px}.quran-verses-view{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:16px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.quran-reader-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.quran-reader-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.quran-reading-indicator{cursor:pointer;opacity:.85;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.quran-reading-indicator:hover{opacity:1;background:#52b78814;transform:translateY(-.5px)}.quran-reading-indicator:active{transform:translateY(0)scale(.97)}.quran-reading-indicator .reading-pill-text{color:var(--accent-green);letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:2px;font-size:11px;font-weight:700;display:inline-flex}.quran-reading-indicator .reading-wave-dots{color:var(--accent-green)}.quran-title-area h2{color:var(--primary-green);font-size:20px;font-weight:700}.quran-title-area p{color:var(--text-secondary);font-size:13px}.verses-container-scroll{flex-direction:column;flex:1;gap:16px;padding-right:8px;display:flex;overflow-y:auto}.bismillah-banner{text-align:center;font-family:var(--font-arabic);color:var(--primary-green);border-bottom:1px dashed #52b78833;margin-bottom:10px;padding:12px 0;font-size:24px}.verse-card-reader{transition:var(--transition-smooth);background:#ffffff03;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex;position:relative;overflow:visible!important}.verse-card-reader:hover{background:#52b7880d;border-color:#52b78833}.verse-num-badge{color:var(--accent-green);background:#52b7881f;border-radius:5px;align-self:flex-start;padding:4px 8px;font-size:11px;font-weight:700}.verse-arabic-text{font-family:var(--font-arabic);text-align:right;direction:rtl;font-size:26px;line-height:2.1}.verse-translation-text{color:var(--text-secondary);word-break:break-word;overflow-wrap:break-word;font-size:14px;line-height:1.5}.verse-actions-row{border-top:1px solid #ffffff0a;justify-content:flex-end;padding-top:10px;display:flex}.pin-remedy-btn{color:var(--accent-green);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:#52b7881a;border:1px solid #52b7884d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.pin-remedy-btn:hover{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.profile-header-card{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.profile-info-main{align-items:center;gap:20px;display:flex}.avatar-large{object-fit:cover;border:2.5px solid var(--accent-green);border-radius:50%;width:80px;height:80px;box-shadow:0 0 16px #52b7884d}.profile-meta-text h2{margin-bottom:4px;font-size:22px;font-weight:700}.profile-meta-text p{color:var(--text-secondary);font-size:14px}.profile-header-actions-stats{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.profile-stats-grid{text-align:center;gap:24px;display:flex}.profile-stat-box h3{color:var(--accent-green);font-size:20px;font-weight:700}.profile-stat-box p{color:var(--text-secondary);font-size:12px}.profile-remedies-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.remedy-folder-card{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);cursor:pointer;will-change:transform;backface-visibility:hidden;border-radius:16px;padding:20px;transition:transform .25s cubic-bezier(.25,.8,.25,1),border-color .25s cubic-bezier(.25,.8,.25,1);position:relative;transform:scale(1)}.remedy-folder-card:before{content:"";background:var(--accent-green);opacity:.4;border-radius:4px 4px 0 0;width:50px;height:6px;position:absolute;top:-6px;left:16px}.remedy-folder-card:hover{border-color:var(--panel-border-hover);transform:scale(1.03)}.folder-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.folder-title-row h3{color:var(--text-primary);font-size:16px;font-weight:700}.folder-privacy-tag{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.folder-privacy-tag.public{color:var(--accent-emerald);background:#10b98126}.folder-privacy-tag.private{color:var(--text-secondary);background:#ffffff0d}.folder-desc{color:var(--text-secondary);word-break:break-word;overflow-wrap:break-word;min-height:38px;margin-bottom:14px;font-size:13px;line-height:1.4}.folder-footer{color:var(--text-secondary);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:10px;font-size:12px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:2000;background:#1b433259;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.modal-wrapper{background:var(--modal-bg);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--modal-border);box-shadow:0 20px 60px #1b433233, 0 0 0 1px var(--modal-shadow-ring);will-change:transform;backface-visibility:hidden;border-radius:32px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto;transform:scale(.93)}.modal-overlay.active .modal-wrapper{transform:scale(1)}.modal-head{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-head h3{color:var(--primary-green);font-size:18px;font-weight:700}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:20px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-control{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:16px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--accent-green);background:var(--input-bg-focus);box-shadow:0 0 0 3px #52b7881f}textarea.form-control{resize:vertical;min-height:80px}.gradient-picker{gap:10px;margin-top:8px;display:flex}.grad-circle{cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);border:2px solid #0000;border-radius:50%}.grad-circle.selected{border-color:#fff;transform:scale(1.1)}.card-preview-container{border:1px solid var(--panel-border);border-radius:12px;width:100%;margin-bottom:16px;overflow:hidden}.card-preview{color:#fff;min-height:140px;border:1px solid #ffffff14!important;border-radius:20px!important;padding:24px!important;box-shadow:0 12px 32px #0003!important}.detail-split-layout{grid-template-columns:1.2fr 1fr;max-width:900px;height:550px;max-height:85vh;display:grid}@media (width<=800px){.detail-split-layout{grid-template-columns:1fr;height:auto;max-height:none}.detail-right-pane{border-top:1px solid var(--panel-border);border-left:none!important}}.detail-left-pane{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.detail-right-pane{border-left:1px solid var(--panel-border);flex-direction:column;height:100%;padding:24px;display:flex;overflow:hidden}.detail-remedy-path{color:var(--primary-gold);margin-bottom:6px;font-size:12px;font-weight:700}.detail-reflection-box{flex:1;margin-bottom:16px;padding-right:6px;overflow-y:auto}.detail-reflection-text{color:var(--text-primary);margin-bottom:16px;font-size:14px;line-height:1.5}.detail-tags-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tag-badge{border:1px solid var(--panel-border);color:var(--text-secondary);background:#ffffff0d;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.comments-title{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:700}.comments-list{flex-direction:column;flex:1;gap:10px;margin-bottom:14px;display:flex;overflow:hidden auto}.comment-row{gap:10px;font-size:12px;display:flex}.comment-content{border:1px solid var(--panel-border);word-break:break-word;overflow-wrap:break-word;background:#ffffff05;border-radius:8px;flex:1;min-width:0;padding:8px 12px}.comment-action-btn{cursor:pointer;color:var(--text-primary);background:var(--accent-green-glow);border-radius:4px;padding:4px 8px;font-weight:600;transition:all .2s;display:inline-block}.comment-action-btn:hover{color:var(--primary-gold);text-decoration:underline}.comment-action-btn.delete-btn:hover{text-decoration:underline;color:#ef4444!important}.comment-action-btn.report-btn:hover{text-decoration:underline;color:#f59e0b!important}.comment-user{color:var(--text-primary);margin-bottom:2px;font-weight:700}.comment-input-area{align-items:center;gap:8px;display:flex}.btn{font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:20px;outline:none;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2d6a4f,#52b788);border:none;box-shadow:0 4px 14px #2d6a4f4d}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,#40916c,#74c69d);transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f73}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:var(--text-primary);background:#52b78814;border:1px solid #52b78840}.btn-secondary:hover{color:var(--primary-green);background:#52b78826;border-color:#2d6a4f80;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.98)}.share-links-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.spinner-container{justify-content:center;align-items:center;width:100%;padding:40px;display:flex}.spinner{border:2.5px solid #52b78826;border-top-color:var(--accent-green);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stepper-indicator{border-bottom:1px solid var(--panel-border);background:#00000026;justify-content:space-between;padding:16px 24px;display:flex}.step-node{color:var(--text-secondary);cursor:default;transition:var(--transition-smooth);padding-bottom:4px;font-size:12px;font-weight:600;position:relative}.step-node.active{color:var(--primary-gold);border-bottom:2px solid var(--primary-gold)}.step-node.completed{color:var(--accent-emerald)}.wizard-result-row,.wizard-selected-row{border:1px solid var(--panel-border);transition:var(--transition-smooth);background:#ffffff05;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;font-size:13px;display:flex}.wizard-result-row:hover{border-color:var(--panel-border-hover);background:#ffffff0a}.wizard-row-header{justify-content:space-between;align-items:center;display:flex}.wizard-row-title{color:var(--primary-gold);font-weight:700}.wizard-row-action{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:14px}.wizard-row-action:hover{color:var(--primary-gold)}.wizard-row-action.remove-btn:hover{color:#ef4444}.wizard-row-ar{font-family:var(--font-arabic);text-align:right;direction:rtl;margin-top:4px;font-size:20px}.wizard-row-en{color:var(--text-secondary);font-size:12px;line-height:1.4}.wizard-floating-arrow{justify-content:center;align-items:center;display:flex;color:#1b4332!important;cursor:pointer!important;z-index:2010!important;background:#ffffffd9!important;border:1px solid #52b78826!important;border-radius:50%!important;outline:none!important;width:44px!important;height:44px!important;transition:all .22s cubic-bezier(.25,.8,.25,1)!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;box-shadow:0 4px 20px #1b43321a!important}.wizard-floating-arrow:hover{border-color:var(--accent-green)!important;color:var(--primary-green)!important;background:#fff!important;transform:translateY(-50%)scale(1.08)!important;box-shadow:0 6px 24px #1b43322e!important}.wizard-floating-arrow:active{transform:translateY(-50%)scale(.95)!important}.wizard-floating-arrow.prev{left:calc(50% - 446px)!important}.wizard-floating-arrow.next{right:calc(50% - 446px)!important}.carousel-dot{cursor:pointer;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:all .35s cubic-bezier(.32,.72,0,1);background:#ffffff59!important}.carousel-dot.active{box-shadow:0 0 8px #ffffff4d;background:#fff!important;border-radius:4px!important;width:18px!important}.carousel-dot:hover{background:#fffc!important}.pin-remedy-btn.active{background:var(--primary-gold)!important;color:#040805!important;border-color:var(--primary-gold)!important}.pin-remedy-btn.active i{color:#040805!important}.khat-uthmani{font-family:Amiri,serif}.khat-indopak{font-family:Scheherazade New,serif}.khat-simple{font-family:Reem Kufi,sans-serif}.nav-badge{background:var(--accent-green);color:#fff;border:1px solid var(--bg-color);border-radius:50%;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;animation:2s infinite pulse-badge;display:flex;position:absolute;top:6px;right:12px}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.notification-item{border:1px solid var(--panel-border);cursor:pointer;background:#ffffff05;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;transition:all .25s;display:flex;position:relative}.notification-item:hover{background:#52b7880f;border-color:#52b7884d;transform:translate(4px)}.notification-item.unread{border-left:3px solid var(--accent-green);background:#52b7880f}.notification-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.notification-icon-benefit{color:var(--primary-gold);background:#52b78826}.notification-icon-comment{color:#38bdf8;background:#38bdf826}.notification-icon-reshare{color:#4ade80;background:#4ade8026}.chat-split-container{display:flex;height:550px!important}.convo-item{border-bottom:1px solid var(--panel-border);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex;position:relative}.convo-item:hover{background:#ffffff08}.convo-item.active{border-left:3px solid var(--primary-gold);background:#52b78814}.convo-unread-dot{background:var(--primary-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.msg-bubble{word-break:break-word;border-radius:12px;max-width:70%;padding:10px 14px;font-size:13px;line-height:1.45;position:relative;box-shadow:0 2px 4px #0000001a}.msg-bubble.received{color:var(--text-primary);border:1px solid var(--panel-border);background:#ffffff0a;border-bottom-left-radius:2px;align-self:flex-start}.msg-bubble.sent{color:#fff;background:linear-gradient(135deg,#2d6a4f,#52b788);border-bottom-right-radius:2px;align-self:flex-end;font-weight:500}.msg-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.msg-time{opacity:.65;font-size:9px}.msg-bubble.sent .msg-time{color:#fff9}.msg-status{align-items:center;font-size:10px;display:inline-flex}.msg-status-pending{color:#fff6}.msg-status-sent{color:#fff9}.msg-status-read{color:#52b788}.msg-bubble.sent .msg-status-read{color:#a8e6cf}.msg-bubble.msg-pending{opacity:.7}.msg-bubble.msg-failed{opacity:.85;border:1px solid #f8717166}.msg-bubble.msg-failed .msg-status{color:#f87171}.chat-date-separator{justify-content:center;align-items:center;padding:8px 0;display:flex}.chat-date-separator span{color:var(--text-secondary);border:1px solid var(--panel-border);letter-spacing:.3px;background:#ffffff0f;border-radius:12px;padding:4px 14px;font-size:10px;font-weight:500}.msg-animate-in{animation:.25s cubic-bezier(.4,0,.2,1) both msgSlideIn}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.empty-inbox-cta{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.reveal-fade{animation:1s ease-out forwards revealFadeAnim}@keyframes revealFadeAnim{0%{opacity:0}to{opacity:1}}.reveal-typewriter{animation:2s cubic-bezier(.4,0,.2,1) forwards revealTypewriterAnim;-webkit-mask-image:linear-gradient(90deg,#000 0% 50%,#0000 80% 100%);mask-image:linear-gradient(90deg,#000 0% 50%,#0000 80% 100%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:250% 100%;mask-size:250% 100%}@keyframes revealTypewriterAnim{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.reveal-slide-up{animation:1.2s cubic-bezier(.16,1,.3,1) forwards revealSlideUpAnim}@keyframes revealSlideUpAnim{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal-scale-in{animation:1.2s cubic-bezier(.16,1,.3,1) forwards revealScaleInAnim}@keyframes revealScaleInAnim{0%{opacity:0;filter:blur(8px);transform:scale(.94)}to{opacity:1;filter:blur();transform:scale(1)}}.reveal-glow{animation:1.5s cubic-bezier(.16,1,.3,1) forwards revealGlowAnim}@keyframes revealGlowAnim{0%{opacity:0;text-shadow:0 0 20px var(--primary-gold), 0 0 30px var(--primary-gold);color:#0000}40%{opacity:.8;text-shadow:0 0 10px var(--primary-gold), 0 0 20px var(--primary-gold);color:#ffffff80}to{opacity:1;text-shadow:0 0 #0000;color:inherit}}.video-badge-floating{color:#000;text-transform:uppercase;letter-spacing:.5px;z-index:2;background:#2d6a4fe0;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000004d}.video-folder-badge{color:var(--primary-gold);background:#52b7881f;border:1px solid #52b7884d;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.card-menu-btn{color:#ffffffa6;cursor:pointer;z-index:5;opacity:0;background:#00000040;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:opacity .2s,background .2s,color .2s;display:flex;position:absolute;top:12px;left:12px}@media (hover:hover){.remedy-card:hover .card-menu-btn,.remedy-folder-card:hover .card-menu-btn{opacity:1}}@media (hover:none),(width<=768px){.card-menu-btn{opacity:.5!important}}.card-menu-btn:hover{color:#fff;background:#000000b3}.card-menu-dropdown{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);z-index:10;border-radius:8px;flex-direction:column;min-width:130px;padding:4px;display:none;position:absolute;top:45px;left:12px;box-shadow:0 4px 12px #0006}.card-menu-dropdown.active{display:flex}.card-menu-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:11px;font-weight:600;transition:background .2s;display:flex}.card-menu-item:hover{background:#ffffff0d}.card-menu-item.danger{color:#ff4d4d}.card-menu-item.danger:hover{background:#ff4d4d1a}.recitation-player-bar{background:var(--modal-bg);width:calc(100% - 48px);max-width:760px;-webkit-backdrop-filter:var(--glass-blur) saturate(180%);border:1.5px solid var(--modal-border);box-shadow:var(--card-shadow), 0 8px 32px var(--accent-green-glow);z-index:1000;opacity:0;pointer-events:none;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:14px 24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,150%)}.recitation-player-bar.active{opacity:1;pointer-events:auto;transform:translate(-50%)}.player-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.player-avatar{border:1px solid var(--modal-border);width:40px;height:40px;color:var(--primary-gold);background:linear-gradient(135deg,#52b78826,#f3c63f26);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex;box-shadow:0 0 10px #f3c63f26}.player-titles{flex-direction:column;min-width:0;display:flex}.player-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.player-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;align-items:center;gap:4px;margin-top:2px;font-size:11px;transition:color .2s;display:inline-flex;overflow:hidden}.player-subtitle:hover{text-decoration:underline;color:var(--primary-gold)!important}.player-subtitle:after{content:"";color:var(--text-secondary);opacity:.8;font-family:"Font Awesome 6 Free";font-size:8px;font-weight:900;transition:transform .2s;display:inline-block}.player-subtitle:hover:after{color:var(--primary-gold)}.player-controls-mid{flex-direction:column;flex:1.5;align-items:center;gap:8px;min-width:0;display:flex}.player-buttons{align-items:center;gap:14px;display:flex}.player-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .25s;display:flex}.player-btn:hover{color:var(--primary-gold);background:var(--input-bg-focus)}.player-btn.play-toggle{background:linear-gradient(135deg, var(--accent-green), var(--primary-green));color:#fff;width:40px;height:40px;box-shadow:0 4px 12px var(--accent-green-glow);border:1px solid #ffffff26;font-size:14px}.player-btn.play-toggle:hover{background:linear-gradient(135deg, var(--primary-gold), var(--primary-green));color:#fff;box-shadow:0 6px 16px var(--accent-green-glow);transform:scale(1.1)}.player-progress-area{align-items:center;gap:8px;width:100%;display:flex}.progress-track{background:var(--input-bg);border:1px solid var(--panel-border);cursor:pointer;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary-gold), var(--accent-green));width:0%;height:100%;box-shadow:0 0 6px var(--accent-green-glow);border-radius:3px}.time-lbl{color:var(--text-secondary);font-size:9.5px;font-family:var(--font-mono,monospace);text-align:center;min-width:32px;font-weight:600}.player-options{flex:1;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.reciter-select{display:none!important}.reciter-selector-popover{background:var(--modal-bg);width:280px;-webkit-backdrop-filter:var(--glass-blur) saturate(180%);border:1.5px solid var(--modal-border);box-shadow:var(--card-shadow), 0 10px 30px #0000004d;z-index:1010;opacity:0;pointer-events:none;border-radius:16px;flex-direction:column;gap:10px;padding:12px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex;position:absolute;bottom:calc(100% + 12px);left:20px;transform:translateY(10px)scale(.95)}.reciter-selector-popover.active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.reciter-popover-header{color:var(--primary-gold);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}#reciter-popover-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:14px}#reciter-popover-close:hover{color:var(--text-primary)}.reciter-list{flex-direction:column;gap:6px;display:flex}.reciter-item{cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.reciter-item:hover{background:var(--input-bg-focus);border-color:var(--panel-border)}.reciter-item.active{border-color:var(--accent-green);background:#52b7881f}.reciter-avatar-mini{background:linear-gradient(135deg, var(--accent-green), var(--primary-green));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.reciter-item.active .reciter-avatar-mini{background:linear-gradient(135deg, var(--primary-gold), var(--accent-green))}.reciter-details{flex-direction:column;flex:1;min-width:0;display:flex}.reciter-name-lbl{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.reciter-desc-lbl{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:9px;overflow:hidden}.select-check{color:var(--accent-green);font-size:12px;display:none}.reciter-item.active .select-check{display:block}@media (width<=768px){.recitation-player-bar{width:calc(100% - 24px);height:72px;box-shadow:var(--card-shadow), 0 8px 24px #52b78826;border-radius:18px;flex-wrap:nowrap;align-items:center;gap:10px;padding:10px 16px 18px;bottom:84px}.player-avatar{display:none}.player-info{flex:1;order:1;min-width:0}.player-titles{min-width:0}.player-title{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.player-subtitle{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.player-controls-mid{flex:none;order:2;gap:0;margin-top:0}#audio-prev-btn,#audio-next-btn{display:none}.player-btn.play-toggle{width:36px;height:36px;font-size:12px}.player-progress-area{gap:0;width:calc(100% - 32px);height:4px;padding:0;position:absolute;inset:auto 16px 8px}.player-progress-area .time-lbl{display:none}.progress-track{background:#ffffff14;border:none;border-radius:2px;height:4px;margin:0;overflow:hidden}.progress-fill{border-radius:2px}.player-options{flex:none;order:3;gap:6px}.reciter-select{max-width:85px;height:28px;padding:4px 6px;font-size:9.5px}#audio-close-btn{width:28px;height:28px;font-size:12px}}.wizard-nav-pill button{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.wizard-nav-pill button:hover{transform:translateY(-2px)}#wizard-prev-btn:hover{background:#ffffff1a!important;border-color:#fff3!important}#wizard-next-btn:hover{filter:brightness(1.1);box-shadow:0 6px 20px #52b78880!important}.carousel-media-console{z-index:10;pointer-events:auto;align-items:center;gap:16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.console-nav-btn,.console-divider{display:none!important}.console-center-area{align-items:center;gap:12px;display:flex}.console-dots{align-items:center;gap:8px;display:flex}.console-audio-wrapper{align-items:center;gap:8px;display:none}.console-sub-divider{display:none!important}.console-audio-btn#detail-audio-play-btn{width:20px!important;height:20px!important;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .2s!important;display:flex!important}.console-audio-btn#detail-audio-play-btn:hover{transform:scale(1.15)!important}.console-audio-btn#detail-audio-play-btn:active{transform:scale(.9)!important}.console-audio-btn#detail-audio-play-btn i{color:#fff!important;margin-left:0!important;font-size:13px!important}.console-audio-btn#detail-audio-play-btn i.fa-play{margin-left:1px!important}@keyframes fabPulse{0%,to{box-shadow:0 0 0 4px #d4af3726,0 3px 10px #d4af3759}50%{box-shadow:0 0 0 8px #d4af3714,0 3px 14px #d4af3773}}.console-audio-progress-container,.console-audio-track,.console-audio-fill,.console-audio-time,#detail-audio-mute-btn.console-audio-btn{display:none!important}#detail-audio-mute-btn.console-audio-btn:hover{color:#fff!important;background:#ffffff1a!important}#detail-audio-mute-btn.console-audio-btn i{color:#fff9!important;margin-left:0!important;font-size:10px!important}#detail-board-reflection,#profile-bio{word-break:break-word;overflow-wrap:break-word}.follow-btn{cursor:pointer;border:1.5px solid var(--accent-green);color:var(--accent-green);white-space:nowrap;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.follow-btn:hover{background:var(--accent-green);color:#fff;transform:scale(1.04);box-shadow:0 4px 16px #52b7884d}.follow-btn.following{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.follow-btn.following:hover{color:#e74c3c;background:0 0;border-color:#e74c3c;box-shadow:0 4px 16px #e74c3c33}.follow-btn i{font-size:12px}.profile-action-btns{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}#quran-progress-btn{display:inline-flex;border:1.5px solid var(--primary-gold)!important;color:#fff!important;background:linear-gradient(135deg,#1b4332,#2d6a4f)!important;border-radius:8px!important;align-items:center!important;gap:8px!important;height:44px!important;padding:10px 18px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 12px #c69b2d1f!important}#quran-progress-btn:hover{background:linear-gradient(135deg,#2d6a4f,#40916c)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #c69b2d33!important}#edit-profile-btn{display:inline-flex;border:1px solid var(--panel-border)!important;height:28px!important;color:var(--text-secondary)!important;box-shadow:none!important;background:#ffffff08!important;border-radius:6px!important;align-items:center!important;gap:5px!important;padding:5px 11px!important;font-size:11px!important;font-weight:500!important;transition:all .2s!important}#edit-profile-btn:hover{color:var(--text-primary)!important;background:#ffffff14!important}.feed-suggestion-card{background:var(--panel-bg);width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:16px;margin-bottom:20px;padding:16px 12px;overflow:visible}.feed-suggestion-card .suggestion-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.feed-suggestion-card .suggestion-header h3{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.feed-suggestion-card .suggestion-header h3 i{color:var(--primary-gold);font-size:16px}.feed-suggestion-card .suggestion-header .see-all-link{color:var(--primary-gold);cursor:pointer;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .2s}.feed-suggestion-card .suggestion-header .see-all-link:hover{opacity:.7}.suggestion-scroll-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--panel-border) transparent;gap:14px;margin-top:-8px;padding-top:8px;padding-bottom:8px;display:flex;overflow:auto visible}.suggestion-scroll-row::-webkit-scrollbar{height:4px}.suggestion-scroll-row::-webkit-scrollbar-track{background:0 0}.suggestion-scroll-row::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}.suggestion-chip{border:1px solid var(--panel-border);text-align:center;scroll-snap-align:start;cursor:pointer;background:#ffffff08;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:8px;min-width:160px;max-width:180px;padding:16px 14px;transition:border-color .3s,transform .2s;display:flex}.suggestion-chip:hover{border-color:var(--primary-gold);transform:translateY(-2px);box-shadow:0 6px 20px #d4af371f}.suggestion-chip .chip-avatar{object-fit:cover;border:2px solid var(--panel-border);border-radius:50%;width:52px;height:52px;transition:border-color .3s}.suggestion-chip:hover .chip-avatar{border-color:var(--primary-gold)}.suggestion-chip .chip-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.suggestion-chip .chip-handle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.suggestion-chip .chip-meta{color:var(--text-secondary);align-items:center;gap:4px;font-size:10px;display:flex}.suggestion-chip .chip-meta i{color:var(--primary-gold);font-size:9px}.follow-chip-btn{cursor:pointer;border:1.5px solid var(--primary-gold);color:var(--primary-gold);white-space:nowrap;background:0 0;border-radius:16px;align-items:center;gap:4px;margin-top:4px;padding:5px 14px;font-size:11px;font-weight:600;transition:all .25s;display:inline-flex}.follow-chip-btn:hover{background:var(--primary-gold);color:#1a1a2e;transform:scale(1.05)}.follow-chip-btn.following{background:var(--primary-gold);color:#1a1a2e}.follow-chip-btn.following:hover{color:#e74c3c;background:0 0;border-color:#e74c3c}.seeker-rank-row{border:1px solid var(--panel-border);cursor:pointer;box-sizing:border-box;background:#ffffff08;border-radius:12px;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:border-color .3s,transform .2s;display:flex}.seeker-rank-row:hover{border-color:var(--primary-gold);transform:translate(2px)}.seeker-rank-badge{color:#1a1a2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9.5px;font-weight:800;display:flex}.seeker-rank-row .chip-avatar{object-fit:cover;border:1.5px solid var(--panel-border);border-radius:50%;flex-shrink:0;width:28px;height:28px}.seeker-info-col{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.seeker-info-col .chip-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.seeker-info-col .chip-handle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.seeker-rank-badge.rank-1{background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 8px #ffd70080}.seeker-rank-badge.rank-2{background:linear-gradient(135deg,silver,#a8a8a8);box-shadow:0 2px 8px #c0c0c066}.seeker-rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 2px 8px #cd7f3266}.seeker-engagement-score{color:var(--primary-gold);background:#d4af371a;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-flex}.seeker-engagement-score i{font-size:9px}.feed-sponsored-card{background:var(--panel-bg);width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:16px;margin-bottom:20px;padding:24px 20px;position:relative;overflow:hidden}.feed-sponsored-card:before{content:"";background:linear-gradient(90deg, var(--primary-gold), var(--accent-emerald), var(--primary-gold));opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}.sponsored-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);opacity:.7;align-items:center;gap:4px;margin-bottom:12px;font-size:10px;font-weight:700;display:inline-flex}.sponsored-tag i{font-size:9px}.sponsored-content{align-items:center;gap:16px;display:flex}.sponsored-icon{width:56px;height:56px;color:var(--primary-gold);background:linear-gradient(135deg,#52b78826,#2ecc711a);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.sponsored-text h4{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.sponsored-text p{color:var(--text-secondary);font-size:12px;line-height:1.5}.sponsored-cta{color:var(--primary-gold);cursor:pointer;background:#52b7881f;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.sponsored-cta:hover{background:#52b78840}.sponsored-dismiss{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;opacity:.5;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.sponsored-dismiss:hover{opacity:1;background:#ffffff1a}.privacy-toggle-group{flex-direction:column;gap:8px;display:flex}.privacy-option{border:1px solid var(--panel-border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.privacy-option:hover{border-color:var(--primary-gold)}.privacy-option input[type=radio]{accent-color:var(--primary-gold);flex-shrink:0;width:16px;height:16px}.privacy-option .privacy-label{flex-direction:column;display:flex}.privacy-option .privacy-label strong{color:var(--text-primary);font-size:13px;font-weight:600}.privacy-option .privacy-label span{color:var(--text-secondary);margin-top:2px;font-size:11px}.notification-icon-follow{color:var(--accent-emerald);background:#2ecc7126}#edit-avatar-trigger:hover{transform:scale(1.03);box-shadow:0 0 12px #2ecc7140;border-color:var(--accent-emerald)!important}#edit-avatar-trigger:hover #edit-avatar-overlay{opacity:1!important}#edit-avatar-trigger:hover #edit-avatar-preview-icon{color:var(--primary-gold)!important}.section-header{z-index:110;background:var(--sticky-hdr-bg);border-bottom:1px solid var(--panel-border);flex-direction:column;align-items:flex-start;width:calc(100% + 60px);margin:-30px -30px 24px;padding:30px 30px 16px;transition:background .3s;display:flex;position:sticky;top:-30px}.section-header-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.feed-header-controls{flex-wrap:wrap;align-items:center;gap:16px;width:100%;margin-top:16px;display:flex}.desktop-settings-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.desktop-settings-btn:hover{color:var(--primary-gold);opacity:1;background:#ffffff0d;transform:rotate(45deg)}@media (width<=768px){.desktop-settings-btn{display:none!important}}#global-settings-btn,#theme-toggle-btn.header-theme-icon{display:none!important}.hidden-tools-row{border-bottom:1px solid var(--panel-border);opacity:.55;justify-content:center;align-items:center;gap:12px;margin-bottom:4px;padding:8px 0 16px;transition:opacity .35s;display:flex}.hidden-tools-row:hover{opacity:1}.hidden-tool-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:#52b7880d;border:1px solid #52b78833;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:15px;transition:all .28s cubic-bezier(.4,0,.2,1);display:flex;position:relative}#comment-emoji-btn:hover,#chat-emoji-btn:hover,.reply-emoji-btn:hover{color:var(--accent-green)!important;border-color:var(--accent-green)!important;background:#52b78826!important}.settings-menu-item.active{color:var(--accent-green);border-left:2px solid var(--accent-green);background:#52b7881a}.hidden-tool-btn:hover{border-color:var(--accent-green);color:var(--primary-green);background:#52b7882e;transform:translateY(-3px)scale(1.12);box-shadow:0 6px 20px #52b78840,0 0 0 3px #52b78814}.hidden-tool-btn:active{transform:translateY(0)scale(.97)}.htb-tooltip{color:var(--primary-green);font-family:var(--font-sans);white-space:nowrap;pointer-events:none;opacity:0;z-index:200;background:#fffffff5;border:1px solid #52b7884d;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.hidden-tool-btn:hover .htb-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.salah-modal-wrapper,.sunnah-modal-wrapper{scrollbar-width:thin;max-width:560px;max-height:88vh;overflow-y:auto}.qibla-modal-wrapper{flex-direction:column;width:90%;max-width:1050px;height:88vh;min-height:550px;max-height:800px;display:flex;overflow:hidden}.salah-modal-head{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.salah-head-left{align-items:center;gap:14px;display:flex}.salah-head-icon{width:42px;height:42px;color:var(--primary-gold);background:#52b78826;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.salah-hijri-label{color:var(--text-secondary);margin-top:2px;font-size:11px}.salah-location-row{color:var(--text-secondary);border-bottom:1px solid var(--panel-border);background:#0000001a;align-items:center;gap:8px;padding:10px 22px;font-size:12px;display:flex}.salah-location-row i{color:var(--accent-emerald);font-size:11px}.salah-dot-sep{opacity:.3}.salah-loc-display{align-items:center;gap:6px;display:flex}.salah-loc-edit-btn{color:var(--primary-gold);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:11px;transition:opacity .2s,transform .2s;display:inline-flex}.salah-loc-edit-btn:hover{opacity:1;transform:scale(1.1)}.salah-search-bar{border-bottom:1px solid var(--panel-border);background:#00000026;align-items:center;gap:8px;padding:12px 22px;transition:all .3s;display:flex}.salah-ring-section{border-bottom:1px solid var(--panel-border);align-items:center;gap:24px;padding:22px;display:flex}.salah-ring-wrap{flex-shrink:0;width:120px;height:120px;position:relative}.salah-ring-svg{width:120px;height:120px;transform:rotate(-90deg)}.salah-ring-track{fill:none;stroke:#ffffff0f;stroke-width:8px}.salah-ring-fill{fill:none;stroke:var(--primary-gold);stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 6px #d4af3780);transition:stroke-dashoffset 1s linear}.salah-ring-inner{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.salah-countdown-text{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:20px;font-weight:700}.salah-next-label{color:var(--primary-gold);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:600}.salah-greeting-block{flex-direction:column;flex:1;gap:4px;display:flex}.salah-greeting-text{color:var(--text-primary);font-size:16px;font-weight:700}.salah-greeting-sub{color:var(--text-secondary);margin-bottom:12px;font-size:11px}.salah-notif-row{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;width:fit-content;font-size:12px;font-weight:600;transition:color .2s;display:flex}.salah-notif-row:hover{color:var(--text-primary)}.salah-notif-row input[type=checkbox]{display:none}.salah-notif-slider{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;width:36px;height:20px;transition:background .3s,border-color .3s;display:inline-block;position:relative}.salah-notif-slider:after{content:"";background:#fff6;border-radius:50%;width:12px;height:12px;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s;position:absolute;top:3px;left:3px}.salah-notif-row input:checked~.salah-notif-slider{border-color:var(--primary-gold);background:#52b7884d}.salah-notif-row input:checked~.salah-notif-slider:after{background:var(--primary-gold);transform:translate(16px)}.salah-times-grid{flex-direction:column;gap:2px;padding:10px 16px;display:flex}.salah-prayer-row{cursor:default;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:11px 14px;transition:all .3s;display:flex}.salah-prayer-row:hover{background:#ffffff08}.salah-prayer-row.active{box-shadow:inset 4px 0 0 var(--primary-gold);background:linear-gradient(90deg,#d4af3726 0%,#d4af3708 100%);border-color:#52b7884d;animation:2.5s ease-in-out infinite salah-pulse}@keyframes salah-pulse{0%,to{box-shadow:inset 4px 0 0 var(--primary-gold), 0 0 0 0 #d4af3700}50%{box-shadow:inset 4px 0 0 var(--primary-gold), 0 0 14px 0 #d4af3726}}.salah-prayer-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.fajr-icon{color:#818cf8;background:#6366f126}.sunrise-icon{color:#fb923c;background:#f9731626}.dhuhr-icon{color:#fbbf24;background:#eab3082e}.asr-icon{color:#34d399;background:#10b98126}.maghrib-icon{color:#f87171;background:#ef444426}.isha-icon{color:#c084fc;background:#8b5cf626}.salah-prayer-info{flex-direction:column;flex:1;gap:2px;display:flex}.salah-prayer-name{color:var(--text-primary);font-size:14px;font-weight:700}.salah-prayer-sub{color:var(--text-secondary);font-size:10px}.salah-prayer-time{color:var(--primary-gold);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.salah-prayer-row.active .salah-prayer-time{color:var(--primary-gold);text-shadow:0 0 10px #d4af3780}.salah-calc-row{border-top:1px solid var(--panel-border);background:#00000014;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.salah-calc-label{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.salah-calc-select{border:1px solid var(--panel-border);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:#0a120c99;border-radius:8px;outline:none;padding:6px 10px;font-size:12px;transition:border-color .2s}.salah-calc-select:focus{border-color:var(--primary-gold)}.qf-fullscreen{z-index:2000;width:100vw;height:100vh;font-family:var(--font-sans);background:#020d0a;display:none;position:fixed;inset:0;overflow:hidden}.qf-fullscreen.active{display:block}.qf-hidden{display:none!important}.qf-video-bg{object-fit:cover;z-index:0;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.qf-video-bg.qf-ar-active{opacity:1}.qf-ar-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qf-screen{z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#qf-onboard{background:linear-gradient(170deg,#041f14 0%,#072516 30%,#0a2e1b 55%,#04140e 100%);justify-content:center}.qf-onboard-bg{pointer-events:none;background:radial-gradient(120% 60% at 50% 10%,#52b7882e 0%,#0000 70%),radial-gradient(80% 40% at 80% 80%,#10b9811a 0%,#0000 60%);position:absolute;inset:0}.qf-onboard-content{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:420px;max-height:100%;padding:16px 24px;display:flex;position:relative;overflow-y:auto}.qf-kaaba-pin{justify-content:center;align-items:center;width:100px;height:100px;margin-top:1vh;margin-bottom:2vh;display:flex;position:relative}.qf-kaaba-ring{border:2px solid #52b78859;border-radius:50%;animation:2.8s ease-out infinite qf-ring-expand;position:absolute}.qf-ring-1{width:80px;height:80px;animation-delay:0s}.qf-ring-2{width:110px;height:110px;animation-delay:.8s}.qf-ring-3{width:140px;height:140px;animation-delay:1.6s}@keyframes qf-ring-expand{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.3)}}.qf-kaaba-icon{background:radial-gradient(circle at 40% 35%,#52b7884d 0%,#021e12f2 100%);border:2px solid #52b78880;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:3.5s ease-in-out infinite qf-kaaba-float;display:flex;box-shadow:0 0 30px #52b7884d,0 0 60px #52b7881a}@keyframes qf-kaaba-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.qf-onboard-text{text-align:center;margin-top:8px;margin-bottom:28px}.qf-onboard-text h1{color:#e8f5ef;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:800}.qf-onboard-text p{color:#e8f5ef99;font-size:15px;line-height:1.5}.qf-onboard-steps{flex-direction:column;gap:10px;width:100%;margin-bottom:24px;display:flex}.qf-step{color:#e8f5efbf;text-align:left;background:#52b78814;border:1px solid #52b7882e;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.qf-step-icon{width:34px;height:34px;color:var(--accent-green);background:#52b78826;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.qf-cta-btn{background:linear-gradient(135deg, var(--accent-green) 0%, #2d9d6e 100%);color:#fff;width:100%;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;padding:16px;font-size:16px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 8px 24px #52b78866}.qf-cta-btn:active{transform:scale(.97);box-shadow:0 4px 12px #52b7884d}.qf-text-btn{color:#e8f5ef80;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:13px;transition:color .2s;display:flex}.qf-text-btn:hover{color:#e8f5efcc}.qf-close-btn{top:calc(env(safe-area-inset-top,0px) + 16px);color:#ffffffd9;cursor:pointer;z-index:20;background:#0000008c;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .2s;display:flex;position:absolute;right:16px}.qf-close-btn:active{transform:scale(.9)}#qf-loading{background:#020d0a}.qf-loading-content{flex-direction:column;align-items:center;gap:24px;display:flex}.qf-loading-ring{width:80px;height:80px;position:relative}.qf-loading-ring svg{width:80px;height:80px}.qf-spin-arc{transform-origin:50%;animation:1.2s linear infinite qf-spin}@keyframes qf-spin{to{transform:rotate(360deg)}}.qf-loading-icon{color:var(--accent-green);justify-content:center;align-items:center;width:100%;height:100%;margin:0;font-size:24px;display:flex;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.qf-loading-text{color:#e8f5efb3;text-align:center;padding:0 32px;font-size:14px}#qf-main{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(#020d0a 0%,#031a10 40%,#041f14 100%);justify-content:space-between;transition:background .3s}#qf-main.qf-ar-mode-active{background:0 0!important}#qf-main .qf-compass-stage{transition:opacity .3s,transform .3s}#qf-main.qf-ar-mode-active .qf-compass-stage{display:none!important}.qf-top-hud{z-index:15;justify-content:space-between;align-items:center;width:100%;padding:16px 16px 8px;display:flex}.qf-hud-btn{color:#e8f5ef;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;transition:all .2s;display:flex}.qf-hud-btn:active{background:#ffffff26;transform:scale(.9)}.qf-hud-btn.qf-ar-on{border-color:var(--accent-green);color:var(--accent-green);background:#52b78840}.qf-location-pill{color:#e8f5efcc;background:#0000008c;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:6px;max-width:180px;padding:7px 14px;font-size:12px;display:flex;overflow:hidden}.qf-location-pill i{color:var(--accent-green);flex-shrink:0}.qf-location-pill span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qf-compass-stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.qf-compass-outer{flex-shrink:0;width:300px;height:300px;position:relative}.qf-compass-outer canvas{width:300px;height:300px;display:block}.qf-kaaba-arrow{transform-origin:3px 120px;flex-direction:column;align-items:center;gap:0;width:6px;height:140px;margin-top:-120px;margin-left:-3px;display:flex;position:absolute;top:50%;left:50%}.qf-arrow-shaft{background:linear-gradient(180deg, var(--accent-green) 0%, #52b78866 100%);border-radius:3px 3px 0 0;flex:1;width:3px;box-shadow:0 0 8px #52b78899}.qf-arrow-pin{background:linear-gradient(135deg, var(--accent-green) 0%, #1d7a50 100%);border-radius:50% 50% 50% 0;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;transform:rotate(-45deg)translate(6px,-6px);box-shadow:0 4px 20px #52b78899,0 0 40px #52b78840}.qf-arrow-pin i{color:#fff;font-size:18px;transform:rotate(45deg)}.qf-arrow-glow{pointer-events:none;background:radial-gradient(circle,#52b78840 0%,#0000 70%);border-radius:50%;width:60px;height:60px;position:absolute;bottom:18px}.qf-compass-center-dot{background:var(--primary-gold);z-index:5;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #d4af37b3}.qf-turn-guide{color:#e8f5ef;letter-spacing:.5px;-webkit-backdrop-filter:blur(12px);z-index:10;pointer-events:none;background:#041f14e0;border:1.5px solid #52b78899;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #0006,0 0 15px #52b7884d}.qf-turn-guide i{color:var(--accent-green);font-size:14px}.qf-turn-left{animation:1.5s ease-in-out infinite qf-pulse-left;left:10px}.qf-turn-right{animation:1.5s ease-in-out infinite qf-pulse-right;right:10px}@keyframes qf-pulse-left{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(-5px)}}@keyframes qf-pulse-right{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(5px)}}.qf-aligned-ring{border:3px solid var(--accent-green);opacity:0;pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 35px #52b78899,inset 0 0 20px #52b7884d}.qf-aligned-pop-circle{opacity:0;pointer-events:none;z-index:4;background:radial-gradient(circle,#52b78866 0%,#d4af3733 50%,#0000 75%);border-radius:50%;width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.qf-aligned-ring.qf-ring-animate{animation:1.1s cubic-bezier(.34,1.56,.64,1) forwards qf-ring-overshoot}.qf-aligned-pop-circle.qf-pop-animate{animation:.9s cubic-bezier(.34,1.56,.64,1) forwards qf-circle-overshoot-pop}@keyframes qf-ring-overshoot{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}75%{transform:translate(-50%,-50%)scale(.96)}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)}}@keyframes qf-circle-overshoot-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}60%{opacity:.95;transform:translate(-50%,-50%)scale(1.25)}85%{transform:translate(-50%,-50%)scale(.95)}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}.qf-bottom-bar{flex-direction:column;align-items:center;gap:12px;width:100%;padding:12px 20px 20px;display:flex}.qf-accuracy-pill{color:#e8f5efa6;background:#00000059;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:7px;padding:5px 14px;font-size:11px;display:flex}.qf-accuracy-dot{background:#888;border-radius:50%;width:7px;height:7px;transition:background .4s}.qf-accuracy-dot.qf-acc-good{background:#22c55e;box-shadow:0 0 6px #22c55eb3}.qf-accuracy-dot.qf-acc-medium{background:#f59e0b;box-shadow:0 0 6px #f59e0bb3}.qf-accuracy-dot.qf-acc-bad{background:#ef4444}.qf-info-row{justify-content:center;gap:10px;width:100%;display:flex}.qf-info-pill{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;max-width:110px;padding:10px 8px;display:flex}.qf-info-pill-center{background:#52b7881a;border-color:#52b7884d}.qf-info-label{text-transform:uppercase;letter-spacing:.8px;color:#e8f5ef73;font-size:9px;font-weight:700}.qf-info-val{color:#e8f5ef;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px;font-weight:800}.qf-info-pill-center .qf-info-val{color:var(--accent-green);text-align:center;font-size:13px}.qf-hint{color:#e8f5ef59;text-align:center;padding:0 10px;font-size:11px;line-height:1.5}.qf-change-city-btn{font-size:12px}.qf-aligned-toast{color:#fff;z-index:20;white-space:nowrap;background:linear-gradient(135deg,#22c55ee6 0%,#10b981d9 100%);border-radius:30px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:700;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards qf-toast-in;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #22c55e80}@keyframes qf-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.qf-sheet{z-index:30;padding-bottom:env(safe-area-inset-bottom,0px);background:#0c1e14;border-top:1px solid #52b78833;border-top-left-radius:24px;border-top-right-radius:24px;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(0)}.qf-sheet-hidden{transform:translateY(110%)}.qf-sheet-handle{background:#fff3;border-radius:4px;width:40px;height:4px;margin:12px auto 0}.qf-sheet-content{flex-direction:column;align-items:center;gap:12px;padding:20px 24px 24px;display:flex}.qf-sheet-title{color:#e8f5ef;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.qf-sheet-title i{color:var(--accent-green)}.qf-sheet-sub{color:#e8f5ef80;text-align:center;font-size:13px}.qf-search-row{gap:10px;width:100%;display:flex}.qf-city-input{color:#e8f5ef;font-family:var(--font-sans);background:#ffffff12;border:1px solid #52b78840;border-radius:14px;outline:none;flex:1;padding:14px 16px;font-size:15px;transition:border-color .2s}.qf-city-input::placeholder{color:#e8f5ef4d}.qf-city-input:focus{border-color:var(--accent-green)}.qf-search-btn{background:var(--accent-green);color:#fff;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;transition:all .2s;display:flex}.qf-search-btn:active{transform:scale(.95)}.qf-sheet-cancel{color:#e8f5ef66;font-size:14px}.leaflet-container{font-family:var(--font-sans)!important;background:#0d1117!important}.leaflet-control-zoom a{color:var(--primary-gold)!important;background:#0a120cd9!important;border-color:#d4af3733!important}.qf-mobile-only{display:block}.qf-desktop-only{display:none}@media (width>=769px){.qf-fullscreen{justify-content:center;align-items:center;display:none;background:#000000d9!important}.qf-fullscreen.active{display:flex!important}.qf-mobile-only{display:none!important}.qf-desktop-only{justify-content:center;align-items:center;width:100%;height:100%;display:flex}}.qibla-status-bar{color:var(--accent-emerald);background:#10b98112;border-bottom:1px solid #10b98126;align-items:center;gap:10px;padding:10px 22px;font-size:12px;display:flex}.qibla-status-bar i{flex-shrink:0;font-size:13px}.qibla-info-cards{border-bottom:1px solid var(--panel-border);background:#10b98105;gap:0;display:flex}.qibla-info-card{text-align:center;border-right:1px solid var(--panel-border);flex:1;padding:22px 16px;transition:background-color .3s}.qibla-info-card:hover{background-color:#10b9810d}.qibla-info-card:last-child{border-right:none}.qibla-info-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:600}.qibla-info-card-val{color:var(--accent-emerald);font-variant-numeric:tabular-nums;text-shadow:0 0 12px #10b98140;font-size:28px;font-weight:800}.qibla-map-section{border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.qibla-compass-wrap{border-right:1px solid var(--panel-border);background:linear-gradient(#00000040 0%,#00000073 100%);flex-shrink:0;justify-content:center;align-items:center;width:260px;display:flex}.qibla-compass-rose{background:radial-gradient(circle,#0c160ff2 0%,#060c08fa 100%);border:2px solid #d4af3759;border-radius:50%;width:180px;height:180px;position:relative;box-shadow:0 0 30px #10b98126,inset 0 0 25px #000c}.qibla-compass-label{color:var(--text-secondary);letter-spacing:.5px;font-size:12px;font-weight:900;position:absolute}.qibla-n{color:#ef4444;text-shadow:0 0 8px #ef444466;font-size:14px;top:-22px;left:50%;transform:translate(-50%)}.qibla-s{bottom:-20px;left:50%;transform:translate(-50%)}.qibla-e{top:50%;right:-20px;transform:translateY(-50%)}.qibla-w{top:50%;left:-20px;transform:translateY(-50%)}.qibla-needle{transform-origin:50%;flex-direction:column;align-items:center;transition:transform .3s;display:flex;position:absolute;inset:0}.qibla-needle-tip{border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:78px solid var(--accent-emerald);filter:drop-shadow(0 0 6px #10b981e6);width:0;height:0;margin-top:6px}.qibla-needle-tail{border-top:58px solid #ffffff26;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0}.qibla-compass-center{background:var(--primary-gold);z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #d4af37b3}.qibla-map-container{background:#0d1117;flex:1;height:100%}.qibla-desktop-footer{border-top:1px solid var(--panel-border);background:#00000026;justify-content:space-between;align-items:center;gap:20px;padding:14px 22px;display:flex}.qd-footer-search{flex:1;align-items:center;gap:10px;max-width:500px;display:flex}.qd-footer-search i{color:var(--text-secondary);font-size:14px}.qibla-close-btn-footer{border:1px solid var(--panel-border);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:#ffffff14;border-radius:10px;padding:9px 24px;font-size:13px;font-weight:600;transition:all .2s}.qibla-close-btn-footer:hover{background:#ffffff26;border-color:#ffffff4d}.qibla-city-input{border:1px solid var(--panel-border);color:var(--text-primary);font-family:var(--font-sans);background:#0000004d;border-radius:10px;outline:none;flex:1;padding:9px 14px;font-size:13px;transition:border-color .2s}.qibla-city-input:focus{border-color:var(--accent-emerald)}.qibla-city-btn{color:var(--accent-emerald);font-family:var(--font-sans);cursor:pointer;background:#10b98133;border:1px solid #10b98166;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s}.qibla-city-btn:hover{border-color:var(--accent-emerald);background:#10b98159}[data-theme=light] .qibla-compass-rose{background:radial-gradient(circle,#f5f3ebf2 0%,#ebe6dcfa 100%)}[data-theme=light] .qibla-map-container{background:#e8e0d4}.sunnah-modal-wrapper{max-width:560px}.sunnah-modal-head{justify-content:space-between;align-items:center;display:flex}.sunnah-header-progress{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.sunnah-progress-pct{color:var(--primary-gold);font-size:10px;font-weight:800;position:absolute}.sunnah-date-row{color:var(--text-secondary);border-bottom:1px solid var(--panel-border);background:#0000001a;align-items:center;gap:8px;padding:10px 22px;font-size:12px;display:flex}.sunnah-date-row i{color:var(--primary-gold);font-size:11px}.sunnah-progress-sub{color:var(--text-secondary);font-size:11px}.sunnah-checklist-container{flex-direction:column;gap:0;padding:16px;display:flex}.sunnah-loading{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:32px 16px;font-size:13px;display:flex}.sunnah-block{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:14px;transition:border-color .2s;overflow:hidden}.sunnah-block:hover{border-color:rgba(var(--block-color,212, 175, 55), .25)}.sunnah-block-header{border-left:4px solid var(--block-color,var(--primary-gold));align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.sunnah-block-icon-wrap{width:34px;height:34px;color:var(--block-color,var(--primary-gold));background:#ffffff0d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.sunnah-block-titles{flex:1;min-width:0}.sunnah-block-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.sunnah-block-subtitle{color:var(--text-secondary);margin-top:2px;font-size:11px}.sunnah-tasks-list{flex-direction:column;gap:8px;padding:8px 14px 14px;display:flex}.sunnah-task{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9px;align-items:flex-start;gap:10px;padding:8px 10px;transition:background .2s;display:flex}.sunnah-task:hover{background:#ffffff08}.sunnah-task input[type=checkbox]{display:none}.sunnah-check-box{background:#ffffff0a;border:1.5px solid #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sunnah-check-box i{color:#0000;font-size:10px;transition:color .2s}.sunnah-task.done .sunnah-check-box{background:var(--accent-emerald);border-color:var(--accent-emerald);box-shadow:0 0 8px #10b98159}.sunnah-task.done .sunnah-check-box i{color:#fff}.sunnah-task-text{color:var(--text-primary);flex:1;font-size:13px;line-height:1.5;transition:opacity .2s,-webkit-text-decoration .2s,text-decoration .2s}.sunnah-task.done .sunnah-task-text{opacity:.45;text-decoration:line-through}[data-theme=light] .salah-ring-track{stroke:#00000014}[data-theme=light] .qf-fullscreen.active{background:#0000008c!important}[data-theme=light] .qf-info-pill{background:#0000000a!important;border-color:#0000001a!important}[data-theme=light] .qf-info-val{color:var(--text-primary)!important}[data-theme=light] .qf-location-pill{color:var(--text-primary)!important;background:#0000000f!important}[data-theme=light] .sunnah-block{background:#00000005;border-color:#00000014}[data-theme=light] .salah-calc-select{background:#f5f3ebcc}[data-theme=light] .search-bar input{color:var(--text-primary)}[data-theme=light] .search-bar input::placeholder{color:var(--text-secondary);opacity:.7}[data-theme=light] .search-bar i{color:var(--text-secondary)}.comment-replies-container{border-left:1.5px solid #52b78833;flex-direction:column;gap:8px;margin-top:8px;margin-bottom:10px;margin-left:36px;padding-left:12px;display:flex}.reply-comment-row{background:#ffffff03;border-radius:8px;gap:10px;padding:6px 8px;transition:background-color .2s;display:flex;font-size:11.5px!important}.reply-comment-row:hover{background:#ffffff06}.inline-reply-box{align-items:center;gap:8px;width:100%;animation:.25s cubic-bezier(.175,.885,.32,1.275) fadeInReply;display:flex}.reply-input-field{width:100%;color:var(--text-primary);border:1px solid var(--panel-border);box-sizing:border-box;background:#00000059;border-radius:20px;outline:none;padding:6px 36px 6px 12px;font-size:12px;transition:border-color .2s,box-shadow .2s}.reply-input-field:focus{border-color:var(--primary-gold);box-shadow:0 0 8px #52b78833}.submit-reply-btn{color:var(--primary-gold);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:12px;transition:transform .2s,opacity .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.submit-reply-btn:hover{transform:translateY(-50%)scale(1.15)}.cancel-reply-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:11px;transition:color .2s}.cancel-reply-btn:hover{color:var(--text-primary)}@keyframes fadeInReply{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.social-tab-btn.active:after{content:"";background:var(--primary-gold);width:70%;height:2px;box-shadow:0 0 8px var(--primary-gold);border-radius:2px;animation:.25s cubic-bezier(.4,0,.2,1) slideUnderline;position:absolute;bottom:0;left:15%}.social-relation-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000040;background:#ffffff0a!important;border-color:#52b78840!important}@keyframes slideUnderline{0%{width:0%;left:50%}to{width:70%;left:15%}}.emoji-picker-popover{transform-origin:bottom;flex-direction:column;animation:.22s cubic-bezier(.175,.885,.32,1.15) pickerFadeIn;display:flex}@keyframes pickerFadeIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.emoji-cat-btn{filter:grayscale();opacity:.5;transition:all .2s}.emoji-cat-btn:hover{filter:grayscale(0%);opacity:.85;transform:scale(1.15)}.emoji-cat-btn.active{filter:grayscale(0%);opacity:1;border-bottom:2px solid var(--primary-gold)!important;background:#52b78826!important}.emoji-item-chip{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:20px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.emoji-item-chip:hover{background:#ffffff14;transform:scale(1.22)}.emoji-item-chip:active{transform:scale(.9)}#comment-emoji-btn:hover,#chat-emoji-btn:hover,.settings-menu-item.active{color:var(--text-primary);border-left-color:var(--accent-green);background:#52b7881a;font-weight:600}.profile-board-carousel-container{justify-content:center;align-items:center;gap:16px;width:100%;max-width:680px;margin:0 auto;display:flex;position:relative}.profile-slide-card-container{flex:1;min-width:0;position:relative}.prev-profile-slide,.next-profile-slide{border:1px solid var(--panel-border);color:var(--text-primary);cursor:pointer;background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.prev-profile-slide:hover,.next-profile-slide:hover{border-color:var(--primary-gold);color:var(--primary-gold);background:#52b78826;transform:scale(1.08);box-shadow:0 0 10px #52b78833}.prev-profile-slide:active,.next-profile-slide:active{transform:scale(.95)}@media (width<=650px){.profile-board-carousel-container{gap:0;position:relative}.prev-profile-slide,.next-profile-slide{z-index:10;background:#0a120cd9;border:1px solid #ffffff26;width:38px;height:38px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000080}.prev-profile-slide{left:-12px}.next-profile-slide{right:-12px}}.profile-section-header{color:var(--primary-gold);border-bottom:1px solid var(--panel-border);text-transform:uppercase;letter-spacing:.5px;grid-column:1/-1;align-items:center;gap:8px;margin-top:24px;margin-bottom:12px;padding-bottom:6px;font-size:15px;font-weight:700;display:flex}.profile-section-header i{font-size:14px}.folder-saved-source{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:6px;font-size:11px;display:flex}.folder-saved-source i{color:var(--primary-gold);font-size:10px}.profile-board-split-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:32px;width:100%;margin-top:10px;display:flex}.profile-board-left-col{flex-direction:column;flex:1.2;gap:16px;width:100%;min-width:0;max-width:580px;display:flex}.profile-board-right-col{flex-direction:column;flex:.8;width:100%;max-width:460px;display:flex}.profile-slide-reflection-box{border:1px solid var(--panel-border);box-sizing:border-box;background:#ffffff05;border-radius:16px;flex-direction:column;width:100%;min-height:320px;padding:24px;display:flex}@media (width<=900px){.profile-board-split-layout{flex-direction:column;align-items:center;gap:24px}.profile-board-left-col,.profile-board-right-col{flex:none;max-width:580px}.profile-slide-reflection-box{min-height:auto}}#admin-seekers-panel{cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s!important}#admin-seekers-panel:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #2ecc7140;border-color:var(--accent-emerald)!important}#admin-tickets-panel{cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s!important}#admin-tickets-panel:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #3498db40;border-color:#3498db!important}.priority-tag{text-transform:uppercase;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.priority-high{color:#e74c3c;background:#e74c3c26}.priority-medium{color:#f1c40f;background:#f1c40f26}.priority-low{color:var(--accent-emerald);background:#2ecc7126}.ticket-cat-tag{text-transform:capitalize;border:1px solid var(--panel-border);color:var(--text-secondary);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.status-indicator{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pending{color:#e74c3c;background:#e74c3c1f;border:1px solid #e74c3c40}.status-in-progress{color:#f1c40f;background:#f1c40f1f;border:1px solid #f1c40f40}.status-resolved{color:var(--accent-emerald);background:#2ecc711f;border:1px solid #2ecc7140}.verification-banner{background:linear-gradient(135deg,#52b7881f 0%,#2ecc710d 100%);border:1px solid #52b78840;border-radius:16px;align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex;position:relative;overflow:hidden}.verification-banner:before{content:"";background:var(--primary-gold);width:4px;height:100%;position:absolute;top:0;left:0}.verification-banner-icon{width:60px;height:60px;color:var(--primary-gold);background:#52b78826;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;display:flex;box-shadow:0 0 16px #52b78833}.verification-benefits-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.verification-benefit-card{border:1px solid var(--panel-border);background:#ffffff05;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:all .25s;display:flex}.verification-benefit-card:hover{background:#ffffff0a;border-color:#52b7884d;transform:translateY(-2px)}.verification-benefit-icon{width:32px;height:32px;color:var(--accent-emerald);background:#2ecc711a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.verification-benefit-icon.gold{color:var(--primary-gold);background:#d4af371a}.verification-dropzone{border:2px dashed var(--panel-border);text-align:center;cursor:pointer;background:#00000026;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:24px;transition:all .25s;display:flex;position:relative}.verification-dropzone:hover,.verification-dropzone.dragover{border-color:var(--primary-gold);background:#d4af3708}.verification-dropzone-icon{color:var(--text-secondary);font-size:32px;transition:color .25s,transform .25s}.verification-dropzone:hover .verification-dropzone-icon,.verification-dropzone.dragover .verification-dropzone-icon{color:var(--primary-gold);transform:translateY(-3px)}.upload-progress-container{background:#ffffff0d;border-radius:6px;width:100%;height:6px;margin-top:8px;display:none;overflow:hidden}.upload-progress-bar{background:linear-gradient(90deg, var(--primary-gold), var(--accent-emerald));border-radius:6px;width:0%;height:100%;transition:width .1s linear}.uploaded-doc-chip{box-sizing:border-box;background:#2ecc7114;border:1px solid #2ecc7133;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:10px 14px;animation:.3s cubic-bezier(.4,0,.2,1) slideInDown;display:flex}.uploaded-doc-info{color:var(--text-primary);align-items:center;gap:10px;min-width:0;font-size:12px;display:flex}.uploaded-doc-info i{color:var(--accent-emerald);font-size:16px}.uploaded-doc-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.uploaded-doc-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:12px;transition:color .2s;display:flex}.uploaded-doc-remove:hover{color:#e74c3c}.timeline-container{justify-content:space-between;margin:32px 0 20px;padding:0 10px;display:flex;position:relative}.timeline-line-bg{z-index:1;background:#ffffff0d;height:3px;position:absolute;top:15px;left:30px;right:30px}.timeline-line-progress{background:linear-gradient(90deg, var(--primary-gold), var(--accent-emerald));z-index:2;width:0%;height:3px;transition:width .5s;position:absolute;top:15px;left:30px}.timeline-step{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:8px;width:80px;display:flex}.timeline-dot{background:var(--body-bg);border:2.5px solid var(--panel-border);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .3s;display:flex}.timeline-step.active .timeline-dot{border-color:var(--primary-gold);color:var(--primary-gold);box-shadow:0 0 12px #52b78840}.timeline-step.completed .timeline-dot{border-color:var(--accent-emerald);background:var(--accent-emerald);color:#1a1a2e}.timeline-label{color:var(--text-secondary);font-size:11px;font-weight:600;transition:color .3s}.timeline-step.active .timeline-label{color:var(--primary-gold)}.timeline-step.completed .timeline-label{color:var(--text-primary)}.verified-scholar-glow-card{text-align:center;background:linear-gradient(135deg,#d4af3714 0%,#0a120c66 100%);border:1px solid #52b7884d;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:28px;display:flex;position:relative;box-shadow:0 10px 30px #d4af370d,inset 0 0 20px #d4af370d}.rosette-badge-glow-anim{color:var(--primary-gold);filter:drop-shadow(0 0 12px #52b78880);font-size:38px;animation:3s ease-in-out infinite rosette-pulse}@keyframes rosette-pulse{0%,to{filter:drop-shadow(0 0 10px #52b78880);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #d4af37cc);transform:scale(1.06)}}.qualification-badge{color:var(--primary-gold);text-transform:uppercase;background:#d4af371a;border:1px solid #52b78840;border-radius:20px;margin-top:4px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-block}.reading-wave-dots{align-items:center;gap:1.5px;display:inline-flex}.reading-wave-dots .dot{font-size:14px;font-weight:800;line-height:1;animation:1.4s ease-in-out infinite readingDotWave;display:inline-block}@keyframes readingDotWave{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;color:var(--accent-green);transform:translateY(-3.5px)}}.reading-active-card{animation:3s ease-in-out infinite readingCardPulse;box-shadow:0 0 0 1px #52b78833,inset 0 0 20px #52b78805;background:#52b7880a!important;border-color:#52b78866!important}@keyframes readingCardPulse{0%,to{box-shadow:0 0 0 1px #52b78833,inset 0 0 20px #52b78805}50%{box-shadow:0 0 12px #52b78859,inset 0 0 24px #52b7880d}}.verse-bookmark-overlay{letter-spacing:.6px;text-transform:uppercase;z-index:5;pointer-events:none;border-radius:0 12px;align-items:center;gap:5px;padding:5px 12px 5px 10px;font-size:9px;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) bookmarkSlideIn;display:flex;position:absolute;top:0;right:0}.verse-bookmark-overlay[data-type=completed]{color:var(--primary-gold);background:linear-gradient(135deg,#d4af3740,#d4af371a);border-bottom:1px solid #d4af3766;border-left:1px solid #d4af3766;box-shadow:-3px 3px 16px #d4af372e}.verse-bookmark-overlay[data-type=reading]{color:#f08080;background:linear-gradient(135deg,#d23c3c40,#b423231a);border-bottom:1px solid #d23c3c73;border-left:1px solid #d23c3c73;box-shadow:-3px 3px 16px #d23c3c33}.bookmark-glow-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.verse-bookmark-overlay[data-type=completed] .bookmark-glow-dot{background:var(--primary-gold);box-shadow:0 0 6px var(--primary-gold);animation:2s ease-in-out infinite goldGlowPulse}.verse-bookmark-overlay[data-type=reading] .bookmark-glow-dot{background:#f08080;animation:2s ease-in-out infinite redGlowPulse;box-shadow:0 0 6px #dc5050e6}.bookmark-label-text{font-size:8px;font-weight:800;line-height:1}.verse-bookmark-overlay i{font-size:9px}@keyframes goldGlowPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}@keyframes redGlowPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}@keyframes bookmarkSlideIn{0%{opacity:0;transform:translateY(-4px)translate(4px)scale(.8)}to{opacity:1;transform:translateY(0)translate(0)scale(1)}}.verse-card-reader[data-bookmark=completed]{box-shadow:0 0 14px #d4af3712;background:#d4af3706!important;border-color:#d4af3752!important}.verse-card-reader[data-bookmark=reading]{box-shadow:0 0 14px #d23c3c14;background:#d23c3c06!important;border-color:#d23c3c52!important}@keyframes highlightFlash{0%{box-shadow:0 0 24px #52b78866;border-color:var(--accent-green)!important;background:#52b78859!important}to{box-shadow:none;background:#ffffff03;border-color:#0000}}.highlight-pulse{animation:1.6s cubic-bezier(.25,1,.5,1) forwards highlightFlash!important}.quran-resume-sidebar-card{cursor:pointer;background:linear-gradient(135deg,#52b78826,#d4af3714);border:1px solid #52b78840;border-radius:14px;margin-bottom:16px;padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #52b7880f}.quran-resume-sidebar-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.quran-resume-sidebar-card:hover{border-color:#52b78866;transform:translateY(-2px);box-shadow:0 8px 24px #52b7881f}.quran-resume-sidebar-card:hover:before{transform:translate(100%)}.quran-resume-sidebar-card:active{transform:translateY(0)scale(.98)}.resume-card-body{align-items:center;gap:12px;display:flex}.resume-card-icon{width:36px;height:36px;color:var(--accent-green);background:#52b78833;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:all .3s;display:flex}.quran-resume-sidebar-card:hover .resume-card-icon{background:var(--accent-green);color:#1a2e26;box-shadow:0 0 10px var(--accent-green-glow)}.resume-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.resume-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:800}.resume-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;font-weight:700;overflow:hidden}.resume-subtitle{color:var(--accent-green);margin-top:1px;font-size:11px;font-weight:600}.resume-card-action{width:30px;height:30px;color:var(--text-primary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:all .3s;display:flex}.quran-resume-sidebar-card:hover .resume-card-action{background:var(--primary-green);color:#fff;border-color:#0000;transform:scale(1.1)}.qp-stat-card{border:1px solid var(--panel-border);text-align:center;transition:var(--transition-smooth);background:#ffffff05;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;display:flex}.qp-stat-card:hover{border-color:rgba(var(--primary-gold-rgb), .3);background:#ffffff0a}.qp-stat-card i{margin-bottom:2px;font-size:18px}.qp-stat-card h3{color:var(--text-primary);margin:0;font-size:24px;font-weight:800;line-height:1}.qp-stat-card p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin:0;font-size:10px;font-weight:600}.qp-month-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.qp-month-bar{background:linear-gradient(#10b981b3,#52b78880);border-radius:4px 4px 0 0;width:100%;min-height:3px;transition:height .8s cubic-bezier(.4,0,.2,1);position:relative}.qp-month-bar:hover:after{content:attr(data-label);color:var(--text-primary);border:1px solid var(--panel-border);white-space:nowrap;z-index:10;background:#0a120cf2;border-radius:5px;padding:3px 6px;font-size:9px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.qp-month-label{color:var(--text-secondary);text-align:center;flex:1;font-size:9px;font-weight:600}.qp-surah-row{cursor:pointer;transition:var(--transition-fast);background:#ffffff03;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.qp-surah-row:hover{border-color:rgba(var(--primary-gold-rgb), .15);background:#ffffff0a}.qp-surah-row.qp-completed{background:#2ecc710d;border-color:#2ecc7126}.qp-surah-row.qp-in-progress{background:#e74c3c0a;border-color:#e74c3c26}.qp-surah-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.qp-surah-num{color:var(--text-secondary);text-align:right;flex-shrink:0;width:22px;font-size:10px;font-weight:700}.qp-surah-name-en{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.qp-surah-name-ar{font-family:var(--font-arabic);color:var(--primary-gold);flex-shrink:0;font-size:13px}.qp-surah-bookmark-tag{border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:700}.qp-surah-bookmark-tag.reading{color:var(--accent-green);background:#52b78826}.qp-surah-bookmark-tag.completed{color:var(--primary-gold);background:#d4af3726}.qp-khatam-badge{color:var(--primary-gold);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#52b78833,#10b98126);border:1px solid #d4af3766;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}#qp-continue-bar:hover{transition:var(--transition-smooth);background:linear-gradient(135deg,#10b98126,#52b7881f);border-color:#10b98166;transform:translateY(-1px)}@media (width<=540px){#quran-progress-modal .modal-wrapper{max-height:96vh}#quran-progress-modal [style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}.mobile-bottom-nav{display:none}@media (width<=768px){html,body{overscroll-behavior-y:none;width:100%;height:100%;overflow:hidden}.remedy-card .card-footer{border-top:1px dashed #ffffff14!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding-top:8px!important;display:flex!important}.remedy-card .user-badge{justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.remedy-card .username-text{color:var(--text-primary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:60%!important;font-size:11px!important;font-weight:700!important;overflow:hidden!important}.remedy-card .user-badges-group{flex-shrink:0!important;align-items:center!important;gap:4px!important;display:flex!important}.remedy-card .user-flag{align-items:center!important;font-size:11px!important;display:inline-flex!important}.remedy-card .scholar-badge-mini{color:var(--primary-gold)!important;align-items:center!important;font-size:10px!important;display:inline-flex!important}.remedy-card .card-actions-stats{background:#ffffff08!important;border:1px solid #ffffff0d!important;border-radius:8px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:2px!important;padding:6px 12px!important;display:flex!important}.remedy-card .card-stat{color:var(--text-secondary)!important;align-items:center!important;gap:4px!important;font-size:11px!important;display:flex!important}.remedy-card .card-stat i{opacity:.85!important;font-size:11px!important}.remedy-card .card-stat:first-child i{color:var(--primary-gold)!important}.sidebar{display:none!important}.main-content{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;overflow-y:auto;padding:0 8px calc(72px + env(safe-area-inset-bottom,0px)) 8px!important}.view-section{padding-top:env(safe-area-inset-top,0px)!important}#feed-section{padding-top:0!important}.section-header{z-index:100!important;background:var(--sticky-hdr-bg)!important;padding:env(safe-area-inset-top,0px) 0 0 0!important;border-bottom:1px solid var(--panel-border)!important;flex-direction:column!important;width:calc(100% + 16px)!important;margin:0 -8px 12px!important;display:flex!important;position:sticky!important;top:0!important}body:not([data-current-view=feed]) .section-header,.section-header-content{display:none!important}#global-settings-btn{top:calc(env(safe-area-inset-top,0px) + 14px)!important;z-index:1000!important;background:var(--panel-bg)!important;width:36px!important;height:36px!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--panel-border)!important;color:var(--text-primary)!important;box-shadow:var(--card-shadow)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;right:14px!important}#global-settings-btn i{font-size:16px!important}#profile-section.viewing-other #global-settings-btn{display:none!important}#theme-toggle-btn.header-theme-icon{z-index:1000!important;background:var(--panel-bg)!important;width:36px!important;height:36px!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--panel-border)!important;color:var(--text-primary)!important;box-shadow:var(--card-shadow)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;top:14px!important;left:14px!important;right:auto!important}#theme-toggle-btn.header-theme-icon i{font-size:16px!important}#profile-section.viewing-other #theme-toggle-btn.header-theme-icon{display:none!important}.feed-header-controls{flex-direction:column!important;gap:10px!important;width:100%!important;margin-top:0!important;display:flex!important}.search-bar-row{align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.remedy-logo-btn{background:var(--input-bg);border:1px solid var(--input-border);width:40px;height:40px;color:var(--accent-green);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #52b7881a;display:flex!important}.remedy-logo-btn:active{transform:scale(.9)}.remedy-logo-btn i{font-size:18px;animation:2.5s ease-in-out infinite pulse-logo}@keyframes pulse-logo{0%,to{filter:drop-shadow(0 0 #52b78800);transform:scale(1)}50%{filter:drop-shadow(0 0 6px var(--accent-green));transform:scale(1.08)}}.search-bar{margin-right:6px;flex:1!important;width:auto!important}.hidden-features-dropdown-container{flex-shrink:0;position:relative;display:block!important}.hidden-features-btn{background:var(--input-bg);border:1px solid var(--input-border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d;display:flex!important}.hidden-features-btn:active{transform:scale(.9)}.hidden-features-btn i{font-size:18px}.glass-menu{background:var(--panel-bg);width:170px;-webkit-backdrop-filter:var(--glass-blur) saturate(180%);border:1px solid var(--panel-border);z-index:1001;transform-origin:100% 0;border-radius:14px;flex-direction:column;gap:2px;padding:6px;animation:.22s cubic-bezier(.34,1.56,.64,1) forwards menuFadeIn;display:none;position:absolute;top:48px;right:0;box-shadow:0 10px 30px #00000040}.glass-menu.show{display:flex}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.92)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.menu-item-btn{width:100%;color:var(--text-primary);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.menu-item-btn:active{background:var(--input-bg-focus)}.menu-item-btn i{text-align:center;width:18px;font-size:14px}.filter-tabs{width:100%!important;margin-bottom:0!important}.masonry-feed,.masonry-col-wrapper{gap:8px!important}.remedy-card-inner{transform:translateZ(0);-webkit-backdrop-filter:none!important;background:var(--panel-bg)!important;border:1px solid var(--panel-border)!important;border-radius:16px!important;outline:none!important;overflow:hidden!important}.card-header-art{min-height:120px!important;padding:12px 14px!important}.card-arabic{margin-bottom:6px!important;font-size:15px!important;line-height:1.5!important}.card-translation{font-size:10px!important;line-height:1.2!important}.card-body{padding:10px 12px!important}.card-remedy-title{letter-spacing:.4px!important;margin-bottom:4px!important;font-size:11px!important}.card-reflection{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin-bottom:8px!important;font-size:11px!important;line-height:1.3!important;display:-webkit-box!important;overflow:hidden!important}.username-mini{font-size:10px!important}.avatar-mini{width:18px!important;height:18px!important}.card-actions-stats{gap:6px!important;font-size:10px!important}.mobile-bottom-nav{height:calc(56px + env(safe-area-inset-bottom,0px));background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);z-index:999;padding:0 10px env(safe-area-inset-bottom,0px) 10px;box-sizing:border-box;border-top:none;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}.mb-nav-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;margin:0;padding:0;font-size:10px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.mb-nav-btn i{font-size:18px;transition:transform .2s}.mb-nav-btn span{opacity:.8;font-size:9px}.mb-nav-btn:hover,.mb-nav-btn.active{color:var(--primary-gold)}.mb-nav-btn.active i{filter:drop-shadow(0 0 6px var(--primary-gold));transform:scale(1.1)}.mb-nav-btn.active span{opacity:1;font-weight:700}.mb-nav-btn.mb-craft-btn{background:linear-gradient(135deg, var(--accent-green), var(--primary-green));border:3px solid var(--bg-color);z-index:1000;border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;display:flex;box-shadow:0 6px 16px #52b78866;color:#fff!important}.mb-nav-btn.mb-craft-btn i{font-size:22px;color:#fff!important}.mb-nav-btn.mb-craft-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #52b78899}.recitation-player-bar{width:calc(100% - 24px)!important;bottom:80px!important;left:50%!important;transform:translate(-50%,150%)!important}.recitation-player-bar.active{transform:translate(-50%)!important}#remedy-detail-modal{-webkit-backdrop-filter:blur(16px)!important;background:#080d09f2!important;padding:0!important}#remedy-detail-modal .modal-wrapper{width:100vw!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;margin:0!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;transform:translate(0,0)scale(1)!important}#detail-carousel-pane{width:100vw!important;height:45dvh!important;min-width:unset!important;box-sizing:border-box!important;opacity:0!important;z-index:1!important;will-change:transform, opacity!important;background:0 0!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:opacity .35s cubic-bezier(.25,1,.5,1),transform .35s cubic-bezier(.25,1,.5,1)!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;overflow:hidden!important}#remedy-detail-modal.active #detail-carousel-pane{opacity:1!important;transform:scale(1)!important}#detail-info-pane{transform:translateY(100dvh);width:100vw!important;height:100dvh!important;min-width:unset!important;z-index:2!important;background:var(--bg-color)!important;border-left:none!important;border-top:1px solid var(--panel-border)!important;box-sizing:border-box!important;will-change:transform!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important;margin-top:0!important;padding:24px 16px 12px!important;transition:transform .4s cubic-bezier(.25,1,.5,1)!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -10px 30px #0000004d!important}#detail-info-pane.dragging,#detail-carousel-pane.dragging{transition:none!important}#remedy-detail-modal.active #detail-info-pane:not(.state-expanded):not(.state-dismissed),#detail-info-pane.state-collapsed{transform:translateY(45dvh)}#detail-info-pane.state-expanded{transform:translate(0,0)}#detail-info-pane.state-dismissed{transform:translateY(100dvh)}#detail-remedy-category{display:none!important}#detail-info-pane:before{content:"";opacity:.8;background:#ffffff59;border-radius:2px;width:40px;height:4px;transition:width .3s cubic-bezier(.32,.72,0,1),background .3s;position:absolute;top:8px;left:50%;transform:translate(-50%)}#detail-info-pane.dragging:before{background:var(--primary-gold);opacity:1;width:56px}@keyframes handlePulse{0%,to{opacity:.8;width:40px}50%{opacity:1;width:52px}}#detail-info-pane.state-collapsed:before{animation:2s ease-in-out .5s 2 handlePulse}#detail-info-pane.state-collapsed .detail-content-scroll-panel:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg-color));pointer-events:none;z-index:5;height:60px;position:absolute;bottom:0;left:0;right:0}.detail-content-scroll-panel{position:relative!important}#detail-video-container{justify-content:center!important;height:100%!important}#detail-card-container{width:100%!important;height:100%!important}.carousel-track-container{width:100%!important;height:100%!important;margin:0!important;padding:0!important}.card-preview{min-height:unset!important;box-sizing:border-box!important;border-radius:0!important;flex-direction:column!important;justify-content:space-between!important;width:100%!important;height:100%!important;padding:24px 20px!important;display:flex!important;overflow:hidden auto!important}.card-preview .card-scroll-body{flex-direction:column!important;padding-top:18px!important;padding-bottom:56px!important;display:flex!important}.card-preview .card-scroll-content{flex-direction:column!important;justify-content:center!important;width:100%!important;margin:auto 0!important;display:flex!important}.card-preview>:not(.aurora-container){z-index:2!important;position:relative!important}.card-preview .card-arabic{text-align:center!important;text-shadow:0 2px 8px #0009!important;margin-bottom:14px!important;font-size:24px!important;line-height:1.8!important}.card-preview .card-translation{text-align:center!important;font-size:13px!important;line-height:1.5!important;font-family:var(--font-sans), sans-serif!important;text-shadow:0 1px 4px #0009!important;opacity:.95!important}.carousel-media-console{z-index:10!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;inset:auto auto 12px 50%!important;transform:translate(-50%)!important}#carousel-prev-btn,#carousel-next-btn{display:none!important}.carousel-media-console .console-center-area{flex-direction:row!important;align-items:center!important;gap:8px!important;display:flex!important}.carousel-media-console .console-dots{align-items:center!important;gap:6px!important;display:flex!important}.carousel-media-console .console-audio-wrapper{align-items:center!important;gap:8px!important;display:flex!important}.carousel-media-console .console-audio-btn#detail-audio-play-btn i{font-size:13px!important}@keyframes mobileZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes mobileSlideUp{0%{transform:translateY(100%)}to{transform:translate(0,0)}}.quran-grid{height:calc(100dvh - 72px - env(safe-area-inset-bottom) - env(safe-area-inset-top,0px) - 24px)!important;grid-template-columns:1fr!important;gap:0!important;position:relative!important;overflow:hidden!important}.quran-surahs-list{box-sizing:border-box!important;border-radius:12px!important;width:100%!important;height:100%!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s!important;display:flex!important}.quran-verses-view{z-index:100!important;box-sizing:border-box!important;border-radius:12px!important;width:100%!important;height:100%!important;padding:16px!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;transform:translate(100%)!important;box-shadow:-8px 0 24px #00000073!important}.quran-grid.show-verses .quran-verses-view{transform:translate(0,0)!important}.quran-grid.show-verses .quran-surahs-list{opacity:.4!important;transform:translate(-30%)!important}.quran-reader-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:12px!important;padding-bottom:8px!important}.quran-reader-controls{justify-content:space-between!important;width:100%!important;margin-top:4px!important}.quran-back-btn,.chat-back-btn{border:1px solid var(--panel-border)!important;color:var(--text-primary)!important;cursor:pointer!important;background:#ffffff0f!important;border-radius:8px!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;transition:background .2s!important;display:inline-flex!important}.quran-back-btn:active,.chat-back-btn:active{background:#ffffff26!important}.chat-split-container{height:calc(100dvh - 72px - env(safe-area-inset-bottom) - env(safe-area-inset-top,0px) - 24px)!important;border:1px solid var(--panel-border)!important;background:#ffffff03!important;border-radius:12px!important;display:block!important;position:relative!important;overflow:hidden!important}.chat-sidebar{border-right:none!important;width:100%!important;height:100%!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s!important}#chat-window-pane{z-index:100!important;background:var(--bg-color)!important;width:100%!important;height:100%!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:absolute!important;top:0!important;left:0!important;transform:translate(100%)!important;box-shadow:-8px 0 24px #00000073!important}.chat-split-container.show-chat #chat-window-pane{transform:translate(0,0)!important}.chat-split-container.show-chat .chat-sidebar{opacity:.4!important;transform:translate(-30%)!important}.verse-play-btn,.pin-remedy-btn{border-radius:50%!important;justify-content:center!important;align-items:center!important;gap:0!important;width:28px!important;height:28px!important;padding:0!important;font-size:0!important;transition:transform .1s cubic-bezier(.4,0,.2,1),background-color .2s,border-color .2s,box-shadow .2s!important;display:inline-flex!important}.verse-play-btn:active,.pin-remedy-btn:active{background-color:#52b7882e!important;border-color:#52b78866!important;transform:scale(.9)!important}.verse-play-btn i,.pin-remedy-btn i{margin:0!important;font-size:11px!important;transition:transform .2s!important;display:inline-block!important}.verse-play-btn i.fa-play{transform:translate(1px)!important}.pin-remedy-btn i.fa-thumbtack{transform:translateY(1px)!important}#quran-clear-select-btn{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;font-size:0!important;display:inline-flex!important}#quran-clear-select-btn:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-size:14px!important;font-weight:900!important}#quran-bulk-pin-btn{border-radius:50%!important;justify-content:center!important;align-items:center!important;gap:0!important;width:36px!important;height:36px!important;padding:0!important;font-size:0!important;display:inline-flex!important}#quran-bulk-pin-btn span{display:none!important}#quran-bulk-pin-btn i{justify-content:center!important;align-items:center!important;margin:0!important;font-size:14px!important;line-height:1!important;display:inline-flex!important;transform:translateY(-1px)!important}#benefit-btn{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:0!important;font-size:0!important;display:inline-flex!important;position:relative!important}#benefit-btn span{display:none!important}#benefit-btn i{margin:0!important;font-size:15px!important}#detail-benefit-count{background:var(--primary-gold)!important;color:#1a1a2e!important;border:1.5px solid var(--bg-color)!important;border-radius:10px!important;padding:2px 5px!important;font-size:9px!important;font-weight:800!important;line-height:1!important;display:block!important;position:absolute!important;top:-6px!important;right:-6px!important}#reshare-btn{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:0!important;font-size:0!important;display:inline-flex!important}#reshare-btn span{display:none!important}#reshare-btn i{margin:0!important;font-size:15px!important}.mb-nav-btn span{display:none!important}.mb-nav-btn i{font-size:22px!important}.profile-header-card{text-align:center!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:16px!important}.profile-info-main{text-align:center!important;flex-direction:column!important;gap:12px!important}.profile-meta-text{flex-direction:column!important;align-items:center!important;display:flex!important}.profile-action-btns{justify-content:center!important;width:100%!important}.profile-header-actions-stats{align-items:center!important;width:100%!important}.profile-stats-grid{justify-content:center!important;gap:16px!important;width:100%!important}.boards-grid{grid-template-columns:1fr!important;gap:16px!important}#settings-modal{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--bg-color)!important;padding:0!important}#settings-modal .modal-wrapper{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;transition:transform .3s cubic-bezier(.1,.76,.55,.94)!important;transform:translateY(100%)!important}#settings-modal.active .modal-wrapper{transform:translate(0,0)!important}.settings-split-container{width:100%!important;height:calc(100vh - 60px)!important;display:block!important;position:relative!important;overflow:hidden!important}.settings-sidebar{opacity:1!important;box-sizing:border-box!important;background:0 0!important;border-right:none!important;flex-direction:column!important;gap:4px!important;width:100%!important;height:100%!important;padding:16px 12px!important;transition:transform .35s cubic-bezier(.1,.76,.55,.94),opacity .35s!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;overflow-y:auto!important;transform:translate(0,0)!important}.settings-split-container.show-panel .settings-sidebar{opacity:0!important;pointer-events:none!important;transform:translate(-20%)!important}.settings-sidebar .settings-group-title{text-transform:uppercase!important;color:var(--primary-gold)!important;letter-spacing:1px!important;opacity:.8!important;padding:12px 16px 6px!important;font-size:11px!important;font-weight:700!important;display:block!important}.settings-sidebar div[style*="height: 1px"]{background:var(--panel-border)!important;opacity:.5!important;height:1px!important;margin:8px 16px!important;display:block!important}.settings-menu-item{border:1px solid var(--panel-border)!important;width:100%!important;color:var(--text-secondary)!important;text-align:left!important;box-sizing:border-box!important;cursor:pointer!important;background:#ffffff08!important;border-radius:14px!important;align-items:center!important;gap:12px!important;margin:0!important;padding:14px 18px!important;font-size:13px!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.settings-menu-item:hover,.settings-menu-item.active{color:var(--text-primary)!important;background:#ffffff0f!important;border-color:#d4af3759!important}.settings-menu-item:after{content:"";opacity:.5;margin-left:auto;font-family:"Font Awesome 6 Free";font-size:10px;font-weight:900;transition:opacity .2s}.settings-menu-item[data-tab=logout]:after{display:none!important}.settings-content{z-index:100!important;background:var(--bg-color)!important;box-sizing:border-box!important;border-top:none!important;flex-direction:column!important;width:100%!important;height:100%!important;padding:16px!important;transition:transform .35s cubic-bezier(.1,.76,.55,.94)!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;overflow-y:auto!important;transform:translate(100%)!important}.settings-split-container.show-panel .settings-content{transform:translate(0,0)!important}.settings-back-btn{border:1px solid var(--panel-border)!important;color:var(--text-primary)!important;cursor:pointer!important;background:#ffffff0f!important;border-radius:50%!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;margin-bottom:16px!important;transition:background .2s,transform .2s!important;display:inline-flex!important}.settings-back-btn:hover{background:#ffffff1f!important;transform:scale(1.05)!important}.settings-back-btn i{font-size:14px!important}#craft-wizard-modal{-webkit-backdrop-filter:blur(10px)!important;z-index:2000!important;box-sizing:border-box!important;background:#0a120c99!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;padding:16px!important;display:none!important;position:fixed!important;inset:0!important}#craft-wizard-modal.active{display:flex!important}#craft-wizard-modal .modal-wrapper{border:1.5px solid var(--modal-border)!important;background:var(--modal-bg)!important;box-sizing:border-box!important;border-radius:28px!important;flex-direction:column!important;width:calc(100vw - 24px)!important;max-width:440px!important;height:min(640px,90dvh)!important;max-height:90dvh!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;transition:transform .3s cubic-bezier(.1,.76,.55,.94)!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:scale(.93)!important;box-shadow:0 24px 70px #0a120c40!important}#craft-wizard-modal.active .modal-wrapper{transform:scale(1)!important}#craft-wizard-modal .modal-head{border:none!important;height:0!important;padding:0!important;display:block!important}#craft-wizard-modal .modal-head h3{display:none!important}#craft-wizard-modal #wizard-close-btn{z-index:2020!important;background:var(--panel-bg)!important;border:1px solid var(--panel-border)!important;width:32px!important;height:32px!important;color:var(--text-primary)!important;cursor:pointer!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;display:flex!important;position:absolute!important;top:16px!important;right:16px!important;box-shadow:0 2px 6px #0000001a!important}#craft-wizard-modal .stepper-indicator{z-index:105!important;background:#00000026!important;border-bottom:none!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important;flex-direction:row!important;gap:4px!important;height:4px!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;right:0!important;overflow:hidden!important}#craft-wizard-modal .step-separator{display:none!important}#craft-wizard-modal .step-node{text-indent:-9999px!important;background:#ffffff26!important;border:none!important;border-radius:0!important;flex:1!important;height:4px!important;margin:0!important;padding:0!important;font-size:0!important;transition:background .3s!important;display:block!important}#craft-wizard-modal .step-node.active{background:var(--primary-gold)!important}#craft-wizard-modal .step-node.completed{background:var(--accent-emerald)!important}#craft-wizard-modal .modal-body{box-sizing:border-box!important;flex:1!important;height:auto!important;min-height:0!important;padding:24px 0 16px!important;overflow:hidden!important}.wizard-step-pane{box-sizing:border-box!important;padding-left:16px!important;padding-right:16px!important}.wizard-card-board{box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:column!important;flex:1!important;gap:12px!important;padding:12px 0 0!important;display:flex!important;overflow-y:auto!important}#wizard-step-1 .wizard-card-board{overflow-y:hidden!important}.wizard-search-pane{height:0!important;min-height:150px!important;max-height:unset!important;background:var(--input-bg)!important;border:1.5px solid var(--panel-border)!important;border-radius:16px!important;flex-direction:column!important;flex:auto!important;display:flex!important;overflow:hidden!important}.wizard-step2-grid{min-height:unset!important;flex-direction:column!important;flex:1!important;gap:12px!important;height:auto!important;display:flex!important;overflow:visible!important}#wizard-selected-pane,.wizard-selected-pane{display:none!important}#wizard-search-btn{background:linear-gradient(135deg, var(--primary-green), var(--accent-green))!important;color:#fff!important;border:none!important;border-radius:40px!important;padding:12px 20px!important;font-weight:700!important;box-shadow:0 4px 10px #2d6a4f33!important}#wizard-step-1 div[style*="display: flex; gap: 10px; align-items: center; flex-wrap: wrap;"]{flex-direction:column!important;align-items:stretch!important;gap:8px!important}#wizard-step-1 #wizard-verse-search,#wizard-step-1 #wizard-translation-select,#wizard-step-1 #wizard-search-btn{width:100%!important}#wizard-step-2 .wizard-card-board{grid-template-columns:1fr!important;gap:16px!important;overflow-y:auto!important}#wizard-card-preview{aspect-ratio:1/1.25!important;width:auto!important;max-height:220px!important;min-height:unset!important;margin:0 auto!important;padding:16px!important}#wizard-card-preview #preview-verse-arabic{font-size:20px!important;line-height:1.8!important}#wizard-card-preview #preview-verse-trans{font-size:11px!important;line-height:1.3!important}.wizard-nav-pill{display:none!important}}.swipe-drag-handle{opacity:.65;cursor:grab;background:#ffffff40;border-radius:2px;width:38px;height:4px;margin:-10px auto 14px;transition:opacity .2s,background-color .2s}.swipe-drag-handle:active{cursor:grabbing;background:var(--primary-gold);opacity:.95}.spring-reset{transition:transform .35s cubic-bezier(.175,.885,.32,1.275)!important}.shake-anim{animation:.45s ease-in-out formShake!important}@keyframes formShake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(2px)}}.gesture-toast-error{color:#fca5a5;z-index:99999;opacity:0;pointer-events:none;background:#1a0c0efa;border:1px solid #e74c3c;border-left-width:3px;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:11.5px;font-weight:600;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .2s;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 20px #0006}.gesture-toast-error.active{opacity:1;transform:translate(-50%)translateY(0)}.aurora-container{z-index:1;pointer-events:none;background:#070d0a;position:absolute;inset:0;overflow:hidden}.aurora-blob{-webkit-filter:blur(80px);opacity:.8;mix-blend-mode:screen;will-change:transform;backface-visibility:hidden;border-radius:50%;width:380px;height:380px;transition:left .4s cubic-bezier(.25,.8,.25,1),top .4s cubic-bezier(.25,.8,.25,1),background .4s;position:absolute;transform:translate(-50%,-50%)}.aurora-container.dragging .aurora-blob{transition:none!important;animation:none!important}.aurora-container.aurora-off-screen .aurora-blob{animation-play-state:paused!important}.aurora-container~:not(.aurora-node-knob),.card-preview .card-arabic,.card-preview .card-translation,.card-preview span,.card-header-art .card-arabic,.card-header-art .card-translation{z-index:2!important;position:relative!important}.aurora-container.aurora-animated .blob-1{animation:9s ease-in-out infinite alternate aurora-float-1}.aurora-container.aurora-animated .blob-2{animation:11s ease-in-out infinite alternate aurora-float-2}.aurora-container.aurora-animated .blob-3{animation:8s ease-in-out infinite alternate aurora-float-3}@keyframes aurora-float-1{0%{transform:translate(-50%,-50%)translate(0,0)rotate(0)scale(1)}50%{transform:translate(-50%,-50%)translate(180px,-220px)rotate(120deg)scale(1.7)}to{transform:translate(-50%,-50%)translate(-140px,150px)rotate(240deg)scale(.6)}}@keyframes aurora-float-2{0%{transform:translate(-50%,-50%)translate(0,0)rotate(0)scale(.8)}50%{transform:translate(-50%,-50%)translate(-220px,180px)rotate(-180deg)scale(1.8)}to{transform:translate(-50%,-50%)translate(150px,-150px)rotate(-360deg)scale(.7)}}@keyframes aurora-float-3{0%{transform:translate(-50%,-50%)translate(0,0)rotate(0)scale(1.3)}50%{transform:translate(-50%,-50%)translate(160px,-180px)rotate(90deg)scale(.5)}to{transform:translate(-50%,-50%)translate(-180px,220px)rotate(270deg)scale(1.7)}}#aurora-playground{-webkit-user-select:none;user-select:none;touch-action:none;background:#070d0a;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:160px;position:relative;overflow:hidden;box-shadow:inset 0 4px 20px #0009}.aurora-node-knob{cursor:grab;touch-action:none;background:#ffffff2e;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .1s,border-color .2s,box-shadow .2s;display:flex;transform:translate(-50%,-50%);box-shadow:0 4px 10px #00000080,inset 0 0 4px #fff3;z-index:10!important;position:absolute!important}.aurora-node-knob:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.15)}.aurora-node-knob.selected{border-color:var(--primary-gold);box-shadow:0 0 15px var(--primary-gold), 0 4px 10px #00000080;z-index:12}.aurora-node-knob:after{display:none}.aurora-vibe-chip{flex-shrink:0;transition:all .2s}.aurora-vibe-chip:hover{filter:brightness(1.15);transform:translateY(-1px)}.aurora-vibe-chip:active{transform:translateY(0)}.aurora-vibes-row{scrollbar-width:none;-ms-overflow-style:none}.aurora-vibes-row::-webkit-scrollbar{display:none}@keyframes aigenShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.aigen-shimmer{background:linear-gradient(90deg,#ffffff08 0%,#7c3aed1f 30%,#ec48991f 60%,#ffffff08 100%) 0 0/800px 100%;border-radius:9px;animation:1.6s ease-in-out infinite aigenShimmer}.aigen-chips-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:6px;margin:0 -2px;padding:4px 2px 8px;display:flex;overflow-x:auto}.aigen-chips-row::-webkit-scrollbar{display:none}.aigen-style-chip{cursor:pointer;color:#e0aaff;white-space:nowrap;background:#7c3aed1f;border:1px solid #7c3aed59;border-radius:20px;flex-shrink:0;padding:5px 10px;font-size:10px;font-weight:600;transition:all .2s}.aigen-style-chip:hover{color:#f9a8d4;background:#7c3aed47;border-color:#ec489980;transform:translateY(-1px)}.aigen-style-chip.active,.aigen-style-chip:active{color:#fff;background:linear-gradient(135deg,#7c3aed66,#ec48994d);border-color:#ec4899;transform:translateY(0);box-shadow:0 0 10px #ec48994d}#aigen-apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e33;background:#22c55e40!important}.card-scroll-body{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;margin-bottom:8px;padding-top:18px;padding-bottom:18px;padding-right:6px;overflow:hidden auto}.card-scroll-body::-webkit-scrollbar{width:4px}.card-scroll-body::-webkit-scrollbar-track{background:0 0}.card-scroll-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.card-scroll-body::-webkit-scrollbar-thumb:hover{background:#fff6}#share-toggle-btn{transition:all .25s cubic-bezier(.4,0,.2,1)}#share-toggle-btn:hover{transform:scale(1.08);background:#d6af3733!important}#share-toggle-btn:active{transform:scale(.92)}.share-dropdown-menu-wrapper{opacity:0;pointer-events:none;background:#121212f2;border:1.5px solid #ffffff14;border-radius:16px;flex-direction:column;width:310px;max-width:calc(100vw - 32px);padding:8px;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:calc(100% + 12px);left:-120px;right:auto;transform:translateY(12px)scale(.96);box-shadow:0 16px 40px #000000a6,inset 0 0 0 1px #d6af371f;z-index:20000!important}.share-dropdown-menu-wrapper.active{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.share-dropdown-header-mobile{display:none}.share-dropdown-options{flex-direction:column;gap:4px;display:flex}.share-menu-option{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:10px;outline:none;align-items:center;gap:12px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.share-menu-option:active{background:#ffffff17;transform:scale(.97)}.option-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.option-icon-wrap.whatsapp-icon{color:#25d366;background:#25d36626}.share-menu-option:hover .option-icon-wrap.whatsapp-icon{color:#fff;background:#25d366;box-shadow:0 0 14px #25d36673}.option-icon-wrap.copy-icon{color:var(--primary-gold);background:#d6af3726}.share-menu-option:hover .option-icon-wrap.copy-icon{background:var(--primary-gold);color:#fff;box-shadow:0 0 14px #d6af3773}.option-icon-wrap.download-icon{color:#3b82f6;background:#3b82f626}.share-menu-option:hover .option-icon-wrap.download-icon{color:#fff;background:#3b82f6;box-shadow:0 0 14px #3b82f673}.option-label{letter-spacing:-.15px;flex:1;font-size:13px;font-weight:500}.option-chevron{color:var(--text-secondary);opacity:.4;font-size:10px;transition:transform .2s,opacity .2s}.share-menu-option:hover .option-chevron{opacity:.95;color:var(--text-primary);transform:translate(3px)}.share-backdrop-overlay{z-index:998;opacity:0;pointer-events:none;background:#000000a6;transition:opacity .35s;position:fixed;inset:0}.share-backdrop-overlay.active{opacity:1;pointer-events:all}@media (width<=768px){.share-dropdown-menu-wrapper{z-index:20000!important;background:#0e120ef2!important;border:none!important;border-top:1.5px solid #ffffff1a!important;border-radius:24px 24px 0 0!important;width:100%!important;max-width:100vw!important;padding:16px 20px 36px!important;transition:transform .35s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:translateY(100%)!important;box-shadow:0 -12px 40px #0009!important}.share-dropdown-menu-wrapper.active{transform:translateY(0)!important}.share-dropdown-header-mobile{flex-direction:column;align-items:center;margin-bottom:18px;display:flex}.share-dropdown-drag-handle{background:#ffffff40;border-radius:10px;width:40px;height:4.5px;margin-bottom:12px}.share-dropdown-header-mobile h4{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:700}.share-dropdown-options{gap:8px}.share-menu-option{background:#ffffff08;border:1.5px solid #ffffff0a;padding:12px 14px}.share-menu-option:active{background:#ffffff14}}.swatch-simple:hover{transform:scale(1.1)!important}.swatch-simple:active{transform:scale(.9)!important}.swatch-simple.active{border-color:var(--primary-gold)!important;transform:scale(1.08)!important;box-shadow:0 0 10px #d4af3780!important}.custom-color-picker-container:hover{transform:scale(1.1)!important}.custom-color-picker-container:active{transform:scale(.9)!important}.active-color-preview-chip:hover{border-color:#fff6!important;transform:scale(1.08)!important;box-shadow:0 4px 10px #0006!important}.active-color-preview-chip:active{transform:scale(.95)!important}.neutral-swatch{transition:transform .2s,box-shadow .2s,border-color .2s!important}.neutral-swatch:hover{transform:scale(1.2)!important;box-shadow:0 0 8px #ffffff4d!important}.neutral-swatch:active{transform:scale(.9)!important}.wizard-video-controls-panel{border:1.5px solid var(--panel-border);background:#00000040;border-radius:12px;flex-direction:column;gap:10px;width:100%;margin-top:12px;padding:12px 14px;display:none;box-shadow:inset 0 0 12px #ffffff03,0 4px 20px #0003}.wizard-video-controls-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.wizard-video-controls-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.wizard-video-play-btn{background:var(--primary-gold);color:#040805;cursor:pointer;border:none;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #d4af3733}.wizard-video-play-btn:hover{background:#e5c158;transform:translateY(-1px);box-shadow:0 6px 14px #d4af3759}.wizard-video-play-btn:active{transform:translateY(0)}.wizard-video-play-btn i{font-size:11px}.wizard-video-reciter-inline{flex:1;min-width:110px;max-width:180px}.wizard-video-reciter-select{width:100%;height:30px;color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:0 8px;font-size:11.5px;transition:all .2s}.wizard-video-reciter-select:hover{background:#ffffff1a;border-color:#d4af3766}.wizard-video-reciter-select:focus{border-color:var(--primary-gold);background:#0000004d}.wizard-video-status-text{color:var(--text-secondary);flex-shrink:0;font-size:11px;font-weight:500}.wizard-video-progress-track{cursor:pointer;background:#ffffff14;border-radius:3px;height:6px;transition:height .2s;position:relative;overflow:hidden}.wizard-video-progress-track:hover{height:8px}.wizard-video-progress-fill{background:linear-gradient(90deg, var(--primary-gold), gold);border-radius:3px;width:0%;height:100%;transition:width .1s linear}@media (width<=768px){.wizard-video-progress-track,.wizard-video-status-text{display:none!important}.wizard-video-controls-panel{box-shadow:none!important;background:0 0!important;border:none!important;margin-top:10px!important;padding:0!important}.wizard-video-controls-top{justify-content:flex-start!important;gap:0!important}.wizard-video-play-btn{box-shadow:none!important;color:var(--primary-gold)!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;padding:0!important;font-size:16px!important;transition:transform .2s,opacity .2s!important;display:flex!important}.wizard-video-play-btn:hover{background:0 0!important;transform:scale(1.1)!important}.wizard-video-play-btn:active{opacity:.8!important;transform:scale(.9)!important}.wizard-video-play-btn .play-btn-text{display:none!important}.wizard-video-play-btn i{margin:0!important;font-size:15px!important}.wizard-video-reciter-inline{max-width:170px!important;margin-left:8px!important}.wizard-video-reciter-select{color:var(--text-primary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-bottom:1px dashed #d4af3773!important;border-radius:0!important;height:24px!important;padding:0 4px!important;font-size:12.5px!important;font-weight:500!important}.wizard-video-reciter-select:hover{border-bottom-color:var(--primary-gold)!important}}.swatches-row{flex-wrap:wrap;align-items:center;gap:12px;padding:6px 0;display:flex}.color-swatch{cursor:pointer;background-clip:padding-box;border-radius:50%;outline:none;width:32px;height:32px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #0003;border:1.5px solid var(--panel-border)!important}.color-swatch:hover{transform:scale(1.12);box-shadow:0 4px 12px #00000059;border-color:#ffffff4d!important}.color-swatch.active{transform:scale(1.15);box-shadow:0 0 0 2px var(--body-bg,#040d0a), 0 0 0 4px var(--primary-gold,#d4af37)!important;border-color:#fff!important}.color-swatch-custom-wrap{width:32px;height:32px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.color-swatch-custom-wrap:hover{transform:scale(1.12)}.color-swatch-custom-wrap.active{transform:scale(1.15)}.color-swatch-custom-wrap button{border:1.5px dashed var(--text-secondary);width:100%;height:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:11px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000001a}.color-swatch-custom-wrap.active button{box-shadow:0 0 0 2px var(--body-bg,#040d0a), 0 0 0 4px var(--primary-gold,#d4af37)!important;border-style:solid!important}.color-swatch-custom-wrap input[type=color]{opacity:0;cursor:pointer;border:none;border-radius:50%;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.sidebar.collapsed .htb-tooltip{top:50%;bottom:auto;left:calc(100% + 10px);transform:translateY(-50%)translate(-6px)}.sidebar.collapsed .hidden-tool-btn:hover .htb-tooltip{opacity:1;transform:translateY(-50%)translate(0)}.typing-indicator{background:#ffffff14;border:1px solid #ffffff0d;border-radius:12px 12px 12px 4px;align-self:flex-start;align-items:center;gap:5px;max-width:60%;margin:4px 0 8px;padding:10px 14px;animation:.25s ease-out fadeIn;display:inline-flex}.typing-dot{background:var(--primary-gold,#d4af37);opacity:.7;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}input,textarea,select{font-size:16px!important}.detail-engagement-bar{border-top:1px solid var(--panel-border);background:var(--bg-color);flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto;padding-top:12px;display:flex}.engagement-bar-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.engagement-action-pills{flex-shrink:0;align-items:center;gap:8px;display:flex}.engagement-pill{border:1.5px solid rgba(var(--primary-gold-rgb,212, 175, 55), .25);background:rgba(var(--primary-gold-rgb,212, 175, 55), .08);color:var(--primary-gold);cursor:pointer;white-space:nowrap;border-radius:20px;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:36px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.engagement-pill i{font-size:14px;transition:transform .2s}.engagement-pill .pill-label{font-size:12px;font-weight:600;line-height:1}.engagement-pill:hover{background:rgba(var(--primary-gold-rgb,212, 175, 55), .18);border-color:var(--primary-gold);transform:translateY(-1px);box-shadow:0 4px 12px #d4af3726}.engagement-pill:active{transform:scale(.94)}.engagement-pill.benefited,.engagement-pill.active{background:var(--accent-emerald,#10b981)!important;color:#040805!important;border-color:var(--accent-emerald,#10b981)!important}.engagement-pill.benefited i,.engagement-pill.active i{color:#040805!important}#share-toggle-btn.engagement-pill{border-radius:50%;justify-content:center;width:36px;height:36px;padding:0}@media (width<=768px){#detail-sheet-drag-handle{display:block!important}#detail-carousel-pane,#detail-info-pane{transition:none!important}#detail-carousel-pane.snap-transition{transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .4s ease-out!important}#detail-info-pane.snap-transition{transition:transform .4s cubic-bezier(.32,.72,0,1)!important}#detail-info-pane.state-collapsed{box-shadow:0 -6px 20px #00000040!important}#detail-info-pane.state-expanded{box-shadow:0 -12px 40px #00000080!important}.detail-engagement-bar{bottom:0;z-index:10!important;background:var(--bg-color)!important;border-top:1px solid var(--panel-border)!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px)) 12px!important;transform:translate3d(0, calc(-1 * var(--sheet-translate,0px)), 0)!important;transition:transform .4s cubic-bezier(.32,.72,0,1)!important;position:absolute!important;left:0!important;right:0!important;box-shadow:0 -4px 20px #0003!important}#detail-info-pane.dragging .detail-engagement-bar{transition:none!important}.engagement-bar-row{flex-direction:column!important;gap:8px!important;display:flex!important}.engagement-action-pills{align-items:center!important;gap:6px!important;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s!important;display:flex!important}.engagement-pill{border:1.5px solid rgba(var(--primary-gold-rgb), .2)!important;background:rgba(var(--primary-gold-rgb), .08)!important;color:var(--primary-gold)!important;cursor:pointer!important;white-space:nowrap!important;border-radius:20px!important;outline:none!important;flex-shrink:0!important;align-items:center!important;gap:5px!important;height:32px!important;padding:6px 10px!important;font-size:12px!important;font-weight:600!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.engagement-pill i{font-size:13px!important}.engagement-pill .pill-label{font-size:11px!important;font-weight:600!important}.engagement-pill:active{background:rgba(var(--primary-gold-rgb), .18)!important;transform:scale(.93)!important}.compact-comment-form{align-items:center!important;gap:6px!important;margin:0!important;display:flex!important}.compact-comment-form textarea{border-radius:20px!important;height:36px!important;min-height:36px!important;padding:8px 14px!important;font-size:13px!important;transition:all .3s cubic-bezier(.32,.72,0,1)!important}.compact-comment-form textarea:focus{border-color:var(--primary-gold)!important;box-shadow:0 0 0 2px rgba(var(--primary-gold-rgb), .15)!important}.comment-send-btn{background:var(--primary-gold)!important;color:#040805!important;border:none!important;transition:all .2s!important}.comment-send-btn:active{transform:scale(.88)!important}#remedy-detail-modal.dismissing{pointer-events:none}#remedy-detail-modal.dismissing #detail-carousel-pane{animation:.4s cubic-bezier(.25,1,.5,1) forwards flyUpOut!important}#remedy-detail-modal.dismissing #detail-info-pane{animation:.4s cubic-bezier(.25,1,.5,1) forwards slideDownOut!important}.detail-content-scroll-panel{flex-direction:column!important;flex:1!important;height:auto!important;min-height:0!important;display:flex!important;overflow-y:hidden!important}.detail-comments-section{flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important;overflow:hidden!important}#detail-comments-list{-webkit-overflow-scrolling:touch!important;min-height:0!important;padding-bottom:calc(var(--sheet-translate,0px) + 120px + var(--keyboard-offset,0px))!important;flex:1!important;transition:padding-bottom .3s cubic-bezier(.25,1,.5,1)!important;overflow-y:auto!important}#detail-info-pane.dragging #detail-comments-list{transition:none!important}.wizard-swipe-hint-banner{bottom:calc(72px + env(safe-area-inset-bottom));z-index:101;text-transform:uppercase;letter-spacing:.8px;pointer-events:none;opacity:0;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:10px;font-weight:700;transition:opacity .4s;display:none;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000004d;color:var(--primary-gold)!important;background:#d4af371f!important;border:1px solid #d4af3740!important}.wizard-swipe-hint-banner.visible{opacity:.9!important;display:flex!important}.swipe-arrow-left{animation:1.6s ease-in-out infinite swipeLeftAnim!important}.swipe-arrow-right{animation:1.6s ease-in-out infinite swipeRightAnim!important}.wizard-floating-arrow{cursor:pointer!important;z-index:2010!important;color:#111!important;background:#ffffffe6!important;border:1px solid #fff3!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;box-shadow:0 4px 12px #00000026!important}.wizard-floating-arrow.prev{left:12px!important}.wizard-floating-arrow.next{right:12px!important}}@keyframes swipeLeftAnim{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(-4px)}}@keyframes swipeRightAnim{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}@keyframes flyUpOut{to{opacity:0;transform:scale(.6)translateY(-120px)!important}}@keyframes slideDownOut{to{transform:translateY(100%)!important}}.wizard-step-pane{box-sizing:border-box;padding:0 16px}.wizard-nav-btn-circle{color:#fff!important;cursor:pointer!important;width:36px!important;height:36px!important;box-shadow:none!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:13px!important;transition:all .2s cubic-bezier(.1,.76,.55,.94)!important;display:flex!important}.wizard-nav-btn-circle:active{border-color:var(--primary-gold)!important;color:var(--primary-gold)!important;background:#d4af3726!important;transform:scale(.9)!important}.wizard-nav-btn-circle.active-btn{background:linear-gradient(135deg, var(--primary-gold), #b38600)!important;color:#000!important;border:none!important;box-shadow:0 4px 12px #d4af374d!important}.wizard-nav-btn-circle.active-btn:active{transform:scale(.9)!important;box-shadow:0 2px 6px #d4af3733!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.grad-preset-1,.grad-preset-2,.grad-preset-3,.grad-preset-4,.grad-preset-5,.grad-preset-6,.grad-preset-1:before,.grad-preset-2:before,.grad-preset-3:before,.grad-preset-4:before,.grad-preset-5:before,.grad-preset-6:before{animation-play-state:paused!important}.aurora-visible,.aurora-visible:before{animation-play-state:running!important}.view-section{content-visibility:auto;contain-intrinsic-size:auto 100dvh}.remedy-card-inner{contain:layout style}.feed-suggestion-card,.feed-sponsored-card{content-visibility:auto;contain-intrinsic-size:auto 200px}@media (width>=769px){.comments-list{flex:none!important;overflow-y:visible!important}}#craft-wizard-modal,#wizard-discard-modal,#share-confirm-modal,#quran-selection-bar{--bg-color:#f2f7f5!important;--panel-bg:#fff!important;--panel-border:#52b78826!important;--panel-border-hover:#2d6a4f59!important;--text-primary:#1b4332!important;--text-secondary:#52796f!important;--primary-green:#2d6a4f!important;--primary-green-rgb:45, 106, 79!important;--accent-green:#52b788!important;--accent-green-light:#b7e4c7!important;--accent-green-glow:#52b7881a!important;--card-shadow:0 2px 8px #1b43320a!important;--sticky-hdr-bg:#f2f7f5!important;--modal-bg:#fff!important;--modal-border:#52b78826!important;--modal-shadow-ring:#00000005!important;--input-bg:#f8faf9!important;--input-bg-focus:#fff!important;--input-border:#52b78833!important;color:var(--text-primary)!important}#craft-wizard-modal.modal-overlay,#wizard-discard-modal.modal-overlay,#share-confirm-modal.modal-overlay{background:#2d6a4f33!important}#quran-selection-bar{background:#fff!important;border:1.5px solid #52b78826!important;box-shadow:0 10px 30px #1b433214!important}#quran-selection-bar .btn-secondary{color:#1b4332!important;background:#f8faf9!important;border:1px solid #52b78833!important}#quran-selection-bar .btn-secondary:hover{background:#fff!important;border-color:#2d6a4f59!important}.share-dropdown-menu-wrapper{--text-primary:#1b4332!important;--text-secondary:#52796f!important;background:#fff!important;border:1.5px solid #52b78826!important;box-shadow:0 16px 40px #1b433214,inset 0 0 0 1px #52b78814!important}.share-menu-option{color:#1b4332!important}.share-menu-option:hover{background:#52b78814!important}.share-menu-option:active{background:#52b7881f!important}.share-dropdown-header-mobile h4{color:#1b4332!important}.share-dropdown-drag-handle,#craft-wizard-modal .step-node{background:#52b78840!important}@media (width<=768px){.share-dropdown-menu-wrapper{background:#fff!important;border:none!important;border-top:1.5px solid #52b78826!important;box-shadow:0 -12px 40px #1b433214!important}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],input[type=tel],textarea,select,.form-control{font-size:16px!important}.comment-row{animation:.25s cubic-bezier(.25,1,.5,1) both commentSlideIn}}@keyframes commentSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#push-prompt-banner{z-index:99999;opacity:0;pointer-events:none;width:calc(100% - 32px);max-width:420px;transition:opacity .3s,transform .3s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(20px)}#push-prompt-banner.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.push-prompt-inner{-webkit-backdrop-filter:blur(20px);background:#0a1910f5;border:1px solid #52b7884d;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 8px 32px #00000080,0 0 20px #52b7881a}.push-prompt-icon{flex-shrink:0;font-size:28px}.push-prompt-text{flex:1;min-width:0}.push-prompt-text strong{color:var(--text-primary,#e8f5ef);margin-bottom:2px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:700;display:block}.push-prompt-text p{color:var(--text-secondary,#8ba89a);margin:0;font-size:11px;line-height:1.3}.push-prompt-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.push-prompt-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:7px 14px;font-family:Quicksand,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.push-prompt-btn.primary{color:#fff;background:linear-gradient(135deg,#52b788,#2d6a4f)}.push-prompt-btn.primary:hover{transform:scale(1.05);box-shadow:0 2px 12px #52b78866}.push-prompt-btn.secondary{color:var(--text-secondary,#8ba89a);background:0 0;padding:4px 10px}.push-prompt-btn.secondary:hover{color:var(--text-primary,#e8f5ef)}.header-settings-icon{color:var(--text-primary);cursor:pointer;font-size:18px;transition:color .2s;position:absolute;top:12px;right:12px}.header-settings-icon:hover{color:var(--primary-gold)}#language-modal{z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#language-modal .modal-content{background:var(--bg-primary);border-radius:12px;width:90%;max-width:320px;padding:20px;box-shadow:0 12px 30px #0006}#language-modal h3{color:var(--primary-gold);text-align:center;margin-top:0;font-size:1.2rem}.language-option{cursor:pointer;background:#ffffff05;border-radius:8px;align-items:center;gap:8px;margin:6px 0;padding:8px 12px;transition:background .2s;display:flex}.language-option:hover{background:rgba(var(--primary-gold-rgb), .1)}.language-option.selected{background:rgba(var(--primary-gold-rgb), .2);font-weight:600}.reflection-overlay{border:1px solid var(--panel-border);z-index:500;background:#080d09fa;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;box-shadow:0 8px 20px #00000080}.reflection-overlay button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.9rem}.reflection-overlay button:hover{color:var(--primary-gold)}.comment-action-btn.translate-btn{color:var(--accent-emerald)}.comment-action-btn.translate-btn:hover{color:var(--primary-gold)}.header-settings-icon{color:var(--text-secondary);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:24px;right:30px}@media (width>=769px){.header-settings-icon{display:none!important}}.header-settings-icon:hover{color:var(--primary-gold);opacity:1;background:#ffffff0d;transform:rotate(45deg)}.settings-menu-item{color:var(--text-secondary);text-align:left;cursor:pointer;width:100%;font-size:13px;font-family:var(--font-sans);background:0 0;border:none;border-left:3px solid #0000;outline:none;align-items:center;gap:10px;padding:10px 16px;transition:opacity .2s,transform .2s;display:flex}.settings-menu-item:hover{color:var(--text-primary);background:#ffffff08}.settings-menu-item.active{color:var(--text-primary);border-left-color:var(--primary-gold);background:#d4af371f;font-weight:600}.settings-control-card{border:1px solid var(--panel-border);background:#ffffff05;border-radius:12px;padding:16px;transition:border-color .2s,background .2s}.settings-control-card:hover{border-color:var(--panel-border-hover);background:#ffffff08}.settings-panel{min-height:280px;animation:.3s cubic-bezier(.4,0,.2,1) fadeInSettings;display:none;position:relative}.settings-panel.active{display:block}@keyframes fadeInSettings{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.switch-toggle{flex-shrink:0;width:44px;height:22px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;border:1px solid var(--panel-border);background-color:#ffffff14;border-radius:34px;transition:opacity .3s,transform .3s,background-color .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:14px;height:14px;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px}.switch-toggle input:checked+.switch-slider{border-color:var(--primary-gold);background-color:#d4af3740}.switch-toggle input:checked+.switch-slider:before{background-color:var(--primary-gold);transform:translate(22px)}[data-theme=light] .header-settings-icon:hover{background:#0000000d}[data-theme=light] .settings-menu-item:hover{background:#00000008}[data-theme=light] .settings-menu-item.active{background:#aa80001a}[data-theme=light] .settings-control-card{background:#00000003}[data-theme=light] .settings-control-card:hover{background:#00000005}.guest-restricted-overlay{text-align:center;z-index:100;box-sizing:border-box;background:#080d09f7;border:1px dashed #d4af374d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}[data-theme=light] .guest-restricted-overlay{background:#faf8f5f0;border-color:#aa80004d}.guest-restricted-overlay i{color:var(--primary-gold);text-shadow:0 0 10px rgba(var(--primary-gold-rgb), .2);margin-bottom:12px;font-size:38px}.guest-restricted-overlay h5{color:var(--text-primary);margin:0 0 6px;font-size:15px;font-weight:700}.guest-restricted-overlay p{color:var(--text-secondary);max-width:320px;margin:0 0 16px;font-size:12px;line-height:1.5}.guest-restricted-overlay .btn-primary{height:auto;padding:8px 24px;font-size:12px;font-weight:700}#profile-more-options-wrap{z-index:200;position:absolute;top:24px;right:30px}@media (width<=768px){#profile-more-options-wrap{position:fixed;top:14px;right:14px}}.profile-more-btn{background:var(--panel-bg);border:1px solid var(--panel-border);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:18px;transition:opacity .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 12px #0000002e}.profile-more-btn:hover,.profile-more-btn[aria-expanded=true]{color:var(--primary-gold);background:#d4af371a;border-color:#d4af3759;transform:scale(1.05);box-shadow:0 4px 16px #d4af3726}.profile-more-menu{background:var(--panel-bg);border:1px solid var(--panel-border);opacity:0;transform-origin:100% 0;pointer-events:none;z-index:300;border-radius:18px;width:270px;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;transform:scale(.94)translateY(-6px);box-shadow:0 16px 48px #00000073,0 4px 16px #0003}.profile-more-menu.open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}@media (width<=768px){.profile-more-menu{transform-origin:bottom;border-radius:22px;width:auto;position:fixed;inset:auto 12px 90px}}.profile-more-menu-header{border-bottom:1px solid var(--panel-border);padding:14px 18px 10px}.profile-more-menu-header span{color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;font-size:12px;font-weight:700}.profile-more-menu-body{padding:6px 0}.profile-more-divider{background:var(--panel-border);height:1px;margin:4px 0}.pmenu-section-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary);opacity:.65;padding:8px 18px 2px;font-size:10px;font-weight:700}.profile-more-item{cursor:pointer;text-align:left;background:0 0;border:none;outline:none;align-items:center;gap:14px;width:100%;padding:12px 18px;transition:background .15s;display:flex}.profile-more-item:hover{background:#ffffff0a}[data-theme=light] .profile-more-item:hover{background:#00000008}.pmenu-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.pmenu-icon-share{color:#3498db;background:#3498db26}.pmenu-icon-mute{color:var(--text-secondary);background:#ffffff0f}.pmenu-icon-block,.pmenu-icon-report{color:#e74c3c;background:#e74c3c1f}.pmenu-text{flex-direction:column;gap:1px;display:flex}.pmenu-label{color:var(--text-primary);font-size:13.5px;font-weight:600;line-height:1.3}.pmenu-desc{color:var(--text-secondary);opacity:.75;font-size:11px;line-height:1.4}.profile-more-item.pmenu-destructive .pmenu-label{color:#e74c3c}[data-theme=light] .profile-more-menu{background:#fffffff5}.report-modal-overlay{z-index:9000;background:#000000c7;justify-content:center;align-items:center;padding:20px;animation:.2s reportFadeIn;display:flex;position:fixed;inset:0}@keyframes reportFadeIn{0%{opacity:0}to{opacity:1}}.report-modal-card{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:24px;width:100%;max-width:360px;padding:32px 28px 28px;animation:.25s cubic-bezier(.34,1.56,.64,1) reportSlideUp;box-shadow:0 24px 64px #00000080}@keyframes reportSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.report-modal-icon{color:#e74c3c;background:#e74c3c1f;border:1px solid #e74c3c40;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:22px;display:flex}.report-modal-card h3{color:var(--text-primary);margin:0 0 10px;font-size:17px;font-weight:800}.report-modal-card p{color:var(--text-secondary);margin:0 0 24px;font-size:13px;line-height:1.55}.report-modal-card strong{color:var(--text-primary);font-weight:700}.report-modal-actions{gap:10px;display:flex}.report-modal-cancel,.report-modal-submit{font-size:14px;font-weight:700;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:14px;outline:none;flex:1;padding:12px;transition:opacity .2s,background-color .2s,box-shadow .2s}.report-modal-cancel{color:var(--text-secondary);border:1px solid var(--panel-border);background:#ffffff0f}.report-modal-cancel:hover{color:var(--text-primary);background:#ffffff1a}.report-modal-submit{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);box-shadow:0 6px 20px #e74c3c59}.report-modal-submit:hover{transform:translateY(-1px);box-shadow:0 8px 24px #e74c3c73}.report-modal-submit:active{transform:translateY(0);box-shadow:0 4px 12px #e74c3c4d}[data-theme=light] .report-modal-cancel{background:#0000000a}:root{--accent-emerald:#10b981;--primary-gold:#d4af37;--bg-dark:#060b08;--panel-border:#d4af3733;--glass-bg:#1a2e2673}.onboarding-overlay{z-index:99999;opacity:0;pointer-events:none;box-sizing:border-box;background:linear-gradient(135deg,#0b2219 0%,#060b08 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:0;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.onboarding-overlay.active{opacity:1;pointer-events:auto}.onboarding-card{width:100vw;max-width:none;height:100vh;min-height:none;background:var(--glass-bg);box-shadow:none;-webkit-backdrop-filter:blur(20px);box-sizing:border-box;border:none;border-radius:0;flex-direction:column;align-items:center;padding:40px 24px;display:flex;position:relative;overflow-y:auto}.onboarding-progress-bar{background:#ffffff0f;border-radius:2px;width:80%;height:4px;margin-bottom:24px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-emerald) 0%, var(--primary-gold) 100%);width:20%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.onboarding-step{opacity:0;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;transition:opacity .4s,transform .4s;display:none;transform:translateY(15px)}.onboarding-step.active{opacity:1;display:flex;transform:translateY(0)}.onboarding-logo-area{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.glowing-orb-container{justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:12px;display:flex;position:relative}.glowing-orb{filter:blur(12px);background:radial-gradient(circle,#d4af374d 0%,#10b98100 70%);width:90px;height:90px;animation:3s ease-in-out infinite pulse-glowing-orb;position:absolute}.islamic-logo-crescent{color:var(--primary-gold);z-index:2;filter:drop-shadow(0 0 10px #d4af3766);font-size:56px;transform:rotate(-15deg)}.islamic-logo-leaf{z-index:3;filter:drop-shadow(0 0 5px #10b98199);font-size:24px;position:absolute;bottom:28px;right:28px;transform:rotate(30deg)}.brand-title-gold{color:var(--primary-gold);letter-spacing:1.5px;text-shadow:0 0 15px #d4af3740;margin:0;font-family:Reem Kufi,Quicksand,sans-serif;font-size:36px;font-weight:700}.onboarding-tagline{color:#a3b899;text-align:center;max-width:300px;margin:0 0 32px;font-size:14px;line-height:1.6}.onboarding-cta-btn{background:linear-gradient(135deg, var(--accent-emerald) 0%, #047857 100%);color:#fff;cursor:pointer;border:1px solid #d4af374d;border-radius:30px;outline:none;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #10b98133}.onboarding-cta-btn:hover{border-color:var(--primary-gold);transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.step-title-gold{color:var(--primary-gold);text-align:center;margin:0 0 6px;font-size:20px;font-weight:700}.step-subtitle{color:#a3b899;text-align:center;max-width:320px;margin:0 0 24px;font-size:12.5px;line-height:1.4}.onboarding-goals-grid{flex-direction:column;gap:12px;width:100%;margin-bottom:24px;display:flex}.goal-card{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;align-items:center;gap:16px;padding:14px 18px;transition:all .25s;display:flex}.goal-card:hover{background:#ffffff0d;border-color:#d4af3733}.goal-card.active{border-color:var(--primary-gold);background:#10b98114;box-shadow:0 0 15px #d4af371f}.goal-icon{width:36px;height:36px;color:var(--primary-gold);background:#d4af371f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.goal-card.active .goal-icon{background:var(--primary-gold);color:#1a2e26}.goal-info h3{color:#fff;margin:0 0 2px;font-size:13.5px;font-weight:700}.goal-info p{color:#a3b899;margin:0;font-size:11px;line-height:1.3}.step-nav-buttons{justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:16px;display:flex}.step-nav-buttons.justify-center{justify-content:center}.onboarding-slider-container{flex-direction:column;align-items:center;width:100%;margin-bottom:24px;padding:20px 0;display:flex}.baseline-emoji-display{filter:drop-shadow(0 4px 10px #0000004d);margin-bottom:8px;font-size:52px;transition:transform .3s}.baseline-text-display{color:var(--primary-gold);text-align:center;margin-bottom:24px;font-size:14px;font-weight:700}.onboarding-slider{-webkit-appearance:none;background:#ffffff14;border-radius:3px;outline:none;width:100%;height:6px;margin-bottom:12px}.onboarding-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-gold);cursor:pointer;width:22px;height:22px;box-shadow:0 0 10px var(--primary-gold);border:2px solid #0b2219;border-radius:50%;transition:transform .1s}.onboarding-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.slider-labels{justify-content:space-between;width:100%;padding:0 4px;display:flex}.slider-labels span{color:#a3b899;font-size:10.5px}.aha-loader-screen{flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex}.spinner-gold{border:3px solid #d4af371a;border-top-color:var(--primary-gold);border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.loader-text-gold{color:var(--primary-gold);text-align:center;margin:0 0 8px;font-size:16px;font-weight:700}.loader-sub{color:#a3b899;text-align:center;margin:0;font-size:12px}.aha-preview-screen{flex-direction:column;align-items:center;width:100%;display:flex}.aha-preview-screen.hidden{display:none}.glass-preview-card{box-sizing:border-box;background:#0000004d;border:1px solid #d4af3733;border-radius:24px;width:100%;margin-bottom:24px;padding:16px}.glass-preview-card[class*=grad-preset-]{background:0 0!important}.onboarding-preview-board-wrap{text-align:left;width:100%}.onboarding-preview-header{margin-bottom:14px}.onboarding-preview-tag{color:var(--primary-gold);letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:inline-block}.onboarding-preview-title{color:#fff;margin:0 0 4px;font-size:16px;font-weight:700}.onboarding-preview-desc{color:#a3b899;margin:0 0 8px;font-size:11.5px;line-height:1.35}.onboarding-preview-creator{color:var(--primary-gold);align-items:center;font-size:10px;display:flex}.onboarding-preview-creator i{margin-right:4px}.onboarding-preview-verses{border-top:1px dashed #ffffff14;border-bottom:1px dashed #ffffff14;flex-direction:column;gap:10px;max-height:190px;margin-bottom:14px;padding:12px 0;display:flex;overflow-y:auto}.onboarding-preview-verse-item{border-left:3px solid var(--accent-emerald);background:#ffffff03;border-radius:8px;padding:10px}.onboarding-preview-arabic{text-align:right;color:#fff;direction:rtl;margin:0 0 6px;font-family:Amiri,Scheherazade New,serif;font-size:18px;line-height:1.6}.onboarding-preview-translation{color:#d1ffd6;margin:0 0 4px;font-size:11px;line-height:1.35}.onboarding-preview-ref{color:var(--primary-gold);font-size:9px;font-weight:500}.onboarding-preview-reflection{box-sizing:border-box;background:#d4af3708;border:1px solid #d4af371a;border-radius:8px;padding:10px 12px}.onboarding-preview-reflection h4{color:var(--primary-gold);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:10px;font-weight:700}.onboarding-preview-reflection p{color:#a3b899;margin:0;font-size:10.5px;font-style:italic;line-height:1.35}.onboarding-features-list{width:100%;margin-bottom:20px}.feature-toggle-card{box-sizing:border-box;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;align-items:center;gap:16px;width:100%;padding:14px;display:flex}.feature-icon{width:36px;height:36px;color:var(--accent-emerald);background:#10b9811f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.feature-info{flex-grow:1}.feature-info h3{color:#fff;margin:0 0 2px;font-size:13.5px;font-weight:700}.feature-info p{color:#a3b899;margin:0;font-size:11px;line-height:1.3}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{cursor:pointer;background-color:#ffffff26;border-radius:34px;transition:all .4s;position:absolute;inset:0}.toggle-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.slider{background-color:var(--accent-emerald)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.sign-in-section{border-top:1px solid #ffffff14;flex-direction:column;align-items:center;width:100%;padding-top:18px;display:flex}.sign-in-section h3{color:var(--primary-gold);margin:0 0 4px;font-size:14px;font-weight:700}.sign-in-desc{color:#a3b899;text-align:center;max-width:320px;margin:0 0 16px;font-size:11.5px;line-height:1.4}.google-signin-btn{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:21px;outline:none;justify-content:center;align-items:center;gap:10px;width:100%;height:42px;font-size:13.5px;font-weight:500;transition:background .2s,box-shadow .2s;display:flex}.google-signin-btn:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-svg{flex-shrink:0}.separator-text{text-align:center;border-bottom:1px solid #ffffff0f;width:100%;margin:18px 0;line-height:.1em}.separator-text span{color:#a3b899;background:#0b1f16;padding:0 10px;font-size:11px}.guest-btn{width:100%;height:40px;color:var(--primary-gold);cursor:pointer;background:0 0;border:1px solid #d4af374d;border-radius:20px;outline:none;font-size:13px;font-weight:700;transition:all .2s}.guest-btn:hover{border-color:var(--primary-gold);background:#d4af3714}@keyframes pulse-glowing-orb{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.95;transform:scale(1.15)}}.onboarding-styles-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-bottom:24px;display:grid}.style-card{cursor:pointer;text-align:center;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;align-items:center;padding:12px;transition:all .25s;display:flex}.style-card:hover{background:#ffffff0d;border-color:#d4af3733}.style-card.active{border-color:var(--primary-gold);background:#10b98114;box-shadow:0 0 15px #d4af371f}.style-preview{border-radius:10px;width:100%;height:60px;margin-bottom:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #0000004d}.style-info h3{color:#fff;margin:0 0 2px;font-size:12.5px;font-weight:700}.style-info p{color:#a3b899;margin:0;font-size:10px;line-height:1.2}.onboarding-top-bar{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.onboarding-mini-logo{align-items:center;gap:8px;display:flex}.onboarding-mini-logo .gold-crescent{filter:drop-shadow(0 0 4px #d4af3766);font-size:18px}.brand-name-mini{color:var(--primary-gold);letter-spacing:.5px;font-family:Reem Kufi,Quicksand,sans-serif;font-size:16px;font-weight:700}.onboarding-skip-link{color:var(--primary-gold);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12.5px;font-weight:600;transition:opacity .2s}.onboarding-skip-link:hover{opacity:.8}.onboarding-carousel{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;min-height:380px;display:flex;position:relative}.onboarding-slide{opacity:0;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:480px;margin:0 auto;transition:opacity .4s,transform .4s;display:none;transform:translate(20px)}.onboarding-slide.active{opacity:1;display:flex;transform:translate(0)}.usp-icon-wrapper{justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:20px;display:flex;position:relative}.usp-icon-box{width:80px;height:80px;color:var(--primary-gold);z-index:2;filter:drop-shadow(0 0 8px #d4af3726);background:#d4af3714;border:1px solid #d4af3733;border-radius:20px;justify-content:center;align-items:center;font-size:34px;display:flex;box-shadow:0 8px 20px #0000004d}.usp-description-box{text-align:center;width:100%;max-width:340px;margin:14px auto 0}.usp-description-box p{color:#a3b899;margin:0;font-size:13px;line-height:1.55}.onboarding-bottom-controls{box-sizing:border-box;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:16px;display:flex}.control-arrow-btn{width:40px;height:40px;color:var(--primary-gold);cursor:pointer;background:#ffffff05;border:1px solid #d4af3733;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.control-arrow-btn:hover:not(:disabled){border-color:var(--primary-gold);background:#d4af371a;transform:scale(1.05)}.control-arrow-btn:disabled{opacity:.15;cursor:default}.onboarding-dots{align-items:center;gap:8px;display:flex}.onboarding-dots .dot{cursor:pointer;background:#ffffff26;border-radius:50%;width:8px;height:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-dots .dot:hover{background:#ffffff4d}.onboarding-dots .dot.active{background:linear-gradient(90deg, var(--accent-emerald) 0%, var(--primary-gold) 100%);border-radius:4px;width:20px;height:8px;box-shadow:0 0 10px #d4af3766}.onboarding-overlay{--accent-emerald:#0b7a57;--primary-gold:#ab860d;--panel-border:#ab860d4d;--glass-bg:#fffffff2;--text-main:#14281e;--text-muted:#4e6357;color:var(--text-main)!important;background:linear-gradient(135deg,#f2faf5 0%,#eefbf1 100%)!important;font-family:Quicksand,sans-serif!important}.onboarding-overlay .onboarding-card{background:var(--glass-bg)!important;box-shadow:none!important;padding-top:calc(40px + env(safe-area-inset-top))!important;padding-bottom:calc(40px + env(safe-area-inset-bottom))!important;border:none!important;border-radius:0!important}.onboarding-overlay .onboarding-tagline,.onboarding-overlay .step-subtitle,.onboarding-overlay .goal-info p,.onboarding-overlay .slider-labels span,.onboarding-overlay .loader-sub,.onboarding-overlay .onboarding-preview-desc,.onboarding-overlay .feature-info p,.onboarding-overlay .sign-in-desc,.onboarding-overlay .separator-text span,.onboarding-overlay .style-info p,.onboarding-overlay .usp-description-box p{color:var(--text-muted)!important}.onboarding-overlay .brand-title-gold,.onboarding-overlay .brand-name-mini{color:var(--accent-emerald)!important;font-family:Quicksand,sans-serif!important}.onboarding-overlay .goal-info h3,.onboarding-overlay .onboarding-preview-title,.onboarding-overlay .onboarding-preview-arabic,.onboarding-overlay .feature-info h3,.onboarding-overlay .style-info h3,.onboarding-overlay .onboarding-slide h2{color:var(--text-main)!important}.onboarding-overlay .goal-card,.onboarding-overlay .style-card,.onboarding-overlay .feature-toggle-card{background:#00000005!important;border:1px solid #00000014!important}.onboarding-overlay .goal-card:hover,.onboarding-overlay .style-card:hover,.onboarding-overlay .feature-toggle-card:hover{background:#0000000a!important;border-color:#ab860d4d!important}.onboarding-overlay .goal-card.active,.onboarding-overlay .style-card.active,.onboarding-overlay .feature-toggle-card.active{border-color:var(--primary-gold)!important;background:#10b98114!important}.onboarding-overlay .onboarding-slider{background:#00000014!important}.onboarding-overlay .onboarding-slider::-webkit-slider-thumb{border:2px solid #fff!important}.onboarding-overlay .glass-preview-card{background:#00000008!important;border:1px solid #ab860d26!important}.onboarding-overlay .onboarding-preview-verse-item{background:#00000005!important;border-left:3px solid #10b981!important}.onboarding-overlay .onboarding-preview-translation{color:#0d9488!important}.onboarding-overlay .onboarding-preview-reflection{background:#ab860d0a!important;border:1px solid #ab860d1f!important}.onboarding-overlay .onboarding-preview-reflection p{color:var(--text-muted)!important}.onboarding-overlay .toggle-switch .slider{background-color:#0000001f!important}.onboarding-overlay .separator-text{border-bottom:1px solid #00000014!important}.onboarding-overlay .separator-text span{background:#fff!important}.onboarding-overlay .control-arrow-btn{background:#00000005!important;border:1px solid #ab860d40!important}.onboarding-overlay .control-arrow-btn:hover:not(:disabled){background:#ab860d14!important}.onboarding-overlay .onboarding-dots .dot{background:#00000026!important;border-radius:50%!important;width:5px!important;height:5px!important}.onboarding-overlay .onboarding-dots .dot:hover{background:#0000004d!important}.onboarding-overlay .onboarding-dots .dot.active{background:var(--primary-gold)!important;width:5px!important;height:5px!important;box-shadow:none!important}.onboarding-overlay .onboarding-progress-bar{background:#0000000f!important}.splash-overlay{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0;z-index:999999!important;background:linear-gradient(135deg,#f2faf5 0%,#eefbf1 100%)!important}.splash-overlay.active{opacity:1!important;pointer-events:auto!important}.splash-overlay.fade-out{opacity:0!important;pointer-events:none!important}.splash-branding-lockup{text-align:center;flex-direction:column;align-items:center;animation:.8s cubic-bezier(.25,1,.5,1) forwards splashEntrance;display:flex}.splash-logo-container{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:16px;display:flex;position:relative}.splash-logo-crescent{filter:drop-shadow(0 4px 10px #ab860d33);font-size:54px;transform:rotate(-15deg);color:#ab860d!important}.splash-logo-leaf{filter:drop-shadow(0 3px 6px #0b7a574d);font-size:22px;position:absolute;bottom:24px;right:24px;transform:rotate(30deg);color:#0b7a57!important}.splash-title{letter-spacing:1px;margin:0 0 6px;font-size:38px;font-weight:700;color:#0b7a57!important;font-family:Quicksand,sans-serif!important}.splash-tagline{letter-spacing:.5px;margin:0 0 40px;font-size:14px;font-weight:500;color:#4e6357!important;font-family:Quicksand,sans-serif!important}.splash-spinner{width:32px;height:32px;border:3px solid #0b7a5714!important;border-top-color:#0b7a57!important;border-radius:50%!important;animation:1s linear infinite spin!important}@keyframes splashEntrance{0%{opacity:0;transform:scale(.9)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}:root{--tooltip-gold:#d4af37;--tooltip-emerald:#10b981;--tooltip-bg:#1a2e26d9;--tooltip-backdrop:#060b08b3}#spotlight-mask{box-shadow:0 0 0 9999px var(--tooltip-backdrop);pointer-events:none;z-index:99998;opacity:0;border-radius:8px;transition:all .5s cubic-bezier(.25,1,.5,1);display:none;position:fixed}#spotlight-mask.active{opacity:1;display:block}#tooltip-blocker{z-index:99997;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}#tooltip-blocker.active{display:block}#tooltip-container{z-index:99999;background:var(--tooltip-bg);-webkit-backdrop-filter:blur(12px);color:#fff;opacity:0;border:1px solid #d4af374d;border-radius:16px;width:280px;padding:20px;transition:opacity .4s,transform .4s;display:none;position:fixed;transform:translateY(15px);box-shadow:0 10px 30px #00000080,inset 0 0 20px #d4af370d}#tooltip-container.active{opacity:1;flex-direction:column;display:flex;transform:translateY(0)}.tooltip-title{color:var(--tooltip-gold);align-items:center;gap:8px;margin:0 0 8px;font-family:Quicksand,sans-serif;font-size:16px;font-weight:700;display:flex}.tooltip-body{color:#d1ffd6;margin:0 0 16px;font-size:13px;line-height:1.5}.tooltip-actions{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.tooltip-progress{color:#ffffff80;letter-spacing:1px;font-size:11px;font-weight:600}.tooltip-btn-next{background:linear-gradient(135deg, var(--tooltip-emerald) 0%, #047857 100%);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #10b98133}.tooltip-btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 15px #10b98159}.tooltip-btn-close{color:#fff9;cursor:pointer;background:0 0;border:none;padding:8px;font-size:12px;transition:color .2s}.tooltip-btn-close:hover{color:#fff}.tooltip-beacon{background:var(--tooltip-gold);z-index:99999;pointer-events:none;border-radius:50%;width:16px;height:16px;display:none;position:absolute;transform:translate(-50%,-50%)}.tooltip-beacon:after{content:"";border:2px solid var(--tooltip-gold);border-radius:50%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite beacon-pulse;position:absolute;inset:-8px}.tooltip-beacon.active{display:block}@keyframes beacon-pulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}