:root{color-scheme:light dark;--font-sans: "Pretendard", "Noto Sans KR", "Noto Sans Arabic", "Segoe UI", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Roboto, sans-serif;--font-display: "Manrope", var(--font-sans);--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 27px;--lh-tight: 1.3;--lh-body: 1.55;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r-full: 999px;--shadow-1: 0 1px 8px rgb(16 40 33 / .02);--shadow-2: 0 8px 24px rgb(16 40 33 / .12), 0 2px 6px rgb(16 40 33 / .06);--tabbar-h: 64px;--gutter: 16px;--topbar-h: 56px;--content-w: 480px;--tap: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--dur: .16s;--ease: cubic-bezier(.2, .7, .2, 1);--mint: #2fd7b6;--mint-deep: #1ac2a0;--brand-g1: #98faaf;--brand-g2: #46edb3;--brand-g3: #0dd4c4;--brand-g4: #02adc1;--c-chip-selected-bg: #222222;--c-chip-selected-text: #ffffff;--c-bg: #f4f7f6;--c-surface: #ffffff;--c-surface-2: #eaf1ee;--c-line: #d6e1dc;--c-text: #12211d;--c-text-muted: #4a5d57;--c-primary: #16ce9b;--c-primary-strong: #10b98b;--c-on-primary: #073b2e;--c-primary-text: #00805e;--c-primary-soft: #e0faf0;--c-focus: #00805e;--c-error: #a61b1b;--c-error-bg: #fde8e6;--c-ph-bg: #e3ece8;--c-ph-fg: #5f746d;--hero-from: #0b7a66;--hero-to: #08483f;--v-halal-fg: #0b6b3a;--v-halal-bg: #e0f4e8;--v-halal-bd: #7ccb9a;--v-haram-fg: #a61b1b;--v-haram-bg: #fde8e6;--v-haram-bd: #ee9d96;--v-doubtful-fg: #7a4b00;--v-doubtful-bg: #fff1cf;--v-doubtful-bd: #e8bd5a;--v-unknown-fg: #435062;--v-unknown-bg: #e8ecf1;--v-unknown-bd: #aeb9c7;--v-friendly-fg: #0b5a7a;--v-friendly-bg: #e0f0f8;--v-friendly-bd: #84c1dd;--v-porkfree-fg: #5b3a9e;--v-porkfree-bg: #ece6fa;--v-porkfree-bd: #b7a3e6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--c-bg: #0b1411;--c-surface: #131f1b;--c-surface-2: #1b2a25;--c-line: #2a3d36;--c-text: #e8f1ee;--c-text-muted: #a3b8b0;--c-chip-selected-bg: #e8f1ee;--c-chip-selected-text: #0b1411;--c-primary-text: #2fd7b6;--c-primary: #2fd7b6;--c-primary-strong: #6fe8d0;--c-on-primary: #04241d;--c-primary-soft: #12372f;--c-focus: #6fe8d0;--c-error: #ff9c94;--c-error-bg: #3a1714;--c-ph-bg: #1b2a25;--c-ph-fg: #8aa39a;--hero-from: #0d5c4e;--hero-to: #0a2b25;--v-halal-fg: #7ee0a4;--v-halal-bg: #12301e;--v-halal-bd: #2f6b49;--v-haram-fg: #ff9c94;--v-haram-bg: #3a1714;--v-haram-bd: #7d3a35;--v-doubtful-fg: #ffcb6b;--v-doubtful-bg: #38290a;--v-doubtful-bd: #7a5b1a;--v-unknown-fg: #b6c2cf;--v-unknown-bg: #232c36;--v-unknown-bd: #475565;--v-friendly-fg: #7ccbea;--v-friendly-bg: #0f2d3b;--v-friendly-bd: #2b6179;--v-porkfree-fg: #c3abff;--v-porkfree-bg: #2a1f47;--v-porkfree-bd: #5a4a8c;--shadow-1: 0 1px 8px rgb(0 0 0 / .08);--shadow-2: 0 8px 24px rgb(0 0 0 / .5)}}:root[data-theme=dark]{--c-bg: #0b1411;--c-surface: #131f1b;--c-surface-2: #1b2a25;--c-line: #2a3d36;--c-text: #e8f1ee;--c-text-muted: #a3b8b0;--c-chip-selected-bg: #e8f1ee;--c-chip-selected-text: #0b1411;--c-primary-text: #2fd7b6;--c-primary: #2fd7b6;--c-primary-strong: #6fe8d0;--c-on-primary: #04241d;--c-primary-soft: #12372f;--c-focus: #6fe8d0;--c-error: #ff9c94;--c-error-bg: #3a1714;--c-ph-bg: #1b2a25;--c-ph-fg: #8aa39a;--hero-from: #0d5c4e;--hero-to: #0a2b25;--v-halal-fg: #7ee0a4;--v-halal-bg: #12301e;--v-halal-bd: #2f6b49;--v-haram-fg: #ff9c94;--v-haram-bg: #3a1714;--v-haram-bd: #7d3a35;--v-doubtful-fg: #ffcb6b;--v-doubtful-bg: #38290a;--v-doubtful-bd: #7a5b1a;--v-unknown-fg: #b6c2cf;--v-unknown-bg: #232c36;--v-unknown-bd: #475565;--v-friendly-fg: #7ccbea;--v-friendly-bg: #0f2d3b;--v-friendly-bd: #2b6179;--v-porkfree-fg: #c3abff;--v-porkfree-bg: #2a1f47;--v-porkfree-bd: #5a4a8c;--shadow-1: 0 1px 8px rgb(0 0 0 / .08);--shadow-2: 0 8px 24px rgb(0 0 0 / .5)}@media(prefers-reduced-motion:reduce){:root{--dur: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;touch-action:pan-x pan-y;overscroll-behavior:none}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,a{-webkit-user-drag:none}@media(pointer:coarse){input,select,textarea{font-size:max(16px,1em)}}:lang(ar) body,html[lang=ar] body{line-height:1.7}html[lang=ko] body{word-break:keep-all}h1,h2,h3,p,ul,ol,dl,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.01em}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}ul[class],ol[class]{list-style:none;padding:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled,.btn:disabled{cursor:not-allowed;opacity:.5}svg{flex-shrink:0}table{border-collapse:collapse;width:100%}th{font-weight:500;text-align:start}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}a:not([class]):focus-visible,.link:focus-visible{border-radius:4px}[hidden]{display:none!important}::placeholder{color:var(--c-text-muted);opacity:1}.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}.skip-link{position:fixed;inset-block-start:-60px;inset-inline-start:var(--sp-3);z-index:100;background:var(--c-primary);color:var(--c-on-primary);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm)}.skip-link:focus{inset-block-start:var(--sp-3)}.muted{color:var(--c-text-muted)}.small{font-size:var(--fs-sm)}.link{color:var(--c-primary-text);font-weight:600;font-size:var(--fs-sm);min-height:var(--tap);display:inline-flex;align-items:center}html[dir=rtl] .rtl-flip{transform:scaleX(-1)}body{display:flex;justify-content:center}#root{width:100%;max-width:var(--content-w);min-height:100dvh;background:var(--c-bg)}@media(min-width:520px){#root{box-shadow:var(--shadow-1)}}.app{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;padding-block-end:calc(var(--tabbar-h) + var(--safe-bottom) + var(--sp-4));outline:none}.page{padding:0 var(--gutter) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.page>.topbar{margin-inline:calc(var(--gutter) * -1)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;gap:var(--sp-2);align-items:center}.row>.search-field,.row>.input{flex:1;min-width:0}.lead{color:var(--c-text-muted)}.section-title{font-size:var(--fs-lg);margin-block-start:var(--sp-2)}.tone-halal{--tone-fg: var(--v-halal-fg);--tone-bg: var(--v-halal-bg);--tone-bd: var(--v-halal-bd)}.tone-haram{--tone-fg: var(--v-haram-fg);--tone-bg: var(--v-haram-bg);--tone-bd: var(--v-haram-bd)}.tone-doubtful{--tone-fg: var(--v-doubtful-fg);--tone-bg: var(--v-doubtful-bg);--tone-bd: var(--v-doubtful-bd)}.tone-unknown{--tone-fg: var(--v-unknown-fg);--tone-bg: var(--v-unknown-bg);--tone-bd: var(--v-unknown-bd)}.tone-friendly{--tone-fg: var(--v-friendly-fg);--tone-bg: var(--v-friendly-bg);--tone-bd: var(--v-friendly-bd)}.tone-porkfree{--tone-fg: var(--v-porkfree-fg);--tone-bg: var(--v-porkfree-bg);--tone-bd: var(--v-porkfree-bd)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 8px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:700;line-height:1.4;white-space:nowrap;color:var(--tone-fg);background:var(--tone-bg);border:0;box-shadow:var(--shadow-1)}.badge.is-strong{color:var(--tone-bg);background:var(--tone-fg);border-color:var(--tone-fg)}.tag{display:inline-flex;padding:3px 10px;border-radius:var(--r-full);font-size:var(--fs-xs);background:var(--c-surface-2);color:var(--c-text-muted);font-weight:600}.note{display:flex;gap:var(--sp-2);align-items:flex-start;font-size:var(--fs-sm);color:var(--c-text-muted);background:var(--c-surface-2);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3)}.note svg{margin-block-start:2px}.note-soon{justify-content:center;align-items:center;text-align:center;border:0;background:transparent;box-shadow:var(--shadow-1)}.note-soon svg{margin:0}.btn{min-height:var(--tap);padding-inline:var(--sp-5);border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-weight:700;font-size:var(--fs-md);border:1px solid transparent;text-align:center;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--c-primary);color:var(--c-on-primary)}.btn-primary:hover:not(:disabled){background:var(--c-primary-strong)}.btn-secondary{background:var(--c-surface);color:var(--c-text);border:0;box-shadow:var(--shadow-1)}.btn-secondary:hover:not(:disabled){background:var(--c-surface-2)}.btn-ghost{color:var(--c-primary-text)}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-full);display:inline-grid;place-items:center;color:var(--c-text);position:relative}.icon-btn:hover{background:var(--c-surface-2)}.input{min-height:var(--tap);border:0;background:var(--c-surface);border-radius:var(--r-md);padding-inline:var(--sp-4);box-shadow:var(--shadow-1)}.input[aria-invalid=true]{box-shadow:0 0 0 2px var(--c-error)}.field-error{color:var(--c-error);font-size:var(--fs-sm);margin-block-start:var(--sp-1)}.search-field{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding-inline:var(--sp-3);background:var(--c-surface);border:0;border-radius:var(--r-md);color:var(--c-text-muted);box-shadow:var(--shadow-1)}.search-field:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 25%,transparent)}.search-field input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:var(--c-text);min-height:40px}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chips.scroll-x{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-block:2px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.chip{min-height:36px;padding-inline:var(--sp-3);border-radius:var(--r-full);border:0;background:var(--c-surface-2);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;box-shadow:none}.chip-link{display:inline-flex;align-items:center;color:var(--c-text)}.chip-link:hover{background:var(--c-surface-2)}.chip[aria-pressed=true]{background:var(--c-chip-selected-bg);color:var(--c-chip-selected-text);border-color:var(--c-chip-selected-bg)}.chip svg{margin-inline-end:6px;vertical-align:middle}.seg{display:inline-flex;background:var(--c-surface-2);border-radius:var(--r-md);padding:3px}.seg button{min-height:40px;white-space:nowrap;padding-inline:var(--sp-3);border-radius:calc(var(--r-md) - 3px);font-size:var(--fs-sm);font-weight:600;color:var(--c-text-muted)}.seg button[aria-pressed=true]{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-1)}.seg-wide{display:flex}.seg-wide button{flex:1}.seg-scroll{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none}.seg-scroll button{flex:0 0 auto}.card{background:var(--c-surface);border:0;border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);box-shadow:var(--shadow-1)}.card h3{font-size:var(--fs-lg)}.topbar{position:sticky;inset-block-start:0;z-index:20;display:flex;align-items:center;gap:var(--sp-1);min-height:calc(var(--topbar-h) + var(--safe-top));padding:var(--safe-top) var(--sp-2) 0;background:color-mix(in srgb,var(--c-bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-title{flex:1;font-size:var(--fs-lg);text-align:start;padding-inline:var(--sp-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main:not(.app-main-detail) .topbar-spacer+.topbar-title{font-size:var(--fs-xl)}.topbar-spacer{width:0}.topbar-actions{display:flex;align-items:center}.topbar-link{display:inline-flex;align-items:center;gap:4px;min-height:var(--tap);padding-inline:var(--sp-3);border-radius:var(--r-full);color:var(--c-primary-text);font-size:var(--fs-sm);font-weight:700;white-space:nowrap}.topbar-link:hover{background:var(--c-surface-2)}.tabbar{position:fixed;inset-block-end:0;inset-inline:0;margin-inline:auto;width:100%;max-width:var(--content-w);z-index:30;display:grid;grid-template-columns:repeat(5,1fr);min-height:calc(var(--tabbar-h) + var(--safe-bottom));padding-block-end:var(--safe-bottom);background:var(--c-surface)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:var(--fs-xs);font-weight:600;color:var(--c-text-muted);min-height:var(--tap);position:relative}.tab span{max-width:100%;padding-inline:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab.is-active{color:var(--c-primary-text);font-weight:800}.tab-icon{display:grid;place-items:center;width:56px;height:30px;border-radius:var(--r-full);transition:background var(--dur) var(--ease)}.tab.is-active .tab-icon{background:var(--c-primary-soft)}.home{gap:var(--sp-4);padding-block-start:var(--safe-top)}.home>section:has(>.section-header){margin-block-start:var(--sp-4)}.home .section-header{margin-block-end:var(--sp-1)}.home-top{display:flex;align-items:center;justify-content:space-between;min-height:var(--topbar-h);margin-block-end:calc(var(--sp-3) * -1)}.wordmark{display:block;width:96px;height:24px;object-fit:cover;object-position:center;flex-shrink:0}.home-top .icon-btn{margin-inline-end:-10px}.home-search{min-height:52px;padding-inline:var(--sp-4);border-radius:var(--r-md)}.home-search input{font-size:var(--fs-md);min-height:48px}.banner-carousel{position:relative;margin-inline:calc(var(--gutter) * -1)}.banners{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.banners::-webkit-scrollbar{display:none}.banner{position:relative;flex:0 0 calc(100% - 28px);scroll-snap-align:start;aspect-ratio:17 / 10;border-radius:var(--r-lg);padding:var(--sp-4);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;overflow:hidden;isolation:isolate;background:linear-gradient(150deg,var(--hero-from),var(--hero-to))}.banner.has-image{background:var(--c-surface-2)}.banner strong{font-size:var(--fs-lg);font-family:var(--font-display)}.banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.banner-chev{position:absolute;inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);box-sizing:content-box;padding:6px;border-radius:50%;background:#00000073;color:#fff}.banner-count{position:absolute;inset-block-end:var(--sp-2);inset-inline-end:calc(var(--gutter) + 28px + var(--sp-2));padding:2px 10px;border-radius:var(--r-full);background:#0000008c;color:#fff;font-size:var(--fs-xs);font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}.banner-skeleton{display:block;aspect-ratio:17 / 10;width:calc(100% - 28px);border-radius:var(--r-lg)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--sp-3)}.section-header h2{font-size:var(--fs-lg)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);list-style:none;padding:0}.quick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-2) 2px var(--sp-3);min-height:var(--tap);height:100%;border-radius:var(--r-md);background:var(--c-surface);border:0;font-size:var(--fs-sm);font-weight:700;text-align:center;line-height:1.25;transition:transform var(--dur) var(--ease);box-shadow:var(--shadow-1)}.quick-art{width:56px;height:56px;object-fit:contain}.quick:active{transform:scale(.98)}.home-label{font-size:var(--fs-md);margin-block-end:var(--sp-2)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);list-style:none;padding:0}.category{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 2px;min-height:var(--tap);font-size:var(--fs-xs);font-weight:600;text-align:center;line-height:1.25}.category-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:var(--c-primary-soft);color:var(--c-primary-text)}.category-icon.alt{background:var(--c-surface-2);color:var(--c-text)}.prayer-strip{display:flex;align-items:center;gap:var(--sp-3);min-height:72px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);border-radius:var(--r-md);background:var(--c-primary-soft);border:0;box-shadow:var(--shadow-1)}.prayer-strip-body{flex:1;min-width:0;display:flex;flex-direction:column}.prayer-strip-art{width:52px;height:52px;object-fit:contain;flex-shrink:0}.prayer-strip-kicker{font-size:var(--fs-xs);font-weight:600;color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prayer-strip-main{font-size:var(--fs-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.prayer-strip-main strong{font-weight:800}.prayer-strip-in{font-size:var(--fs-sm);font-weight:800;color:var(--c-primary-text);white-space:nowrap}.prayer-card{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-1) var(--sp-3);align-items:center;padding:var(--sp-4);border-radius:var(--r-lg);background:linear-gradient(135deg,var(--c-primary-soft),var(--c-surface));border:0;box-shadow:var(--shadow-1)}.prayer-card-moon{color:var(--c-primary-text);grid-row:span 2}.prayer-card-kicker{font-size:var(--fs-xs);color:var(--c-text-muted);font-weight:600}.prayer-card-main{font-size:var(--fs-xl);font-family:var(--font-display)}.prayer-card-main strong{font-weight:800}.prayer-card-sub{font-size:var(--fs-sm);color:var(--c-text-muted)}.prayer-card-link{grid-column:1 / -1;display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-sm);font-weight:700;color:var(--c-primary-text);margin-block-start:var(--sp-2);min-height:var(--tap)}.cta-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--c-surface);border:0;box-shadow:var(--shadow-1);min-height:72px}.cta-card>:nth-child(2){flex:1}.cta-icon{width:48px;height:48px;border-radius:16px;background:var(--c-primary);color:var(--c-on-primary);display:grid;place-items:center}.mock-note{text-align:center;font-size:var(--fs-xs);color:var(--c-text-muted)}.place-list,.question-list{list-style:none;padding:0;margin:0;background:var(--c-surface);border:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1)}.place-list>li+li,.question-list>li+li,.product-list>li+li,.question-detail-page .answer+.answer{position:relative}.place-list>li+li:before,.question-list>li+li:before,.product-list>li+li:before,.question-detail-page .answer+.answer:before{content:"";position:absolute;inset-block-start:0;inset-inline:var(--gutter);border-block-start:.5px solid color-mix(in srgb,var(--c-line) 80%,transparent);pointer-events:none}.bleed{margin-inline:calc(var(--gutter) * -1);border-radius:0;border-inline:0}.place-card{display:grid;grid-template-columns:96px 1fr;gap:var(--sp-3) 14px;padding:14px var(--gutter);background:var(--c-surface);min-height:124px;transition:background var(--dur) var(--ease)}.place-card:hover{background:color-mix(in srgb,var(--c-surface-2) 50%,var(--c-surface))}.place-card-photo{width:96px;height:96px;border-radius:var(--r-md);align-self:start}.place-card-body{display:flex;flex-direction:column;gap:6px;min-width:0}.place-card-name{font-size:var(--fs-md);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.place-card-tags{display:flex;flex-wrap:wrap;gap:6px}.place-card-tags .badge,.products-page .chip,.products-page .badge,.product-detail .badge{font-weight:500}.place-card-tags .badge.is-strong{color:var(--tone-fg);background:var(--tone-bg)}.place-card-tags .tag{font-weight:500;background:color-mix(in srgb,var(--c-text) 6%,var(--c-surface));color:var(--c-text-muted)}.place-card-foot{display:flex;align-items:center;flex-wrap:wrap;gap:2px var(--sp-3);font-size:var(--fs-md)}.place-card-compact{grid-template-columns:76px 1fr;min-height:0;padding-block:var(--sp-3)}.place-card-compact .place-card-photo{width:76px;height:76px}.skeleton-card{pointer-events:none}.rating{display:inline-flex;align-items:center;gap:3px;color:var(--c-text)}.rating svg{color:#d98a00}.distance{color:var(--c-text);font-weight:700}.open-state{display:inline-flex;align-items:center;gap:3px;color:var(--c-text-muted)}.open-state.is-open{color:var(--v-halal-fg);font-weight:700}.place-card .distance,.place-card .open-state{font-size:var(--fs-sm);font-weight:400;color:var(--c-text-muted)}.photo{width:100%;object-fit:cover;background:var(--c-surface-2)}.photo-placeholder{display:grid;place-items:center;background:var(--c-ph-bg);color:var(--c-ph-fg)}.sticky-tools{position:sticky;inset-block-start:calc(var(--topbar-h) + var(--safe-top));z-index:15;background:var(--c-bg);padding-block:var(--sp-2);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);display:flex;flex-direction:column;gap:var(--sp-3)}.filter-btn{border:0;background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.count-dot{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--c-primary);color:var(--c-on-primary);font-size:11px;font-weight:700;display:grid;place-items:center}.filters{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);background:var(--c-surface);border:0;border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.filters fieldset{border:0;padding:0;margin:0;min-width:0}.filters legend{font-size:var(--fs-sm);font-weight:700;margin-block-end:var(--sp-2);padding:0}.result-bar{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm);color:var(--c-text-muted)}.place-directory-page .sticky-tools{gap:var(--sp-2)}.detail{gap:var(--sp-4)}.detail>.topbar+.gallery{margin-block-start:calc(var(--sp-4) * -1)}.gallery{position:relative;margin-inline:calc(var(--sp-4) * -1)}.hero-photo{height:220px;border-radius:0}.hero-photo.photo-placeholder{height:112px}.gallery-dots{position:absolute;inset-block-end:var(--sp-3);inset-inline:0;display:flex;justify-content:center;gap:2px}.gallery-dots button{width:32px;height:var(--tap);display:grid;place-items:center}.gallery-dots button:after{content:"";width:8px;height:8px;border-radius:50%;background:#ffffff8c;border:1px solid rgb(0 0 0 / .25)}.gallery-dots button[aria-pressed=true]:after{background:#fff;width:20px;border-radius:4px}.detail-head{display:flex;flex-direction:column;gap:var(--sp-2)}.detail-title{font-size:var(--fs-2xl);font-weight:700;overflow-wrap:anywhere}.grade-panel{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--tone-bg);border:0;color:var(--c-text);box-shadow:var(--shadow-1)}.grade-panel-icon{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--tone-fg);color:var(--tone-bg);flex-shrink:0}.grade-panel-kicker{font-size:var(--fs-xs);font-weight:700;color:var(--tone-fg)}.grade-panel-name{font-size:var(--fs-lg);font-weight:800;color:var(--tone-fg);line-height:var(--lh-tight)}.grade-panel-desc{font-size:var(--fs-sm);color:var(--c-text);margin-block-start:2px}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.grade-desc,.verified{font-size:var(--fs-sm);color:var(--c-text-muted)}.action-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--sp-2)}.action-row .btn{padding-inline:var(--sp-2);font-size:var(--fs-sm)}.addr{display:flex;gap:var(--sp-2);align-items:flex-start;color:var(--c-text-muted);font-size:var(--fs-sm)}.hours th{padding-block:6px;font-size:var(--fs-sm);color:var(--c-text-muted);width:34%;vertical-align:top}.hours td{padding-block:6px}.hours td small{display:block}.hours td{font-size:var(--fs-sm)}.hours .is-today th,.hours .is-today td{color:var(--c-text);font-weight:700}.menu-list{list-style:none;padding:0;display:flex;flex-direction:column}.menu-list li{display:flex;justify-content:space-between;gap:var(--sp-3);padding-block:var(--sp-3)}.menu-list li:last-child{border-block-end:0}.halal-note{color:var(--v-halal-fg);font-weight:600}.price{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.review-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sp-4)}.review-head{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;margin-block-end:4px}.tri-list{list-style:none;padding:0}.tri-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--tap)}.tri-row:last-child{border-block-end:0}.tri-label{display:inline-flex;gap:var(--sp-2);align-items:center;font-size:var(--fs-md)}.locate-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.locate-row .btn{min-height:40px;font-size:var(--fs-sm);padding-inline:var(--sp-3);white-space:nowrap}.product-list{list-style:none;padding:0;margin-inline:calc(var(--gutter) * -1);background:var(--c-surface);box-shadow:var(--shadow-1)}.product-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--gutter);min-height:88px}.product-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.product-row-main strong{font-weight:600;font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.product-thumb{width:64px;height:64px;border-radius:var(--r-md);flex-shrink:0}.products-page .product-thumb{width:120px;height:120px;object-fit:contain}.product-head{display:flex;flex-direction:column;gap:var(--sp-4);align-items:stretch}.product-head .product-image{width:100%;height:clamp(240px,72vw,320px);object-fit:contain;border-radius:var(--r-lg);background:var(--c-surface)}.product-head h1{font-size:var(--fs-2xl);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.product-meta{display:flex;flex-direction:column;gap:4px}.product-detail .verdict{padding:var(--sp-4);gap:var(--sp-3)}.product-detail .verdict-icon{width:48px;height:48px;border-radius:var(--r-md)}.product-detail .verdict-title{font-size:var(--fs-xl)}.verdict{display:flex;gap:var(--sp-4);align-items:center;padding:var(--sp-5);border-radius:var(--r-lg);color:var(--tone-fg);background:var(--tone-bg);border:0;box-shadow:var(--shadow-1)}.verdict-icon{width:64px;height:64px;border-radius:20px;flex-shrink:0;display:grid;place-items:center;background:var(--tone-fg);color:var(--tone-bg)}.verdict-kicker{font-size:var(--fs-sm);font-weight:700;margin-block-start:2px}.verdict-title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em}.verdict-reason{font-size:var(--fs-sm);margin-block-start:4px;color:var(--c-text)}.ingredient-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.ingredient{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--c-bg);border-inline-start:4px solid var(--tone-fg)}.provenance{font-size:var(--fs-sm);color:var(--c-text-muted);display:flex;flex-direction:column;gap:4px}.provenance svg{vertical-align:-2px}.disclaimer{padding:var(--sp-3);background:var(--c-surface-2);border-radius:var(--r-sm);margin-block-start:var(--sp-2)}.clamp{display:flex;flex-direction:column;align-items:flex-start}.clamp .is-clamped{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.question-card{display:flex;flex-direction:column;gap:8px;padding:var(--sp-6) var(--gutter);background:var(--c-surface)}.question-card h3{margin:0;color:var(--c-text);font-size:17px;font-weight:700;line-height:1.45;letter-spacing:-.02em;overflow-wrap:anywhere}.question-excerpt{margin:0;color:color-mix(in srgb,var(--c-text) 78%,var(--c-surface));font-size:var(--fs-md);line-height:1.5;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.question-category{color:var(--c-text-muted);background:color-mix(in srgb,var(--c-text) 5%,var(--c-surface));border-radius:4px;padding:2px 6px;margin-bottom:2px;font-size:var(--fs-xs);line-height:1.5;font-weight:500;align-self:flex-start;max-width:100%;overflow-wrap:anywhere}.question-foot{display:flex;justify-content:space-between;gap:var(--sp-2);margin-top:var(--sp-3);font-size:13px;line-height:1.5;color:var(--c-text-muted);direction:ltr}.question-info{display:flex;flex-wrap:wrap;align-items:center;gap:4px;text-align:left}.question-reactions{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:var(--sp-3);margin-left:auto}.question-foot span{display:inline-flex;gap:4px;align-items:center}.question-foot .accepted{color:var(--v-halal-fg);font-weight:700}.question-full>.tag{width:fit-content;max-width:100%;justify-self:start;align-self:flex-start}.question-full h2{margin:0;font-size:var(--fs-xl);line-height:1.4;letter-spacing:-.02em;overflow-wrap:anywhere}.question-body{margin:0;white-space:pre-wrap;font-size:var(--fs-md);line-height:1.7;overflow-wrap:anywhere}.question-author{display:flex;align-items:center;gap:var(--sp-3);margin-block:var(--sp-2) var(--sp-3)}.question-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--c-surface-2);color:var(--c-text-muted);flex-shrink:0}.question-author>div{min-width:0;display:flex;flex-direction:column;gap:2px}.question-author strong{font-size:var(--fs-sm);overflow-wrap:anywhere}.question-views{display:flex;align-items:center;gap:6px;margin-block:var(--sp-3) 0;font-size:var(--fs-sm);color:var(--c-text-muted)}.question-primary-actions{justify-content:space-between;direction:ltr;margin-top:var(--sp-2)}.question-primary-actions .upvote,.question-primary-actions .bookmark-label{min-height:44px;padding-inline:var(--sp-4);border-radius:var(--r-full);font-size:var(--fs-sm)}.question-primary-actions .upvote{background:var(--c-surface);border:1px solid var(--c-line)}.question-primary-actions .upvote.is-on{background:var(--c-primary-soft)}.answers{list-style:none;padding:0}.question-detail-page>.question-full,.question-detail-page>.question-answers-section{margin-inline:calc(var(--gutter) * -1)}.question-detail-page .question-full,.question-detail-page .answer,.question-detail-page .answer-form{border-radius:0;box-shadow:none;padding-inline:var(--gutter)}.question-answers-section{background:var(--c-surface);padding-block:var(--sp-5)}.question-answers-title{margin:0;padding-inline:var(--gutter);font-size:var(--fs-md);line-height:1.5;font-weight:700}.question-answers-title span{font-weight:400;color:var(--c-text-muted)}.question-answers-section .answers{gap:0;margin-block:var(--sp-2) 0}.question-answers-section .answer{padding-block:var(--sp-5)}.question-answers-section .answer+.answer{border-top:1px solid color-mix(in srgb,var(--c-line) 55%,var(--c-surface))}.answer .answer-author{margin:0}.answer-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-md);line-height:1.7}.question-answers-empty{padding:var(--sp-10) var(--gutter) var(--sp-6);text-align:center;color:var(--c-text-muted)}.question-answers-empty p{margin:0;font-size:var(--fs-md)}.question-answers-section>.sign-in-prompt{margin:var(--sp-4) var(--gutter) 0}.question-answers-section>.answer-form{margin-bottom:0}.question-detail-page .question-full{padding-block:var(--sp-6);gap:var(--sp-3)}.answer.is-accepted{border-color:var(--v-halal-bd)}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4)}.state-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--c-surface-2);color:var(--c-text-muted)}.state-error .state-icon{background:var(--c-error-bg);color:var(--c-error)}.state p{color:var(--c-text-muted);max-width:32ch}.state-loading{display:grid;place-items:center;min-height:160px;padding:var(--sp-8) var(--sp-4)}.page>.topbar+.state-loading:last-child{min-height:50vh}.page.page-loading{box-sizing:border-box;min-height:calc(100dvh - var(--tabbar-h) - var(--safe-bottom) - var(--sp-4))}.app-main-detail>.page.page-loading{min-height:calc(100dvh - var(--safe-bottom) - var(--sp-4))}.page-loading>.state-loading:last-child{flex:1;min-height:0}.state-loading.is-inline{min-height:0;padding:var(--sp-2) 0;justify-items:start}.skeleton{display:block;background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-line) 50%,var(--c-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--r-sm);min-height:12px}.skeleton-card .place-card-photo{height:96px}.skeleton-card .place-card-body{gap:10px}.skeleton-card{margin-block-end:1px}@keyframes shimmer{to{background-position:-200% 0}}.spinner{--spinner-size: 32px;--spinner-stroke: max(3px, calc(var(--spinner-size) * .13));position:relative;display:inline-block;flex:none;inline-size:var(--spinner-size);block-size:var(--spinner-size);border-radius:50%;background:conic-gradient(from 0deg,rgb(152 250 175 / 0) 0deg,var(--brand-g1) 90deg,var(--brand-g2) 180deg,var(--brand-g3) 280deg,var(--brand-g4) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-stroke)),#000 calc(100% - var(--spinner-stroke) + .5px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-stroke)),#000 calc(100% - var(--spinner-stroke) + .5px));animation:spinner-turn .85s linear infinite}.spinner:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:50%;inline-size:var(--spinner-stroke);block-size:var(--spinner-stroke);margin-inline-start:calc(var(--spinner-stroke) / -2);border-radius:50%;background:var(--brand-g4)}@keyframes spinner-turn{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}.btn .spinner{--spinner-size: 18px}.review-photos{display:flex;gap:var(--sp-2)}.review-photo{width:72px;height:72px;border-radius:var(--r-md)}.hours-note,.ingredients-raw{white-space:pre-line;overflow-wrap:anywhere}.update-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--sp-5);background:var(--c-bg)}.update-note{display:flex;align-items:center;gap:var(--sp-3);justify-content:space-between;padding:var(--sp-2) var(--sp-4);background:var(--c-surface-2);font-size:var(--fs-sm)}.mapview{display:flex;flex-direction:column;gap:var(--sp-2)}.mapview-frame{position:relative;border-radius:var(--r-lg);overflow:hidden;border:0;background:var(--c-surface-2);isolation:isolate;box-shadow:var(--shadow-1)}.mapview-canvas{height:min(62vh,440px);min-height:300px;direction:ltr}.mapview.is-static .mapview-canvas,.detail-map .mapview-canvas{height:168px;min-height:0}.mapview-skeleton{display:block;height:min(62vh,440px);min-height:300px;border-radius:var(--r-lg)}.detail-map .mapview-skeleton{height:168px;min-height:0}.detail-map{margin-block-start:var(--sp-2)}.mapview .maplibregl-canvas:focus-visible,.mapview .maplibregl-map:focus-visible{outline:3px solid var(--c-focus);outline-offset:-3px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mapview .maplibregl-canvas{filter:invert(1) hue-rotate(180deg) brightness(.88) contrast(.92)}}:root[data-theme=dark] .mapview .maplibregl-canvas{filter:invert(1) hue-rotate(180deg) brightness(.88) contrast(.92)}.mapview .maplibregl-ctrl-group button{width:44px;height:44px}.mapview .maplibregl-ctrl-attrib{font-size:10px}.mapview .maplibregl-ctrl-attrib-button{width:28px;height:28px}.mapview .maplibregl-ctrl-attrib a{color:#1f2f2a;text-decoration:underline}.map-marker{width:0;height:0}.map-pin{position:absolute;inset-inline-start:-18px;inset-block-start:-18px;width:36px;height:36px;padding:0;display:grid;place-items:center;background:var(--tone-bg);color:var(--tone-fg);border:2px solid var(--tone-fg);box-shadow:var(--shadow-2);cursor:pointer;transition:transform var(--dur) var(--ease)}.map-pin:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.map-pin.tone-halal{background:var(--tone-fg);color:var(--tone-bg)}.map-pin.tone-halal.is-selected{box-shadow:0 0 0 4px var(--tone-bd),var(--shadow-2)}button.map-pin:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.map-pin-glyph{display:grid;place-items:center}.shape-circle{border-radius:50%}.shape-square{border-radius:10px}.shape-diamond{border-radius:6px;rotate:45deg}.shape-diamond .map-pin-glyph{rotate:-45deg}.shape-dashed{border-radius:50%;border-style:dashed}.shape-prayer{width:48px;inset-inline-start:-24px;border-radius:999px}.map-pin.is-selected{z-index:5;transform:scale(1.22);background:var(--tone-fg);color:var(--tone-bg)}.map-cluster{position:absolute;inset-inline-start:-22px;inset-block-start:-22px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--c-primary);color:var(--c-on-primary);font-weight:800;font-size:13px;border:3px solid var(--c-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 35%,transparent),var(--shadow-2);cursor:pointer}button.map-cluster:focus-visible{outline:3px solid var(--c-focus);outline-offset:4px}.map-marker-origin{pointer-events:none;z-index:1}.map-you{position:absolute;inset-inline-start:-14px;inset-block-start:-14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--c-text);color:var(--c-surface);border:2px solid var(--c-surface);box-shadow:0 0 0 5px color-mix(in srgb,var(--c-text) 18%,transparent)}.map-you.is-device{background:var(--c-primary);color:var(--c-on-primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--c-primary) 28%,transparent)}.map-sheet{position:absolute;inset-inline:var(--sp-2);inset-block-end:40px;z-index:4;display:grid;grid-template-columns:1fr auto;gap:var(--sp-2) var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--c-surface);color:var(--c-text);border:0;border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.map-sheet-name{grid-column:1;margin:0;font-size:var(--fs-md, 15px);padding-inline-end:44px;overflow-wrap:anywhere}.map-sheet-meta{grid-column:1;display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.map-sheet-go{grid-column:2;grid-row:2;min-height:44px;white-space:nowrap}.map-sheet-close{position:absolute;inset-inline-end:4px;inset-block-start:4px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:var(--c-text-muted);border-radius:50%;cursor:pointer}.map-notice,.map-busy{position:absolute;inset-inline-start:var(--sp-2);inset-block-start:var(--sp-2);z-index:3;margin:0;max-width:calc(100% - 64px);padding:4px 10px;font-size:var(--fs-xs);background:var(--c-surface);color:var(--c-text);border:0;border-radius:var(--r-full);box-shadow:var(--shadow-1)}.map-busy{display:grid;padding:6px;line-height:0}.map-notice{border-color:var(--v-doubtful-bd);background:var(--v-doubtful-bg);color:var(--v-doubtful-fg)}.map-fallback{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);border:0;background:var(--v-doubtful-bg);color:var(--v-doubtful-fg);box-shadow:var(--shadow-1)}.map-fallback p{margin:0;font-size:var(--fs-sm, 13px)}.nearby-list{display:flex;flex-direction:column;gap:var(--sp-2);scroll-margin-block-start:var(--sp-4)}.nearby-list:focus-visible{outline:3px solid var(--c-focus);outline-offset:4px;border-radius:var(--r-md)}.nearby-list-title{margin:0;font-size:var(--fs-md, 15px)}.mapview .maplibregl-ctrl-group{background:var(--c-surface)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mapview .maplibregl-ctrl-group{border:0;box-shadow:var(--shadow-1)}:root:not([data-theme=light]) .mapview .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(1)}}:root[data-theme=dark] .mapview .maplibregl-ctrl-group{border:0;box-shadow:var(--shadow-1)}:root[data-theme=dark] .mapview .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(1)}.scan-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.scan-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--sp-3) var(--sp-4) var(--sp-4);border-radius:var(--r-lg);background:var(--c-surface);border:0;text-align:start;min-height:168px;transition:transform var(--dur) var(--ease);box-shadow:var(--shadow-1)}.scan-option:active:not(:disabled){transform:scale(.98)}.scan-option.is-primary{background:var(--c-primary-soft);border-color:color-mix(in srgb,var(--c-primary) 30%,transparent)}.scan-option img{width:72px;height:72px;object-fit:contain;margin-block-end:var(--sp-1)}.scan-option strong{font-size:var(--fs-md);line-height:1.3}.scan-option span{font-size:var(--fs-sm);color:var(--c-text-muted);line-height:1.4}.ai-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding-block:var(--sp-2) 0}.ai-intro-art{width:144px;height:144px;object-fit:contain}.ai-intro h2{font-size:var(--fs-xl)}.ai-intro p{color:var(--c-text-muted);max-width:34ch}.ai-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;background:var(--c-surface);border:0;border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.ai-steps li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-md)}.ai-step-no{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--c-primary-soft);color:var(--c-primary-text);font-weight:800;font-size:var(--fs-sm)}.ai-photo{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--c-surface-2);max-height:260px;display:grid;place-items:center}.ai-photo img{width:100%;max-height:260px;object-fit:contain}.ai-scanline{position:absolute;inset-inline:0;height:3px;background:var(--mint);box-shadow:0 0 16px 4px color-mix(in srgb,var(--mint) 60%,transparent);animation:ai-scan 1.6s ease-in-out infinite alternate}@keyframes ai-scan{0%{inset-block-start:4%}to{inset-block-start:94%}}.ai-progress p{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;margin-block-end:var(--sp-2)}.ai-progress progress{width:100%;height:8px;accent-color:var(--c-primary)}.ai-terms{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ai-terms .badge{font-size:var(--fs-sm);padding:4px 12px}.ai-textarea{width:100%;padding:var(--sp-3);font-size:var(--fs-md);line-height:1.6;resize:vertical;min-height:160px}.ai-text-read{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.ai-text-read mark{color:var(--tone-fg);background:var(--tone-bg);border-radius:4px;padding-inline:2px;font-weight:700}.ai-summary{font-size:var(--fs-md)}.ai-unavailable{align-items:flex-start;border:0;box-shadow:var(--shadow-1)}.ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.scan-options.barcode-only{grid-template-columns:1fr}.barcode-only .scan-option{align-items:center;text-align:center}.barcode-ai-fallback{display:grid;justify-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);background:var(--c-primary-soft);border-radius:var(--r-lg)}.barcode-unavailable{padding-top:var(--sp-5)}.barcode-unavailable h2{max-width:22ch;text-wrap:balance}.barcode-unavailable .state-icon{width:48px;height:48px}.barcode-ai-fallback{margin-top:var(--sp-3)}.barcode-ai-fallback .btn{width:100%}.barcode-other-actions{display:grid;justify-items:center;gap:var(--sp-4);width:100%;margin-top:var(--sp-3)}.barcode-other-actions .btn{width:100%}.barcode-other-actions .link{font-size:14px;color:var(--c-text-muted)}.barcode-unavailable .barcode-reference{margin-top:var(--sp-4);font-size:12px}.barcode-recovery{gap:var(--sp-4)}.barcode-recovery-status{display:flex;align-items:center;gap:var(--sp-3);margin-block-start:calc(var(--sp-3) * -1);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-1)}.barcode-recovery-status-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--c-surface-2);color:var(--c-text-muted)}.barcode-recovery-status-title{font-weight:700;font-size:var(--fs-md);line-height:1.4}.barcode-recovery-status .small{font-variant-numeric:tabular-nums}.barcode-recovery-hero{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);min-height:clamp(340px,50dvh,500px);padding:var(--sp-5) var(--sp-4) var(--sp-4);text-align:center;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--c-primary-soft),var(--c-surface) 78%);box-shadow:var(--shadow-1)}.barcode-recovery-heading{display:grid;justify-items:center;gap:var(--sp-3)}.barcode-recovery-heading h2{font-size:var(--fs-xl);line-height:1.35;max-width:22ch;text-wrap:balance}.barcode-recovery-heading p{color:var(--c-text-muted);font-size:var(--fs-md);line-height:var(--lh-body);max-width:36ch;word-break:keep-all;text-wrap:pretty}.barcode-recovery-visual{flex:1;display:grid;place-items:center;width:100%;padding-block:var(--sp-1)}.barcode-recovery-art{display:block;width:min(161.28px,39.6vw,20.16dvh);height:auto;aspect-ratio:1;object-fit:contain}.barcode-recovery-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-full);background:var(--c-surface);color:var(--c-primary-text);font-size:var(--fs-xs);font-weight:800}.barcode-recovery-cta{width:100%;min-height:54px;white-space:normal;padding-block:var(--sp-3)}.barcode-recovery-cta svg{flex-shrink:0}.barcode-recovery-main{padding:var(--sp-6) 0 var(--sp-2);display:grid;justify-items:center;text-align:center;gap:var(--sp-3)}.barcode-recovery-main h2{max-width:18ch;font-size:var(--fs-xl);line-height:1.35;text-wrap:balance}.barcode-recovery-main p{white-space:pre-line;line-height:var(--lh-body)}.barcode-recovery-symbol{color:var(--c-text-muted)}.barcode-recovery-retry{min-height:var(--tap)}.barcode-recovery-other{display:grid;gap:var(--sp-2);margin-block-start:var(--sp-2)}.barcode-recovery-other h3{font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:700;padding-inline:var(--sp-1)}.barcode-recovery-rows{display:flex;flex-direction:column;background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.barcode-recovery-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:60px;padding:var(--sp-2) var(--sp-4);border:0;background:transparent;color:var(--c-text);font-size:var(--fs-md);font-weight:600;text-align:start}.barcode-recovery-row>span:nth-child(2){flex:1;min-width:0}.barcode-recovery-row>svg{flex-shrink:0;color:var(--c-text-muted)}.barcode-recovery-row+.barcode-recovery-row{border-block-start:1px solid var(--c-line)}.barcode-recovery-row:active:not(:disabled){background:var(--c-surface-2)}.barcode-recovery-row:disabled{opacity:.6}.barcode-recovery-row-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-md);background:var(--c-surface-2);color:var(--c-text)}.barcode-recovery-error{text-align:center}.ai-guide{display:grid;justify-items:center;gap:var(--sp-3);text-align:center}.ai-guide h2{max-width:28ch;min-height:3em}.ai-guide-image{width:min(100%,260px,32dvh);background:#fff;border-radius:var(--r-lg);overflow:hidden}.ai-guide-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.ai-guide-dots{display:flex;justify-content:center}.ai-guide-dots button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent}.ai-guide-dots span{width:8px;height:8px;border-radius:50%;background:var(--c-line)}.ai-guide-dots [aria-current=step] span{width:20px;border-radius:8px;background:var(--c-primary)}.ai-guide-dots{gap:var(--sp-2);flex-wrap:wrap}.ai-guide-dots .ai-guide-example{width:auto;min-width:64px;padding-inline:var(--sp-4);background:var(--c-surface);border-radius:var(--r-full);font-size:var(--fs-sm)}.ai-guide-dots .ai-guide-example[aria-pressed=true]{background:var(--c-primary-soft);color:var(--c-primary-text);font-weight:700}.ai-scan{min-width:0}.ai-scan>*{min-width:0}.ai-scan .btn{white-space:normal}.ai-scan .ai-guide{gap:var(--sp-2)}.ai-scan .ai-guide h2{min-height:0;font-size:var(--fs-lg)}@media(max-height:740px){.ai-scan{gap:var(--sp-2)}}.tabbar{box-shadow:0 -1px 8px #10282105}.field{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:600}.field>.input,.field>select{width:100%;font-weight:400;font-size:var(--fs-md)}.textarea{width:100%;min-height:96px;padding:var(--sp-3);border:0;border-radius:var(--r-md);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line);font-size:var(--fs-md);font-weight:400;line-height:var(--lh-body);resize:vertical}.card .textarea,.card .input{background:var(--c-bg)}.check{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);font-size:var(--fs-sm)}.check input,.choice-list input{width:20px;height:20px;accent-color:var(--c-primary)}.form-actions{justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-2)}.btn-sm{min-height:36px;padding-inline:var(--sp-3);font-size:var(--fs-sm)}.danger{color:var(--c-error)}.link-btn{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--tap);padding-inline:var(--sp-1);color:var(--c-text-muted);font-size:var(--fs-xs)}.link-btn:hover{color:var(--c-text)}.link-btn.danger{color:var(--c-error)}.post-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.upvote{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:36px;padding-inline:var(--sp-3);border-radius:var(--r-full);background:var(--c-surface-2);color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:600}.upvote.is-on{background:var(--c-primary-soft);color:var(--c-primary-text)}.icon-btn.is-on{color:var(--c-primary-text)}.sign-in-prompt{align-items:center;flex-wrap:wrap}.sign-in-prompt p{flex:1;min-width:160px;margin:0}.my-review{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2)}.my-review p{margin:0}.review-list .link-btn{margin-inline-start:calc(var(--sp-1) * -1)}.answer-form,.review-form{margin-block:var(--sp-3)}.star-input{display:flex;gap:var(--sp-1);border:0;padding:0;margin:0;color:var(--c-line)}.star-input label{display:grid;place-items:center;width:var(--tap);height:var(--tap);cursor:pointer;border-radius:var(--r-sm)}.star-input label.is-on{color:#f2b01e}.star-input label:has(input:focus-visible){outline:2px solid var(--c-focus);outline-offset:2px}.photo-picker-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.photo-picker-list li{position:relative}.photo-picker-list img,.photo-add{width:76px;height:76px;border-radius:var(--r-md);object-fit:cover}.photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--c-surface-2);color:var(--c-text-muted);font-size:var(--fs-xs);border:1px dashed var(--c-line)}.photo-remove{position:absolute;inset-block-start:-8px;inset-inline-end:-8px;width:28px;height:28px;border-radius:var(--r-full);display:grid;place-items:center;background:var(--c-text);color:var(--c-surface)}.photo-remove:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.sheet{width:min(100% - 2 * var(--gutter),440px);border:0;border-radius:var(--r-lg);padding:var(--sp-5);background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-2)}.sheet::backdrop{background:#00000073}.sheet h2{font-size:var(--fs-lg);margin:0}.choice-list{border:0;padding:0;margin:0;display:flex;flex-direction:column}.choice-list label{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);font-size:var(--fs-md)}.bookmark-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--gutter);min-height:60px;color:var(--c-text)}.bookmark-row>svg{color:var(--c-primary-text);flex:none}.bookmark-text{display:flex;flex-direction:column;min-width:0}.bookmark-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-banner{margin-block:var(--sp-2)}.ad-banner-slot{width:100%;min-height:50px;background:var(--c-surface)}.list-header{position:sticky;inset-block-start:0;z-index:20;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);background:var(--c-bg)}.list-header>.topbar{position:static;margin-inline:calc(var(--gutter) * -1)}.list-header>.sticky-tools{position:static;padding-block-start:var(--sp-1)}.list-header.scrolling-list-header{position:static;z-index:auto;margin-block-start:calc(var(--sp-4) * -1)}.scrolling-list-header>.sticky-tools{z-index:auto}.place-directory-page>.topbar,.community-page>.topbar{background:var(--c-bg)}.place-directory-page>.list-header,.community-page>.list-header{margin-block-end:calc(var(--sp-4) * -1)}.place-directory-page>.list-header>.sticky-tools,.community-page>.list-header>.sticky-tools{padding-block-end:var(--sp-2)}.account-heading-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--tap)}.account-login-link{display:inline-flex;align-items:center;gap:4px;font-weight:600;flex-shrink:0;align-self:flex-start}.app-main-detail{padding-block-end:calc(var(--safe-bottom) + var(--sp-4))}.filter-heading,.filter-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-close{display:inline-flex;align-items:center;gap:4px;min-height:var(--tap);padding-inline:10px;color:var(--c-text);background:transparent;border:0;border-radius:var(--r-sm);cursor:pointer}.filter-hint{display:inline-block;margin-inline-start:6px;color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:400}.filter-option{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:8px 12px;border:1px solid var(--c-line);border-radius:var(--r-md);cursor:pointer;font-size:var(--fs-sm)}.filter-option.is-active{border-color:var(--c-primary);background:var(--c-primary-soft)}.filter-option input{width:18px;height:18px;margin:0;accent-color:var(--c-primary);flex:none}:is(.settings-radio-row input,.filter-option input[type=radio]){-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;padding:0;flex-shrink:0;border:1.5px solid var(--c-text-muted);border-radius:50%;background:var(--c-surface);box-shadow:none;cursor:pointer}:is(.settings-radio-row input,.filter-option input[type=radio]):checked{border:2px solid var(--c-primary-text);background:radial-gradient(circle at center,var(--c-primary-text) 0 4px,var(--c-surface) 4.5px)}:is(.settings-radio-row input,.filter-option input[type=radio]):focus-visible{outline:2px solid var(--c-focus);outline-offset:3px}@media(forced-colors:active){:is(.settings-radio-row input,.filter-option input[type=radio]){-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}}.filter-actions{border-top:1px solid var(--c-line);padding-block-start:12px}.community-page,.products-page{padding-block-end:88px}.community-write{position:fixed;right:max(var(--gutter),calc((100vw - var(--content-w)) / 2 + var(--gutter)));bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 16px);z-index:25;min-width:56px;height:56px;padding:0 18px;border-radius:var(--r-full);box-shadow:var(--shadow-2);gap:10px}.community-write>svg{flex:none}.community-write-label{display:inline-block;max-width:240px;opacity:1;overflow:hidden;white-space:nowrap;transition:max-width .2s ease,opacity .2s ease}.community-write.is-compact{padding-inline:17px;gap:0}.community-write.is-compact .community-write-label{max-width:0;opacity:0}@media(prefers-reduced-motion:reduce){.community-write-label{transition:none}}.filters{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - var(--tabbar-h) - 220px);overflow-y:auto;overscroll-behavior:contain}.filter-heading{position:sticky;top:calc(var(--sp-3) * -1);z-index:1;background:var(--c-surface)}.filter-actions{position:sticky;bottom:calc(var(--sp-3) * -1);background:var(--c-surface);padding-block:12px;margin-block-end:-12px}.filter-option input[type=checkbox]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;position:static;width:20px;height:20px;margin:0;opacity:1;accent-color:var(--c-primary-text);cursor:pointer}.filter-option:has(input:focus-visible){outline:2px solid var(--c-focus);outline-offset:2px}.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.gallery-slide img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.nearby-explorer{height:calc(100dvh - var(--safe-top));min-height:560px;padding-block-end:0;gap:0;overflow:hidden}.app-main-detail:has(.nearby-explorer){padding-block-end:0}.nearby-explorer>.topbar{flex-shrink:0}.nearby-explorer>.prayer-nav{flex-shrink:0;margin-block-start:0}.nearby-toolbar{display:flex;align-items:center;gap:var(--sp-2);padding-block:var(--sp-2);flex-shrink:0}.nearby-location-copy{display:flex;align-items:center;gap:6px;flex:1;min-width:0;font-size:var(--fs-xs);color:var(--c-text-muted)}.nearby-location-copy svg{color:var(--c-primary-text)}.nearby-filter-trigger,.nearby-sheet-toggle{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:var(--fs-sm);font-weight:650}.nearby-active-filters{display:flex;flex-shrink:0;gap:var(--sp-2);overflow-x:auto;padding-block-end:var(--sp-2)}.nearby-active-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:44px;padding-inline:var(--sp-3);background:var(--c-primary-soft);color:var(--c-primary-text);border-radius:var(--r-full);font-size:var(--fs-xs)}.nearby-map-stage{position:relative;flex:1;min-height:150px;margin-inline:calc(var(--gutter) * -1);background:var(--c-surface-2)}.nearby-map-stage>div:not(.nearby-map-error),.nearby-map-stage .mapview,.nearby-map-stage .mapview-frame{height:100%}.nearby-map-stage .mapview-frame{border-radius:0;box-shadow:none}.nearby-map-stage .mapview-canvas,.nearby-map-stage .mapview-skeleton{height:100%;min-height:0;border-radius:0}.nearby-map-stage .mapview .maplibregl-ctrl-group button{width:44px;height:44px}.nearby-search-area{position:absolute;inset-block-start:var(--sp-3);inset-inline-start:50%;transform:translate(-50%);z-index:5;white-space:nowrap;box-shadow:var(--shadow-2)}.nearby-recenter{position:absolute;inset-inline-end:var(--sp-3);inset-block-end:40px;z-index:5;display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-full);background:var(--c-surface);color:var(--c-primary-text);box-shadow:var(--shadow-2)}.nearby-bottom-sheet{position:relative;z-index:6;flex:0 1 32%;min-height:210px;display:flex;flex-direction:column;margin-inline:calc(var(--gutter) * -1);padding-block-end:var(--safe-bottom);background:var(--c-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -6px 20px #10282114}.nearby-explorer.is-expanded .nearby-bottom-sheet{flex-basis:60%}.nearby-bottom-sheet.has-selection{flex-basis:49%}.nearby-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--gutter) 0}.nearby-sheet-heading h2{font-size:var(--fs-md)}.nearby-sheet-heading p{font-size:var(--fs-xs);margin-block-start:3px}.nearby-sheet-toggle{color:var(--c-primary-text);flex-shrink:0}.nearby-distance-note{padding:var(--sp-1) var(--gutter) var(--sp-2);font-size:var(--fs-xs)}.nearby-sheet-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.nearby-results>li+li{border-block-start:1px solid var(--c-line)}.nearby-results .place-card{width:100%;text-align:start}.nearby-results .place-card[aria-pressed=true]{background:var(--c-primary-soft)}.nearby-count{padding:3px 9px;background:var(--c-primary-soft);color:var(--c-primary-text);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600}.nearby-preview{padding:0 var(--gutter) var(--sp-3)}.nearby-preview-heading{display:flex;align-items:center;justify-content:space-between}.nearby-preview-heading h2{font-size:var(--fs-xs);color:var(--c-text-muted)}.nearby-preview .place-card{padding-inline:0}.nearby-preview .grade-panel{padding:var(--sp-2)}.nearby-preview .grade-panel-desc,.nearby-facilities{font-size:var(--fs-xs)}.nearby-preview-actions{display:flex;gap:var(--sp-2);margin-block-start:var(--sp-3)}.nearby-preview-actions>*{flex:1}.nearby-facilities{display:grid;gap:var(--sp-2);color:var(--c-text-muted)}.nearby-map-error{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-3);height:100%;overflow-y:auto}.nearby-explorer.has-map-failure .nearby-bottom-sheet{flex-basis:58%}.nearby-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-3)}.nearby-empty .state{padding-block:var(--sp-3)}.nearby-filter-dialog{width:min(100% - 24px,456px);max-height:calc(100dvh - 48px);padding:var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-surface);color:var(--c-text);margin:auto;overflow-y:auto}.nearby-filter-dialog::backdrop{background:#0006}.nearby-filter-dialog form{display:flex;flex-direction:column;gap:var(--sp-4)}.nearby-filter-dialog fieldset{border:0;padding:0;min-width:0}.nearby-filter-dialog legend{margin-block-end:var(--sp-2);font-size:var(--fs-sm);font-weight:700}.nearby-filter-dialog .filter-actions{position:sticky;bottom:-16px;padding-block:var(--sp-3);background:var(--c-surface)}@media(prefers-reduced-motion:reduce){.nearby-explorer *,.nearby-explorer *:after{scroll-behavior:auto}}.nearby-explorer.is-expanded .nearby-bottom-sheet.has-selection{flex-basis:49%}.nearby-sheet-heading{touch-action:none}.nearby-sheet-heading:before{content:"";position:absolute;inset-block-start:4px;inset-inline-start:calc(50% - 16px);width:32px;height:3px;background:var(--c-line);border-radius:var(--r-full)}.map-marker-selected{z-index:4}.filter-option{position:relative;gap:6px;padding:9px 13px;border:0;border-radius:var(--r-full);background:var(--c-surface-2);color:var(--c-text-muted)}.filter-option.is-single.is-active{background:var(--c-chip-selected-bg);color:var(--c-chip-selected-text)}.filter-option.is-multiple.is-active{background:var(--c-primary-soft);color:var(--c-primary-text)}.filter-option input[type=radio],.filter-option input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;border:0;border-radius:inherit;cursor:pointer}.filter-option>span,.filter-option>svg{pointer-events:none}.filter-option:has(input:focus-visible){outline:2px solid var(--c-focus);outline-offset:3px}@media(forced-colors:active){.filter-option{border:1px solid ButtonText}.filter-option.is-active{outline:2px solid Highlight;outline-offset:-2px}}.nearby-explorer{position:relative;min-height:0}.nearby-map-stage{min-height:0}.nearby-bottom-sheet{position:absolute;inset-inline:0;inset-block-end:0;margin-inline:0;min-height:0;max-height:calc(100% - 8px);flex:none;transition:height .24s var(--ease);padding-block-start:10px}.nearby-explorer.is-dragging .nearby-bottom-sheet{transition:none}.nearby-sheet-heading{min-height:60px;cursor:grab}.nearby-explorer.is-dragging .nearby-sheet-heading{cursor:grabbing}.nearby-sheet-heading:before{inset-block-start:7px;width:36px;height:4px;inset-inline-start:calc(50% - 18px)}.nearby-recenter{inset-block-end:calc(var(--nearby-sheet-height) + 12px);transition:inset-block-end .24s var(--ease)}.nearby-explorer.is-dragging .nearby-recenter{transition:none}.nearby-explorer.is-expanded .nearby-sheet-content{padding-block-end:calc(76px + var(--safe-bottom))}.nearby-show-map{position:absolute;inset-inline-start:50%;transform:translate(-50%);inset-block-end:calc(16px + var(--safe-bottom));box-shadow:var(--shadow-2);z-index:2}@media(prefers-reduced-motion:reduce){.nearby-bottom-sheet,.nearby-recenter{transition:none}}.nearby-map-stage .maplibregl-ctrl-bottom-right,.nearby-map-stage .maplibregl-ctrl-bottom-left{bottom:calc(var(--nearby-sheet-height) + 6px)}.nearby-recenter{inset-block-end:calc(var(--nearby-sheet-height) + 42px)}.nearby-bottom-sheet{padding-block-start:0}.nearby-sheet-heading{position:relative;min-height:70px;padding-block-start:12px}.nearby-sheet-content{position:relative;z-index:0}.nearby-show-map{z-index:10}.nearby-show-map,.nearby-search-area{transform:none;translate:-50% 0}.nearby-bottom-sheet{border-start-start-radius:26px;border-start-end-radius:26px;box-shadow:0 -4px 20px #1028210f}.nearby-sheet-heading{padding-inline:22px;padding-block-start:18px;min-height:76px}.nearby-sheet-heading>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.nearby-sheet-heading h2{font-size:var(--fs-lg)}.nearby-sheet-heading p{font-size:var(--fs-xs);margin:0}.nearby-sheet-toggle{justify-content:center;width:44px;border-radius:var(--r-full)}.nearby-sheet-heading:before{width:42px;height:4px;inset-inline-start:calc(50% - 21px);inset-block-start:11px}.nearby-distance-note{padding-inline:22px;padding-block-end:6px}.nearby-results{padding-block:4px 12px}.nearby-results>li+li{border:0}.nearby-result-row{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 22px;min-height:86px;text-align:start}.nearby-result-row:hover{background:var(--c-surface-2)}.nearby-result-photo{width:40px;height:40px;border-radius:14px}.nearby-result-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.nearby-result-name{font-size:var(--fs-md);line-height:1.4;font-weight:650;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nearby-result-meta{font-size:var(--fs-sm);color:var(--c-text-muted)}.nearby-result-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:110px;font-size:var(--fs-xs);color:var(--c-text-muted)}.nearby-result-status .badge{padding:0;background:none;box-shadow:none;font-size:var(--fs-xs);color:var(--tone-fg);white-space:normal}.nearby-result-status .badge>svg{display:none}.nearby-result-status .is-open{color:var(--c-primary-text)}.nearby-bottom-sheet.has-selection .nearby-sheet-heading{min-height:34px;padding:0}.nearby-bottom-sheet.has-selection .nearby-sheet-heading>div,.nearby-bottom-sheet.has-selection .nearby-distance-note,.nearby-bottom-sheet.has-selection .nearby-sheet-toggle{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}.nearby-preview{padding:4px 22px 22px}.nearby-preview-heading{gap:12px;align-items:flex-start;margin-block-end:14px}.nearby-preview-heading h2{font-size:var(--fs-xl);color:var(--c-text);line-height:1.45;font-weight:700;overflow-wrap:anywhere}.nearby-preview-heading .icon-btn{background:var(--c-surface-2);flex-shrink:0}.nearby-preview-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:var(--fs-sm);color:var(--c-text-muted)}.nearby-preview-address{margin-block:10px 20px;font-size:var(--fs-sm);color:var(--c-text-muted);overflow-wrap:anywhere}.nearby-preview .grade-panel{border-radius:14px;padding:12px;background:var(--c-surface-2)}.nearby-preview .grade-panel-icon{width:32px;height:32px}.nearby-preview .grade-panel-name{font-size:var(--fs-sm)}.nearby-preview-actions{margin-block-start:22px;gap:10px}.nearby-preview-actions>.btn{min-height:52px;border-radius:16px}@media(max-width:360px){.nearby-result-row{padding-inline:18px;grid-template-columns:36px minmax(0,1fr) auto;gap:10px}.nearby-result-photo{width:36px;height:36px;border-radius:12px}.nearby-result-status{max-width:88px}}.nearby-results>li{border:0}.nearby-results>li+li:before{display:none}.nearby-sheet-heading,.nearby-bottom-sheet.has-selection .nearby-sheet-heading{min-height:44px;height:44px;padding:0 12px;justify-content:flex-end;flex-shrink:0}.nearby-sheet-heading:before{inset-block-start:12px}.nearby-result-row{grid-template-columns:88px minmax(0,1fr);gap:6px 14px;padding:16px 22px;min-height:120px}.nearby-results{padding-block-start:0}.nearby-results>li:first-child .nearby-result-row{padding-block-start:0;min-height:104px}.nearby-result-photo{width:88px;height:88px;border-radius:16px;grid-row:1 / 3}.nearby-result-copy{grid-column:2;align-self:end}.nearby-result-status{grid-column:2;align-self:start;flex-direction:row;align-items:center;flex-wrap:wrap;max-width:none;gap:6px 12px}.nearby-preview-summary.has-photo{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}.nearby-preview-photo{width:112px;height:112px;border-radius:16px}.nearby-preview-summary.has-photo .nearby-preview-meta{align-content:center;gap:10px 12px}.nearby-preview-summary.has-photo .nearby-preview-meta>.badge{flex-basis:100%;width:fit-content;flex-grow:0}.nearby-preview-open{color:var(--c-primary-text)}.nearby-preview-address{margin-block:16px 0}@media(max-width:360px){.nearby-result-row{grid-template-columns:80px minmax(0,1fr);padding-inline:18px;gap:6px 12px}.nearby-result-photo{width:80px;height:80px}.nearby-result-status{max-width:none}.nearby-preview-summary.has-photo{grid-template-columns:96px minmax(0,1fr);gap:12px}.nearby-preview-photo{width:96px;height:96px}}.nearby-bottom-sheet.has-selection .nearby-sheet-content{padding-block-end:0}.nearby-bottom-sheet>.nearby-preview-actions{flex-shrink:0;margin:0;padding:14px 22px;background:var(--c-surface);border-block-start:1px solid var(--c-line);gap:12px}.nearby-bottom-sheet>.nearby-preview-actions .btn-secondary{background:var(--c-surface-2);box-shadow:none}.nearby-preview-info{display:grid;gap:16px;margin-block-start:20px}.nearby-info-row{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-sm);line-height:1.6;overflow-wrap:anywhere}.nearby-info-row>svg{margin-block-start:3px;color:var(--c-text-muted)}.nearby-hours-copy{display:grid;gap:5px;flex:1}.nearby-hours-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.nearby-hours-heading>span{font-size:var(--fs-xs)}.nearby-preview-menu{margin-block-start:22px;padding-block-start:18px;border-block-start:1px solid var(--c-line)}.nearby-preview-menu h3{margin-block-end:12px;font-size:var(--fs-sm)}.nearby-preview-menu li{display:flex;justify-content:space-between;gap:18px;padding-block:7px;font-size:var(--fs-sm)}.nearby-preview-menu li>span{min-width:0;overflow-wrap:anywhere}.nearby-preview-menu li>bdi{flex-shrink:0;color:var(--c-text-muted)}.prayer-page>.topbar+.prayer-nav,.nearby-page>.topbar+.prayer-nav{margin-block-start:calc(var(--sp-4) * -1)}.prayer-nav{display:flex;align-items:stretch;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;border-block-end:1px solid var(--c-line)}.prayer-nav::-webkit-scrollbar{display:none}.prayer-nav-item{position:relative;flex:0 0 auto;min-height:48px;display:flex;align-items:center;justify-content:center;padding:0 var(--sp-3);font-size:var(--fs-md);font-weight:700;color:var(--c-text-muted);text-align:center;line-height:1.3}.prayer-nav-item.is-active{color:var(--c-text);font-weight:800}.prayer-nav-item.is-active:after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;height:2px;background:currentColor}.location-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--sp-2);margin-block:calc(var(--sp-2) * -1)}.location-line-text{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:600;min-width:0}.location-line-btn{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding-inline:var(--sp-2);margin-inline-end:calc(var(--sp-2) * -1);color:var(--c-primary-text);font-size:var(--fs-sm);font-weight:700;border-radius:var(--r-full)}.location-line-btn:hover:not(:disabled){background:var(--c-surface-2)}.location-line-error{flex-basis:100%;font-size:var(--fs-sm);color:var(--c-error)}.prayer-hero{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);color:var(--c-text);background:var(--c-surface-2);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-3)}.prayer-hero-kicker{flex-basis:100%;font-size:var(--fs-xs);font-weight:500;color:var(--c-text-muted)}.prayer-hero-name{font-size:var(--fs-lg);font-weight:700;line-height:1.4}.prayer-hero-time{display:inline-block;margin-inline-start:var(--sp-1);font-variant-numeric:tabular-nums}.prayer-hero-countdown{margin-inline-start:auto;color:var(--c-text-muted);font-weight:500;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.prayer-list{list-style:none;padding:0;margin:0;background:var(--c-surface);border-radius:var(--r-lg);border:0;overflow:hidden;box-shadow:var(--shadow-1)}.prayer-row{display:flex;align-items:center;gap:var(--sp-2);min-height:58px;padding-inline:var(--sp-4)}.prayer-row:last-child{border-block-end:0}.prayer-row-name{flex:1;font-size:var(--fs-lg);font-weight:700}.prayer-row-time{font-size:var(--fs-lg);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.prayer-row.is-past .prayer-row-name,.prayer-row.is-past .prayer-row-time{color:var(--c-text-muted);font-weight:500}.prayer-row.is-sunrise{min-height:48px}.prayer-row.is-sunrise .prayer-row-name,.prayer-row.is-sunrise .prayer-row-time{font-size:var(--fs-md);font-weight:500;color:var(--c-text-muted)}.prayer-row.is-next{background:var(--c-primary-soft);box-shadow:inset 4px 0 0 var(--c-primary)}html[dir=rtl] .prayer-row.is-next{box-shadow:inset -4px 0 0 var(--c-primary)}.prayer-row.is-next .prayer-row-name,.prayer-row.is-next .prayer-row-time{color:var(--c-primary-text);font-weight:800}.prayer-row-badge{font-size:var(--fs-xs);font-weight:800;padding:2px 8px;border-radius:var(--r-full);background:var(--c-primary);color:var(--c-on-primary)}.prayer-panel{background:var(--c-surface);border:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1)}.prayer-reminder{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);min-height:64px;text-align:start}.prayer-reminder:disabled{opacity:.6;cursor:wait}.prayer-reminder-icon{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--c-surface-2);color:var(--c-text-muted);flex-shrink:0}.prayer-reminder[aria-pressed=true] .prayer-reminder-icon{background:var(--c-primary-soft);color:var(--c-primary-text)}.prayer-reminder-text{flex:1;min-width:0;display:flex;flex-direction:column}.prayer-reminder-text strong{font-size:var(--fs-md)}.prayer-reminder-text span{font-size:var(--fs-sm);color:var(--c-text-muted)}.switch{position:relative;width:48px;height:28px;border-radius:14px;background:var(--c-line);flex-shrink:0;transition:background var(--dur) var(--ease)}.switch:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:inset-inline-start var(--dur) var(--ease)}[aria-pressed=true]>.switch{background:var(--c-primary)}[aria-pressed=true]>.switch:after{inset-inline-start:23px}.prayer-calc-title{margin:0;padding:var(--sp-4);font-size:var(--fs-md)}.prayer-calc-body{display:flex;flex-direction:column;gap:var(--sp-3);padding:0 var(--sp-4) var(--sp-4)}.prayer-calc-body label{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm);font-weight:700;color:var(--c-text-muted)}.prayer-calc-body select{width:100%;min-height:var(--tap);border:0;background:var(--c-surface);border-radius:var(--r-md);padding-inline:var(--sp-3);color:var(--c-text);font-size:var(--fs-md);font-weight:600;box-shadow:var(--shadow-1)}.prayer-note{font-size:var(--fs-sm);line-height:1.6;color:var(--c-text-muted);margin:0}.prayer-error{font-size:var(--fs-sm);line-height:1.6;color:var(--c-error);background:var(--c-error-bg);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);margin:0}.qibla{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:var(--sp-6) var(--sp-4) var(--sp-5);border-radius:var(--r-lg);background:var(--c-surface);border:0;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);box-shadow:var(--shadow-1)}.qibla-dial-wrap{position:relative;width:min(74vw,288px);aspect-ratio:1;margin-block-end:var(--sp-3);direction:ltr}.qibla-dial{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--c-surface) 0 55%,var(--c-surface-2) 56% 100%);border:0;transition:transform .2s ease-out;box-shadow:var(--shadow-1)}.qibla-tick{position:absolute;top:0;right:0;bottom:0;left:0}.qibla-tick:before{content:"";position:absolute;top:6px;left:calc(50% - 1px);width:2px;height:6px;border-radius:1px;background:var(--c-line)}.qibla-tick.is-mid:before{height:10px;background:var(--c-text-muted);opacity:.55}.qibla-tick.is-major:before{height:14px;background:var(--c-text-muted)}.qibla-cardinal{position:absolute;top:0;right:0;bottom:0;left:0}.qibla-cardinal>span{position:absolute;top:22px;left:calc(50% - 14px);width:28px;height:28px;display:grid;place-items:center;font-size:var(--fs-md);font-weight:800;color:var(--c-text-muted)}.qibla-cardinal.is-north>span{color:var(--c-error)}.qibla-needle{position:absolute;top:0;right:0;bottom:0;left:0}.qibla-needle:before{content:"";position:absolute;left:calc(50% - 3px);top:38%;height:12%;width:6px;border-radius:3px;background:linear-gradient(to top,var(--c-line),var(--c-primary))}.qibla-kaaba{position:absolute;top:0;right:0;bottom:0;left:0}.qibla-kaaba img{position:absolute;left:calc(50% - 28px);top:19%;width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 6px rgb(0 0 0 / .25))}.qibla-hub{position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px;border-radius:50%;background:var(--c-primary);border:3px solid var(--c-surface);box-shadow:var(--shadow-1)}.qibla-pointer{position:absolute;z-index:2;left:calc(50% - 9px);top:-14px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:12px solid var(--c-text)}.qibla-bearing{font-size:43px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.qibla-status{font-size:var(--fs-md);font-weight:700}.qibla-distance{font-size:var(--fs-sm);color:var(--c-text-muted)}.qibla.is-aligned{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.qibla.is-aligned .qibla-status{color:var(--c-primary-text)}.qibla.is-aligned .qibla-pointer{border-top-color:var(--c-primary)}.qibla-actions{display:flex;flex-direction:column;gap:var(--sp-2)}.qibla-live{text-align:center}