.alat-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.alat-page{background-color:var(--color-bg);min-height:100vh;padding-bottom:24px}.alat-container{max-width:var(--content-max);margin:0 auto;padding:0 16px}.alat-hero{background:linear-gradient(180deg, var(--color-primary-soft) 0%, var(--color-bg) 100%);border-bottom:1px solid var(--color-border);padding:28px 0 20px}.alat-breadcrumb{color:var(--color-muted);flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:12.5px;display:flex}.alat-breadcrumb a{color:var(--color-muted)}.alat-breadcrumb a:hover{color:var(--color-primary)}.alat-eyebrow{letter-spacing:.08em;color:var(--color-primary);background:var(--color-primary-soft);border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.alat-hero h1{font-family:var(--font-display);color:var(--color-ink);margin:0 0 8px;font-size:clamp(24px,5vw,34px)}.alat-hero p{color:var(--color-muted);max-width:620px;margin:0;font-size:14.5px;line-height:1.6}.alat-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:22px 0;display:grid}.alat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;gap:10px;min-height:128px;padding:18px;display:flex}.alat-card.is-live{transition:box-shadow .15s,transform .15s}a.alat-card.is-live:hover,a.alat-card.is-live:focus-visible{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.alat-card-icon{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);border-radius:12px;place-items:center;display:grid}.alat-card h2{color:var(--color-ink);margin:0;font-size:16.5px}.alat-card p{color:var(--color-muted);margin:0;font-size:13px;line-height:1.55}.alat-card-status{color:var(--color-primary);margin-top:auto;font-size:12px;font-weight:600}.alat-card-status.is-soon{color:var(--color-muted)}.alat-location-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;font-size:14px;display:flex}.alat-location-name{color:var(--color-ink);align-items:center;gap:6px;font-weight:700;display:flex}.alat-location-date{color:var(--color-muted);font-size:13px}.alat-location-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.alat-btn{border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-ink);border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.alat-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.alat-btn.is-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.alat-btn.is-primary:hover{opacity:.92;color:#fff}.alat-location-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin-bottom:16px;padding:16px;display:none}.alat-location-panel.is-open{display:flex}.alat-field{color:var(--color-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.alat-field select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-ink);font:inherit;padding:0 12px}.alat-permission-note{color:var(--color-muted);background:var(--color-cream);border-radius:var(--radius-sm);padding:10px 12px;font-size:12.5px;line-height:1.55}.alat-status-message{border-radius:var(--radius-sm);margin-bottom:12px;padding:10px 12px;font-size:12.5px;display:none}.alat-status-message.is-visible{display:block}.alat-status-message.is-error{background:var(--state-pink-tint,#fef0f2);color:#a12d43}.alat-status-message.is-info{background:var(--color-primary-soft);color:var(--color-primary-dark)}.alat-next-card{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-bottom:16px;padding:22px}.alat-next-label{opacity:.85;margin:0 0 6px;font-size:13px}.alat-next-name{font-family:var(--font-display);margin:0 0 10px;font-size:22px}.alat-countdown{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:clamp(28px,7vw,40px);font-weight:700}.alat-countdown-label{opacity:.8;margin-top:4px;font-size:12px}.alat-prayer-list{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:1px;margin:0 0 16px;padding:0;list-style:none;display:grid;overflow:hidden}.alat-prayer-row{background:var(--color-surface);justify-content:space-between;align-items:center;padding:13px 16px;font-size:14.5px;display:flex}.alat-prayer-row.is-next{background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:700}.alat-prayer-row .alat-prayer-time{font-variant-numeric:tabular-nums;font-weight:600}.alat-method-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.alat-trust-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:18px;padding:16px}.alat-trust-card summary{cursor:pointer;color:var(--color-ink);align-items:center;gap:8px;font-size:14px;font-weight:700;list-style:none;display:flex}.alat-trust-card summary::-webkit-details-marker{display:none}.alat-trust-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:12px;font-size:12.5px;display:grid}.alat-trust-grid dt{color:var(--color-muted);margin-bottom:2px}.alat-trust-grid dd{color:var(--color-ink);margin:0;font-weight:600}.alat-trust-note{color:var(--color-muted);margin-top:12px;font-size:12.5px;line-height:1.6}.alat-related-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:8px 0 24px;display:grid}.alat-related-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;font-size:13px;display:block}.alat-related-card .alat-related-kind{color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.alat-related-card h3{color:var(--color-ink);margin:0 0 4px;font-size:14px}@media (width<=640px){.alat-location-actions{width:100%}.alat-btn{white-space:nowrap;flex:1;justify-content:center;padding:9px 10px;font-size:12.5px}}.hijri-today-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin:18px 0 24px;padding:24px}.hijri-today-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.hijri-today-eyebrow{letter-spacing:.08em;color:var(--color-primary);margin-bottom:4px;font-size:11px;font-weight:800;display:inline-block}.hijri-today-gregorian{color:var(--color-muted);margin:0;font-size:14px}.hijri-today-date{font-family:var(--font-display);color:var(--color-ink);margin:4px 0 12px;font-size:clamp(26px,5vw,36px);line-height:1.2}.hijri-today-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hijri-badge-large{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.hijri-today-neutral{color:var(--color-muted);font-size:13px}.hijri-adjust-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-width:260px;padding:14px}.hijri-adjust-label{color:var(--color-ink);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.hijri-adjust-select{border-radius:8px;width:100%;padding:6px 10px;font-size:13px}.hijri-adjust-hint{color:var(--color-muted);margin-top:6px;font-size:11px;line-height:1.4;display:block}.hijri-calendar-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:28px;padding:20px}.hijri-calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.hijri-month-title{font-family:var(--font-display);color:var(--color-ink);text-align:center;margin:0;font-size:22px}.hijri-header-actions{gap:8px;display:flex}.hijri-calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.hijri-cell-header{text-align:center;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 4px;font-size:12px;font-weight:700}.hijri-cell{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;justify-content:space-between;min-height:74px;padding:8px 6px;transition:border-color .15s,background .15s;display:flex}.hijri-cell:hover:not(.is-empty){border-color:var(--color-primary)}.hijri-cell.is-empty{background:0 0;border-color:#0000}.hijri-cell.is-today{background:var(--color-primary-soft);border-color:var(--color-primary);border-width:2px}.hijri-cell.is-ayyamul-bidh{background:#fffdf5;border-color:#e5a910}.hijri-cell-top{justify-content:space-between;align-items:baseline;display:flex}.hijri-day-num{color:var(--color-ink);font-size:17px;font-weight:700;line-height:1}.hijri-cell.is-today .hijri-day-num{color:var(--color-primary-dark)}.gregorian-day-num{color:var(--color-muted);font-size:11px}.hijri-cell-badges{flex-direction:column;gap:2px;margin-top:4px;display:flex}.hijri-badge{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:2px 4px;font-size:9.5px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.badge-ayyamul{color:#925800;background:#fdf3d6}.badge-senin-kamis{color:#0b6b3a;background:#eef6f0}.badge-peringatan{color:#1a56a6;background:#e9f2fe}.badge-sunnah{color:#925800;background:#fdf3d6}.badge-wajib{color:#0b6b3a;background:#eef8ee}.badge-haram{color:#9b1c1c;background:#fde8e8}.hijri-legend{border-top:1px solid var(--color-border);color:var(--color-muted);flex-wrap:wrap;gap:16px;margin-top:18px;padding-top:14px;font-size:12px;display:flex}.hijri-legend-item{align-items:center;gap:6px;display:flex}.hijri-legend-dot{border-radius:50%;width:10px;height:10px}.is-today-dot{background:var(--color-primary)}.is-ayyamul-dot{background:#e5a910}.is-senin-dot{background:#a7d3a6}.is-event-dot{background:#2b7fd4}.hijri-converter-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.hijri-converter-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:20px}.hijri-converter-card h3{color:var(--color-ink);margin:0 0 6px;font-size:16px}.hijri-converter-desc{color:var(--color-muted);margin:0 0 14px;font-size:12.5px}.hijri-form-row{gap:8px;margin-bottom:14px;display:flex}.hijri-input-group{flex:1}.hijri-input-group label{color:var(--color-ink);margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.alat-input{border:1px solid var(--color-border);background:var(--color-bg);box-sizing:border-box;border-radius:8px;width:100%;padding:8px 10px;font-size:13.5px}.alat-input:focus{outline:2px solid var(--color-primary);border-color:var(--color-primary)}.hijri-converter-result{background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:10px;padding:12px;font-size:12.5px}.hijri-result-value{color:var(--color-ink);margin-top:4px;font-size:16px}@media (width<=640px){.hijri-cell{min-height:60px;padding:6px 3px}.hijri-day-num{font-size:14px}.gregorian-day-num{font-size:9.5px}.hijri-badge{padding:1px 2px;font-size:8px}.hijri-calendar-header{flex-direction:column;align-items:stretch}.hijri-header-actions{justify-content:space-between}}.kiblat-location-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin:18px 0 24px;padding:18px}.kiblat-location-grid{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.kiblat-select-group{flex:2;min-width:220px}.kiblat-geo-group{flex:1;min-width:190px}.kiblat-label{color:var(--color-ink);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.kiblat-active-location{border-top:1px solid var(--color-border);align-items:center;gap:10px;margin-top:14px;padding-top:12px;font-size:13.5px;display:flex}.kiblat-loc-icon{font-size:18px}.kiblat-coords-tag{color:var(--color-muted);font-variant-numeric:tabular-nums;margin-left:8px;font-size:11.5px;display:inline-block}.kiblat-main-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:24px;padding:28px 20px}.kiblat-readout{text-align:center;flex-wrap:wrap;justify-content:center;gap:36px;margin-bottom:28px;display:flex}.kiblat-metric-box{min-width:180px}.kiblat-metric-label{letter-spacing:.08em;color:var(--color-primary);margin-bottom:6px;font-size:11px;font-weight:800;display:block}.kiblat-metric-value{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:clamp(38px,8vw,54px);line-height:1}.kiblat-cardinal-badge{background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:999px;margin-top:8px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.kiblat-distance-val{font-family:var(--font-display);color:var(--color-ink);font-size:clamp(28px,6vw,38px);line-height:1.2}.kiblat-mecca-tag{color:var(--color-muted);margin-top:4px;font-size:13px;font-weight:600;display:block}.kiblat-ref-hint{color:var(--color-muted);margin-top:4px;font-size:11px;display:block}.kiblat-compass-wrap{flex-direction:column;justify-content:center;align-items:center;display:flex}.compass-device-top-indicator{color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;font-size:11.5px;font-weight:700}.kiblat-compass-box{border:4px solid var(--color-border);background:radial-gradient(circle,#fff 50%,#f4f7f5 100%);border-radius:50%;width:280px;height:280px;position:relative;box-shadow:0 8px 30px #0b6b3a14,inset 0 2px 8px #0000000a}.compass-dial{border-radius:50%;width:100%;height:100%;transition:transform .2s ease-out;position:absolute;top:0;left:0}.cardinal-point{user-select:none;font-size:14px;font-weight:800;position:absolute}.pt-north{color:#dc2626;top:10px;left:50%;transform:translate(-50%)}.pt-east{color:var(--color-muted);top:50%;right:12px;transform:translateY(-50%)}.pt-south{color:var(--color-muted);bottom:10px;left:50%;transform:translate(-50%)}.pt-west{color:var(--color-muted);top:50%;left:12px;transform:translateY(-50%)}.compass-kaaba-marker{pointer-events:none;width:100%;height:100%;transition:transform .3s ease-out;position:absolute;top:0;left:0}.kaaba-icon-badge{filter:drop-shadow(0 2px 4px #0003);font-size:20px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.compass-needle{pointer-events:none;width:100%;height:100%;transition:transform .25s ease-out;position:absolute;top:0;left:0}.needle-tip-north{border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:100px solid var(--color-primary);filter:drop-shadow(0 2px 6px #0b6b3a66);width:0;height:0;position:absolute;top:36px;left:50%;transform:translate(-50%)}.needle-center-pivot{background:var(--color-primary-dark);z-index:10;border:3px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000040}.needle-tail-south{border-top:80px solid #94a3b8;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.kiblat-sensor-panel{text-align:center;max-width:440px;margin-top:24px}.kiblat-sensor-toggle{margin:0 auto;padding:10px 20px;font-size:13.5px}.kiblat-sensor-toggle.is-active{background:var(--color-gold);color:#18231d;border-color:#d98200}.kiblat-sensor-note{color:var(--color-muted);margin-top:10px;font-size:12px;line-height:1.5}.alat-page{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.kiblat-main-card,.kiblat-location-bar{max-width:640px;margin-left:auto;margin-right:auto}.kiblat-sensor-panel{width:100%}@media (width<=640px){.alat-hero{padding:18px 0 16px}.alat-breadcrumb{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;margin-bottom:10px;padding-bottom:2px;overflow-x:auto}.alat-breadcrumb::-webkit-scrollbar{display:none}.alat-hero h1{margin-bottom:7px;font-size:27px;line-height:1.12}.alat-hero p{font-size:13.5px;line-height:1.5}.kiblat-location-bar{border-radius:16px;margin:14px 0 16px;padding:14px}.kiblat-location-grid{gap:12px}.kiblat-select-group,.kiblat-geo-group{width:100%;min-width:0}.kiblat-label{margin-bottom:5px;font-size:11.5px}.kiblat-active-location{align-items:flex-start;margin-top:12px;padding-top:11px}.kiblat-coords-tag{margin:2px 0 0;font-size:10.5px;display:block}.kiblat-main-card{border-radius:18px;margin-bottom:18px;padding:20px 14px 18px}.kiblat-readout{grid-template-columns:1fr 1fr;gap:0;width:100%;margin-bottom:22px;display:grid}.kiblat-metric-box{min-width:0;padding:0 10px}.kiblat-metric-box+.kiblat-metric-box{border-left:1px solid var(--color-border)}.kiblat-metric-label{letter-spacing:.06em;margin-bottom:7px;font-size:9.5px}.kiblat-metric-value{font-size:clamp(34px,10vw,44px)}.kiblat-distance-val{white-space:nowrap;font-size:clamp(23px,7vw,31px)}.kiblat-cardinal-badge{margin-top:7px;padding:4px 9px;font-size:11.5px}.kiblat-mecca-tag{font-size:11px;line-height:1.35}.kiblat-ref-hint{font-size:9.5px;line-height:1.35}.compass-device-top-indicator{margin-bottom:8px;font-size:10px}.kiblat-compass-box{border-width:3px;width:min(248px,100vw - 92px);height:min(248px,100vw - 92px)}.cardinal-point{font-size:12px}.pt-north{top:9px}.pt-east{right:10px}.pt-south{bottom:9px}.pt-west{left:10px}.kaaba-icon-badge{font-size:18px;top:5px}.needle-tip-north{border-bottom-width:84px;border-left-width:8px;border-right-width:8px;top:32px}.needle-tail-south{border-top-width:68px;border-left-width:7px;border-right-width:7px;bottom:32px}.needle-center-pivot{width:18px;height:18px}.kiblat-sensor-panel{max-width:100%;margin-top:18px}.kiblat-sensor-toggle{justify-content:center;width:100%;min-height:44px;font-size:13px}.kiblat-sensor-note{max-width:330px;margin:8px auto 0;font-size:11px;line-height:1.45}.alat-trust-card{margin-top:18px!important}.alat-related-grid{grid-template-columns:1fr}}@media (width<=360px){.kiblat-main-card{padding-left:10px;padding-right:10px}.kiblat-metric-box{padding:0 6px}.kiblat-metric-value{font-size:32px}.kiblat-distance-val{font-size:21px}.kiblat-compass-box{width:228px;height:228px}}