@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-700:oklch(50.5% .213 27.518);--color-orange-50:oklch(98% .016 73.684);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-lime-400:oklch(84.1% .238 128.85);--color-green-700:oklch(52.7% .154 150.069);--color-teal-600:oklch(60% .118 184.704);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.list-item{display:list-item}.table{display:table}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[xml\:lang\]{xml:lang}}:root{color:#cdd6f4;font-synthesis:none;text-rendering:optimizelegibility;--crust:#11111b;--mantle:#181825;--base:#1e1e2e;--surface-0:#313244;--surface-1:#45475a;--overlay:#9399b2;--subtext:#bac2de;--text:#cdd6f4;--yellow:#f9e2af;--peach:#fab387;--pink:#f5c2e7;--green:#a6e3a1;--red:#f38ba8;--blue:#89b4fa;--lavender:#b4befe;--hover-field:#242437;--hover-surface:#29293d;--hover-surface-strong:#38394d;--hover-pink:#f5c2e7ad;--hover-pink-soft:#f5c2e714;background:#11111b;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{background:linear-gradient(#11111b70,#11111bc7),url(/sheikh-zayed-mosque-4k.webp) 50%/cover fixed;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,label:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}button:disabled{cursor:not-allowed}.onboarding-shell{background:#1e1e2ee0;grid-template-columns:minmax(22rem,.82fr) minmax(35rem,1.18fr);min-height:100svh;display:grid}.onboarding-story{isolation:isolate;background:#181825f0;flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(2rem,4vw,4.5rem);display:flex;position:relative;overflow:hidden}.onboarding-story:before{z-index:-1;content:"";aspect-ratio:1;opacity:.32;background-color:var(--yellow);background-image:radial-gradient(circle,var(--mantle) 2px,transparent 2.4px);background-size:18px 18px;border-radius:50%;width:min(74vw,56rem);position:absolute;top:50%;right:-55%;translate:0 -50%;box-shadow:-30px 14px 100px #f9e2af1a}.onboarding-story h1{max-width:9ch;color:var(--text);letter-spacing:-.04em;margin:0 0 1.5rem;font-size:clamp(3.1rem,5.4vw,5.4rem);font-weight:680;line-height:.96}.onboarding-story>div>p{max-width:29rem;color:var(--subtext);margin:0;font-size:1.04rem;line-height:1.7}.onboarding-story blockquote{border-top:1px solid var(--surface-1);max-width:30rem;color:var(--subtext);margin:4rem 0 0;padding-top:1.25rem;font-size:.84rem;line-height:1.6}.onboarding-story cite{color:var(--text);margin-top:.3rem;font-style:normal;font-weight:600;display:block}.brand-mark{background:var(--yellow);border:1px solid #f9e2af9e;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;display:inline-grid;position:relative;overflow:hidden}.brand-mark span{background:var(--mantle);border-radius:50%;width:100%;height:100%;display:block;translate:34% -16%}.brand-mark.large{width:2.35rem;height:2.35rem}.onboarding-controls{background:#1e1e2edb;align-items:center;min-height:100svh;padding:clamp(2rem,7vw,7rem);display:grid}.setup-form{width:min(100%,41rem);margin:0 auto}.step-nav{align-items:center;margin-bottom:3.25rem;display:flex}.step{color:var(--overlay);background:0 0;border:0;align-items:center;gap:.6rem;padding:0;font-size:.78rem;font-weight:650;transition:color .16s;display:inline-flex}.step span{border:1px solid var(--surface-1);border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.72rem;transition:border-color .16s,background-color .16s;display:grid}.step:not(.active):not(.complete):hover:not(:disabled){color:var(--subtext)}.step:not(.active):not(.complete):hover:not(:disabled) span{border-color:var(--hover-pink);background:var(--hover-pink-soft)}.step.complete:hover{color:var(--green)}@supports (color:color-mix(in lab,red,red)){.step.complete:hover{color:color-mix(in srgb,var(--green) 88%,var(--text))}}.step.complete:hover span{background:#a6e3a112}.step.active{color:var(--text)}.step.active span{border-color:var(--yellow);color:var(--crust);background:var(--yellow)}.step.complete{color:var(--green)}.step.complete span{color:var(--green);border-color:#a6e3a180}.step-rule{background:var(--surface-1);width:clamp(2rem,6vw,5rem);height:1px;margin:0 .85rem}.setup-stage{animation:.26s cubic-bezier(.16,1,.3,1) stage-in}.setup-stage h2,.settings-copy h2{color:var(--text);letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:650;line-height:1.12}.setup-stage>div:first-child>p,.settings-copy p{max-width:36rem;color:var(--subtext);margin:.9rem 0 0;line-height:1.65}.field-stack{gap:.55rem;margin-top:2rem;display:grid;position:relative}.field-stack+.field-stack{margin-top:1.2rem}.field-stack label{color:var(--text);font-size:.82rem;font-weight:650}.field-stack input,.input-with-icon input,.field-stack select{width:100%;min-height:3.25rem;color:var(--text);background:var(--mantle);border:1px solid #0000;border-radius:.65rem;padding:.8rem 1rem;transition:border-color .16s,background .16s}.field-stack input:hover{background:var(--hover-field)}.field-stack select:hover{background-color:var(--hover-field)}.field-stack input:focus,.field-stack select:focus{border-color:var(--blue);background-color:var(--crust)}.field-stack input:focus-visible,.field-stack select:focus-visible{outline:none}.field-stack select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--overlay) 50%),linear-gradient(135deg,var(--overlay) 50%,transparent 50%);background-position:calc(100% - 1.15rem),calc(100% - .85rem);background-repeat:no-repeat;background-size:.32rem .32rem,.32rem .32rem;padding-right:2.75rem}.field-stack input::placeholder{color:#7f849c}.input-with-icon{position:relative}.input-with-icon>svg:first-child{color:var(--overlay);pointer-events:none;position:absolute;top:50%;left:1rem;translate:0 -50%}.input-with-icon input{padding-left:2.9rem;padding-right:3rem}.input-with-icon .spin{color:var(--yellow);position:absolute;top:calc(50% - 9px);right:1rem}.place-results{z-index:10;border:1px solid var(--surface-1);background:var(--mantle);border-radius:.7rem;position:absolute;top:calc(100% + .45rem);left:0;right:0;overflow:hidden;box-shadow:0 18px 48px #00000052}.place-results button{border:0;border-bottom:1px solid var(--surface-0);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.8rem;padding:.85rem 1rem;display:flex}.place-results button:last-child{border-bottom:0}.place-results button:hover,.place-results button[aria-selected=true],.place-results button:focus-visible{background:var(--hover-surface)}.place-results button:hover,.place-results button[aria-selected=true]{color:var(--pink)}.place-results svg{color:var(--yellow);flex:none}.place-results span,.method>span:last-child{gap:.2rem;display:grid}.place-results strong,.method strong{font-size:.9rem;font-weight:620}.place-results small,.method small{color:var(--subtext);font-size:.75rem}.selected-place{color:var(--green);align-items:center;gap:.55rem;font-size:.82rem;display:flex}.field-error{color:var(--red);margin:0;font-size:.8rem;line-height:1.5}.field-hint{color:var(--overlay);margin:0;font-size:.8rem;line-height:1.5}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:2rem;display:flex}.form-actions.split{justify-content:space-between}.button{cursor:pointer;border:1px solid #0000;border-radius:.6rem;justify-content:center;align-items:center;gap:.55rem;min-height:2.9rem;padding:.68rem 1rem;font-size:.86rem;font-weight:650;transition:background .16s,border-color .16s,color .16s,translate .16s;display:inline-flex}.button:active:not(:disabled){translate:0 1px}.button.primary{color:var(--crust);background:var(--yellow)}.button.primary:hover:not(:disabled){background:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--yellow) 88%,var(--text))}}.button.primary:disabled{color:var(--overlay);background:var(--surface-0)}.button.secondary{border-color:var(--surface-1);color:var(--text);background:0 0}.button.secondary:hover:not(:disabled){border-color:var(--hover-pink);color:var(--pink);background:var(--hover-pink-soft)}.method-list{border-top:1px solid var(--surface-1);margin-top:2rem}.method{border-bottom:1px solid var(--surface-1);cursor:pointer;grid-template-columns:1.3rem 1fr;align-items:center;gap:.8rem;min-height:4.2rem;padding:.8rem .65rem;transition:background .16s,color .16s;display:grid}.method:hover{background:var(--hover-surface)}.method:hover .radio-mark{border-color:var(--hover-pink)}.method.selected{color:var(--yellow);background:#f9e2af0e}.method.selected:hover{background:#f9e2af14}.method input{opacity:0;pointer-events:none;position:absolute}.radio-mark{border:1px solid var(--overlay);border-radius:50%;place-items:center;width:1.15rem;height:1.15rem;display:grid}.method.selected .radio-mark{border:4px solid var(--yellow)}.app-shell{background:0 0;flex-direction:column;width:min(100%,88rem);min-height:100svh;margin:0 auto;padding:0 clamp(1rem,4vw,3.5rem);display:flex}.app-shell.settings-open{background:var(--base);width:100%;max-width:none;padding-inline:clamp(1.2rem,5vw,5rem)}.floating-settings{z-index:30;width:2.5rem;height:2.5rem;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#181825c2;border:1px solid #cdd6f424;border-radius:.65rem;place-items:center;transition:color .16s,background .16s,border-color .16s;display:grid;position:fixed;top:1rem;right:clamp(1rem,4vw,3.5rem);box-shadow:0 6px 20px #00000029}.floating-settings:hover{border-color:var(--hover-pink);color:var(--pink);background:var(--hover-surface)}@supports (color:color-mix(in lab,red,red)){.floating-settings:hover{background:color-mix(in srgb,var(--hover-surface) 94%,transparent)}}.app-header{background:0 0;border-bottom:1px solid #cdd6f433;justify-content:space-between;align-items:center;min-height:4rem;display:flex}.wordmark{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .16s;display:inline-flex}.wordmark:hover{color:var(--pink)}.app-header .brand-mark{width:1.45rem;height:1.45rem}.icon-button{border:1px solid var(--surface-1);min-height:2.55rem;color:var(--text);background:var(--surface-0);cursor:pointer;border-radius:.55rem;align-items:center;gap:.6rem;padding:0 .75rem;font-size:.78rem;font-weight:600;transition:color .16s,background-color .16s,border-color .16s;display:inline-flex}.icon-button:hover{border-color:var(--hover-pink);color:var(--pink);background:var(--hover-surface-strong)}.nav-actions,.nav-location{align-items:center;display:flex}.nav-actions{gap:.45rem}.nav-location{color:var(--subtext);gap:.4rem;padding:0 .55rem;font-size:.74rem;font-weight:550}.nav-location svg{color:var(--yellow)}.day-layout{flex-direction:column;flex:1;justify-content:center;gap:clamp(2.5rem,6vh,4.5rem);min-height:38rem;padding:clamp(4.5rem,10vh,7.5rem) 0 clamp(3rem,7vh,5rem);display:flex}.day-intro{text-align:center;width:min(100%,44rem);margin-inline:auto}.day-intro h1{color:var(--crust);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:.68rem 1rem .64rem;font-size:.92rem;font-weight:650;line-height:1.2;overflow:hidden}.day-intro h1 span{opacity:.58;margin-inline:.3em}.day-title{z-index:1;background:#f5c2e7eb;border:1px solid #f5c2e7b8;border-bottom:0;border-radius:.75rem .75rem 0 0;width:min(100%,25rem);margin:0 auto;position:relative}.clock-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#181825c7;border:1px solid #cdd6f41f;border-top:0;border-radius:0 0 .75rem .75rem;width:min(100%,25rem);margin:0 auto;padding:1.05rem 1.35rem .95rem;box-shadow:0 10px 28px #00000029}.current-time{color:var(--text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1;letter-spacing:-.035em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:baseline;font-size:clamp(3.15rem,5vw,4.15rem);font-weight:610;line-height:.95;display:inline-flex}.current-time .current-seconds{color:var(--overlay);letter-spacing:0;margin-left:.08em;font-size:.42em;font-weight:500}.date-block{flex-wrap:wrap;justify-content:center;gap:.45rem 0;margin-top:.75rem;display:flex}.date-block p{color:var(--subtext);margin:0;font-size:.8rem;line-height:1.5}.date-block p+p:before{content:"";vertical-align:-.05em;background:#bac2de47;width:1px;height:.85em;margin:0 .8rem;display:inline-block}.date-block p:first-child{color:var(--subtext);font-weight:500}.method-note{grid-template-columns:minmax(12rem,1.5fr) minmax(8rem,1fr);gap:2rem;max-width:29rem;margin:0;display:grid}.method-note div{gap:.2rem;display:grid}.method-note dt{color:var(--overlay);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:650}.method-note dd{color:var(--subtext);margin:0;font-size:.8rem}.timetable{background:0 0;border:0;width:100%;position:relative}.rows{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.55rem,1vw,.85rem);display:grid}.prayer-row{-webkit-user-select:none;user-select:none;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1e1e2ead;border:1px solid #cdd6f41f;border-radius:.65rem;grid-template-rows:auto 1fr auto;place-items:center;min-height:clamp(9rem,12vw,10.75rem);padding:1rem .7rem .9rem;transition:background .18s,border-color .18s,translate .18s;display:grid;position:relative;box-shadow:0 8px 24px #00000021}.prayer-row.next{background:#473144e0;border-color:#f5c2e78c;box-shadow:0 10px 28px #0000002e}.prayer-row.passed{background:#181825a3}.prayer-row.informational{background:#1818257a;border-style:dashed;border-color:#bac2de29}.prayer-name{align-self:start}.prayer-name strong{color:var(--text);letter-spacing:-.025em;font-size:clamp(.88rem,1.1vw,1rem);font-weight:520}.prayer-row time{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;align-self:center;font-size:clamp(1.8rem,2.6vw,2.65rem);font-weight:640;line-height:1}.prayer-detail{color:var(--text);align-self:end;font-size:clamp(.68rem,.8vw,.76rem);font-weight:520}.prayer-row.next .prayer-detail{color:var(--pink)}.prayer-row.informational .prayer-name strong,.prayer-row.informational time{color:var(--subtext)}.prayer-row.informational .prayer-detail{color:var(--overlay)}.skeleton-row span{background:#cdd6f438;border-radius:.25rem;width:55%;height:1.2rem;animation:1.5s ease-in-out infinite pulse;display:block}.skeleton-row span:last-child{width:75%;height:3rem}.error-state{background:var(--mantle);flex-direction:column;justify-content:center;align-items:flex-start;min-height:25rem;padding:clamp(2rem,5vw,5rem);display:flex}.error-state>svg{color:var(--red)}.error-state h2{color:var(--text);margin:1rem 0 .5rem;font-size:1.5rem}.error-state p{max-width:34rem;color:var(--subtext);margin:0 0 1.5rem;line-height:1.6}.settings-panel{flex:1;width:min(100%,42rem);margin-inline:auto;padding:clamp(5rem,11vh,7rem) 0 4rem;animation:.26s cubic-bezier(.16,1,.3,1) stage-in;display:block}.settings-open .app-footer{width:min(100%,81rem);margin-inline:auto}.settings-copy{margin-bottom:1.75rem}.settings-copy h2{font-size:clamp(1.75rem,3vw,2.1rem)}.compact-settings-form{width:100%}.compact-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;display:grid}.compact-settings-grid .field-stack{min-width:0;margin-top:0}.compact-settings-grid .method-field{grid-column:1/-1}.compact-actions{margin-top:1.5rem}.app-footer{border-top:1px solid var(--surface-0);min-height:5rem;color:var(--overlay);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.app-footer a{color:var(--subtext);align-items:center;gap:.35rem;text-decoration:none;transition:color .16s;display:inline-flex}.app-footer a:hover{color:var(--pink)}.spin{animation:.8s linear infinite spin}@keyframes stage-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media(max-width:900px){.onboarding-shell{grid-template-columns:1fr}.onboarding-story{min-height:auto;padding:2rem 1.5rem 3rem}.onboarding-story:before{width:34rem;right:-16rem}.onboarding-story h1{margin-top:5rem;font-size:clamp(3rem,12vw,4.8rem)}.onboarding-story blockquote{margin-top:4rem}.onboarding-controls{min-height:auto;padding:3.5rem 1.5rem 5rem}.settings-panel{width:min(100%,42rem)}.day-layout{gap:2.75rem;padding:4.5rem 0 3rem}.day-intro h1{font-size:.9rem}.method-note{gap:1.25rem}.settings-panel{padding:4.5rem 0 3rem}}@media(max-width:700px){.day-intro{display:block}.day-title{width:min(100%,22rem)}.timetable{overflow:visible}.rows{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:.65rem;overflow:visible}.prayer-row{min-height:9rem}.prayer-row time{font-size:clamp(2rem,10vw,2.55rem)}}@media(max-width:560px){.compact-settings-grid{grid-template-columns:1fr;gap:1rem}.compact-settings-grid .method-field{grid-column:auto}.settings-copy{margin-bottom:1.4rem}.app-header{min-height:3.5rem}.nav-location{display:none}.icon-button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.day-layout{gap:2.5rem;padding:4.25rem 0 3rem}.day-intro h1{padding-inline:.85rem;font-size:clamp(.8rem,3.8vw,.9rem)}.clock-panel{width:min(100%,22rem);padding:.9rem 1rem .85rem}.current-time{font-size:clamp(3rem,15vw,3.6rem)}.current-time .current-seconds{font-size:.4em}.prayer-row{grid-template-columns:none;min-height:8.6rem}.prayer-row time{font-size:clamp(1.85rem,10vw,2.35rem)}.prayer-name{align-self:start}.form-actions,.form-actions.split{flex-direction:column-reverse}.form-actions .button{width:100%}.step-nav{margin-bottom:2.5rem}.step-rule{flex:1}.method{min-height:4.6rem}.app-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}