:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96%;--secondary-foreground:222.2 84% 4.9%;--muted:210 40% 96%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96%;--accent-foreground:222.2 84% 4.9%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91%;--input:214.3 31.8% 91%;--ring:222.2 84% 4.9%;--radius:0.75rem}[data-theme=dark]{--background:0 0% 0%;--foreground:0 0% 98%;--card:0 0% 4%;--card-foreground:0 0% 98%;--popover:0 0% 4%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 3.9%;--secondary:0 0% 8%;--secondary-foreground:0 0% 98%;--muted:0 0% 8%;--muted-foreground:0 0% 55%;--accent:0 0% 10%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 12%;--input:0 0% 8%;--ring:0 0% 83%}[data-ramadan=true]{--primary:152 55% 25%;--primary-foreground:45 100% 96%;--accent:152 25% 88%;--accent-foreground:152 55% 12%;--ring:45 75% 50%;--border:152 20% 82%;--ramadan-gold:42 85% 55%;--ramadan-green:152 55% 25%;--ramadan-glow:42 90% 65%}[data-ramadan=true][data-theme=dark]{--background:152 30% 4%;--foreground:45 30% 93%;--card:152 25% 7%;--card-foreground:45 25% 93%;--popover:152 25% 7%;--popover-foreground:45 25% 93%;--primary:42 85% 55%;--primary-foreground:152 30% 6%;--secondary:152 20% 11%;--secondary-foreground:45 30% 88%;--muted:152 18% 11%;--muted-foreground:152 12% 50%;--accent:152 20% 14%;--accent-foreground:45 40% 88%;--border:152 18% 15%;--input:152 20% 11%;--ring:42 85% 55%;--ramadan-gold:42 85% 55%;--ramadan-green:152 55% 35%;--ramadan-glow:42 90% 50%}[data-ramadan=true] .ramadan-toggle .ramadan-icon-off{display:none}[data-ramadan=true] .ramadan-toggle .ramadan-icon-on{display:block}:not([data-ramadan=true]) .ramadan-toggle .ramadan-icon-off{display:block}:not([data-ramadan=true]) .ramadan-toggle .ramadan-icon-on{display:none}.ramadan-banner{display:none}.ramadan-stars-container{display:none}.ramadan-greeting{display:none}.normal-greeting{display:block}.ramadan-footer-msg{display:none}.ramadan-lantern{display:none}[data-ramadan=true] .ramadan-banner{display:block}[data-ramadan=true] .ramadan-stars-container{display:block}[data-ramadan=true] .ramadan-greeting{display:block}[data-ramadan=true] .normal-greeting{display:block}[data-ramadan=true] .ramadan-footer-msg{display:block}[data-ramadan=true] .ramadan-lantern{display:flex}.ramadan-banner{position:relative;overflow:hidden;background:linear-gradient(135deg,hsl(152 30% 6%) 0,hsl(152 25% 10%) 30%,hsl(42 20% 10%) 70%,hsl(152 30% 6%) 100%);border-top:2px solid hsl(42 85% 55% / .3);border-bottom:2px solid hsl(42 85% 55% / .3);padding:1.25rem 1.5rem;text-align:center}[data-theme=light] .ramadan-banner,html:not([data-theme=dark]) .ramadan-banner{background:linear-gradient(135deg,hsl(152 30% 92%) 0,hsl(152 25% 95%) 30%,hsl(45 40% 94%) 70%,hsl(152 30% 92%) 100%);border-bottom:2px solid hsl(152 55% 25% / .2)}.ramadan-banner-content{position:relative;z-index:2}.ramadan-svg-text{display:flex;justify-content:center;margin-bottom:.5rem}.ramadan-svg-text svg{height:120px;max-width:200px}.ramadan-svg-text path{stroke-dasharray:1000;stroke-dashoffset:1000}.ramadan-svg-text .rk-txt1{animation:rkDash 5s linear forwards}.ramadan-svg-text .rk-txt2{animation:rkDash 8s linear 1s forwards}@keyframes rkDash{to{stroke-dashoffset:0}}[data-theme=light] .ramadan-svg-text .rk-1,[data-theme=light] .ramadan-svg-text .rk-2,[data-theme=light] .ramadan-svg-text .rk-3,[data-theme=light] .ramadan-svg-text .rk-4,html:not([data-theme=dark]) .ramadan-svg-text .rk-1,html:not([data-theme=dark]) .ramadan-svg-text .rk-2,html:not([data-theme=dark]) .ramadan-svg-text .rk-3,html:not([data-theme=dark]) .ramadan-svg-text .rk-4{stroke:hsl(152 55% 30%)}[data-theme=light] .ramadan-svg-text .rk-5,[data-theme=light] .ramadan-svg-text .rk-6,html:not([data-theme=dark]) .ramadan-svg-text .rk-5,html:not([data-theme=dark]) .ramadan-svg-text .rk-6{stroke:hsl(152 40% 45%)}.ramadan-subtitle{font-size:.8rem;color:hsl(42 40% 80%);letter-spacing:.15em;text-transform:uppercase;font-weight:500}[data-theme=light] .ramadan-subtitle,html:not([data-theme=dark]) .ramadan-subtitle{color:hsl(152 30% 40%)}.ramadan-dua{font-size:.7rem;color:hsl(220 15% 55%);font-style:italic;margin-top:.35rem}[data-theme=light] .ramadan-dua,html:not([data-theme=dark]) .ramadan-dua{color:hsl(152 15% 55%)}.ramadan-stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.ramadan-star{position:absolute;width:3px;height:3px;background:hsl(42 85% 70%);border-radius:50%;animation:ramadanTwinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:0}[data-theme=light] .ramadan-star,html:not([data-theme=dark]) .ramadan-star{background:hsl(152 50% 60%);width:2px;height:2px}@keyframes ramadanTwinkle{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}.ramadan-lantern{position:absolute;top:-8px;width:28px;height:44px;display:flex;flex-direction:column;align-items:center;animation:lanternSway 4s ease-in-out infinite;z-index:3}.ramadan-lantern.left{left:8%;animation-delay:-.5s}.ramadan-lantern.right{right:8%;animation-delay:-2s}.lantern-chain{width:1px;height:10px;background:hsl(42 60% 50% / .5)}.lantern-body{width:20px;height:28px;background:linear-gradient(180deg,hsl(42 85% 55%),hsl(30 80% 45%));border-radius:4px 4px 8px 8px;position:relative;box-shadow:0 0 12px hsl(42 90% 55% / .4),0 0 24px hsl(42 90% 55% / .15)}.lantern-body::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:12px;background:hsl(42 90% 75% / .6);border-radius:50%;animation:lanternGlow 2s ease-in-out infinite alternate}.lantern-cap{width:12px;height:4px;background:hsl(42 60% 45%);border-radius:2px 2px 0 0}[data-theme=light] .lantern-body,html:not([data-theme=dark]) .lantern-body{background:linear-gradient(180deg,hsl(152 50% 35%),hsl(152 45% 28%));box-shadow:0 0 8px hsl(152 50% 35% / .3)}[data-theme=light] .lantern-body::before,html:not([data-theme=dark]) .lantern-body::before{background:hsl(152 40% 60% / .5)}[data-theme=light] .lantern-cap,html:not([data-theme=dark]) .lantern-cap{background:hsl(152 40% 30%)}[data-theme=light] .lantern-chain,html:not([data-theme=dark]) .lantern-chain{background:hsl(152 30% 40% / .4)}@keyframes lanternSway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes lanternGlow{0%{opacity:.4}100%{opacity:.8}}[data-ramadan=true][data-theme=dark] .prayer-card{border-color:hsl(42 60% 30% / .3);transition:all .3s ease}[data-ramadan=true][data-theme=dark] .prayer-card:hover{border-color:hsl(42 85% 55% / .4);box-shadow:0 0 20px hsl(42 85% 55% / .1),0 4px 12px hsl(0 0% 0% / .3)}[data-ramadan=true][data-theme=dark] .prayer-card.ring-2{box-shadow:0 0 20px hsl(42 85% 55% / .2),0 0 40px hsl(42 85% 55% / .08)}[data-ramadan=true][data-theme=dark] .inline-calendar-grid{background:hsl(42 60% 30% / .15)}[data-ramadan=true][data-theme=dark] .inline-calendar-day{border-color:hsl(42 60% 30% / .1)}[data-ramadan=true][data-theme=dark] .inline-calendar-day.today{outline-color:hsl(42 85% 55%);background:hsl(42 85% 55% / .1)}[data-ramadan=true][data-theme=dark] .inline-calendar-day.today .inline-day-number,[data-ramadan=true][data-theme=dark] .inline-calendar-day.today .kalender-hijri-day{color:hsl(42 85% 55%)}[data-ramadan=true][data-theme=dark] .inline-calendar-day.today .inline-prayer-time{background:hsl(42 85% 55% / .15);color:hsl(42 85% 60%)}[data-ramadan=true][data-theme=dark] .inline-calendar-day.today .inline-prayer-time span{color:hsl(42 85% 65%)}[data-ramadan=true][data-theme=dark] .inline-day-header{background:hsl(152 25% 9%);color:hsl(42 60% 60%)}[data-ramadan=true][data-theme=dark] .inline-calendar-day.kalender-ramadan{border-left:2px solid hsl(42 85% 55% / .6);background:hsl(42 85% 55% / .04)}[data-ramadan=true][data-theme=dark] .kalender-event-eid{background:hsl(42 85% 45% / .3);color:hsl(42 85% 70%)}[data-ramadan=true][data-theme=dark] .kalender-hijri-day{color:hsl(42 60% 60%)}[data-ramadan=true][data-theme=dark] .kalender-hijri-month{color:hsl(42 50% 55%)}[data-ramadan=true][data-theme=dark] #kalender-grid-section>div,[data-ramadan=true][data-theme=dark] #kalender-list-section>div{border-color:hsl(42 60% 30% / .2)}[data-ramadan=true][data-theme=dark] .kalender-view-btn.active{background:hsl(152 25% 10%);color:hsl(42 85% 60%);box-shadow:0 1px 3px hsl(42 85% 55% / .1)}[data-ramadan=true][data-theme=dark] #kalender-next,[data-ramadan=true][data-theme=dark] #kalender-prev,[data-ramadan=true][data-theme=dark] #kalender-today{border-color:hsl(42 60% 30% / .3)}[data-ramadan=true][data-theme=dark] #kalender-next:hover,[data-ramadan=true][data-theme=dark] #kalender-prev:hover,[data-ramadan=true][data-theme=dark] #kalender-today:hover{background:hsl(42 60% 30% / .15);border-color:hsl(42 85% 55% / .4)}[data-ramadan=true][data-theme=dark] #kalender-month-label{color:hsl(42 85% 65%)}[data-ramadan=true][data-theme=dark] #kalender-list-tbody tr.bg-primary\/5{background:hsl(42 85% 55% / .06)}[data-ramadan=true][data-theme=dark] #kalender-list-tbody tr:hover{background:hsl(42 60% 30% / .08)}[data-ramadan=true][data-theme=dark] .sidebar{background:linear-gradient(180deg,hsl(152 25% 5%) 0,hsl(152 20% 7%) 100%);border-right:1px solid hsl(42 60% 30% / .15)}[data-ramadan=true][data-theme=dark] .header{background:hsl(152 20% 7% / .85);border-bottom-color:hsl(42 60% 30% / .2)}[data-ramadan=true] .header{backdrop-filter:blur(12px)}.ramadan-greeting{text-align:center}.ramadan-greeting h4{color:hsl(42 85% 55%);font-size:.95rem}[data-theme=light] .ramadan-greeting h4,html:not([data-theme=dark]) .ramadan-greeting h4{color:hsl(152 55% 25%)}.ramadan-greeting .ramadan-crescent{font-size:1.5rem;display:block;margin-bottom:.25rem;animation:crescentPulse 3s ease-in-out infinite}@keyframes crescentPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.ramadan-footer-msg{text-align:center;padding:1rem 0;border-top:1px solid hsl(42 60% 30% / .2);margin-top:.75rem}.ramadan-footer-msg p{color:hsl(42 70% 60%);font-style:italic;font-size:.8rem}[data-theme=light] .ramadan-footer-msg p,html:not([data-theme=dark]) .ramadan-footer-msg p{color:hsl(152 40% 35%)}.ramadan-footer-msg .footer-arabic{font-size:1rem;color:hsl(42 85% 55%);margin-bottom:.25rem;font-family:Amiri,'Noto Naskh Arabic',serif}[data-theme=light] .ramadan-footer-msg .footer-arabic,html:not([data-theme=dark]) .ramadan-footer-msg .footer-arabic{color:hsl(152 50% 30%)}.memorial-popup{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(calc(100% + 2rem));max-width:500px;width:calc(100% - 3rem);background:hsl(var(--card));border:1px solid hsl(var(--border));border-left:3px solid hsl(42 85% 55%);border-radius:.75rem;padding:1.25rem 1.75rem;box-shadow:0 10px 40px rgba(0,0,0,.35);z-index:50;opacity:0;text-align:center;transition:transform .5s cubic-bezier(.22, 1, .36, 1),opacity .5s ease}.memorial-popup.visible{transform:translateX(-50%) translateY(0);opacity:1}.memorial-popup.hiding{transform:translateX(-50%) translateY(calc(100% + 2rem));opacity:0}.memorial-icon{font-size:1.75rem;margin-bottom:.5rem}.memorial-close{position:absolute;top:.5rem;right:.75rem;background:0 0;border:none;color:hsl(var(--muted-foreground));font-size:1.25rem;cursor:pointer;line-height:1;padding:.25rem;transition:color .15s}.memorial-close:hover{color:hsl(var(--foreground))}.memorial-text{font-size:1rem;color:hsl(var(--foreground));line-height:1.5;margin-bottom:.25rem}.memorial-text strong{color:hsl(42 85% 55%)}.memorial-meta{font-size:.8rem;color:hsl(var(--muted-foreground))}@media (max-width:640px){.memorial-popup{max-width:none;width:calc(100% - 1.5rem);bottom:1rem}}[data-ramadan=true] .ramadan-toggle{color:hsl(42 85% 55%);animation:ramadanBtnGlow 3s ease-in-out infinite alternate}[data-theme=light][data-ramadan=true] .ramadan-toggle,html:not([data-theme=dark])[data-ramadan=true] .ramadan-toggle{color:hsl(152 55% 30%);animation:none}@keyframes ramadanBtnGlow{0%{filter:drop-shadow(0 0 2px hsl(42 85% 55% / .3))}100%{filter:drop-shadow(0 0 8px hsl(42 85% 55% / .6))}}@media (max-width:640px){.ramadan-lantern{display:none!important}.ramadan-arabic{font-size:1.35rem}.ramadan-subtitle{font-size:.7rem}}[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block}[data-theme=light] .sun-icon{display:block}[data-theme=light] .moon-icon{display:none}.sidebar.open{transform:translateX(0)!important}.sidebar.open~.sidebar-overlay{display:block!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.nav-item.active{background-color:hsl(var(--accent));color:hsl(var(--foreground))}.nav-children{display:none;overflow:hidden}.nav-parent.open>.nav-children{display:block}.nav-parent.open>.nav-parent-row .nav-chevron{transform:rotate(180deg)}.main-city-dropdown{display:none}.main-city-selector.open .main-city-dropdown{display:flex!important}.main-city-selector.open .dropdown-arrow{transform:rotate(180deg)}.city-dropdown-panel{position:fixed;top:56px;right:12px;width:min(480px,calc(100vw - 24px));max-height:min(600px,calc(100vh - 80px));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.25),0 0 0 1px hsl(var(--border) / .5);overflow:hidden;z-index:100;flex-direction:column}.city-dropdown-panel .city-list{flex:1;overflow-y:auto;max-height:min(500px,calc(100vh - 140px));overscroll-behavior:contain}.city-section-header{padding:8px 14px 4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .3);position:sticky;top:0;z-index:1}.city-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:.875rem;color:hsl(var(--foreground));transition:background-color .15s;border-bottom:1px solid hsl(var(--border) / .3)}.city-option:hover{background-color:hsl(var(--accent))}.city-option:last-child{border-bottom:none}.city-option.selected{background-color:hsl(var(--primary) / .12);color:hsl(var(--primary))}.city-option .city-flag{font-size:1.25rem;line-height:1;flex-shrink:0;width:28px;text-align:center}.city-option .city-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.city-option .city-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.city-option .city-country{font-size:.7rem;color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.city-option .city-population{font-size:.65rem;color:hsl(var(--muted-foreground) / .7);flex-shrink:0;text-align:right}.city-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;color:hsl(var(--muted-foreground));font-size:.8rem;gap:4px}.city-list-empty svg{opacity:.4;margin-bottom:4px}@media (max-width:639px){.main-city-selector.open .city-dropdown-panel{top:0;right:0;left:0;width:100%;max-height:100vh;max-height:100dvh;border-radius:0;height:100vh;height:100dvh}.main-city-selector.open .city-dropdown-panel .city-search{padding:12px}.main-city-selector.open .city-dropdown-panel .city-list{max-height:none;flex:1}}.city-country-bar{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid hsl(var(--border));overflow-x:auto;scrollbar-width:none}.city-country-bar::-webkit-scrollbar{display:none}.country-pill{flex-shrink:0;padding:3px 8px;font-size:11px;border-radius:9999px;border:1px solid hsl(var(--border));background:hsl(var(--secondary));color:hsl(var(--foreground));cursor:pointer;white-space:nowrap;transition:all .15s}.country-pill:hover{background:hsl(var(--accent))}.country-pill.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.country-pill-more{color:hsl(var(--muted-foreground));font-weight:500}.country-page-link{display:block;text-align:center;padding:10px;font-size:12px;color:hsl(var(--primary));border-top:1px solid hsl(var(--border));cursor:pointer;text-decoration:none;transition:background .15s}.country-page-link:hover{background:hsl(var(--accent))}.country-header-link{color:hsl(var(--primary));text-decoration:none;font-weight:600}.country-header-link:hover{text-decoration:underline}.country-selector-wrap{position:relative}.country-selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:50;width:260px;max-height:380px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12);overflow:hidden}.country-selector-list{max-height:320px;overflow-y:auto;scrollbar-width:thin}.country-selector-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;font-size:13px;text-align:left;border:none;background:0 0;color:hsl(var(--foreground));cursor:pointer;border-radius:6px;transition:background .1s}.country-selector-item:hover{background:hsl(var(--accent))}.country-selector-item.active{background:hsl(var(--primary)/.1);font-weight:600}.country-region-pills{display:flex;flex-wrap:wrap;gap:4px;padding:6px 14px 10px}.country-pill-expanded{padding:4px 10px;font-size:12px}.country-tabs{display:flex;background:hsl(var(--secondary))}.country-tab{flex:1;padding:.4rem 0;text-align:center;font-size:1.1rem;cursor:pointer;border:none;background:0 0;opacity:.5;transition:opacity .15s,border-color .15s;border-bottom:2px solid transparent}.country-tab:hover{opacity:.8;background:hsl(var(--accent))}.country-tab.active{opacity:1;border-bottom-color:hsl(var(--primary))}.faq-section details summary{list-style:none}.faq-section details summary::-webkit-details-marker{display:none}.trosretning-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);z-index:10000;align-items:center;justify-content:center;padding:16px}.trosretning-dialog-option.active{background-color:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important;border-color:hsl(var(--primary))!important}.trosretning-dialog-option.active span{color:hsl(var(--primary-foreground) / .7)!important}.method-option.active{background-color:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important;border-color:hsl(var(--primary))!important}.table-row{display:grid;grid-template-columns:2fr repeat(5,1fr);border-bottom:1px solid hsl(var(--border) / .5);transition:background-color .15s}.hide-asr-isha .table-header,.hide-asr-isha .table-row{grid-template-columns:2fr repeat(3,1fr)}.hide-asr-isha .table-header>:nth-child(4),.hide-asr-isha .table-header>:nth-child(6),.hide-asr-isha .table-row>:nth-child(4),.hide-asr-isha .table-row>:nth-child(6){display:none}.hide-asr-isha .mobile-prayer-grid,.hide-asr-isha .mobile-prayer-header{grid-template-columns:repeat(3,1fr)!important}.hide-asr-isha .mobile-prayer-grid>:nth-child(3),.hide-asr-isha .mobile-prayer-grid>:nth-child(5),.hide-asr-isha .mobile-prayer-header>:nth-child(3),.hide-asr-isha .mobile-prayer-header>:nth-child(5){display:none!important}.hide-asr-isha .inline-prayer-time:nth-child(3),.hide-asr-isha .inline-prayer-time:nth-child(5){display:none}.table-row:hover{background-color:hsl(var(--muted) / .3)}.table-row:last-child{border-bottom:none}.table-cell{padding:.625rem .75rem;font-size:.8rem;color:hsl(var(--foreground));display:flex;align-items:center;font-weight:500;min-height:44px}.table-cell.city-cell{font-weight:600;display:flex;align-items:center;gap:.5rem}.table-cell:not(.city-cell){font-family:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,monospace;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}.city-name{font-weight:600}.city-tags{display:flex;gap:.375rem;align-items:center}.city-tag{font-size:.6rem;padding:.1rem .3rem;background-color:hsl(var(--muted) / .5);color:hsl(var(--muted-foreground));border-radius:4px;font-family:'SF Mono',Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;cursor:help;position:relative}.city-tag[data-tooltip].tooltip-active::after,.city-tag[data-tooltip]:hover::after,.mobile-city-tag[data-tooltip].tooltip-active::after,.mobile-city-tag[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:hsl(var(--popover));color:hsl(var(--popover-foreground));padding:.25rem .5rem;border-radius:4px;font-size:.625rem;max-width:120px;white-space:nowrap;text-align:center;line-height:1.4;box-shadow:0 4px 12px rgb(0 0 0 / .15);border:1px solid hsl(var(--border));z-index:10000;margin-bottom:4px;font-family:system-ui,sans-serif;font-weight:500;pointer-events:none}.mobile-city-container{display:none}.mobile-city-header{display:none}.mobile-prayer-header{display:none}.mobile-prayer-grid{display:none}.main-city-row{background:linear-gradient(135deg,hsl(var(--primary) / .08),hsl(var(--primary) / .03));border:1px solid hsl(var(--primary) / .15);position:relative}.main-city-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:hsl(var(--primary));border-radius:0 2px 2px 0}.main-city-row .city-name{color:hsl(var(--primary));font-weight:700}.monthly-btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:4px;padding:.2rem .5rem;font-size:.6rem;font-weight:500;cursor:pointer;margin-left:.5rem;transition:opacity .15s}.monthly-btn:hover{opacity:.9}.prayer-item.completed{background-color:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important;border-color:hsl(var(--primary))!important}.search-status{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:hsl(var(--muted) / .5);border:1px solid hsl(var(--border));border-radius:8px;margin-bottom:1rem;font-size:.875rem}.search-results-count{color:hsl(var(--muted-foreground));font-weight:500}.clear-search-btn{background:0 0;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .15s}.clear-search-btn:hover{background-color:hsl(var(--accent))}.no-results{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.no-results-content p{margin:0 0 .5rem 0;color:hsl(var(--muted-foreground))}.no-results-content p:first-child{font-weight:600;color:hsl(var(--foreground));font-size:1rem}.location-modal-overlay,.method-modal-overlay,.monthly-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.location-modal,.method-modal,.monthly-modal{background:hsl(var(--card));border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:500px;width:100%;border:1px solid hsl(var(--border));max-height:90vh;overflow-y:auto}.location-modal-content,.method-modal-content{padding:1.5rem;text-align:center}.modal-logo{max-width:100px;height:auto;margin-bottom:1rem}.modal-arabic-greeting{font-size:2rem;color:#fff;margin:0 0 .25rem 0;direction:rtl;font-family:'Traditional Arabic','Simplified Arabic','Noto Naskh Arabic',serif;line-height:1.4}.modal-greeting{font-size:1rem;color:hsl(var(--muted-foreground));margin:0 0 .5rem 0;font-style:italic}.modal-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1.5rem 0;line-height:1.4}.method-options-modal{display:flex;flex-direction:column;gap:.75rem}.method-option-modal{padding:.875rem 1.25rem;background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;display:flex;flex-direction:column;gap:.25rem}.method-option-modal:hover{background-color:hsl(var(--accent));border-color:hsl(var(--ring))}.method-option-modal span{font-size:.75rem;color:hsl(var(--muted-foreground));font-weight:400}.location-icon{font-size:2.5rem;margin-bottom:.75rem;display:block}.location-description{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0 0 1.25rem 0;line-height:1.6}.location-benefits{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;text-align:left}.benefit-item{font-size:.875rem;color:hsl(var(--muted-foreground))}.location-buttons{display:flex;flex-direction:column;gap:.5rem}.location-btn-allow{padding:.75rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.location-btn-allow:hover{opacity:.9}.location-btn-deny{padding:.75rem;background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.location-btn-deny:hover{background-color:hsl(var(--accent))}.location-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center}.location-loading{background:hsl(var(--card));border-radius:12px;padding:2rem;text-align:center;border:1px solid hsl(var(--border))}.loading-spinner{width:36px;height:36px;border:3px solid hsl(var(--muted));border-top:3px solid hsl(var(--primary));border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.location-loading p{margin:0;font-size:.875rem;color:hsl(var(--muted-foreground))}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.quiz-promo-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .3s ease}.quiz-promo-overlay.visible{opacity:1}.quiz-promo-card{background:hsl(var(--card));border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:400px;width:100%;border:1px solid hsl(var(--border));overflow:hidden;transform:translateY(20px) scale(.97);transition:transform .3s ease}.quiz-promo-overlay.visible .quiz-promo-card{transform:translateY(0) scale(1)}.quiz-promo-header{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary) / .8));padding:1.5rem;text-align:center;position:relative}.quiz-promo-emoji{font-size:2.5rem;margin-bottom:.5rem;display:block}.quiz-promo-header h3{margin:0;font-size:1.25rem;font-weight:700;color:hsl(var(--primary-foreground))}.quiz-promo-body{padding:1.5rem;text-align:center}.quiz-promo-body p{margin:0 0 1.25rem 0;font-size:.9rem;color:hsl(var(--muted-foreground));line-height:1.6}.quiz-promo-features{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.quiz-promo-feature{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.8rem;color:hsl(var(--muted-foreground))}.quiz-promo-feature span:first-child{font-size:1.25rem}.quiz-promo-actions{display:flex;flex-direction:column;gap:.625rem}.quiz-promo-cta{padding:.75rem 1.5rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.quiz-promo-cta:hover{opacity:.9}.quiz-promo-dismiss{padding:.5rem;background:0 0;border:none;color:hsl(var(--muted-foreground));font-size:.8rem;cursor:pointer;transition:color .15s}.quiz-promo-dismiss:hover{color:hsl(var(--foreground))}.monthly-modal{max-width:900px}.monthly-modal-header{padding:1.25rem;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:hsl(var(--muted) / .3)}.monthly-modal-header h3{margin:0;font-size:1.125rem;font-weight:600}.month-next,.month-prev{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:6px;padding:.4rem .6rem;cursor:pointer;font-size:.8rem;color:hsl(var(--foreground));transition:all .15s}.month-next:hover,.month-prev:hover{background:hsl(var(--accent))}.current-month{font-weight:600;min-width:130px;text-align:center;font-size:.875rem}.modal-close{background:0 0;border:none;font-size:1.25rem;cursor:pointer;color:hsl(var(--muted-foreground));padding:.5rem;border-radius:6px;transition:all .15s}.modal-close:hover{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive))}.monthly-content{padding:1.25rem;max-height:calc(90vh - 120px);overflow-y:auto}.calendar-grid,.inline-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:hsl(var(--border));border-radius:8px;overflow:hidden}.calendar-body,.calendar-header,.inline-calendar-body,.inline-calendar-header{display:contents}.day-header,.inline-day-header{background:hsl(var(--muted));padding:.5rem;text-align:center;font-weight:600;font-size:.8rem;color:hsl(var(--muted-foreground));text-transform:uppercase}.calendar-day,.inline-calendar-day{background:hsl(var(--card));padding:.5rem .375rem;min-height:100px;display:flex;flex-direction:column;gap:.2rem}.calendar-day.empty,.inline-calendar-day.empty{background:hsl(var(--muted) / .3)}.calendar-day.today,.inline-calendar-day.today{background:hsl(var(--primary) / .1);outline:2px solid hsl(var(--primary));outline-offset:-2px}.day-number,.inline-day-number{font-weight:600;font-size:.95rem;margin-bottom:.2rem}.calendar-day.today .day-number,.inline-calendar-day.today .inline-day-number{color:hsl(var(--primary))}.day-prayers,.inline-day-prayers{display:flex;flex-direction:column;gap:1px}.inline-prayer-time,.prayer-time{font-size:.65rem;color:hsl(var(--muted-foreground));font-family:'SF Mono',Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;padding:.1rem .2rem;background:hsl(var(--muted) / .3);border-radius:2px;display:flex;justify-content:space-between}.inline-prayer-time span{font-weight:600;color:hsl(var(--foreground))}.calendar-day.today .prayer-time,.inline-calendar-day.today .inline-prayer-time{background:hsl(var(--primary) / .15);color:hsl(var(--primary))}.inline-calendar-day.today .inline-prayer-time span{color:hsl(var(--primary))}.kalender-hijri-day{font-size:.8rem;color:hsl(var(--muted-foreground));font-family:'Noto Naskh Arabic',Amiri,serif;opacity:.7}.kalender-hijri-month{font-size:.6rem;color:hsl(var(--muted-foreground));opacity:.6;line-height:1;margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-calendar-day.today .kalender-hijri-day{color:hsl(var(--primary));opacity:1}.inline-calendar-day.today .kalender-hijri-month{color:hsl(var(--primary));opacity:.8}.inline-calendar-day.kalender-ramadan{border-left:2px solid hsl(45 80% 55% / .5)}.kalender-view-btn{color:hsl(var(--muted-foreground));background:0 0}.kalender-view-btn.active{color:hsl(var(--foreground));background:hsl(var(--card));box-shadow:0 1px 2px hsl(0 0% 0% / .1)}.kalender-event{font-size:.55rem;padding:.1rem .25rem;border-radius:2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px;font-weight:600}.kalender-event-wafat{background:hsl(0 50% 30% / .25);color:hsl(0 60% 70%)}.kalender-event-wiladah{background:hsl(140 40% 30% / .25);color:hsl(140 50% 65%)}.kalender-event-eid{background:hsl(45 70% 40% / .25);color:hsl(45 80% 65%)}.kalender-event-event{background:hsl(210 40% 35% / .25);color:hsl(210 50% 70%)}.inline-calendar-day.kalender-cell-wafat{border-left:2px solid hsl(0 50% 50% / .6)}.inline-calendar-day.kalender-cell-eid{border-left:2px solid hsl(45 80% 55% / .6)}.inline-calendar-day.kalender-cell-event{border-left:2px solid hsl(210 50% 55% / .4)}.kalender-row-wafat{border-left:3px solid hsl(0 50% 50% / .5)!important}.kalender-row-eid{border-left:3px solid hsl(45 80% 55% / .5)!important}tr .kalender-event{font-size:.65rem;margin-top:2px}audio{display:none}input[type=hidden]{display:none}.total-city-titme{display:none}@media (max-width:768px){.table-header{display:none!important}.table-row{display:none!important}.mobile-city-container{display:block!important;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;margin-bottom:.75rem;overflow:hidden;box-shadow:0 1px 3px rgb(0 0 0 / .08)}.mobile-city-header{display:flex!important;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:hsl(var(--muted) / .4);border-bottom:1px solid hsl(var(--border));gap:.5rem}.mobile-city-name{font-weight:600;font-size:.85rem;color:hsl(var(--foreground));flex:1}.mobile-city-tags{display:flex;gap:.375rem;align-items:center;flex-shrink:0}.mobile-city-tag{font-size:.6rem;padding:.1rem .25rem;background-color:hsl(var(--muted) / .5);color:hsl(var(--muted-foreground));border-radius:3px;font-family:'SF Mono',Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;position:relative}.mobile-prayer-header{display:grid!important;grid-template-columns:repeat(5,1fr);gap:1px;background:hsl(var(--border))}.mobile-prayer-header-cell{background:hsl(var(--muted) / .6);padding:.375rem .25rem;text-align:center;font-weight:600;font-size:.6rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.02em}.mobile-prayer-grid{display:grid!important;grid-template-columns:repeat(5,1fr);gap:1px;background:hsl(var(--border))}.mobile-prayer-cell{background:hsl(var(--card));padding:.5rem .25rem;text-align:center;font-size:.7rem;color:hsl(var(--foreground));font-family:'SF Mono',Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;font-weight:500}.calendar-day,.inline-calendar-day{min-height:80px;padding:.25rem}.inline-prayer-time,.prayer-time{font-size:.5rem;padding:.05rem .15rem}.monthly-modal-header{flex-direction:column;align-items:stretch}}@media (min-width:769px){.mobile-city-container{display:none!important}.table-row{display:grid!important}}@media (max-width:480px){.calendar-day,.inline-calendar-day{min-height:65px}.day-number,.inline-day-number{font-size:.7rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-result{animation:fadeIn .25s ease-out}.verse-block.verse-active{background:hsl(var(--primary) / .05);border-left:3px solid hsl(var(--primary));padding-left:.75rem;margin-left:-.75rem;border-radius:.25rem;transition:background .3s,border-color .3s}[data-verse-bookmark].text-primary{color:hsl(var(--primary))}#speed-btn{font-variant-numeric:tabular-nums}#autoscroll-btn.border-primary\/30,#repeat-btn.border-primary\/30{border-color:hsl(var(--primary) / .3)}#continue-reading a:hover{box-shadow:0 2px 8px hsl(var(--primary) / .15)}.surah-card .progress-ring{transform:rotate(-90deg)}[data-ramadan=true][data-theme=dark] .verse-block.verse-active{background:hsl(42 85% 55% / .05);border-left-color:hsl(42 85% 55%)}[data-ramadan=true][data-theme=dark] #continue-reading a{background:hsl(42 85% 55% / .1);border-color:hsl(42 85% 55% / .3)}[data-ramadan=true][data-theme=dark] #continue-reading a:hover{background:hsl(42 85% 55% / .15);box-shadow:0 2px 8px hsl(42 85% 55% / .15)}.city-quick-nav{display:flex;gap:6px;padding:0 0 12px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.city-quick-nav::-webkit-scrollbar{display:none}.city-quick-nav-item{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:9999px;border:1px solid hsl(var(--border));background:hsl(var(--secondary));color:hsl(var(--foreground));text-decoration:none;white-space:nowrap;transition:all .15s}.city-quick-nav-item:hover{background:hsl(var(--accent))}.city-quick-nav-item.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}