:root{--fs-primary:#1a6b3c;--fs-primary-dark:#124d2c;--fs-primary-light:#e8f5ee;--fs-gold:#c8a84b;--fs-gold-light:#f5e9c8;--fs-text:#1a1a1a;--fs-text-muted:#666;--fs-border:#d4d4d4;--fs-bg:#ffffff;--fs-bg-alt:#f8f8f8;--fs-radius:12px;--fs-radius-sm:6px;--fs-shadow:0 4px 24px rgba(0,0,0,.10);--fs-shadow-lg:0 8px 40px rgba(0,0,0,.14);--fs-transition:0.25s ease;--fs-countdown-dur:10s;--fs-ring-color:#1a6b3c;--fs-ring-bg:#d0e8da;--fs-ring-r:42;--fs-ring-circ:263.89}.fs-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:900px;margin:2rem auto;background:var(--fs-bg);border-radius:var(--fs-radius);box-shadow:var(--fs-shadow);overflow:hidden;border:1px solid var(--fs-border)}.fs-header{background:linear-gradient(135deg,var(--fs-primary) 0%,var(--fs-primary-dark) 100%);color:#fff;text-align:center;padding:2rem 1.5rem 1.5rem}.fs-mosque-icon{font-size:3rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .3))}.fs-location-title{margin:0 0 .25rem;font-size:1.6rem;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 3px rgb(0 0 0 / .3)}.fs-subtitle{margin:0 0 .5rem;font-size:1rem;opacity:.85;font-style:italic}.fs-brand{margin:0;font-size:.8rem;opacity:.7}.fs-brand a{color:var(--fs-gold);text-decoration:none;font-weight:600}.fs-brand a:hover{text-decoration:underline}.fs-tabs{display:flex;flex-wrap:wrap;gap:0;background:var(--fs-primary-dark);padding:0 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--fs-gold) #fff0}.fs-tab{flex:1 0 auto;min-width:120px;padding:.85rem 1.5rem;border:none;background:#fff0;color:rgb(255 255 255 / .7);font-size:.95rem;font-weight:600;cursor:pointer;border-bottom:3px solid #fff0;transition:color var(--fs-transition),border-color var(--fs-transition),background var(--fs-transition);position:relative;white-space:nowrap}.fs-tab:hover{color:#fff;background:rgb(255 255 255 / .07)}.fs-tab--active{color:var(--fs-gold)!important;border-bottom-color:var(--fs-gold)!important;background:rgb(255 255 255 / .06)!important}@media (max-width:600px){.fs-tabs{flex-direction:column;padding:0}.fs-tab{border-bottom:none;border-left:4px solid #fff0;text-align:left;min-width:unset}.fs-tab--active{border-bottom:none!important;border-left-color:var(--fs-gold)!important}}.fs-panel{display:none;padding:1.5rem}.fs-panel--active{display:block}.fs-video-area{position:relative;width:100%;background:#000;border-radius:var(--fs-radius-sm);overflow:hidden;min-height:320px}.fs-countdown-overlay{position:absolute;inset:0;background:linear-gradient(160deg,#0d1b2a 0%,#1a3a22 100%);display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity 0.4s ease,visibility 0.4s ease}.fs-countdown-overlay.fs-hidden{opacity:0;visibility:hidden;pointer-events:none}.fs-countdown-inner{text-align:center;color:#fff;padding:2rem}.fs-countdown-icon{font-size:2.5rem;display:block;margin-bottom:.75rem;animation:fs-pulse 1.5s ease-in-out infinite}@keyframes fs-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.fs-countdown-text{font-size:1rem;margin:0 0 1rem;opacity:.85;font-style:italic}.fs-countdown-ring{position:relative;width:120px;height:120px;margin:0 auto .75rem}.fs-countdown-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.fs-ring-bg{fill:none;stroke:var(--fs-ring-bg);stroke-width:8;opacity:.3}.fs-ring-progress{fill:none;stroke:var(--fs-gold);stroke-width:8;stroke-linecap:round;stroke-dasharray:var(--fs-ring-circ);stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.fs-countdown-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:800;color:var(--fs-gold);text-shadow:0 2px 8px rgb(0 0 0 / .4)}.fs-countdown-sub{font-size:.85rem;opacity:.7;margin:0}.fs-iframe-container{position:relative;width:100%;padding-top:56.25%}.fs-iframe-container iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.fs-no-video{text-align:center;padding:3rem 1rem;color:var(--fs-text-muted);background:var(--fs-bg-alt);border-radius:var(--fs-radius-sm);border:2px dashed var(--fs-border)}.fs-no-video-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.fs-no-video p{margin:0;font-size:.95rem}@media (max-width:480px){.fs-location-title{font-size:1.25rem}.fs-video-area{min-height:200px}}