:root{color-scheme:dark;--bg: #0a0b14;--surface-1: #11131f;--surface-2: #161929;--surface-3: #1d2236;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--divider: rgba(255, 255, 255, .04);--accent: #d4af37;--accent-soft: #b89a3d;--accent-warm: #e8c668;--accent-bg: rgba(212, 175, 55, .08);--plum: #4a154b;--plum-glow: rgba(122, 40, 124, .2);--text-1: #f6f3eb;--text-2: #c8c5be;--text-3: #8a8a93;--text-4: #555661;--hero-tint: rgba(74, 21, 75, .25);--info: #6fa8ff;--danger: #ff7a7a;--font-display: "Cormorant Garamond", "Georgia", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--r-1: 4px;--r-2: 8px;--r-3: 12px;--r-4: 16px;--r-full: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--t-fast: .12s var(--ease);--t-base: .2s var(--ease);--t-slow: .4s var(--ease)}:root[data-theme=light]{color-scheme:light;--bg: #f5f0e3;--surface-1: #fbf7eb;--surface-2: #f0eadc;--surface-3: #e6dfcc;--border: rgba(26, 28, 42, .08);--border-strong: rgba(26, 28, 42, .16);--divider: rgba(26, 28, 42, .06);--accent: #a37e1e;--accent-soft: #8a6a1e;--accent-warm: #b89030;--accent-bg: rgba(163, 126, 30, .1);--plum: #6b1f6c;--plum-glow: rgba(107, 31, 108, .18);--text-1: #1a1c2a;--text-2: #4a4d5d;--text-3: #6e7184;--text-4: #9ea0ad;--hero-tint: rgba(107, 31, 108, .06);--info: #2563a8;--danger: #c63a3a}:root[data-theme=light] body{background-image:radial-gradient(ellipse 1200px 600px at 50% -100px,var(--hero-tint),transparent 60%)}:root[data-theme=light] nav{background:#f5f0e3d1}:root[data-theme=light] .header-cal{background:radial-gradient(ellipse at center top,var(--hero-tint),transparent 70%),linear-gradient(180deg,var(--surface-1),transparent)}:root[data-theme=light] .header-cal:before{background-image:none}:root[data-theme=light] .compass-container,:root[data-theme=light] .qibla-ring{background:radial-gradient(circle at center,rgba(163,126,30,.06) 0%,var(--surface-2) 70%)}:root[data-theme=light] .progress-bar-bg{background:#1a1c2a14}:root[data-theme=light] .ephemeris-item,:root[data-theme=light] .weather-details div,:root[data-theme=light] .clock-moment-text{background:var(--surface-2)}:root[data-theme=light] .year-selector select{background:var(--surface-1)}:root[data-theme=light] .prayer-next{background:var(--accent-bg)}:root[data-theme=light] .sci-astro-data{background:#2563a80f;border-color:#2563a82e}:root[data-theme=light] .fulfulde-reading{background:linear-gradient(135deg,rgba(107,31,108,.08),transparent)}:root[data-theme=light] .cal-mode-toggle{background:var(--surface-2)}:root[data-theme=light] .lang-select,:root[data-theme=light] .locations-select,:root[data-theme=light] nav button{color:var(--text-2)}:root[data-theme=light] nav button.active{background:var(--surface-3)}:root[data-theme=light] .locations-select{background-color:var(--surface-1)}:root[data-theme=light] .lang-select option,:root[data-theme=light] .locations-select option,:root[data-theme=light] .year-selector select option{background:var(--surface-1);color:var(--text-1)}:root[data-theme=light] .day-cell{background:var(--surface-2)}:root[data-theme=light] .day-cell:not(.empty):hover{background:var(--surface-3)}:root[data-theme=light] #moon-icon{text-shadow:0 0 12px rgba(163,126,30,.4)!important}:root[data-theme=light] .weather-icon{background:radial-gradient(circle at 30% 30%,#a37e1e29,#a37e1e0a);border-color:#a37e1e4d}:root[data-theme=light] .qibla-needle:before{background:linear-gradient(180deg,var(--accent),transparent)}*{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{min-width:0}img,video,canvas,svg{max-width:100%;height:auto}p,blockquote,li,dd,.fulfulde-reading,.proverb-quote,.proverb-translation,.event-title,.event-desc,.eclipse-title,.planet-name,.planet-sub,.constellation-name,.constellation-sub{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.55;color:var(--text-1);background:var(--bg);background-image:radial-gradient(ellipse 1200px 600px at 50% -100px,rgba(74,21,75,.25),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern","liga","tnum";overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;color:var(--text-1);letter-spacing:-.015em}h1{font-size:clamp(3rem,7vw,4.8rem);line-height:1;font-weight:500}h2{font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.2;font-weight:500}h3{font-size:1.05rem;line-height:1.3;font-weight:600}h4{font-size:.92rem;line-height:1.4;font-weight:600}a{color:var(--accent-warm);text-decoration:none}button{font-family:inherit}::selection{background:#d4af3740;color:var(--text-1)}nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);padding:var(--s-3) var(--s-5);background:#0a0b14d1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border)}.nav-brand{display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none;margin-right:var(--s-2)}.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.brand-logo svg{display:block;width:100%;height:100%}.brand-name{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-1);letter-spacing:.04em}.nav-spacer{flex:1}.btn-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-strong);border-radius:var(--r-full);cursor:pointer;padding:0;position:relative;transition:border-color var(--t-fast),background var(--t-fast)}.btn-hamburger:hover{background:#ffffff0a;border-color:#d4af3766}.hamburger-line{position:absolute;left:8px;right:8px;height:1.5px;background:var(--text-1);border-radius:2px;transition:transform var(--t-base),opacity var(--t-fast),top var(--t-base),bottom var(--t-base)}.hamburger-line:nth-child(1){top:11px}.hamburger-line:nth-child(2){top:17px}.hamburger-line:nth-child(3){top:23px}nav.menu-open .btn-hamburger{border-color:var(--accent)}nav.menu-open .hamburger-line:nth-child(1){top:17px;transform:rotate(45deg)}nav.menu-open .hamburger-line:nth-child(2){opacity:0}nav.menu-open .hamburger-line:nth-child(3){top:17px;transform:rotate(-45deg)}.btn-theme{display:inline-flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;padding:0!important;border-radius:50%!important;color:var(--accent-warm)!important}.btn-theme .btn-icon{width:16px!important;height:16px!important}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.btn-icon svg{display:block;width:100%;height:100%}svg{fill:none}nav button,.lang-select{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-2);background:transparent;border:1px solid transparent;padding:8px 16px;border-radius:var(--r-full);cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast);letter-spacing:0}nav button:hover,.lang-select:hover{color:var(--text-1);background:#ffffff0a}nav button.active{color:var(--text-1);background:#ffffff0f;border-color:var(--border-strong)}.lang-select{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat}.lang-select option{background:var(--surface-2);color:var(--text-1)}.container{max-width:1240px;margin:0 auto;padding:var(--s-8) var(--s-5) var(--s-10)}.tab-content{display:none;animation:fadeIn .3s var(--ease)}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.header-cal{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-9) var(--s-5) var(--s-7);margin-bottom:var(--s-9)}.header-cal:before,.header-cal:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.35}.header-cal:before{top:0}.header-cal:after{bottom:0}.header-cal h1{font-family:var(--font-display);font-weight:500;color:var(--text-1);margin-bottom:var(--s-2);background:linear-gradient(180deg,var(--text-1) 30%,var(--accent-warm) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.year-selector{display:flex;align-items:center;justify-content:center;gap:var(--s-3);margin:var(--s-5) 0 var(--s-7)}.year-selector label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--text-3)}.year-selector select{font-family:var(--font-display);font-size:1.4rem;font-weight:500;color:var(--accent-warm);background:transparent;border:none;border-bottom:1px solid rgba(212,175,55,.3);padding:2px 10px 4px;cursor:pointer;text-align:center;transition:border-color var(--t-base),color var(--t-base)}.year-selector select:hover,.year-selector select:focus{border-color:var(--accent);color:var(--text-1);outline:none}.year-selector select option{background:var(--surface-2);color:var(--text-1)}.clock-date-text{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--text-3);margin-bottom:var(--s-4)}.clock-time{font-family:var(--font-mono);font-size:clamp(3.5rem,9vw,6rem);font-weight:300;line-height:1;color:var(--text-1);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:var(--s-1) 0}.clock-moment-text{display:inline-block;margin-top:var(--s-4);padding:4px 16px;font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--text-2);background:transparent;border:1px solid var(--border);border-radius:var(--r-full);letter-spacing:.05em}.scientific-time-data{margin-top:var(--s-4);font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-3);letter-spacing:.08em}.clock-fulfulde{margin-top:var(--s-5);font-family:var(--font-display);font-size:1.15rem;font-style:italic;font-weight:500;color:var(--accent-warm);letter-spacing:.01em;opacity:.85}.btn-audio{display:inline-flex;align-items:center;gap:var(--s-2);margin:var(--s-5) auto 0;padding:8px 18px;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--text-2);background:transparent;border:1px solid var(--border-strong);border-radius:var(--r-full);cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.btn-audio:hover{color:var(--text-1);background:#ffffff0a;border-color:#d4af3766}.btn-audio svg{width:13px;height:13px;opacity:.7}.header-ephemeris{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-7);padding-top:var(--s-6);border-top:1px solid var(--divider);width:100%}.ephemeris-item{display:inline-flex;align-items:center;gap:var(--s-3);padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:var(--r-full);font-size:13px;transition:border-color var(--t-base)}.ephemeris-item:hover{border-color:var(--border-strong)}.eph-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-3)}.eph-value{font-family:var(--font-display);font-weight:500;color:var(--text-1)}.months-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-3);margin-bottom:var(--s-9)}.calendar-scroll-hint{display:none}.month-card{position:relative;padding:var(--s-5) var(--s-5) var(--s-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-3);transition:border-color var(--t-base),transform var(--t-base)}.month-card:hover{border-color:#d4af3740;transform:translateY(-1px)}.month-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--s-3);margin-bottom:var(--s-3);border-bottom:1px solid var(--divider)}.month-header h3{font-family:var(--font-display);font-size:1.4rem;font-weight:500;color:var(--text-1);letter-spacing:-.01em}.month-header span{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.month-season-icon{position:absolute;top:var(--s-4);right:var(--s-5);font-size:13px;opacity:.4;filter:grayscale(.3)}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.day-label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);padding:var(--s-2) 0}.day-cell{padding:7px 0;font-family:var(--font-mono);font-size:12px;font-weight:400;color:var(--text-2);background:transparent;border-radius:var(--r-1);cursor:default;transition:background var(--t-fast),color var(--t-fast)}.day-cell:not(.empty):hover{background:#ffffff0a;color:var(--text-1)}.day-cell.empty{background:transparent}.day-cell.today{position:relative;color:var(--bg);font-weight:600;background:var(--accent)}.day-cell.today:after{content:"";position:absolute;inset:2px;border-radius:3px;background:var(--accent);z-index:-1}.card{position:relative;padding:var(--s-5);background:radial-gradient(ellipse at top,rgba(212,175,55,.025),transparent 60%),linear-gradient(180deg,var(--surface-2) 0%,var(--surface-1) 100%);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:0 1px #ffffff0a inset,var(--shadow-sm);transition:border-color var(--t-base),transform var(--t-base),box-shadow var(--t-base)}.card:after{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.15),transparent)}.card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.card:before{content:none}.card h3{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-1);margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--divider);letter-spacing:0}.card-title-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--r-2);background:#d4af3714;border:1px solid rgba(212,175,55,.18);color:var(--accent-warm)}.card-title-icon svg{width:18px;height:18px}.card-title-action{margin-left:auto}.icon-weather{color:var(--accent-warm)}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-4)}.info-cards .card{padding:var(--s-5)}.info-cards ul{list-style:none}.info-cards li{display:flex;justify-content:space-between;gap:var(--s-3);font-size:13px;color:var(--text-2);padding:var(--s-2) 0;border-bottom:1px solid var(--divider)}.info-cards li:last-child{border-bottom:0}.info-cards strong{color:var(--accent-warm);font-weight:600;font-family:var(--font-display);font-size:14px;letter-spacing:.01em}h2[data-i18n=lexicon_title]{margin:var(--s-9) 0 var(--s-5);text-align:center;font-family:var(--font-display);font-size:1.6rem;font-weight:500;color:var(--text-1);letter-spacing:.02em}h2[data-i18n=lexicon_title]:before,h2[data-i18n=lexicon_title]:after{content:"";display:inline-block;width:60px;height:1px;background:var(--border-strong);vertical-align:middle;margin:0 var(--s-4)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-5);flex-wrap:wrap;padding:var(--s-5) var(--s-6);margin-bottom:var(--s-5);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-3)}.dashboard-header h2{margin-bottom:var(--s-2);font-size:1.5rem}#dash-location{font-family:var(--font-display);font-size:1.05rem;font-weight:500;color:var(--accent-warm)!important;letter-spacing:0}.dashboard-header>div:first-child>div:last-child{font-family:var(--font-mono)!important;font-size:11px!important;color:var(--text-3)!important;letter-spacing:.06em;margin-top:var(--s-2)}.dashboard-header>div:last-child{display:flex;gap:var(--s-2)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s-4)}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (max-width: 1024px){.col-4,.col-6,.col-8{grid-column:span 12}}.current-weather{display:flex;align-items:center;gap:var(--s-5);padding-bottom:var(--s-5);margin-bottom:var(--s-4);border-bottom:1px solid var(--divider)}.weather-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d4af372e,#d4af370a);border:1px solid rgba(212,175,55,.2);color:var(--accent-warm);flex-shrink:0}.weather-icon svg{width:38px;height:38px;filter:drop-shadow(0 0 6px rgba(212,175,55,.3))}.temp-huge{font-family:var(--font-display);font-size:4.2rem;font-weight:400;line-height:1;color:var(--text-1);letter-spacing:-.04em;font-variant-numeric:tabular-nums}#w-desc{font-family:var(--font-body);font-size:13px!important;font-weight:500!important;color:var(--accent-warm)!important;text-transform:uppercase;letter-spacing:.12em;margin-top:var(--s-2)}.weather-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2) var(--s-3);margin-top:var(--s-2)}.weather-details div{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--divider);background:transparent!important}.weather-details div:last-child{border-bottom:0}.weather-details div span:first-child{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.weather-details div span:last-child{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text-1);font-variant-numeric:tabular-nums}.progress-bar-bg{display:inline-block;vertical-align:middle;width:32px;height:3px;background:#ffffff0f;border-radius:var(--r-full);margin-left:var(--s-2);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:var(--r-full);transition:width var(--t-slow)}.agri-details{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px dashed var(--border)}.agri-title{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-warm);margin-bottom:var(--s-3)}.chart-container{width:100%;height:280px;position:relative;margin-top:var(--s-2)}.daily-forecast{display:flex;flex-direction:column;gap:1px;margin-top:var(--s-3);background:var(--divider);border-radius:var(--r-2);overflow:hidden}.daily-row{display:grid;grid-template-columns:1.4fr auto 1.4fr;align-items:center;gap:var(--s-5);padding:var(--s-3) var(--s-4);background:var(--surface-1);border-left:none!important;transition:background var(--t-fast)}.daily-row:hover{background:var(--surface-2)}.daily-row>div:first-child{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--text-1);letter-spacing:0}.daily-row>div:first-child>span{font-family:var(--font-mono)!important;font-size:10px!important;font-weight:500!important;color:var(--text-3)!important;letter-spacing:.06em;margin-left:var(--s-3);text-transform:uppercase}.daily-row>div:nth-child(2),.daily-row-icon{display:flex!important;align-items:center;justify-content:center;color:var(--accent-warm)}.daily-row-icon svg{width:22px;height:22px}.daily-row>div:last-child{font-family:var(--font-mono);font-size:14px;text-align:right!important;letter-spacing:0;font-variant-numeric:tabular-nums}.daily-row>div:last-child>span:first-child{color:var(--text-3)!important;margin-right:var(--s-2)}.daily-row>div:last-child>span:last-child{color:var(--text-1)!important;font-weight:600}.canvas-container{width:100%;height:110px;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:var(--s-3);padding-top:var(--s-2)}.canvas-overlay-text{position:absolute;bottom:0;text-align:center;width:100%;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--text-3)}.compass-container{width:124px;height:124px;border-radius:50%;border:1px solid var(--border-strong);position:relative;margin:0 auto;background:radial-gradient(circle at center,rgba(212,175,55,.06) 0%,var(--surface-2) 70%)}.compass-container:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(255,255,255,.08)}.compass-container:after{content:"";position:absolute;inset:22px;border-radius:50%;border:1px solid rgba(255,255,255,.04)}.compass-point{position:absolute;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-3);letter-spacing:.05em}.compass-point.n{top:4px;left:50%;transform:translate(-50%);color:var(--accent-warm)}.compass-point.s{bottom:4px;left:50%;transform:translate(-50%)}.compass-point.e{right:8px;top:50%;transform:translateY(-50%)}.compass-point.w{left:8px;top:50%;transform:translateY(-50%)}.compass-indicator{position:absolute;top:50%;left:50%;width:50%;height:1px;transform-origin:0 50%;z-index:2}.compass-sun-icon,.compass-moon-icon,.compass-qibla-icon{position:absolute;right:-10px;top:-10px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.compass-sun-icon{color:var(--accent-warm);filter:drop-shadow(0 0 8px rgba(212,175,55,.6))}.compass-moon-icon{color:var(--cream);filter:drop-shadow(0 0 6px rgba(246,243,235,.4))}.compass-qibla-icon{color:var(--accent);filter:drop-shadow(0 0 4px rgba(212,175,55,.5))}.compass-sun-icon svg,.compass-moon-icon svg,.compass-qibla-icon svg{width:16px;height:16px}.astro-times{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s-4);margin-top:var(--s-4)}.astro-times div{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;border-bottom:1px solid var(--divider)}.astro-times div span:first-child{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.astro-times div span:last-child{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-1);font-variant-numeric:tabular-nums}.sci-astro-data{margin-top:var(--s-4);padding:var(--s-3) var(--s-4);background:#6fa8ff0a;border:1px solid rgba(111,168,255,.12);border-radius:var(--r-2);font-family:var(--font-mono)}.sci-astro-data div{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:10px;color:var(--info);letter-spacing:.04em}.sci-astro-data div span:first-child{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#6fa8ffb3}.sci-astro-data div span:last-child{font-size:11px;font-weight:500;color:var(--text-1)}.moon-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--s-4);margin-bottom:var(--s-4)}.moon-glyph{text-align:center}#moon-icon{font-size:48px!important;line-height:1!important;text-shadow:0 0 24px rgba(246,243,235,.3)!important}#moon-phase-name{font-family:var(--font-display)!important;font-size:11px!important;font-weight:600!important;color:var(--text-2)!important;text-transform:uppercase;letter-spacing:.15em;margin-top:var(--s-3)!important}.card-actions{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--divider);display:flex;gap:var(--s-2)}.fulfulde-reading{margin-top:var(--s-4);padding:var(--s-4) var(--s-5);font-family:var(--font-display);font-style:italic;font-size:.95rem;font-weight:500;color:var(--accent-warm);background:linear-gradient(135deg,rgba(74,21,75,.18),transparent);border-left:1px solid var(--accent);border-radius:0 var(--r-2) var(--r-2) 0;letter-spacing:.005em;line-height:1.5}.btn-action{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--text-2);background:transparent;border:1px solid var(--border-strong);padding:8px 16px;border-radius:var(--r-full);cursor:pointer;transition:all var(--t-fast);letter-spacing:0;white-space:nowrap}.btn-action:hover{color:var(--text-1);background:#ffffff0a;border-color:#d4af3766}#astro-interpretation{font-family:var(--font-body)!important;font-size:14px!important;line-height:1.7!important;color:var(--text-2)!important;letter-spacing:0}#astro-interpretation strong{font-family:var(--font-display)!important;font-size:15px!important;color:var(--accent-warm)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.1em}.sky-map-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:var(--s-3)}#sky-map{width:100%;max-width:600px;height:auto;aspect-ratio:1;display:block;border-radius:50%;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}:root[data-theme=light] #sky-map{filter:drop-shadow(0 8px 24px rgba(26,28,42,.18))}.sky-map-hint{font-family:var(--font-display);font-style:italic;font-size:12px;color:var(--text-3);text-align:center;margin:0 0 var(--s-3)}.gallery-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-4);margin:0 0 var(--s-7)}.gallery-card{display:flex;flex-direction:column;padding:var(--s-4);background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface-1) 100%);border:1px solid var(--border);border-radius:var(--r-3);transition:transform var(--t-base),border-color var(--t-base),box-shadow var(--t-base)}.gallery-card:hover{transform:translateY(-2px);border-color:#d4af374d;box-shadow:var(--shadow-md)}.gallery-visual{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4 / 3;margin-bottom:var(--s-3);background:radial-gradient(ellipse at center,rgba(212,175,55,.06),transparent 70%),var(--surface-3);border-radius:var(--r-2);color:var(--accent-warm);overflow:hidden;position:relative}.gallery-visual-photo{background:var(--bg)}.gallery-visual img{width:100%;height:100%;object-fit:cover;display:block}.gallery-illu{width:60%;height:auto;max-width:110px;max-height:90px}.gallery-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-1);margin:0 0 var(--s-2);letter-spacing:-.005em}.gallery-desc{font-size:13px;line-height:1.55;color:var(--text-2);margin:0}@media (max-width: 640px){.gallery-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--s-3);padding:var(--s-2) var(--s-3);margin-left:calc(-1 * var(--s-3));margin-right:calc(-1 * var(--s-3));-webkit-overflow-scrolling:touch}.gallery-card{flex:0 0 240px;scroll-snap-align:center}}.live-badge{display:inline-flex!important;align-items:center;gap:5px;margin-left:var(--s-2);padding:2px 8px;font-family:var(--font-body);font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--accent-warm);background:#d4af3714;border:1px solid rgba(212,175,55,.25);border-radius:var(--r-full);text-transform:uppercase}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 4px #4ade80;animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.btn-hamburger{display:none;width:36px;height:36px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid var(--border-strong);border-radius:50%;cursor:pointer;padding:0;transition:border-color var(--t-fast),background var(--t-fast)}.btn-hamburger:hover{border-color:#d4af3766}.hamburger-line{display:block;width:16px;height:1.5px;background:var(--text-2);border-radius:2px;transition:transform var(--t-base),opacity var(--t-base)}#main-nav.menu-open .btn-hamburger{background:#d4af3714;border-color:#d4af3766}#main-nav.menu-open .hamburger-line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}#main-nav.menu-open .hamburger-line:nth-child(2){opacity:0}#main-nav.menu-open .hamburger-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-drawer{display:inline-flex;align-items:center;gap:var(--s-2)}.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--s-4)}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:modal-fade-in .18s var(--ease)}:root[data-theme=light] .modal-backdrop{background:#1a1c2a66}.modal-panel{position:relative;width:min(640px,100%);max-height:90vh;overflow-y:auto;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-3);box-shadow:var(--shadow-lg);animation:modal-slide-up .22s var(--ease)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--divider);position:sticky;top:0;background:inherit;z-index:1}.modal-header h2{font-family:var(--font-display);font-size:1.25rem;margin:0;color:var(--text-1)}.modal-close{background:transparent;border:none;color:var(--text-2);font-size:28px;line-height:1;cursor:pointer;padding:4px 10px;border-radius:var(--r-2);transition:background var(--t-fast),color var(--t-fast)}.modal-close:hover{background:var(--surface-2);color:var(--text-1)}.modal-body{padding:var(--s-5)}.tool-section{margin-bottom:var(--s-6)}.tool-section:last-child{margin-bottom:0}.tool-section h3{font-family:var(--font-display);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-warm);margin-bottom:var(--s-3)}.tool-input{font-family:var(--font-mono);font-size:14px;padding:8px 12px;background:var(--surface-2);color:var(--text-1);border:1px solid var(--border-strong);border-radius:var(--r-2)}.tool-input-num{max-width:90px}.tool-input:focus{outline:2px solid var(--accent);outline-offset:2px}.tool-range{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap}.tool-arrow{color:var(--accent);font-family:var(--font-mono);font-size:16px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s-2);margin-top:var(--s-3)}.tool-fact{display:flex;flex-direction:column;gap:2px;padding:var(--s-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-2)}.tool-fact-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3)}.tool-fact-value{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-1);margin-top:2px}.tool-fact-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-3);margin-top:2px}.tool-result{padding:var(--s-3) var(--s-4);background:var(--accent-bg);border:1px solid rgba(212,175,55,.2);border-radius:var(--r-2)}.tool-result-big{font-family:var(--font-display);font-size:2.2rem;font-weight:600;color:var(--accent-warm);line-height:1.1}.tool-result-sub{font-family:var(--font-mono);font-size:12px;color:var(--text-2);margin-top:4px;letter-spacing:.02em}.hero-pastoral{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:520px;height:auto;opacity:.06;color:var(--accent-warm);pointer-events:none;z-index:0}.hero-pastoral svg{width:100%;height:auto}:root[data-theme=light] .hero-pastoral{opacity:.1}.header-cal>*:not(.hero-pastoral){position:relative;z-index:1}.cultural-frieze{display:flex;align-items:flex-end;justify-content:space-around;gap:var(--s-3);padding:var(--s-4) 0;margin:var(--s-6) 0 var(--s-5);color:var(--accent-warm);opacity:.45;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);position:relative}.cultural-frieze:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 22px,currentColor 22px 23px,transparent 23px 46px);opacity:.15;pointer-events:none}.cultural-frieze>span{display:inline-flex;align-items:flex-end;height:40px}.cultural-frieze>span:nth-child(odd){transform:translateY(-2px)}.cultural-frieze>span:nth-child(2n){transform:translateY(2px)}.cultural-frieze svg{width:auto;height:38px;max-width:60px}@media (max-width: 640px){.cultural-frieze{gap:var(--s-2);padding:var(--s-3) 0}.cultural-frieze svg{height:28px}.cultural-frieze>span:nth-child(5),.cultural-frieze>span:nth-child(6),.cultural-frieze>span:nth-child(7){display:none}}.month-season-icon{display:inline-flex;align-items:center;justify-content:center}.month-season-illu{color:var(--accent-warm);opacity:.7;transition:opacity var(--t-fast)}.month-card:hover .month-season-illu{opacity:1}.textile-band{height:24px;background-image:linear-gradient(135deg,var(--accent) 25%,transparent 25%),linear-gradient(225deg,var(--accent) 25%,transparent 25%),linear-gradient(315deg,var(--accent) 25%,transparent 25%),linear-gradient(45deg,var(--accent) 25%,transparent 25%);background-size:12px 12px;background-position:0 0,0 0,6px -6px,-6px 6px;opacity:.18;margin:var(--s-5) 0;border-radius:2px}.cal-mode-toggle{display:inline-flex;margin-left:var(--s-3);padding:3px;background:#0000004d;border:1px solid var(--border);border-radius:var(--r-full)}.cal-mode-btn{font-family:var(--font-body);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:5px 14px;border:none;background:transparent;color:var(--text-3);cursor:pointer;border-radius:var(--r-full);transition:all var(--t-fast);white-space:nowrap}.cal-mode-btn:hover{color:var(--text-1)}.cal-mode-btn.active{background:var(--accent);color:var(--bg);font-weight:600}.planets-list,.constellations-list,.eclipses-list{display:flex;flex-direction:column;gap:1px;margin-top:var(--s-3);background:var(--divider);border-radius:var(--r-2);overflow:hidden}.planet-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface-1);transition:background var(--t-fast)}.planet-row:hover{background:var(--surface-2)}.planet-row.is-below{opacity:.5}.planet-glyph{font-family:var(--font-display);font-size:22px;color:var(--accent-warm);text-align:center;line-height:1}.planet-row.is-below .planet-glyph{color:var(--text-3)}.planet-info{min-width:0}.planet-name{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-1)}.planet-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-3);letter-spacing:.04em;margin-top:2px}.planet-status{font-size:10px;color:var(--accent)}.planet-row.is-below .planet-status{color:var(--text-4)}.constellation-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface-1);transition:background var(--t-fast)}.constellation-row:hover{background:var(--surface-2)}.constellation-iau{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent-warm);background:#d4af3714;border:1px solid rgba(212,175,55,.15);border-radius:var(--r-1);padding:3px 6px;text-align:center;letter-spacing:.04em}.constellation-info{min-width:0}.constellation-name{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-1)}.constellation-sub{font-family:var(--font-display);font-style:italic;font-size:11px;color:var(--text-3)}.constellation-alt{font-family:var(--font-mono);font-size:11px;color:var(--accent-warm);letter-spacing:.04em;white-space:nowrap}.eclipse-row{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);background:var(--surface-1);transition:background var(--t-fast)}.eclipse-row:hover{background:var(--surface-2)}.eclipse-icon{font-size:22px;text-align:center}.eclipse-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-1)}.eclipse-title small{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-3);letter-spacing:.04em;margin-left:2px}.eclipse-date{font-family:var(--font-mono);font-size:11px;color:var(--accent-warm);letter-spacing:.04em;margin-top:2px}.hijri-date-text{display:inline-block;margin-top:var(--s-2);padding:4px 14px;font-family:var(--font-display);font-size:13px;font-style:italic;font-weight:500;color:var(--accent-warm);background:#d4af370f;border:1px solid rgba(212,175,55,.18);border-radius:var(--r-full);letter-spacing:.02em}.proverb-card{position:relative;margin:0 0 var(--s-7);padding:var(--s-6) var(--s-7);background:linear-gradient(135deg,rgba(74,21,75,.18),transparent 60%);border:1px solid var(--border);border-radius:var(--r-3);text-align:center}.proverb-card:before{content:'"';position:absolute;top:-8px;left:var(--s-5);font-family:var(--font-display);font-size:80px;font-weight:600;color:var(--accent);opacity:.25;line-height:1}.proverb-header{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.proverb-eyebrow{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--text-3)}.btn-audio-sm{margin:0!important;padding:4px 12px!important;font-size:11px!important}.proverb-quote{font-family:var(--font-display);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:500;color:var(--text-1);line-height:1.4;letter-spacing:.005em;margin-bottom:var(--s-3)}.proverb-translation{font-size:14px;color:var(--text-3);max-width:560px;margin:0 auto}.card h3 .btn-action-sm{font-size:10px;padding:4px 12px;letter-spacing:.04em}.prayer-next{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-4);padding:var(--s-3) var(--s-4);background:#d4af370f;border:1px solid rgba(212,175,55,.18);border-radius:var(--r-2)}.prayer-next-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-warm)}.prayer-next-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-1)}.prayer-next-countdown{margin-left:auto;font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--accent-warm);font-variant-numeric:tabular-nums}.prayer-list{display:flex;flex-direction:column;gap:0}.prayer-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--divider);transition:background var(--t-fast)}.prayer-row:last-child{border-bottom:0}.prayer-row.is-next{margin:0 calc(-1 * var(--s-3));padding-left:var(--s-3);padding-right:var(--s-3);background:#d4af370a;border-radius:var(--r-2);border-bottom-color:transparent}.prayer-info{display:flex;align-items:baseline;gap:var(--s-3)}.prayer-arabic{font-size:18px;color:var(--accent-warm);letter-spacing:0;font-weight:500}.prayer-name{font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--text-1)}.prayer-time{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--text-2);font-variant-numeric:tabular-nums}.prayer-row.is-next .prayer-time{color:var(--accent-warm);font-weight:600}.qibla-card{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:var(--s-5)}.qibla-compass{position:relative;width:140px;height:140px;margin:0 auto}.qibla-ring{position:absolute;inset:0;border:1px solid var(--border-strong);border-radius:50%;background:radial-gradient(circle at center,rgba(212,175,55,.08) 0%,var(--surface-2) 70%)}.qibla-ring:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(255,255,255,.08);border-radius:50%}.qibla-needle{position:absolute;top:50%;left:50%;width:1px;height:50%;transform-origin:50% 100%;transition:transform .5s var(--ease);z-index:2}.qibla-needle:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(180deg,var(--accent) 0%,transparent 100%)}.qibla-needle-icon{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:18px;filter:drop-shadow(0 0 8px var(--accent))}.qibla-info{display:flex;flex-direction:column;gap:var(--s-4)}.qibla-info-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--text-3);margin-bottom:var(--s-1)}.qibla-info-value{font-family:var(--font-mono);font-size:1.4rem;font-weight:500;color:var(--accent-warm);letter-spacing:.02em;font-variant-numeric:tabular-nums}.compass-qibla{z-index:1;opacity:.5}.compass-qibla-icon{position:absolute;right:-10px;top:-8px;font-size:12px;filter:drop-shadow(0 0 4px var(--accent))}.events-list{display:flex;flex-direction:column;gap:1px;background:var(--divider);border-radius:var(--r-2);overflow:hidden;margin-top:var(--s-3)}.event-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:var(--s-4);padding:var(--s-4);background:var(--surface-1);transition:background var(--t-fast);position:relative}.event-row:hover{background:var(--surface-2)}.event-row.is-visible:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.event-icon{font-size:24px;text-align:center}.event-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-1);letter-spacing:0}.event-desc{font-size:12px;color:var(--text-3);margin-top:2px}.event-date{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--accent-warm);white-space:nowrap;letter-spacing:.04em;font-variant-numeric:tabular-nums}.events-empty{padding:var(--s-5);text-align:center;color:var(--text-3);font-style:italic}.dashboard-actions{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}.locations-select{appearance:none;-webkit-appearance:none;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--text-1);background:var(--surface-2);border:1px solid var(--border-strong);padding:8px 28px 8px 12px;border-radius:var(--r-full);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat;transition:border-color var(--t-fast)}.locations-select:hover{border-color:#d4af3766}.locations-select option{background:var(--surface-2);color:var(--text-1)}.btn-install{background:var(--accent)!important;color:var(--bg)!important;border-color:var(--accent)!important;font-weight:600!important}.btn-install:hover{background:var(--accent-warm)!important}.hidden{display:none!important}.brand-footer{position:relative;overflow:hidden;margin-top:var(--s-9);border-top:1px solid rgba(255,255,255,.04);border-radius:28px 28px 0 0;background:radial-gradient(ellipse at 50% 18%,rgba(242,208,139,.12),transparent 42%),linear-gradient(180deg,#0c0e1c59,#090b14f5);box-shadow:inset 0 1px #ffffff0a}.brand-footer-scene{position:relative;min-height:320px}.brand-footer-art{display:block;width:100%;height:100%;object-fit:cover}.brand-footer-copy{position:absolute;left:var(--s-6);right:var(--s-6);bottom:var(--s-5);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-4);background:linear-gradient(90deg,#090b14bd,#090b142e);border:1px solid rgba(255,255,255,.06);border-radius:18px;backdrop-filter:blur(8px);z-index:1}.brand-footer-logo{display:inline-flex;width:34px;height:34px;flex:0 0 auto}.brand-footer-logo svg{width:100%;height:100%}.brand-footer p{font-family:var(--font-display);font-style:italic;font-size:15px;color:var(--text-2);letter-spacing:.04em;margin:0}.brand-footer .brand-mark{font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#f8f3e7a8;text-align:right;white-space:nowrap}@media (max-width: 768px){.container{padding:var(--s-6) var(--s-4) var(--s-8)}.card{padding:var(--s-4)}.card h3{font-size:1rem;gap:var(--s-2)}.card-title-icon{width:28px;height:28px}.card-title-icon svg{width:16px;height:16px}.card-title-action{font-size:10px!important;padding:3px 8px!important}.clock-time{font-size:clamp(2.6rem,11vw,4.5rem)!important}.header-ephemeris{gap:var(--s-2);padding-top:var(--s-5)}.ephemeris-item{padding:6px 12px;font-size:12px}.months-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 640px){.container{padding:var(--s-5) var(--s-3) var(--s-7)}nav button,.lang-select,.btn-action,.btn-audio,.cal-mode-btn,.locations-select,.year-selector select{min-height:36px}.dashboard-actions .btn-action,#btn-install,.card-actions .btn-action{min-height:44px}nav{padding:var(--s-2) var(--s-3);gap:6px;flex-wrap:nowrap;align-items:center}.nav-brand{gap:6px;margin-right:0;flex-shrink:0}.brand-logo{width:24px;height:24px}.brand-name{font-size:.95rem}.nav-spacer{display:block;flex:1 1 auto}nav button,.lang-select{font-size:12px;padding:6px 10px}.btn-theme{width:32px!important;height:32px!important;flex-shrink:0}.btn-hamburger{display:inline-flex;flex-shrink:0}.nav-drawer{display:none;position:absolute;top:100%;right:var(--s-3);flex-direction:column;align-items:stretch;min-width:200px;padding:var(--s-3);margin-top:var(--s-2);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-2);box-shadow:var(--shadow-md);gap:var(--s-2);z-index:200;animation:fadeIn .18s var(--ease)}nav.menu-open .nav-drawer{display:flex}.nav-drawer>*{width:100%;text-align:left}.nav-drawer .lang-select{padding:10px 28px 10px 14px;font-size:13px}.nav-drawer button{padding:10px 14px!important;font-size:13px!important}#btn-tab-cal,#btn-tab-meteo{flex:0 1 auto;min-width:0;white-space:nowrap}.header-cal{padding:var(--s-6) var(--s-3) var(--s-5);margin-bottom:var(--s-6);gap:var(--s-1)}.header-cal h1{font-size:clamp(2rem,9vw,3rem);margin-bottom:var(--s-1)}.year-selector{flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin:var(--s-3) 0 var(--s-5)}.year-selector select{font-size:1.15rem}.cal-mode-toggle{margin-left:0;margin-top:var(--s-2);flex-basis:100%;justify-content:center}.cal-mode-btn{font-size:10px;padding:4px 12px}.clock-date-text{font-size:10px;letter-spacing:.18em;margin-bottom:var(--s-2)}.clock-time{font-size:clamp(2.4rem,13vw,4rem)!important;margin:0}.clock-moment-text{font-size:.85rem;padding:3px 12px;margin:var(--s-2) 0 var(--s-3)}.scientific-time-data{font-size:9px;letter-spacing:.04em}.clock-fulfulde{font-size:.95rem;margin-bottom:var(--s-4)}.hijri-date-text{font-size:11px;padding:3px 10px}.dashboard-header{flex-direction:column;align-items:stretch;padding:var(--s-4);gap:var(--s-3)}.dashboard-actions{width:100%;flex-wrap:wrap}.dashboard-actions>*{flex:1 1 auto;min-width:110px}.locations-select{width:100%}#dash-location{font-size:.95rem}.dashboard-header h2{font-size:1.25rem}.dash-coords{line-height:1.6}.dash-coords>span{display:inline-block;margin-right:var(--s-2)}.sky-map-container{padding:0}#sky-map{width:100%;max-width:100%}.chart-container{height:220px!important;margin-left:calc(-1 * var(--s-2));margin-right:calc(-1 * var(--s-2))}.card{padding:var(--s-4) var(--s-3);border-radius:var(--r-2)}.card h3{font-size:.95rem;flex-wrap:wrap;gap:var(--s-2);padding-bottom:var(--s-3);margin-bottom:var(--s-3)}.card-title-icon{width:24px;height:24px}.card-title-icon svg{width:14px;height:14px}.current-weather{gap:var(--s-3);padding-bottom:var(--s-4)}.weather-icon{width:56px;height:56px}.weather-icon svg{width:30px;height:30px}.temp-huge{font-size:3.2rem}#w-desc{font-size:11px!important;letter-spacing:.1em}.weather-details{grid-template-columns:1fr 1fr;gap:var(--s-1) var(--s-2)}.weather-details div{padding:5px 0;flex-wrap:wrap}.weather-details div span:first-child{font-size:10px}.weather-details div span:last-child{font-size:12px}.moon-top{grid-template-columns:1fr;gap:var(--s-3);justify-items:center}.compass-container{width:110px;height:110px}#moon-icon{font-size:40px!important}.astro-times{grid-template-columns:1fr 1fr;gap:0 var(--s-3)}.astro-times div{padding:5px 0}.astro-times div span:first-child{font-size:10px}.astro-times div span:last-child{font-size:11px}.canvas-container{height:90px}.fulfulde-reading{padding:var(--s-3) var(--s-4);font-size:.9rem}.proverb-card{padding:var(--s-5) var(--s-4);margin-bottom:var(--s-5)}.proverb-card:before{font-size:56px}.proverb-quote{font-size:clamp(1.1rem,4.5vw,1.4rem)}.proverb-translation{font-size:13px}.proverb-header{gap:var(--s-2)}.prayer-next{flex-direction:column;align-items:flex-start;gap:var(--s-1);padding:var(--s-3)}.prayer-next-countdown{margin-left:0}.prayer-row{padding:8px 0}.prayer-arabic{font-size:16px}.prayer-name,.prayer-time{font-size:13px}.qibla-card{grid-template-columns:1fr;text-align:center;gap:var(--s-3)}.qibla-info{flex-direction:row;justify-content:space-around;gap:var(--s-3)}.qibla-compass{width:120px;height:120px}.qibla-info-value{font-size:1.1rem}.planet-row,.constellation-row,.event-row,.eclipse-row{padding:var(--s-3);gap:var(--s-2)}.planet-row{grid-template-columns:28px 1fr auto}.planet-name,.constellation-name,.eclipse-title,.event-title{font-size:13px}.planet-sub,.constellation-sub,.eclipse-date,.event-desc{font-size:11px}.constellation-row{grid-template-columns:36px 1fr auto}.constellation-alt{font-size:10px}.event-row{grid-template-columns:28px 1fr}.event-date{grid-column:2;grid-row:2;font-size:10px;margin-top:2px}.daily-row{grid-template-columns:1.2fr auto 1.2fr;gap:var(--s-3);padding:var(--s-3)}.daily-row>div:first-child{font-size:14px}.daily-row>div:first-child>span{display:block;margin-left:0!important;margin-top:2px}.chart-container{height:220px!important}h2[data-i18n=lexicon_title]{font-size:1.3rem;margin:var(--s-6) 0 var(--s-4)}h2[data-i18n=lexicon_title]:before,h2[data-i18n=lexicon_title]:after{display:none}.info-cards{gap:var(--s-3)}.months-grid{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;gap:var(--s-3);padding:var(--s-3) 0;margin-left:calc(-1 * var(--s-3));margin-right:calc(-1 * var(--s-3));padding-left:var(--s-3);padding-right:var(--s-3);scroll-snap-type:x mandatory;scroll-padding:var(--s-3);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.months-grid::-webkit-scrollbar{height:4px}.months-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.months-grid::-webkit-scrollbar-track{background:transparent}.month-card{flex:0 0 calc(100% - var(--s-4));max-width:320px;scroll-snap-align:center;padding:var(--s-3)}.month-card:first-child{margin-left:auto}.month-card:last-child{margin-right:auto}.month-header h3{font-size:1.2rem}.calendar-scroll-hint{display:block;text-align:center;font-family:var(--font-display);font-style:italic;font-size:11px;color:var(--text-3);margin-top:var(--s-2);letter-spacing:.04em}.calendar-scroll-hint:before{content:"‹ ";color:var(--accent)}.calendar-scroll-hint:after{content:" ›";color:var(--accent)}.brand-footer{margin-top:var(--s-7);border-radius:22px 22px 0 0}.brand-footer-scene{min-height:280px}.brand-footer-copy{left:var(--s-4);right:var(--s-4);bottom:var(--s-4);padding:var(--s-2) var(--s-3)}.brand-footer-logo{width:30px;height:30px}.brand-footer p{font-size:14px}.brand-footer .brand-mark{letter-spacing:.22em}.sci-astro-data{padding:var(--s-2) var(--s-3)}.sci-astro-data div{font-size:9px}.sci-astro-data div span:last-child{font-size:10px}}@media (max-width: 420px){.brand-name{display:none}nav button,.lang-select{font-size:11px;padding:5px 8px}nav button[data-action=print]{display:none}.brand-footer-scene{min-height:240px}.brand-footer-copy{flex-direction:column;align-items:flex-start;gap:var(--s-2)}.brand-footer .brand-mark{white-space:normal;text-align:left;letter-spacing:.18em}.header-cal{padding:var(--s-5) var(--s-2) var(--s-4)}.header-cal h1{font-size:1.8rem}.clock-time{font-size:2.4rem!important}.clock-fulfulde{font-size:.85rem}.weather-details,.astro-times{grid-template-columns:1fr}.temp-huge{font-size:2.6rem}.weather-icon{width:48px;height:48px}.weather-icon svg{width:24px;height:24px}.qibla-info-value{font-size:1rem}.ephemeris-item{font-size:11px;padding:5px 10px}.eph-label{font-size:9px}.planet-glyph{font-size:18px}.constellation-iau{font-size:10px}}@media print{body{background:#fff!important;color:#000!important;background-image:none!important}nav,.btn-action,.btn-audio,.year-selector,.chart-container{display:none}.card,.month-card,.header-cal,.dashboard-header{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;color:#000!important;backdrop-filter:none!important}h1,h2,h3,h4,.clock-time,.temp-huge,.eph-value,.eph-label,.sci-astro-data{color:#000!important;-webkit-text-fill-color:#000!important}.day-cell{color:#000!important}.day-cell.today{border:2px solid #000!important;background:#eee!important;color:#000!important}*{text-shadow:none!important}.tab-content{display:block!important;page-break-after:always}}