:root{--clr-primary-50: #e6f5f5;--clr-primary-100: #b3e0e0;--clr-primary-200: #80cccc;--clr-primary-300: #4db8b8;--clr-primary-400: #2d9e9e;--clr-primary-500: #1a8a8a;--clr-primary-600: #0f4c5c;--clr-primary-700: #0a3540;--clr-primary-800: #072830;--clr-primary-900: #041a20;--clr-primary-a10: rgba(45, 158, 158, .1);--clr-primary-a15: rgba(45, 158, 158, .15);--clr-primary-a20: rgba(45, 158, 158, .2);--clr-primary-a25: rgba(45, 158, 158, .25);--clr-primary-a30: rgba(45, 158, 158, .3);--clr-secondary-50: #e8eef3;--clr-secondary-100: #c5d3e0;--clr-secondary-200: #9fb5ca;--clr-secondary-300: #7996b4;--clr-secondary-400: #5a7a9e;--clr-secondary-500: #3b5e88;--clr-secondary-600: #1a2a3a;--clr-secondary-700: #0d1520;--clr-secondary-800: #080d14;--clr-secondary-900: #040608;--clr-accent-50: #fdf8e6;--clr-accent-100: #f9ecb3;--clr-accent-200: #f5e080;--clr-accent-300: #f1d44d;--clr-accent-400: #e8c86e;--clr-accent-500: #d4af37;--clr-accent-600: #c9a227;--clr-accent-700: #b8952f;--clr-accent-800: #9a7a1c;--clr-accent-900: #7c5f14;--clr-accent-a10: rgba(212, 175, 55, .1);--clr-accent-a15: rgba(212, 175, 55, .15);--clr-accent-a20: rgba(212, 175, 55, .2);--clr-accent-a25: rgba(212, 175, 55, .25);--clr-accent-a30: rgba(212, 175, 55, .3);--clr-accent-a40: rgba(212, 175, 55, .4);--clr-accent-a45: rgba(212, 175, 55, .45);--clr-accent-a50: rgba(212, 175, 55, .5);--clr-accent-a55: rgba(212, 175, 55, .55);--clr-accent-a60: rgba(212, 175, 55, .6);--clr-accent-a80: rgba(212, 175, 55, .8);--clr-fab-start: #e8c547;--clr-fab-end: #c49a2a;--clr-status-error: #ef4444;--clr-status-warning: #f59e0b;--clr-status-success: #10b981;--clr-badge-success: #4ade80;--clr-badge-success-bg: rgba(74, 222, 128, .2);--clr-badge-warning: #fbbf24;--clr-badge-warning-bg: rgba(251, 191, 36, .2);--clr-compass-north: #ff5555;--clr-compass-north-glow: rgba(255, 85, 85, .6);--clr-compass-error: #ff6b6b;--clr-compass-bg-start: rgba(15, 76, 92, .5);--clr-compass-bg-end: rgba(10, 53, 64, .9);--clr-splash-glow: rgba(210, 149, 99, .5);--clr-splash-glow-light: rgba(210, 149, 99, .4);--clr-white-a05: rgba(255, 255, 255, .05);--clr-white-a10: rgba(255, 255, 255, .1);--clr-white-a15: rgba(255, 255, 255, .15);--clr-white-a30: rgba(255, 255, 255, .3);--clr-white-a70: rgba(255, 255, 255, .7);--clr-black-a15: rgba(0, 0, 0, .15);--clr-black-a20: rgba(0, 0, 0, .2);--clr-black-a30: rgba(0, 0, 0, .3);--clr-black-a35: rgba(0, 0, 0, .35);--clr-black-a40: rgba(0, 0, 0, .4);--clr-black-a60: rgba(0, 0, 0, .6);--clr-black-a70: rgba(0, 0, 0, .7);--clr-imsak-bg: rgba(15, 76, 92, .05);--clr-text-primary: #ffffff;--clr-text-secondary: #d0e0f0;--clr-text-muted: #a0b0c0;--clr-text-dark: #1a2a3a;--clr-text-accent: var(--clr-accent-500);--clr-bg-gradient: linear-gradient(135deg, #0a3540 0%, #1a4a5a 50%, #0f3545 100%);--clr-bg-dark: #0d1f2d;--clr-bg-card: rgba(26, 58, 74, .6);--clr-bg-card-solid: #1a3a4a;--clr-bg-overlay: rgba(10, 53, 64, .95);--clr-bg-table-header: linear-gradient(90deg, #1a5f6f 0%, #2d9e9e 50%, #1a5f6f 100%);--clr-bg-table-row-odd: rgba(20, 45, 60, .5);--clr-bg-table-row-even: rgba(15, 35, 50, .3);--clr-border: var(--clr-primary-a30);--clr-border-light: var(--clr-white-a10);--clr-border-accent: var(--clr-accent-500);--ff-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ff-decorative: "Amiri", Georgia, "Times New Roman", serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.75rem;--fs-3xl: 2rem;--fs-4xl: 2.5rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-normal: 1.5;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px var(--clr-black-a20);--shadow-md: 0 4px 6px var(--clr-black-a30);--shadow-lg: 0 10px 25px var(--clr-black-a40);--shadow-glow: 0 0 15px var(--clr-accent-a40);--transition-fast: .15s ease;--transition-normal: .3s ease;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--container-max: 1100px;--container-padding: var(--sp-4)}@media(max-width:768px){:root{--fs-4xl: 2rem;--fs-3xl: 1.75rem;--container-padding: var(--sp-3)}}@font-face{font-family:Poppins;src:url(../assets/font/poppins/Poppins-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../assets/font/poppins/Poppins-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../assets/font/poppins/Poppins-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../assets/font/poppins/Poppins-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../assets/font/poppins/Poppins-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(../assets/font/amiri/Amiri-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(../assets/font/amiri/Amiri-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:var(--clr-primary-900)}body{font-family:var(--ff-primary);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--clr-text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:-20vh;bottom:-20vh;left:0;right:0;background:var(--clr-bg-gradient);background-color:var(--clr-primary-900);z-index:-2}body:before{content:"";position:fixed;top:-20vh;bottom:-20vh;left:0;right:0;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='p' width='120' height='120' patternUnits='userSpaceOnUse'%3E%3Cg fill='none' stroke='%232d9e9e' stroke-opacity='0.06' stroke-width='0.75'%3E%3Ccircle cx='60' cy='60' r='30'/%3E%3Ccircle cx='60' cy='60' r='15'/%3E%3Cpath d='M60 30L73 45H47zM60 90L47 75H73zM30 60L45 47V73zM90 60L75 73V47z'/%3E%3Cpath d='M60 30L90 60L60 90L30 60z'/%3E%3Cpath d='M45 45L75 45L75 75L45 75z'/%3E%3Ccircle cx='60' cy='30' r='4'/%3E%3Ccircle cx='60' cy='90' r='4'/%3E%3Ccircle cx='30' cy='60' r='4'/%3E%3Ccircle cx='90' cy='60' r='4'/%3E%3Ccircle cx='0' cy='0' r='4'/%3E%3Ccircle cx='120' cy='0' r='4'/%3E%3Ccircle cx='0' cy='120' r='4'/%3E%3Ccircle cx='120' cy='120' r='4'/%3E%3Cpath d='M0 0L30 30M120 0L90 30M0 120L30 90M120 120L90 90'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--clr-secondary-700)}::-webkit-scrollbar-thumb{background:var(--clr-primary-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--clr-primary-500)}*{scrollbar-width:thin;scrollbar-color:var(--clr-primary-600) var(--clr-secondary-700)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--clr-accent-500)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--clr-accent-500);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--clr-text-primary)}h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}h5{font-size:var(--fs-lg)}h6{font-size:var(--fs-md)}.text-decorative{font-family:var(--ff-decorative);font-style:italic}.text-gradient{background:linear-gradient(135deg,var(--clr-accent-500),var(--clr-accent-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--fs-xs)}.text-lg{font-size:var(--fs-lg)}.text-white{color:var(--clr-text-primary)}.font-medium{font-weight:var(--fw-medium)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.app{display:flex;flex-direction:column;min-height:100vh}.app__main{flex:1;display:flex;flex-direction:column}@media(min-height:800px){.page--active{display:flex;flex-direction:column;justify-content:center}.page--active .hero{margin-bottom:0}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-4{gap:var(--sp-4)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.section--compact{padding:var(--sp-4) 0}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--sp-3) 0;background:var(--clr-bg-overlay);backdrop-filter:blur(10px);border-bottom:1px solid var(--clr-border-light);height:80px;display:flex;align-items:center}.header__container{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);position:relative;width:100%;height:100%}.header__logo{display:flex;align-items:center;gap:var(--sp-2);z-index:2}.header__logo-icon{width:32px;height:32px}.header__logo-text{font-family:var(--ff-decorative);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--clr-text-primary)}.header__clock{display:flex;flex-direction:column;align-items:center;padding:var(--sp-1) var(--sp-3);background:var(--clr-primary-a15);border-radius:var(--radius-md);border:1px solid var(--clr-border);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;white-space:nowrap}.header__time{font-size:var(--fs-lg);font-weight:var(--fw-bold);font-family:Poppins,sans-serif;color:var(--clr-accent-500);letter-spacing:1px;font-variant-numeric:tabular-nums}.header__date{font-size:var(--fs-xs);color:var(--clr-text-muted)}.header__nav{display:flex;align-items:center;z-index:2}.nav__list{display:flex;align-items:center;gap:var(--sp-4)}.nav__link{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--clr-text-secondary);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-md);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.nav__link:hover,.nav__link--active{color:var(--clr-text-primary);background:var(--clr-white-a10)}.nav__link--active{border:1px solid var(--clr-border)}.header__menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;color:var(--clr-text-primary);background:var(--clr-white-a10);border:1px solid var(--clr-border-light);border-radius:var(--radius-md);font-size:var(--fs-xl);z-index:2;transition:all var(--transition-fast)}.header__menu-toggle:active{background:var(--clr-white-a20);transform:scale(.95)}@media(max-width:768px){.header{background:var(--clr-bg-dark);backdrop-filter:none}.header__clock{padding:var(--sp-1) var(--sp-2)}.header__time{font-size:var(--fs-md)}.header__date{display:block;font-size:10px}.header__logo-text{font-size:var(--fs-md)}.header__nav{display:none}.header__menu-toggle{display:flex}}@media(max-width:480px){.header__logo-text{display:none}.header__date{display:block;font-size:9px}}.hero{position:relative;padding:var(--sp-6) 0 var(--sp-4)}.hero__container{position:relative}.hero__content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3)}.hero__text{flex:1}.hero__title{font-family:var(--ff-decorative);font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--clr-text-primary);margin-bottom:var(--sp-1)}.hero__subtitle{font-family:var(--ff-decorative);font-size:var(--fs-lg);color:var(--clr-accent-500);font-style:italic}.hero__badge{font-family:var(--ff-decorative);font-size:var(--fs-xl);font-style:italic;color:var(--clr-text-primary);text-align:right;line-height:var(--lh-tight)}.prayer-times-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin:var(--sp-6) 0}.tomorrow-date{font-size:var(--fs-md);color:var(--clr-accent-500);font-weight:var(--fw-normal);margin-left:var(--sp-2)}@media(max-width:768px){.tomorrow-date{display:block;margin-left:0;margin-top:var(--sp-2);font-size:var(--fs-sm)}.hero{padding:var(--sp-6) 0 var(--sp-4)}.hero__content{flex-direction:column;align-items:center;text-align:center}.hero__text{display:none}.hero__badge{text-align:center;margin-left:0;width:100%;max-width:200px}}.countdown{margin:var(--sp-3) 0}.countdown__card{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-4);background:var(--clr-bg-card);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);border:1px solid var(--clr-border)}.countdown__info{display:flex;align-items:center;gap:var(--sp-2)}.countdown__card--stacked{margin-top:0;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5)}.countdown__info--stacked{align-items:center;text-align:center;margin-bottom:0}.countdown__label{font-size:var(--fs-sm);color:var(--clr-text-secondary)}.countdown__prayer-name{font-family:var(--ff-decorative);font-size:var(--fs-xl);color:var(--clr-accent-500);font-weight:var(--fw-bold)}.countdown__timer{display:flex;align-items:center;gap:var(--sp-2);justify-content:center;flex-wrap:wrap}.countdown__card--stacked .countdown__timer{gap:var(--sp-4)}.qi-break{display:none;flex-basis:100%;height:0}.countdown__unit{display:flex;flex-direction:column;align-items:center}.countdown__unit--relative{position:relative}.countdown__unit--clickable{position:relative;cursor:pointer}.countdown__number{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--clr-text-primary);line-height:1;min-width:50px;background:var(--clr-secondary-600);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);text-align:center;border:1px solid var(--clr-border)}.countdown__text{font-size:var(--fs-2xs);color:var(--clr-text-muted);text-transform:uppercase;margin-top:var(--sp-1)}.countdown__separator{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--clr-text-muted);margin-bottom:var(--sp-4)}@media(max-width:768px){.countdown__card{flex-direction:column;gap:var(--sp-3);padding:var(--sp-4)}.countdown__number{font-size:var(--fs-xl);min-width:45px}}@media(max-width:480px){.countdown__number{font-size:var(--fs-xl);min-width:40px;padding:var(--sp-2) var(--sp-3)}}.countdown__number--imsak{color:var(--clr-primary-400);background:var(--clr-primary-a10);border-color:var(--clr-primary-a30);font-weight:var(--fw-semibold)}.countdown__text--imsak{color:var(--clr-primary-400);font-weight:var(--fw-semibold);letter-spacing:.5px;font-size:.7rem}.countdown__number--maghrib{color:var(--clr-accent-500);background:var(--clr-accent-a10);border-color:var(--clr-accent-a30);font-weight:var(--fw-semibold)}.countdown__text--maghrib{color:var(--clr-accent-500);font-weight:var(--fw-semibold);letter-spacing:.5px;font-size:.7rem}.countdown__number--qibla{color:var(--clr-text-primary);background:var(--clr-bg-surface);border-color:var(--clr-border-light);font-weight:var(--fw-semibold)}.countdown__text--qibla{color:var(--clr-text-secondary);font-weight:var(--fw-semibold);letter-spacing:.5px;font-size:.7rem}.countdown__number--org{color:var(--clr-text-primary);background:var(--clr-bg-table-header);border-color:var(--clr-border-light);font-weight:var(--fw-semibold);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3) var(--sp-2) 28px;white-space:nowrap}.countdown__text--org{color:var(--clr-text-secondary);font-weight:var(--fw-semibold);letter-spacing:.5px;font-size:.7rem}.countdown__prayer-name--qi{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-top:4px;opacity:.9}.skeleton-countdown-title--qi{width:150px;margin:0 auto 10px}.qi-icon-overlay{position:absolute;top:-10px;left:-10px;width:28px;height:28px;background:var(--clr-bg-card-solid);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;z-index:2;border:1px solid var(--clr-border-light)}.qi-icon-overlay img{width:16px;height:16px;object-fit:contain}.qi-icon-overlay i{font-size:16px}.qi-icon-overlay--imsak{border-color:var(--clr-primary-a30)}.qi-icon-overlay--imsak img{filter:brightness(0) saturate(100%) invert(56%) sepia(68%) saturate(309%) hue-rotate(129deg) brightness(91%) contrast(87%)}.qi-icon-overlay--maghrib{border-color:var(--clr-accent-a30)}.qi-icon-overlay--maghrib img{filter:brightness(0) saturate(100%) invert(75%) sepia(34%) saturate(723%) hue-rotate(1deg) brightness(98%) contrast(88%)}.qi-icon-overlay--qibla{color:var(--clr-text-secondary)}.qi-icon-overlay--org{color:var(--clr-text-secondary);border-color:var(--clr-border-light)}.schedule{position:relative;z-index:2;padding:var(--sp-4) 0}.schedule__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.schedule__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--clr-text-primary)}.schedule__title-hijri{color:var(--clr-accent-500)}.schedule__toggle{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--clr-accent-a15);border:1px solid var(--clr-accent-a30);border-radius:var(--radius-md);color:var(--clr-accent-500);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast)}.schedule__toggle:hover{background:var(--clr-accent-a25);border-color:var(--clr-accent-a50);color:var(--clr-accent-300)}.schedule__toggle i{font-size:var(--fs-lg);transition:transform var(--transition-fast)}.schedule__wrapper{transition:max-height .3s ease;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--clr-bg-card)}.schedule__wrapper--collapsed{max-height:120px;overflow:hidden;position:relative}.schedule__wrapper--collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--clr-bg-dark));pointer-events:none}.schedule__table-wrapper{overflow-x:auto}.schedule__table{width:100%;border-collapse:collapse;min-width:700px}.schedule__table th,.schedule__table td{padding:var(--sp-2) var(--sp-3);text-align:center;white-space:nowrap}.schedule__table thead{background:var(--clr-bg-table-header)}.schedule__table th{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--clr-text-primary);text-transform:uppercase;letter-spacing:.5px}.schedule__table tbody tr{border-bottom:1px solid var(--clr-border-light);transition:background var(--transition-fast)}.schedule__table tbody tr:nth-child(odd){background:var(--clr-bg-table-row-odd)}.schedule__table tbody tr:nth-child(2n){background:var(--clr-bg-table-row-even)}.schedule__table tbody tr:hover{background:var(--clr-primary-a10)}.schedule__table td{font-size:var(--fs-sm);color:var(--clr-text-secondary)}.schedule__table tbody tr.is-today,.schedule__table tbody tr.is-today:hover,.schedule__table tbody tr.is-today:nth-child(n){background:var(--clr-accent-a15);border-left:3px solid var(--clr-accent-500)}.schedule__table tbody tr.is-today td{color:var(--clr-text-primary);font-weight:var(--fw-medium)}.schedule__table tbody tr .time-primary,.schedule__table tbody tr.is-today .time-primary{color:var(--clr-primary-400);font-weight:var(--fw-semibold)}.schedule__table tbody tr .time-accent,.schedule__table tbody tr.is-today .time-accent{color:var(--clr-accent-500);font-weight:var(--fw-bold)}.prayer-times-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-2);margin-top:var(--sp-4)}.prayer-time-item{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-2);text-align:center;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1)}.prayer-time-item__icon{width:28px;height:28px;margin-bottom:var(--sp-1);display:flex;align-items:center;justify-content:center}.prayer-time-item__icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(600%) hue-rotate(180deg) brightness(95%) contrast(90%);transition:all var(--transition-fast)}.prayer-time-item__content{display:flex;flex-direction:column;align-items:center}.prayer-time-item.is-next{background:var(--clr-accent-a15);border-color:var(--clr-accent-500);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.prayer-time-item.is-next .prayer-time-item__icon img{filter:brightness(0) saturate(100%) invert(75%) sepia(34%) saturate(723%) hue-rotate(1deg) brightness(98%) contrast(88%)}.prayer-time-item__name{font-size:var(--fs-xs);color:var(--clr-text-muted);margin-bottom:var(--sp-1)}.prayer-time-item__time{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--clr-text-primary)}.prayer-time-item:first-child .prayer-time-item__icon img{filter:brightness(0) saturate(100%) invert(56%) sepia(68%) saturate(309%) hue-rotate(129deg) brightness(91%) contrast(87%)}.prayer-time-item:first-child .prayer-time-item__name,.prayer-time-item:first-child .prayer-time-item__time{color:var(--clr-primary-400);font-weight:var(--fw-semibold)}.prayer-time-item.is-next:first-child{background:var(--clr-primary-a10);border-color:var(--clr-primary-400);box-shadow:0 0 15px var(--clr-primary-a25)}.prayer-time-item.is-next:first-child .prayer-time-item__icon img{filter:brightness(0) saturate(100%) invert(56%) sepia(68%) saturate(309%) hue-rotate(129deg) brightness(91%) contrast(87%)}.prayer-time-item.is-next:first-child .prayer-time-item__time{color:var(--clr-primary-400)}.prayer-time-item.is-next:not(:first-child) .prayer-time-item__time{color:var(--clr-accent-500)}@media(max-width:768px){.schedule__header{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.prayer-times-grid{grid-template-columns:1fr;gap:0;background:var(--clr-bg-card);border-radius:var(--radius-lg);border:1px solid var(--clr-border);overflow:hidden;margin-top:var(--sp-3)}.prayer-time-item{display:flex;flex-direction:row;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:0;border:none;border-bottom:1px solid var(--clr-border-light);background:transparent;text-align:left}.prayer-time-item:last-child{border-bottom:none}.prayer-time-item__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.prayer-time-item__icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(600%) hue-rotate(180deg) brightness(95%) contrast(90%);transition:none}.prayer-time-item__content{flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.prayer-time-item.is-next{background:var(--clr-accent-a15);transform:none;box-shadow:none}.prayer-time-item.is-next .prayer-time-item__icon img{filter:brightness(0) saturate(100%) invert(75%) sepia(34%) saturate(723%) hue-rotate(1deg) brightness(98%) contrast(88%)}.prayer-time-item.is-next .prayer-time-item__name,.prayer-time-item.is-next .prayer-time-item__time{color:var(--clr-accent-500)}.prayer-time-item__name{font-size:var(--fs-sm);margin-bottom:0;color:var(--clr-text-secondary)}.prayer-time-item:first-child{background:var(--clr-primary-a10);border:1px solid var(--clr-primary-a30);border-radius:var(--radius-md);margin:var(--sp-2);width:auto}.prayer-time-item:first-child .prayer-time-item__name,.prayer-time-item:first-child .prayer-time-item__time{color:var(--clr-primary-400);font-weight:var(--fw-semibold)}.prayer-time-item:first-child .prayer-time-item__icon img{filter:brightness(0) saturate(100%) invert(56%) sepia(68%) saturate(309%) hue-rotate(129deg) brightness(91%) contrast(87%)}.prayer-time-item__time{font-size:var(--fs-lg)}.schedule__table-wrapper,.schedule__wrapper--collapsed{display:none}.schedule__wrapper{max-height:none;overflow:visible;background:transparent;box-shadow:none;border-radius:0}.schedule__wrapper:after{display:none}}.schedule__cards,.schedule__cards-mobile,.schedule__scroll-hint{display:none}@media(max-width:768px){.schedule__cards-mobile{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--sp-3);margin-top:var(--sp-4);padding-bottom:var(--sp-3);scrollbar-width:none;-ms-overflow-style:none}.schedule__cards-mobile::-webkit-scrollbar{display:none}.schedule__cards-mobile .schedule-card{flex:0 0 calc(100% - var(--sp-2));scroll-snap-align:center;max-width:400px}.schedule__toggle{display:none}.schedule__scroll-hint{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--clr-text-muted);margin-top:var(--sp-2)}.schedule__scroll-hint i{animation:scrollHint 1.5s ease-in-out infinite}}@keyframes scrollHint{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.schedule-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-fast)}.schedule-card.is-today{border-color:var(--clr-accent-500);box-shadow:0 4px 20px var(--clr-accent-a10)}.schedule-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--clr-bg-table-header);border-bottom:1px solid var(--clr-border-light)}.schedule-card__header-content{display:flex;flex-direction:column}.schedule-card__day{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--clr-accent-500)}.schedule-card__date{font-size:var(--fs-xs);color:var(--clr-text-secondary);margin-top:2px}.schedule-card__badge{font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;background:var(--clr-accent-a15);color:var(--clr-accent-500);padding:2px 8px;border-radius:20px;border:1px solid var(--clr-accent-a30)}.schedule-card__body{padding:var(--sp-3)}.schedule-card__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}.schedule-time-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:var(--clr-bg-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);text-align:left}.schedule-time-box--maghrib{background:var(--clr-accent-a10);border-color:var(--clr-accent-a30)}.schedule-time-box--imsak{border-color:var(--clr-border-light);background:var(--clr-imsak-bg)}.schedule-time-box__label{font-size:var(--fs-sm);text-transform:capitalize;color:var(--clr-text-secondary);margin-bottom:0}.schedule-time-box__value{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--clr-text-primary)}.schedule-time-box--maghrib .schedule-time-box__label{font-weight:var(--fw-bold);color:var(--clr-accent-500)}.schedule-time-box--maghrib .schedule-time-box__value{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--clr-accent-500)}.schedule-time-box--imsak .schedule-time-box__value{color:var(--clr-primary-400)}@media(max-width:480px){.schedule__cards-mobile .schedule-card{flex:0 0 85%;max-width:none}}.location{margin:var(--sp-2) 0}.location__card{display:flex;align-items:center;justify-content:space-between;background:var(--clr-bg-card);border-radius:var(--radius-lg);padding:var(--sp-2) var(--sp-3);border:1px solid var(--clr-border-light)}.location__details{display:flex;flex-direction:column;gap:var(--sp-3)}.location__info{display:flex;align-items:center;gap:var(--sp-2)}.location__icon{font-size:var(--fs-xl);color:var(--clr-primary-400)}.location__text{display:flex;flex-direction:column}.location__label{font-size:var(--fs-2xs);color:var(--clr-text-muted);text-transform:uppercase}.location__content{display:flex;flex-direction:column;gap:2px}.location__name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-primary);line-height:1.2}.location__province{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#ebb52e;line-height:1.2}.location__org-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-primary);line-height:1.2}.location__icon--org{color:var(--clr-accent-500)}.location__btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--clr-accent-a15);border:1px solid var(--clr-accent-a30);border-radius:var(--radius-md);color:var(--clr-accent-500);font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:all var(--transition-fast)}.location__btn:hover{background:var(--clr-accent-a25);border-color:var(--clr-accent-a50);color:var(--clr-accent-300)}.skeleton-location--qi{margin-top:0}.skeleton-location-org--qi{width:50px}.location-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--clr-bg-card);border-radius:var(--radius-lg);border:1px solid var(--clr-border-light)}.location-banner>i{font-size:var(--fs-2xl);color:var(--clr-accent-500);flex-shrink:0;animation:banner-icon-pulse 2s ease-in-out infinite}.location-banner__text{flex:1;display:flex;flex-direction:column;gap:2px}.location-banner__text strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-text-primary)}.location-banner__text span{font-size:var(--fs-xs);color:var(--clr-text-muted)}.location-banner__actions{display:flex;gap:var(--sp-2);flex-shrink:0}.location-banner__btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);font-family:var(--ff-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.location-banner__btn--gps{background:var(--clr-accent-500);color:var(--clr-text-dark)}.location-banner__btn--gps:hover{background:var(--clr-accent-400);box-shadow:0 0 10px var(--clr-accent-a40)}.location-banner__btn--manual{background:var(--clr-accent-a20);color:var(--clr-accent-400);border:1px solid var(--clr-accent-a30)}.location-banner__btn--manual:hover{background:var(--clr-accent-a30);border-color:var(--clr-accent-500)}@keyframes banner-icon-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.location-banner.hidden{display:none}@media(max-width:480px){.location-banner{flex-wrap:wrap}.location-banner__actions{width:100%;margin-top:var(--sp-1)}.location-banner__btn{flex:1;justify-content:center}}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal.is-active{opacity:1;visibility:visible}.modal__backdrop{position:absolute;inset:0;background:var(--clr-black-a70);backdrop-filter:blur(4px)}.modal__content{position:relative;width:100%;max-width:450px;max-height:80vh;overflow-y:auto;background:var(--clr-secondary-600);border-radius:var(--radius-xl);padding:var(--sp-4);border:1px solid var(--clr-border);transform:translateY(20px);transition:transform var(--transition-normal)}.modal.is-active .modal__content{transform:translateY(0)}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.modal__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.modal__close{font-size:var(--fs-xl);color:var(--clr-text-muted);transition:color var(--transition-fast);cursor:pointer}.modal__close:hover{color:var(--clr-text-primary)}.location-selector__search{margin-bottom:var(--sp-3)}.location-selector__input{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text-primary);font-family:inherit;font-size:var(--fs-sm)}.location-selector__input:focus{outline:none;border-color:var(--clr-primary-400)}.location-selector__input::placeholder{color:var(--clr-text-muted)}.location-selector__list{max-height:250px;overflow-y:auto}.location-selector__item{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--clr-border-light);cursor:pointer;transition:background var(--transition-fast)}.location-selector__item:hover{background:var(--clr-primary-a10)}.location-selector__item-name{font-weight:var(--fw-medium);font-size:var(--fs-sm)}.location-selector__item-province{font-size:var(--fs-xs);color:var(--clr-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none}.btn--primary{background:var(--clr-accent-500);color:var(--clr-text-dark)}.btn--primary:hover{background:var(--clr-accent-400);transform:translateY(-1px);box-shadow:var(--shadow-glow);color:var(--clr-text-dark)}.btn--secondary{background:var(--clr-primary-500);color:var(--clr-text-primary);border:1px solid var(--clr-border)}.btn--secondary:hover{background:var(--clr-primary-400);border-color:var(--clr-primary-400)}.btn--accent{background:var(--clr-accent-500);color:var(--clr-text-dark);border:none;font-weight:var(--fw-semibold)}.btn--accent:hover{background:var(--clr-accent-400);transform:translateY(-1px);box-shadow:var(--shadow-glow);color:var(--clr-text-dark)}.btn--small{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs)}.btn--full{width:100%}.card{background:var(--clr-bg-card);border-radius:var(--radius-lg);padding:var(--sp-4);border:1px solid var(--clr-border-light)}.badge{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);text-transform:uppercase}.badge--success{background:var(--clr-badge-success-bg);color:var(--clr-badge-success)}.badge--warning{background:var(--clr-badge-warning-bg);color:var(--clr-badge-warning)}.spinner{width:32px;height:32px;border:3px solid var(--clr-border);border-top-color:var(--clr-primary-400);border-radius:var(--radius-full);animation:spin 1s linear infinite}.btn--loading{pointer-events:none;opacity:.85;position:relative}.btn--loading .btn__spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--clr-white-a30);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.footer{margin-top:auto;padding:var(--sp-8) 0 var(--sp-4);background:var(--clr-secondary-700);border-top:1px solid var(--clr-border-light)}.footer__content{display:grid;grid-template-columns:1.5fr .7fr .7fr .7fr;gap:var(--sp-8);margin-bottom:var(--sp-6)}.footer__content--no-install{grid-template-columns:1.5fr .7fr .7fr}.footer__brand{max-width:300px}.footer__logo{font-family:var(--ff-decorative);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--clr-accent-500);display:block;margin-bottom:var(--sp-2)}.footer__desc{font-size:var(--fs-sm);color:var(--clr-text-muted);line-height:var(--lh-normal)}.footer__nav-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin-bottom:var(--sp-3);text-transform:uppercase;letter-spacing:.5px}.footer__nav-list{display:flex;flex-direction:column;gap:var(--sp-2)}.footer__nav-list a{font-size:var(--fs-sm);color:var(--clr-text-muted);transition:color var(--transition-fast)}.footer__nav-list a:hover{color:var(--clr-accent-500)}.footer__social{display:flex;gap:var(--sp-2)}.footer__social-link,.footer__install-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--clr-white-a05);color:var(--clr-text-muted);font-size:var(--fs-lg);transition:all var(--transition-fast)}.footer__social-link:hover,.footer__install-btn:hover{background:var(--clr-accent-500);color:var(--clr-text-dark);transform:translateY(-2px)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-4);border-top:1px solid var(--clr-border-light)}.footer__copyright{font-size:var(--fs-xs);color:var(--clr-text-muted)}.footer__highlight{color:var(--clr-accent-500);font-weight:var(--fw-bold);cursor:pointer;transition:color var(--transition-fast)}.footer__highlight:hover{color:var(--clr-primary-400);text-decoration:underline}.footer__back-top{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--clr-white-a05);color:var(--clr-text-muted);font-size:var(--fs-lg);transition:all var(--transition-fast)}.footer__back-top:hover{background:var(--clr-primary-400);color:var(--clr-text-primary)}.footer__connect,.footer__install{display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.footer__content{grid-template-columns:1fr;gap:var(--sp-6);text-align:center}.footer__brand{max-width:none}.footer__social{justify-content:center}.footer__bottom{flex-direction:column;gap:var(--sp-3)}}.notification{position:fixed;top:100px;right:20px;transform:translate(120%);background:var(--clr-bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--clr-border-light);color:var(--clr-text-primary);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-toast);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275),top .4s ease,bottom .4s ease;font-size:var(--fs-sm);display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--sp-3);min-width:250px;max-width:350px}.notification.is-visible{transform:translate(0);opacity:1}.notification__icon{font-size:var(--fs-xl)}.notification--error .notification__icon{color:var(--clr-status-error)}.notification--warning .notification__icon{color:var(--clr-status-warning)}.notification--success .notification__icon{color:var(--clr-status-success)}.notification--info .notification__icon{color:var(--clr-primary-400)}.spinner{width:32px;height:32px;border:3px solid var(--clr-border);border-top-color:var(--clr-primary-400);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto}@media(max-width:768px){.notification{inset:100px auto auto 50%;transform:translate(-50%,-150%);width:max-content;max-width:90vw;border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.notification.is-visible{transform:translate(-50%);opacity:1}}.page{display:none;padding-top:80px;padding-bottom:var(--sp-8);min-height:100vh}.page--active{display:block;animation:fadeSlideUp .4s cubic-bezier(.165,.84,.44,1) forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.settings{padding:var(--sp-6) 0;max-width:500px;margin:0 auto}.settings__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--clr-text-primary);margin-bottom:var(--sp-6);text-align:center}.settings__section{background:var(--clr-bg-card);border-radius:var(--radius-lg);padding:var(--sp-5);margin-bottom:var(--sp-4);border:1px solid var(--clr-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.settings__section:hover{box-shadow:var(--shadow-md);border-color:var(--clr-border)}.settings__section-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin-bottom:var(--sp-1)}.settings__section-title i{color:var(--clr-primary-400)}.settings__section-desc{font-size:var(--fs-sm);color:var(--clr-text-muted);margin-bottom:var(--sp-4)}.settings__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-3)}.settings__option{cursor:pointer;height:100%}.settings__option input{display:none}.settings__option-card{display:flex;flex-direction:column;height:100%;padding:var(--sp-4);background:var(--clr-secondary-600);border-radius:var(--radius-md);border:2px solid transparent;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.settings__option input:checked+.settings__option-card{border-color:var(--clr-accent-500);background:var(--clr-accent-a10);box-shadow:var(--shadow-md)}.settings__option-card:hover{background:var(--clr-primary-a10);transform:translateY(-2px)}.settings__option-title{display:block;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--clr-text-primary);margin-bottom:var(--sp-1)}.settings__option-desc{display:block;font-size:var(--fs-xs);color:var(--clr-text-muted);line-height:var(--lh-normal)}.settings__field{margin-bottom:var(--sp-3)}.settings__label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary);margin-bottom:var(--sp-2)}.custom-select{position:relative}.custom-select--disabled{opacity:.5;pointer-events:none}.custom-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-3);background:var(--clr-secondary-600);border:1px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text-primary);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-fast)}.custom-select__trigger:hover{border-color:var(--clr-primary-400)}.custom-select--open .custom-select__trigger{border-color:var(--clr-primary-400);border-radius:var(--radius-md) var(--radius-md) 0 0}.custom-select__trigger i{font-size:var(--fs-lg);color:var(--clr-text-muted);transition:transform var(--transition-fast)}.custom-select--open .custom-select__trigger i{transform:rotate(180deg)}.custom-select__options{display:none;position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:var(--clr-secondary-600);border:1px solid var(--clr-primary-400);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);z-index:100}.custom-select--open .custom-select__options{display:block}.custom-select__option{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--clr-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.custom-select__option:hover{background:var(--clr-primary-a20);color:var(--clr-text-primary)}.settings__divider{display:flex;align-items:center;margin:var(--sp-4) 0}.settings__divider:before,.settings__divider:after{content:"";flex:1;height:1px;background:var(--clr-border)}.settings__divider span{padding:0 var(--sp-3);font-size:var(--fs-xs);color:var(--clr-text-muted);text-transform:uppercase}.settings__info{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);background:var(--clr-primary-a10);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--clr-text-secondary);margin-top:var(--sp-3)}.settings__info i{color:var(--clr-primary-400)}.settings__info strong{color:var(--clr-text-primary)}.mb-4{margin-bottom:var(--sp-4)}.mt-4{margin-top:var(--sp-4)}.mt-2{margin-top:var(--sp-2)}.p-4{padding:var(--sp-4)}.text-center{text-align:center}.text-muted{color:var(--clr-text-muted)}.text-sm{font-size:var(--fs-sm)}.text-accent{color:var(--clr-accent-500)}.font-bold{font-weight:var(--fw-bold)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:var(--clr-bg-card);background:linear-gradient(to right,var(--clr-bg-card) 0%,var(--clr-white-a15) 50%,var(--clr-bg-card) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm);display:inline-block}.skeleton-box{width:100%;height:100%;display:block}.skeleton-countdown{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);background:var(--clr-bg-card);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);border:1px solid var(--clr-border);width:100%;height:100%}.skeleton-countdown-title{width:120px;height:32px;border-radius:var(--radius-md)}.skeleton-countdown-timer{display:flex;align-items:center;gap:var(--sp-2)}.skeleton-timer-box{width:50px;height:60px;border-radius:var(--radius-md);background:var(--clr-secondary-600)}.skeleton-prayer-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-2);margin-top:var(--sp-4)}.skeleton-prayer-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);min-height:80px}.skeleton-prayer-name{width:60%;height:12px;margin-bottom:4px;opacity:.6}.skeleton-prayer-time{width:80%;height:20px}@media(max-width:768px){.skeleton-countdown{flex-direction:column;gap:var(--sp-3);padding:var(--sp-4)}.skeleton-prayer-grid{grid-template-columns:1fr;gap:0;background:var(--clr-bg-card);border-radius:var(--radius-lg);border:1px solid var(--clr-border);overflow:hidden;margin-top:var(--sp-3)}.skeleton-prayer-card{flex-direction:row;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);border:none;border-bottom:1px solid var(--clr-border-light);border-radius:0;min-height:auto}.skeleton-prayer-card:last-child{border-bottom:none}.skeleton-prayer-name{width:100px;margin-bottom:0}.skeleton-prayer-time{width:80px}.skeleton-schedule-cards{display:flex;flex-direction:row;overflow:hidden;gap:var(--sp-3);margin-top:var(--sp-4);padding-bottom:var(--sp-3)}.skeleton-card{flex:0 0 calc(100% - var(--sp-2));max-width:400px;min-height:250px}.skeleton-schedule-title{height:20px;width:120px;border-radius:var(--radius-sm)}.skeleton-schedule-badge{height:18px;width:60px;border-radius:20px}.skeleton-schedule-box{height:48px;width:100%;border-radius:var(--radius-md)}}.skeleton-location{display:flex;flex-direction:column;gap:4px;margin-top:4px}.skeleton-location-name{width:140px;height:18px}.skeleton-location-prov{width:100px;height:14px}.skeleton-location-org{width:120px;height:16px;margin-top:2px}.hidden{display:none!important}.splash{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--clr-primary-900) 0%,var(--clr-primary-800) 50%,var(--clr-secondary-900) 100%);overflow:hidden;transition:opacity .5s ease,visibility .5s ease,transform .5s ease}body.splash-active{overflow:hidden!important;touch-action:none;-webkit-overflow-scrolling:none}body.splash-active #app{pointer-events:none;opacity:0}.splash.splash--hidden{opacity:0;visibility:hidden;transform:scale(1.1);pointer-events:none}.splash__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.splash__logo{position:relative;width:120px;height:120px;margin-bottom:1.5rem}.splash__logo-img{width:100%;height:100%;object-fit:contain;border-radius:24px;animation:logoPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 30px var(--clr-splash-glow))}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.splash__logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:radial-gradient(circle,var(--clr-splash-glow-light) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.splash__title{font-size:2rem;font-weight:700;color:var(--clr-white);margin:0 0 .5rem;text-shadow:0 2px 20px var(--clr-black-a30);letter-spacing:1px}.splash__subtitle{font-size:1rem;color:var(--clr-accent-400);margin:0 0 2.5rem;opacity:.9;font-weight:500}.splash__loader{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:280px}.splash__progress{width:100%;height:4px;background:var(--clr-white-a15);border-radius:4px;overflow:hidden;position:relative}.splash__progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--clr-accent-500),var(--clr-accent-400),var(--clr-accent-500));background-size:200% 100%;border-radius:4px;transition:width .3s ease;animation:shimmer 1.5s infinite linear;box-shadow:0 0 20px var(--clr-splash-glow)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.splash__status{font-size:.875rem;color:var(--clr-white-a70);animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.7}50%{opacity:1}}.splash__decoration{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.splash__circle{position:absolute;border-radius:50%;border:1px solid var(--clr-white-a10)}.splash__circle--1{width:300px;height:300px;top:-100px;right:-100px;animation:floatCircle 15s ease-in-out infinite}.splash__circle--2{width:400px;height:400px;bottom:-150px;left:-150px;animation:floatCircle 20s ease-in-out infinite reverse}.splash__circle--3{width:200px;height:200px;top:50%;left:10%;animation:floatCircle 12s ease-in-out infinite 2s}@keyframes floatCircle{0%,to{transform:translate(0) rotate(0);opacity:.3}25%{transform:translate(10px,-10px) rotate(90deg);opacity:.5}50%{transform:translateY(20px) rotate(180deg);opacity:.3}75%{transform:translate(-10px,10px) rotate(270deg);opacity:.5}}@media(max-width:576px){.splash__logo{width:100px;height:100px}.splash__logo-glow{width:150px;height:150px}.splash__title{font-size:1.75rem}.splash__subtitle{font-size:.875rem}.splash__loader{max-width:220px}}.qibla-fab{position:fixed;bottom:var(--sp-8);right:var(--sp-6);z-index:250;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);width:64px;height:64px;padding:var(--sp-2);background:linear-gradient(145deg,var(--clr-fab-start),var(--clr-fab-end));color:var(--clr-primary-700);border:none;border-radius:var(--radius-lg);font-family:var(--ff-primary);cursor:pointer;box-shadow:0 4px 20px var(--clr-accent-a45),0 2px 8px var(--clr-black-a30);transition:transform var(--transition-normal),opacity var(--transition-normal),box-shadow var(--transition-normal);will-change:transform,opacity}.qibla-fab i{font-size:26px;line-height:1;filter:drop-shadow(0 1px 1px var(--clr-black-a15))}.qibla-fab span{font-size:10px;font-weight:var(--fw-bold);letter-spacing:.6px;text-transform:uppercase;line-height:1;text-shadow:0 1px 3px var(--clr-black-a60)}.qibla-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 28px var(--clr-accent-a55),0 4px 12px var(--clr-black-a35)}.qibla-fab:active{transform:translateY(0) scale(.96)}.qibla-fab.fab--hidden{opacity:0;pointer-events:none;transform:translateY(20px) scale(.8)}@keyframes fab-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}.qibla-modal .modal__content{max-width:400px;text-align:center;padding:var(--sp-6) var(--sp-4) var(--sp-4);overflow:visible}.qibla-modal__title-icon{color:var(--clr-accent-500);margin-right:var(--sp-1)}.compass{position:relative;width:260px;height:260px;margin:var(--sp-4) auto;border-radius:50%;background:radial-gradient(circle,var(--clr-compass-bg-start) 0%,var(--clr-compass-bg-end) 100%);box-shadow:0 0 0 3px var(--clr-accent-500),0 0 30px var(--clr-accent-a20),inset 0 0 40px var(--clr-black-a40)}.compass__ring{position:absolute;inset:0;border-radius:50%;will-change:transform}.compass__direction{position:absolute;font-family:var(--ff-primary);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--clr-text-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center}.compass__direction--n{top:10px;left:50%;transform:translate(-50%);color:var(--clr-compass-north);font-size:var(--fs-base);text-shadow:0 0 8px var(--clr-compass-north-glow)}.compass__direction--s{bottom:10px;left:50%;transform:translate(-50%)}.compass__direction--e{right:10px;top:50%;transform:translateY(-50%)}.compass__direction--w{left:10px;top:50%;transform:translateY(-50%)}.compass__ticks{position:absolute;inset:0;border-radius:50%}.compass__tick{position:absolute;top:4px;left:50%;width:1px;height:10px;background:var(--clr-text-muted);transform-origin:0 126px;opacity:.4}.compass__tick--major{width:2px;height:14px;opacity:.7;background:var(--clr-text-secondary)}.compass__center{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--clr-accent-500);border:2px solid var(--clr-accent-300);border-radius:50%;transform:translate(-50%,-50%);z-index:3;box-shadow:0 0 10px var(--clr-accent-a50)}.compass__needle{position:absolute;inset:0;z-index:2;will-change:transform}.compass__needle-arrow{position:absolute;top:18px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:100px solid var(--clr-accent-500);filter:drop-shadow(0 0 6px var(--clr-accent-a60))}.compass__needle-label{position:absolute;top:32px;left:50%;transform:translate(-50%);font-family:var(--ff-decorative);font-size:var(--fs-xs);color:var(--clr-primary-900);font-weight:var(--fw-bold);z-index:4;white-space:nowrap;text-shadow:0 1px 2px var(--clr-black-a30);pointer-events:none}.compass__kaaba{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:5;filter:drop-shadow(0 0 4px var(--clr-accent-a80))}.compass__kaaba-img{width:24px;height:24px;object-fit:contain}.qibla-info{margin-top:var(--sp-4)}.qibla-info__degree{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--clr-accent-500);line-height:1}.qibla-info__degree-symbol{font-size:var(--fs-lg)}.qibla-info__label{font-size:var(--fs-sm);color:var(--clr-text-muted);margin-top:var(--sp-1)}.qibla-info__mode{display:inline-flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-3);padding:var(--sp-1) var(--sp-3);background:var(--clr-bg-card);border-radius:var(--radius-full);font-size:var(--fs-xs);color:var(--clr-text-secondary);border:1px solid var(--clr-border-light)}.qibla-info__mode i{font-size:var(--fs-sm)}.qibla-calibrate{display:none;margin:var(--sp-3) auto 0;padding:var(--sp-2) var(--sp-4);background:var(--clr-primary-400);color:var(--clr-text-primary);border:none;border-radius:var(--radius-md);font-family:var(--ff-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--transition-fast)}.qibla-calibrate:hover{background:var(--clr-primary-300)}.qibla-calibrate.is-visible{display:inline-flex;align-items:center;gap:var(--sp-1)}.qibla-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px;gap:var(--sp-4)}.qibla-loading__spinner{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center}.qibla-loading__ring{position:absolute;inset:0;border-radius:50%;border:3px solid var(--clr-accent-a15);border-top:3px solid var(--clr-accent-500);border-right:3px solid var(--clr-accent-a40);animation:qibla-spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.qibla-loading__icon{font-size:28px;color:var(--clr-accent-500);animation:qibla-icon-pulse 2s ease-in-out infinite}.qibla-loading__text{font-size:var(--fs-sm);color:var(--clr-text-muted);animation:qibla-text-fade 1.8s ease-in-out infinite}@keyframes qibla-spin{to{transform:rotate(360deg)}}@keyframes qibla-icon-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes qibla-text-fade{0%,to{opacity:.5}50%{opacity:1}}.qibla-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px;gap:var(--sp-2);color:var(--clr-text-muted);font-size:var(--fs-sm);text-align:center;padding:var(--sp-4)}.qibla-error i{font-size:var(--fs-3xl);color:var(--clr-compass-error)}.qibla-error__retry{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--clr-primary-400);color:var(--clr-text-primary);border:none;border-radius:var(--radius-md);font-family:var(--ff-primary);font-size:var(--fs-sm);cursor:pointer;transition:background var(--transition-fast)}.qibla-error__retry:hover{background:var(--clr-primary-300)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.qibla-fab{bottom:var(--sp-6);right:var(--sp-4)}.compass{width:230px;height:230px}.compass__tick{transform-origin:0 111px}.compass__needle-arrow{border-left-width:9px;border-right-width:9px;border-bottom-width:85px;top:20px}.compass__needle-label{top:36px}.qibla-modal .modal__content{max-width:100%;margin:0 var(--sp-2)}}@media(max-width:360px){.compass{width:200px;height:200px}.compass__tick{transform-origin:0 96px}.compass__needle-arrow{border-bottom-width:70px;top:25px}.compass__needle-label{top:40px}}*{-webkit-tap-highlight-color:transparent}