/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,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;--spacing:.25rem;--ease-in-out:cubic-bezier(.4,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{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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,pre,samp{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.invisible\!{visibility:hidden!important}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end\!{inset-inline-end:var(--spacing)!important}.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-flex{display:inline-flex}.table{display:table}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.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}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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)}.shadow\!{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.blur{--tw-blur:blur(8px)}.blur,.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root,[data-theme=light]{--bg:#f5f7fb;--bg2:#eaedf6;--surface:#fff;--raised:#f8f9fd;--hover:#f1f3f9;--line:#e1e5ee;--text:#12141d;--text2:#4c5167;--muted:#747a90;--accent:#7047eb;--accent2:#5f32e6;--accent-soft:#7047eb1c;--shadow:0 9px 30px #12142014;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101116;--bg2:#14151c;--surface:#191a22;--raised:#20212c;--hover:#272835;--line:#30313f;--text:#f4f3f8;--text2:#c8c7d6;--muted:#9696aa;--accent:#ae93ff;--accent2:#9573f5;--accent-soft:#ae93ff26;--shadow:0 12px 34px #00000059;color-scheme:dark}}[data-theme=dark]{--bg:#101116;--bg2:#14151c;--surface:#191a22;--raised:#20212c;--hover:#272835;--line:#30313f;--text:#f4f3f8;--text2:#c8c7d6;--muted:#9696aa;--accent:#ae93ff;--accent2:#9573f5;--accent-soft:#ae93ff26;--shadow:0 12px 34px #00000059;color-scheme:dark}[data-accent=blue]{--accent:#3b82f6;--accent2:#2563eb;--accent-soft:#3b82f621}[data-accent=green]{--accent:#0d9488;--accent2:#0f766e;--accent-soft:#0d948821}[data-accent=rose]{--accent:#e54d70;--accent2:#c9365b;--accent-soft:#e54d7021}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background-color:var(--bg);background:var(--bg);max-width:100vw;overflow-x:clip}body{color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a,button,input,select{transition:all .16s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,transparent)}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px}h1,h2,h3,p{margin:0}.brand,h1,h2,h3{font-family:Space Grotesk,sans-serif}.site{flex-direction:column;min-height:100dvh;display:flex}.skip-link{z-index:1000;background:var(--accent);color:#fff;border-radius:10px;padding:10px 16px;position:fixed;top:-80px;left:18px}.skip-link:focus{top:12px}.header{height:calc(60px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0);border-bottom:1px solid var(--line);background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.header{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.header{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%;position:sticky;top:0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1280px;height:100%;margin:auto;padding:0 22px;display:grid}.header.landing-header .header-inner{justify-content:space-between;gap:22px;display:flex}.brand{letter-spacing:-.7px;align-items:center;font-size:20px;font-weight:700;display:flex}.brand b{color:var(--accent)}.brand-mark{background:var(--accent);color:#fff;width:31px;height:31px;box-shadow:0 5px 13px var(--accent-soft);border-radius:9px;place-items:center;margin-inline-end:8px;display:grid;transform:rotate(-6deg)}.brand-mark svg{transform:rotate(6deg)}.desktop-nav{gap:24px;height:100%;display:flex}.desktop-nav a{height:100%;color:var(--muted);align-items:center;gap:7px;font-size:14px;display:flex;position:relative}.desktop-nav a.active,.desktop-nav a:hover{color:var(--text)}.desktop-nav a.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.header-actions{justify-content:flex-end;justify-self:end;align-items:center;gap:8px;min-width:0;display:flex}.icon-button,.menu-button{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:38px;height:38px;display:inline-flex}.icon-button span{font-size:11px;font-weight:700}.icon-button:hover{background:var(--hover);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.icon-button:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}}.account-button{background:var(--accent);color:#fff;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:14px;font-weight:600;display:flex}.account-button:hover{background:var(--accent2)}.menu-button{display:none}main{flex:1}.page-shell{width:100%;max-width:1160px;margin:0 auto;padding:14px 20px 60px}.welcome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.eyebrow{letter-spacing:1.2px;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:800}.welcome h1{letter-spacing:-.6px;margin-top:2px;font-size:22px;line-height:1.2}.welcome p{color:var(--text2);margin-top:2px;font-size:13px}.sync-pill{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:11px;display:flex}.sync-pill i{background:#a1a1aa;border-radius:50%;width:6px;height:6px}.sync-pill.online i{background:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.tool-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tool-card{border:1px solid var(--line);background:var(--surface);min-height:112px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;justify-content:space-between;padding:13px 15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--tone,var(--accent));transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.tool-card:hover{border-color:color-mix(in srgb,var(--tone,var(--accent)) 42%,var(--line))}}.tool-card:hover{box-shadow:0 10px 28px #1214201a}.tool-card.mint{--tone:#0d9488;--tone-soft:#0d94881f}.tool-card.purple{--tone:#7047eb;--tone-soft:#7047eb1f}.tool-card.blue{--tone:#3b82f6;--tone-soft:#3b82f61f}.tool-card.rose{--tone:#e54d70;--tone-soft:#e54d701f}.tool-card.gold{--tone:#d97706;--tone-soft:#d977061f}.tool-card.slate{--tone:#64748b;--tone-soft:#64748b1f}.tool-head{justify-content:space-between;gap:8px;width:100%}.tool-head,.tool-head-left{align-items:center;display:flex}.tool-head-left{gap:9px;min-width:0}.tool-icon{width:30px;height:30px;color:var(--tone);background:linear-gradient(135deg,var(--tone),var(--tone));border-radius:9px;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.tool-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 24%,transparent),color-mix(in srgb,var(--tone) 8%,transparent))}}.tool-icon{border:1px solid var(--tone)}@supports (color:color-mix(in lab,red,red)){.tool-icon{border:1px solid color-mix(in srgb,var(--tone) 32%,transparent)}}.tool-icon{box-shadow:0 2px 6px var(--tone);flex-shrink:0}@supports (color:color-mix(in lab,red,red)){.tool-icon{box-shadow:0 2px 6px color-mix(in srgb,var(--tone) 16%,transparent)}}.tool-title{letter-spacing:-.3px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.card-arrow{color:var(--muted);opacity:.7;transition:transform .2s,opacity .2s}[dir=rtl] .card-arrow{transform:rotate(180deg)}.tool-card:hover .card-arrow{opacity:1;color:var(--tone)}.tool-complication{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;padding-top:6px;display:flex}.tool-complication-col{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tool-complication-title{color:var(--text);letter-spacing:-.2px;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.tool-complication-subtitle,.tool-complication-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tool-complication-subtitle{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.tool-complication-accent{color:var(--tone);font-weight:700}.complication-dots{flex-shrink:0;align-items:center;gap:3px;display:flex}.complication-dot{background:var(--muted);border-radius:50%;width:5px;height:5px}@supports (color:color-mix(in lab,red,red)){.complication-dot{background:color-mix(in srgb,var(--muted) 28%,transparent)}}.complication-dot{transition:background .2s,box-shadow .2s}.complication-dot.active{background:#10b981;box-shadow:0 0 5px #10b98173}.complication-qibla-circle{border:1.5px solid var(--tone);border-radius:50%;width:22px;height:22px}@supports (color:color-mix(in lab,red,red)){.complication-qibla-circle{border:1.5px solid color-mix(in srgb,var(--tone) 35%,transparent)}}.complication-qibla-circle{flex-shrink:0;place-items:center;display:grid}.complication-qibla-arrow{color:var(--tone);transition:transform .3s;display:block}.complication-tiles{flex-shrink:0;align-items:center;gap:3px;display:flex}.complication-tile{background:var(--tone);border-radius:6px;align-items:baseline;gap:1px;padding:2px 5px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.complication-tile{background:color-mix(in srgb,var(--tone) 16%,transparent)}}.complication-tile{color:var(--tone);font-size:11px;font-weight:700;line-height:1}.complication-tile small{opacity:.85;font-size:9px;font-weight:600}.complication-ornate{color:var(--tone);margin-inline-end:3px;font-weight:700}footer{border-top:1px solid var(--line);background:var(--surface)}footer>div{max-width:1160px;color:var(--muted);justify-content:space-between;gap:20px;margin:auto;padding:20px 22px;font-size:13px;display:flex}footer nav{flex-wrap:wrap;gap:18px;display:flex}footer a:hover{color:var(--accent)}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.page-heading h1{letter-spacing:-.5px;font-size:22px;font-weight:700;line-height:1.2}.page-heading p{color:var(--muted);margin-top:2px;font-size:13px}.page-heading .eyebrow{letter-spacing:1.2px;color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:800;display:block}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:18px}.stack{gap:14px;display:grid}.button{background:var(--accent);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.button:hover{background:var(--accent2)}.button.secondary{background:var(--raised);color:var(--text);border:1px solid var(--line)}.button.danger{background:#dc3c54}.field{gap:6px;display:grid}.field label{color:var(--text2);font-size:13px;font-weight:600}input,select{border:1px solid var(--line);background:var(--raised);width:100%;height:40px;color:var(--text);border-radius:10px;padding:0 12px;font-size:14px}.muted,input::placeholder{color:var(--muted)}.notice{background:var(--accent-soft);color:var(--text2);border-radius:10px;padding:10px 12px;font-size:13px}.error{color:#d43a52;background:#dc3c541a}.back-link{color:var(--muted);align-items:center;gap:5px;margin-bottom:8px;font-size:13px;display:inline-flex}.two-column{grid-template-columns:300px 1fr;gap:16px;display:grid}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{border:1px solid var(--line);background:var(--raised);border-radius:9px;padding:6px 12px;font-size:13px;font-weight:600}.segmented button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.setting-card h2{margin-bottom:12px;font-size:17px}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.setting-row:first-of-type{border-top:0}.setting-row select{width:auto;min-width:140px}.switch{background:var(--line);border:0;border-radius:30px;width:46px;height:27px;padding:3px}.switch i{background:#fff;border-radius:50%;width:21px;height:21px;display:block;transform:translate(0)}[dir=rtl] .switch i{transform:translate(19px)}.switch.on{background:var(--accent)}.switch.on i{transform:translate(19px)}[dir=rtl] .switch.on i{transform:translate(0)}.quran-layout{grid-template-columns:260px minmax(0,1fr);gap:18px;display:grid}.surah-sidebar{height:calc(100dvh - 150px);padding:12px;position:sticky;top:82px;overflow:auto}.surah-link{width:100%;color:var(--text);text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.surah-link.active,.surah-link:hover{background:var(--accent-soft);color:var(--accent)}.surah-link>span:first-child{background:var(--raised);border-radius:8px;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.surah-link div{flex:1}.surah-link strong{font-size:14px;display:block}.surah-link small{color:var(--muted)}.surah-link .arabic-small{text-align:end;font-family:Noto Naskh Arabic,serif;font-size:16px}.quran-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.quran-toolbar input{flex:1;min-width:200px}.verse-list{gap:12px;display:grid}.verse{position:relative}.verse-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.verse-number{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.verse-actions{gap:5px;display:flex}.verse-actions button{border:1px solid var(--line);background:var(--raised);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.verse-actions button.saved{color:var(--accent);background:var(--accent-soft)}.arabic-text{font-family:Noto Naskh Arabic,serif;font-size:var(--arabic-size,32px);text-align:right;direction:rtl;line-height:2}.translation-text{font-size:var(--translation-size,17px);color:var(--text2);margin-top:11px;line-height:1.65}.audio-dock{border:1px solid var(--accent);margin-top:16px;position:sticky;bottom:12px}@supports (color:color-mix(in lab,red,red)){.audio-dock{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line))}}.audio-dock{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.audio-dock{background:color-mix(in srgb,var(--surface) 93%,transparent)}}.audio-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);z-index:10;border-radius:15px;align-items:center;gap:10px;padding:10px 12px;display:flex}.audio-dock .track{flex:1;min-width:0}.audio-dock .track span,.audio-dock .track strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.audio-dock .track span{color:var(--muted);font-size:12px}.round-button{background:var(--accent);color:#fff;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.audio-dock select{width:130px}.search-results{gap:8px;margin-bottom:14px;display:grid}.search-result{border:1px solid var(--line);background:var(--raised);text-align:start;border-radius:10px;padding:10px}.search-result strong{color:var(--accent)}.search-result p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.attribution{text-align:center;color:var(--muted);margin-top:20px;font-size:12px}.attribution a{text-decoration:underline}.prayer-hero{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.next-prayer{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;flex-direction:column;justify-content:space-between;min-height:190px;display:flex}.next-prayer .time{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700}.prayer-list{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.prayer-item{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:15px}.prayer-item span,.prayer-item strong{display:block}.prayer-item span{margin-top:4px;font-size:18px}.city-results{gap:6px;margin-top:10px;display:grid}.city-results button{border:1px solid var(--line);background:var(--raised);text-align:start;border-radius:9px;padding:9px}.compass-wrap{place-items:center;min-height:400px;display:grid}.compass-face{aspect-ratio:1;border:2px solid var(--line);background:radial-gradient(circle,var(--surface) 45%,var(--raised));width:min(310px,78vw);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:relative}.compass-face:before{content:"N";color:var(--muted);font-weight:700;position:absolute;top:15px}.qibla-arrow{color:var(--accent);transform:rotate(var(--qibla-rotation));font-size:90px;line-height:1;transition:transform .3s}.qibla-stats{text-align:center;gap:30px;margin-top:22px;display:flex}.qibla-stats strong{font-size:24px;display:block}.qibla-stats span{color:var(--muted);font-size:13px}.tasbih-page{text-align:center;max-width:650px}.tasbih-count{aspect-ratio:1;border:12px solid var(--accent-soft);background:var(--surface);width:min(330px,78vw);box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;margin:25px auto;display:grid}.tasbih-count strong{font-family:Space Grotesk,sans-serif;font-size:84px;line-height:1}.tasbih-count span{color:var(--muted);display:block}.tasbih-count:active{transform:scale(.97)}.tasbih-actions{justify-content:center;gap:10px;display:flex}.bookmark-list{gap:10px;display:grid}.bookmark-row{align-items:center;gap:13px;display:flex}.bookmark-row .bookmark-main{flex:1}.bookmark-row strong{display:block}.bookmark-row span{font-family:Noto Naskh Arabic,serif;font-size:21px}.auth-wrap{max-width:520px}.auth-tabs{gap:8px;margin-bottom:16px;display:flex}.auth-tabs button{flex:1}.content-page{max-width:820px}.content-page h2{margin-top:26px;margin-bottom:8px}.content-page li,.content-page p{color:var(--text2)}.content-page a{color:var(--accent);text-decoration:underline}.app-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.app-card{align-items:center;gap:16px;display:flex}.app-card img{object-fit:cover;border-radius:14px;width:64px;height:64px}.newsletter-frame{background:#fff;border:0;border-radius:14px;width:100%;min-height:650px}.header-left{justify-self:start;gap:8px}.header-center,.header-left{align-items:center;min-width:0;display:flex}.header-center{justify-content:center;justify-self:center;max-width:100%}.mini-app-title-badge{color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;max-width:100%;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.mini-app-title-badge,.mini-app-title-badge span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-icon-btn{color:var(--text);border-radius:10px}.account-icon-btn:hover{color:var(--accent);border-color:var(--accent)}.home-button{color:var(--text);border-radius:10px}.home-button:hover{color:var(--accent);border-color:var(--accent)}.verse-number-wrap{align-items:center;gap:8px;display:flex}.last-played-pill{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.last-played-pill{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}}.verse.last-played-verse{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.verse.last-played-verse{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}}.verse.last-played-verse{box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab,red,red)){.verse.last-played-verse{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}}.resume-last-played-banner{background:linear-gradient(135deg,var(--accent-soft),var(--surface));border:1px solid var(--accent);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.resume-last-played-banner{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line))}}.resume-last-played-banner{border-radius:14px}.resume-last-played-banner .resume-info{color:var(--text);align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.resume-last-played-banner .resume-icon{color:var(--accent);flex-shrink:0}.resume-action-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:transform .16s,background .16s;display:inline-flex}.resume-action-btn:hover{background:var(--accent2);transform:scale(1.03)}.player-ayah-pill{color:var(--accent);-webkit-user-select:none;user-select:none;white-space:nowrap;padding:0 4px;font-family:Noto Naskh Arabic,serif;font-size:14px;font-weight:700}.mini-app-header-left{align-items:center;gap:6px;display:flex}.mini-app-menu-trigger{align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.mini-menu-label{font-size:12px;font-weight:700}.quran-header-controls{align-items:center;gap:8px;max-width:100%;display:inline-flex}.picker-pill{border:1px solid var(--line);background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.picker-pill{background:color-mix(in srgb,var(--surface) 85%,transparent)}}.picker-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:36px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0000000a}.picker-pill:hover{background:var(--hover);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.picker-pill:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}}.picker-pill:active{transform:scale(.97)}.picker-pill .pill-number{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700}.picker-pill .pill-chevron{color:var(--muted);transition:transform .2s}.picker-pill:hover .pill-chevron{color:var(--accent)}.surah-pill .pill-title{text-overflow:ellipsis;max-width:160px;overflow:hidden}.picker-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;overscroll-behavior:contain;box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.picker-modal{border:1px solid var(--line);box-sizing:border-box;border-radius:20px;flex-direction:column;width:100%;max-width:520px;min-height:0;max-height:min(85vh,85dvh);padding:0;overflow:hidden;box-shadow:0 20px 50px #0000004d}.picker-modal,.picker-modal-head{background:var(--surface);display:flex}.picker-modal-head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px}.picker-search-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.picker-search-wrap input{background:var(--raised);border:1px solid var(--line);border-radius:10px;width:100%;height:38px;padding-inline:36px 32px}.picker-search-icon{color:var(--muted);pointer-events:none;position:absolute;inset-inline-start:11px}.picker-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset-inline-end:8px}.surah-picker-list{overscroll-behavior:contain;flex:auto;gap:4px;min-height:0;max-height:none;padding:8px;display:grid;overflow-y:auto}.surah-picker-item{text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex}.surah-picker-item:hover{background:var(--hover);border-color:var(--line)}.surah-picker-item.active{background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.surah-picker-item.active{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}}.surah-num-badge{background:var(--raised);width:32px;height:32px;color:var(--accent);border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.surah-picker-item.active .surah-num-badge{background:var(--accent);color:#fff}.surah-info{flex:1;min-width:0}.surah-info strong{color:var(--text);font-size:14px}.surah-info small,.surah-info strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.surah-info small{color:var(--muted);font-size:12px}.surah-arabic-title{color:var(--text);white-space:nowrap;flex-shrink:0;font-family:Noto Naskh Arabic,serif;font-size:18px}.ayah-picker-dropdown{background:var(--surface);border:1px solid var(--line);box-sizing:border-box;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:480px;min-height:0;max-height:min(80vh,80dvh);padding:16px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000004d}.ayah-picker-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding-bottom:10px;display:flex}.ayah-picker-head strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;overflow:hidden}.ayah-picker-head span{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:12px}.ayah-grid{overscroll-behavior:contain;flex:auto;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;min-height:0;max-height:none;padding:4px;display:grid;overflow-y:auto}.ayah-grid-btn{border:1px solid var(--line);background:var(--raised);cursor:pointer;border-radius:12px;place-items:center;height:42px;font-size:14px;font-weight:700;display:grid}.ayah-grid-btn:hover{background:var(--hover);border-color:var(--accent)}.ayah-grid-btn.active{background:var(--accent);color:#fff}.ayah-grid-btn.active,.ayah-grid-btn.bookmarked:not(.active){border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.ayah-grid-btn.bookmarked:not(.active){border-color:color-mix(in srgb,var(--accent) 55%,transparent)}}.ayah-grid-btn.bookmarked:not(.active){color:var(--accent)}.mini-menu-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;background:#00000073;position:fixed;inset:0}.mini-menu-drawer{background:var(--surface);border-right:1px solid var(--line);z-index:95;width:min(380px,92vw);box-shadow:var(--shadow);border-radius:0 20px 20px 0;flex-direction:column;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0}[dir=rtl] .mini-menu-drawer{border-right:none;border-left:1px solid var(--line);border-radius:20px 0 0 20px;left:auto;right:0}.mini-menu-head{justify-content:space-between;align-items:center;padding-bottom:14px}.mini-menu-head,.mini-menu-tabs{border-bottom:1px solid var(--line);display:flex}.mini-menu-tabs{gap:6px;padding:12px 0}.mini-tab{border:1px solid var(--line);background:var(--raised);height:36px;color:var(--muted);cursor:pointer;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.mini-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-count{background:#ffffff40;border-radius:999px;padding:1px 6px;font-size:10px}.mini-menu-body{flex:1;padding-top:14px;overflow-y:auto}.mini-search-results{gap:6px;margin-top:10px;display:grid}.mini-bookmark-list{gap:8px;display:grid}.mini-bookmark-item{background:var(--raised);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.mini-bookmark-jump{text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;font-size:13px;display:flex}.mini-bm-num{color:var(--accent);font-weight:700}.mini-setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.mini-setting-row-col{border-bottom:1px solid var(--line);gap:8px;padding:14px 0;display:grid}.setting-label-row{color:var(--text2);justify-content:space-between;font-size:13px;display:flex}.segmented-sizes{gap:6px;display:flex}.segmented-sizes button{border:1px solid var(--line);background:var(--raised);border-radius:8px;flex:1;height:32px;font-size:12px;font-weight:700}.segmented-sizes button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.verse.active-playing{background:var(--accent)!important}@supports (color:color-mix(in lab,red,red)){.verse.active-playing{background:color-mix(in srgb,var(--accent) 12%,var(--surface))!important}}.verse.active-playing{box-shadow:0 0 0 2px var(--accent-soft),0 8px 24px #00000014;transition:background .3s,border-color .3s;border-color:var(--accent)!important}.verse.active-playing .verse-number{box-shadow:0 0 10px var(--accent-soft);background:var(--accent)!important;color:#fff!important}.verse-action-btn{border:1px solid var(--line);background:var(--raised);cursor:pointer;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.verse-action-btn.playing{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.verse-action-btn.saved{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.quran-page-shell{width:100%}.mushaf-reader-container{width:100%;max-width:820px;margin:0 auto;padding:24px 18px 80px}.surah-header-card{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:6px;margin-bottom:24px;padding:26px 20px;display:flex}.surah-header-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.surah-header-arabic{color:var(--accent);margin:6px 0;font-family:Noto Naskh Arabic,serif;font-size:46px;line-height:1.25}.surah-header-english{color:var(--muted);font-size:16px;font-weight:500}.arabic-bismillah{color:var(--text2);text-align:center;direction:rtl;margin:8px 0 16px;font-family:Noto Naskh Arabic,serif;font-size:26px}.audio-dock-controls{align-items:center;gap:6px;display:flex}.audio-dock-controls .skip-btn{border-radius:8px;min-width:34px;height:34px}.audio-dock-controls .skip-btn:disabled{opacity:.35;cursor:not-allowed}.footer-left{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.footer-quick-toggles{align-items:center;gap:8px;display:inline-flex}.footer-toggle-btn{background:var(--raised);border-radius:8px;height:32px;padding:0 10px;font-size:12px}@media (max-width:800px){.desktop-nav,.games-link{display:none}.menu-button{display:inline-flex}.account-button.desktop-only{display:none!important}.mini-menu-label{display:none}.surah-pill .pill-title{max-width:110px}.welcome{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tool-card{min-height:106px}.prayer-hero,.settings-grid{grid-template-columns:1fr}.quran-layout{display:block}.surah-sidebar{height:auto;max-height:240px;margin-bottom:12px;position:static}.prayer-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.header-inner{padding:0 12px}.landing-nav-bar .dashboard-circle-btn{width:38px;height:38px}.landing-nav-bar .dashboard-hijri-date{font-size:15px}.landing-nav-bar .dashboard-gregorian-date{font-size:11px}.page-shell{padding:8px 12px 40px}.header-actions{gap:4px}.icon-button{min-width:34px;height:34px}.picker-pill{height:34px;padding:0 8px;font-size:13px}.surah-pill .pill-title{max-width:80px}.picker-modal-backdrop{padding:10px}.picker-modal{border-radius:16px;max-height:90dvh}.ayah-picker-dropdown{border-radius:16px;max-height:85dvh;padding:12px}.ayah-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px;padding:2px}.ayah-grid-btn{border-radius:9px;height:36px;font-size:13px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tool-card{border-radius:14px;min-height:98px;padding:10px 12px}.tool-icon{border-radius:8px;width:26px;height:26px}.tool-title{font-size:13px}.tool-complication-title{font-size:11px}.tool-complication-subtitle{font-size:10px}.page-heading h1,.welcome h1{font-size:19px}.sync-pill{white-space:nowrap;padding:4px 8px;font-size:10px}.prayer-list{grid-template-columns:1fr 1fr}.audio-dock{flex-wrap:wrap}.audio-dock .track{flex-basis:calc(100% - 60px)}.audio-dock select{flex:1}.app-grid{grid-template-columns:1fr}footer>div{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.tool-card.cyan{--tone:#06b6d4;--tone-soft:#06b6d41f}.tool-card.teal{--tone:#0f766e;--tone-soft:#0f766e1f}.tool-card.emerald{--tone:#10b981;--tone-soft:#10b9811f}.tool-card.green{--tone:#16a34a;--tone-soft:#16a34a1f}.fasting-flame-visual{color:var(--tone);place-items:center;display:grid}.flame-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.mini-event-binder{text-align:center;background:var(--raised);border:1px solid var(--line);border-radius:10px;width:56px;overflow:hidden;box-shadow:0 3px 8px #00000014}.mini-event-binder span{background:var(--tone);color:#fff;padding:2px 0;font-size:9px;font-weight:700;display:block}.mini-event-binder strong{padding:3px 0;font-family:Space Grotesk,sans-serif;font-size:24px;display:block}.mini-kaaba-visual{place-items:center;display:grid}.mini-kaaba-box{background:#1e1e24;border-radius:8px;width:48px;height:48px;position:relative;box-shadow:0 4px 12px #0000004d}.gold-band{background:#eab308;height:4px;position:absolute;top:10px;left:0;right:0}.mini-moon-visual{color:var(--tone);place-items:center;display:grid}.moon-glow-icon{filter:drop-shadow(0 0 10px #eab30866)}.mini-heart-visual,.mini-mosque-visual{color:var(--tone);place-items:center;display:grid}.fasting-main-grid{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.fasting-hero-card{text-align:center;flex-direction:column;align-items:center;padding:16px 14px;display:flex}.fasting-flame-circle{margin-bottom:10px}.fasting-ring-bg{border-radius:50%;place-items:center;width:160px;height:160px;padding:8px;display:grid}.fasting-ring-inner{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:138px;height:138px;display:flex;box-shadow:inset 0 2px 8px #00000014}.fasting-flame-icon{color:var(--accent)}.fasting-percent{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;line-height:1}.fasting-phase-label{color:var(--muted);text-align:center;padding:0 6px;font-size:10px}.fasting-timer-digits{letter-spacing:-1px;margin:4px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,4vw,38px)}.fasting-schedule-row{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:360px;margin-top:12px;display:grid}.fasting-time-box{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid}.fasting-time-box.highlight{border-color:var(--accent);background:var(--accent-soft)}.arabic-dua-text{direction:rtl;font-family:Noto Naskh Arabic,serif;line-height:1.9}.fasting-presets-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.preset-card{border:1px solid var(--line);transition:all .2s}.preset-card:hover{border-color:var(--accent);transform:translateY(-2px)}.preset-card-head{justify-content:space-between;align-items:center;display:flex}.preset-badge{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.next-event-hero{background:linear-gradient(135deg,var(--accent),var(--surface))}@supports (color:color-mix(in lab,red,red)){.next-event-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface))}}.next-event-hero{padding:16px 18px}.next-event-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.event-category-badge{background:var(--accent);color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.countdown-binder-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.countdown-binder-tile{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:12px;flex:1;min-width:70px;max-width:120px;overflow:hidden;box-shadow:0 3px 10px #0000000f}.countdown-binder-top{background:var(--accent-soft);color:var(--accent);letter-spacing:.8px;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:11px;font-weight:800;display:flex}.countdown-binder-separator{background:var(--line);height:1px}.countdown-binder-value{background:var(--surface);padding:8px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,4vw,36px);font-weight:700}.events-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.events-search-input{max-width:280px;height:38px}.events-list-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.event-card{border:1px solid var(--line);flex-direction:column;justify-content:space-between;display:flex}.event-card.featured{border-color:var(--accent)}.event-card-top{align-items:center;gap:12px;display:flex}.event-icon-circle{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.event-card-titles{flex:1;min-width:0}.event-card-titles h3{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.event-days-badge{background:var(--raised);border:1px solid var(--line);color:var(--accent);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.event-card-desc{color:var(--text2);margin:12px 0;font-size:13px;line-height:1.5}.event-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.event-category-pill{background:var(--raised);color:var(--muted);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.hajj-journey-toggle{grid-template-columns:1fr 1fr;gap:12px;display:grid}.journey-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.journey-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.hajj-steps-timeline{gap:14px;display:grid}.hajj-step-card{transition:all .2s}.hajj-step-card.expanded{border-color:var(--accent)}.hajj-step-header{align-items:center;gap:14px;display:flex}.hajj-step-num{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.hajj-step-title-group{flex:1;min-width:0}.hajj-step-title-group h3{font-size:17px}.hajj-instructions-list{color:var(--text2);gap:8px;margin:0;padding-inline-start:20px;font-size:14px;line-height:1.6;display:grid}.hajj-key-dua-box{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:14px}.hajj-locations-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.hajj-location-top{align-items:center;gap:12px;display:flex}.location-icon-badge{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.hajj-points-list{gap:10px;display:grid}.hajj-point-item{background:var(--raised);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.talbiyah-arabic-callout{background:var(--raised);border:1px solid var(--line);border-radius:16px;margin:16px 0;padding:24px 16px}.moon-hero-card{text-align:center;flex-direction:column;align-items:center;padding:32px 20px;display:flex}.moon-date-controls{align-items:center;gap:16px;margin-bottom:20px;display:flex}.moon-date-label{align-items:center;gap:8px;display:flex}.moon-reset-btn{background:var(--accent-soft);color:var(--accent);cursor:pointer;border:0;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.moon-disc-container{margin:10px 0 20px}.moon-phase-details h2{letter-spacing:-.5px;font-size:26px}.moon-illumination-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.moon-stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:540px;margin-top:24px;display:grid}.moon-stat-box{background:var(--raised);border:1px solid var(--line);border-radius:12px;gap:4px;padding:12px;display:grid}.moon-stat-box strong{font-family:Space Grotesk,sans-serif;font-size:16px}.moon-phases-reference-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.moon-phase-item{text-align:center;border:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.moon-phase-item.current{border-color:var(--accent);background:var(--accent-soft)}.phase-icon-badge{background:var(--raised);width:36px;height:36px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.mosques-list-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.mosque-card{border:1px solid var(--line);flex-direction:column;justify-content:space-between;display:flex}.mosque-card-top{align-items:flex-start;gap:12px;display:flex}.mosque-icon-wrap{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.mosque-info{flex:1;min-width:0}.mosque-info h3{font-size:16px}.mosque-distance-pill{background:var(--raised);border:1px solid var(--line);color:var(--accent);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.mosque-card-actions{gap:8px;display:flex}.app-platform-badge{background:var(--raised);border:1px solid var(--line);color:var(--muted);border-radius:6px;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}@media (max-width:800px){.events-list-grid,.fasting-main-grid,.hajj-locations-grid{grid-template-columns:1fr}.moon-phases-reference-grid{grid-template-columns:repeat(2,1fr)}.fasting-presets-grid,.mosques-list-grid{grid-template-columns:1fr}}.mosques-map-wrapper,.qibla-map-wrapper{border-radius:var(--radius);background:var(--surface);width:100%;height:520px;position:relative;overflow:hidden}.mosques-map-container,.qibla-map-container{z-index:1;width:100%;height:100%}.leaflet-container{font-family:inherit}.map-controls-dock{z-index:1000;top:14px;flex-direction:column;gap:8px;display:flex;position:absolute;inset-inline-end:14px}.map-dock-btn{background:var(--surface);color:var(--foreground);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 12px #0000001f}.map-dock-btn:hover{background:var(--raised);transform:translateY(-1px)}.map-qibla-info-pill{border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;padding:8px 16px;font-size:13px;display:flex}.map-mosque-count-pill,.map-qibla-info-pill{z-index:1000;background:var(--surface);bottom:18px;position:absolute;inset-inline-start:18px;box-shadow:0 4px 14px #00000026}.map-mosque-count-pill{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.user-pulse-marker{place-items:center;width:24px;height:24px;display:grid;position:relative}.user-dot{z-index:2;background:#06b6d4;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #06b6d499}.user-pulse{z-index:1;background:#06b6d459;border-radius:50%;width:24px;height:24px;animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;position:absolute}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.6)}80%,to{opacity:0;transform:scale(2.2)}}.kaaba-map-pin{filter:drop-shadow(0 2px 6px #0000004d);place-items:center;width:32px;height:32px;font-size:20px;display:grid}.mosque-pin-badge{background:var(--surface,#fff);color:var(--foreground,#0f172a);cursor:pointer;white-space:nowrap;border:2px solid #06b6d4;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;transition:transform .15s,border-color .15s;display:inline-flex;transform:translateY(-50%);box-shadow:0 3px 10px #0000002e}.mosque-pin-badge.active{color:#065f46;background:#ecfdf5;border-color:#10b981;transform:translateY(-50%)scale(1.1)}.mosque-pin-icon{font-size:14px}.mosque-pin-dist{font-size:11px}.compass-page-container{flex-direction:column;gap:20px;display:flex}.compass-main-panel{flex-direction:column;align-items:center;padding:36px 20px;display:flex;position:relative}.compass-guidance-pill{background:var(--raised);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.compass-guidance-pill.aligned{color:#10b981;background:#10b98126;border-color:#10b981;box-shadow:0 0 20px #10b98140}.pill-sparkle{color:#10b981;animation:pulse 1.5s infinite}.compass-dial-stage{place-items:center;width:min(270px,72vw);height:min(270px,72vw);display:grid;position:relative}.compass-dial-ring{border:2px solid var(--line);background:radial-gradient(circle,var(--raised) 0,var(--surface) 80%);border-radius:50%;place-items:center;width:100%;height:100%;transition:border-color .3s,box-shadow .3s;display:grid;position:relative;box-shadow:0 10px 30px #0000001a}.compass-dial-ring.aligned{border-color:#10b981;box-shadow:0 0 35px #10b98159}.compass-dial-inner{border-radius:50%;width:100%;height:100%;transition:transform .2s cubic-bezier(.1,.9,.2,1);position:absolute}.cardinal{color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;position:absolute}.cardinal-n{color:#ef4444;top:12px}.cardinal-n,.cardinal-s{left:50%;transform:translate(-50%)}.cardinal-s{bottom:12px}.cardinal-e{right:12px}.cardinal-e,.cardinal-w{top:50%;transform:translateY(-50%)}.cardinal-w{left:12px}.compass-tick{background:var(--line);transform-origin:50% 136px;width:1.5px;height:8px;position:absolute;top:4px;left:50%}.compass-kaaba-pin{transform-origin:50% 144px;z-index:10;width:28px;height:28px;margin-left:-14px;position:absolute;top:-4px;left:50%}.kaaba-marker-head{filter:drop-shadow(0 2px 5px #00000059);place-items:center;font-size:18px;display:grid}.compass-active-needle{pointer-events:none;z-index:15;flex-direction:column;justify-content:space-between;align-items:center;width:6px;height:200px;transition:transform .25s cubic-bezier(.1,.9,.2,1);display:flex;position:absolute}.needle-arrow-up{border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:30px solid var(--accent);filter:drop-shadow(0 2px 5px #06b6d466);width:0;height:0}.compass-active-needle.aligned .needle-arrow-up{filter:drop-shadow(0 0 10px #10b981cc);border-bottom-color:#10b981}.needle-stem{background:linear-gradient(to bottom,var(--accent) 0,#06b6d433 100%);flex:1;width:3px}.compass-active-needle.aligned .needle-stem{background:linear-gradient(#10b981,#10b98133)}.needle-arrow-down{border-left:6px solid #0000;border-right:6px solid #0000;border-top:18px solid var(--line);opacity:.6;width:0;height:0}.compass-center-hub{background:var(--surface);border:3px solid var(--line);z-index:20;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;box-shadow:0 2px 8px #00000026}.compass-center-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.qibla-metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{text-align:center;flex-direction:column;gap:4px;padding:16px;display:flex}.metric-card strong{font-family:Space Grotesk,sans-serif;font-size:20px}.mosques-split-layout{grid-template-columns:380px 1fr;gap:16px;height:600px;display:grid}.mosques-split-sidebar{padding-inline-end:6px;overflow-y:auto}.mosques-split-list{flex-direction:column;gap:12px;display:flex}.mosques-split-map-panel{border-radius:var(--radius);height:100%;overflow:hidden}.mosque-card.compact{padding:14px}.mosque-card.selected{border-color:var(--accent);background:var(--accent-soft)}.view-switcher .view-mode-label{margin-inline-start:4px}@media (max-width:800px){.mosques-split-layout{flex-direction:column-reverse;gap:16px;height:auto;display:flex}.mosques-split-map-panel{height:360px;min-height:360px}.mosques-split-sidebar{max-height:none;overflow-y:visible}.qibla-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.mosques-toolbar{flex-direction:column;align-items:stretch!important;gap:10px!important}.mosques-toolbar .search-box-wrap{width:100%}.mosques-toolbar .segmented{width:100%;display:flex}.mosques-toolbar .segmented button{flex:1;justify-content:center;padding:7px 4px;font-size:12px}.mosques-split-map-panel{height:300px;min-height:300px}}.prayer-calendar-container{margin-bottom:16px;padding:16px 20px}.calendar-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-period-title{font-family:Space Grotesk,sans-serif;font-size:15px}.calendar-week-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day-btn{cursor:pointer;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;transition:all .15s;display:flex}.calendar-day-btn:hover{background:var(--raised)}.calendar-day-btn.selected{background:var(--accent-soft);border-color:var(--accent)}.calendar-day-btn.today:not(.selected) .calendar-day-num{box-shadow:0 0 0 1.5px var(--accent)}.calendar-day-name{color:var(--muted);font-size:11px;font-weight:600}.calendar-day-num{border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid}.calendar-day-btn.selected .calendar-day-num{background:var(--accent);color:#fff}.calendar-dots-bar{align-items:center;gap:3px;height:6px;display:flex}.calendar-track-dot{border-radius:50%;width:4.5px;height:4.5px}.calendar-track-dot.active{background:#10b981}.calendar-track-dot.empty{background:0 0}.calendar-fast-badge{place-items:center;display:grid}.calendar-month-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-month-header-cell{text-align:center;color:var(--muted);padding:4px 0;font-size:11px;font-weight:700}.calendar-month-cell{cursor:pointer;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;display:flex}.calendar-month-cell:hover:not(.empty){background:var(--raised)}.calendar-month-cell.selected{background:var(--accent-soft);border-color:var(--accent)}.calendar-month-cell.today:not(.selected) .month-day-num{color:var(--accent);font-weight:800}.calendar-month-cell.empty{cursor:default;pointer-events:none}.month-day-num{font-size:13px;font-weight:600}.month-dots-bar{gap:2px;height:5px;display:flex}.prayer-hero-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.prayer-hero-progress{align-items:center;gap:18px;display:flex}.prayer-hero-stats{flex-direction:column;gap:4px;display:flex}.prayer-imsak-sunrise-bar{background:var(--raised);border:1px solid var(--line);border-radius:12px;align-items:center;gap:20px;padding:8px 16px;display:flex}.imsak-item{flex-direction:column;align-items:center;gap:2px;display:flex}.hero-divider{background:var(--line);width:1px;height:24px}.prayers-enhanced-list{flex-direction:column;gap:10px;display:flex}.prayer-row-enhanced{border:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.prayer-row-enhanced.current{border-color:var(--accent);box-shadow:0 4px 20px var(--accent)}@supports (color:color-mix(in lab,red,red)){.prayer-row-enhanced.current{box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 22%,transparent)}}.prayer-row-progress-fill{top:0;background:linear-gradient(90deg,var(--accent),var(--accent));inset-inline-start:0;position:absolute;bottom:0}@supports (color:color-mix(in lab,red,red)){.prayer-row-progress-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 24%,transparent),color-mix(in srgb,var(--accent) 15%,transparent))}}.prayer-row-progress-fill{border-inline-end:3px solid var(--accent);box-shadow:0 0 14px var(--accent)}@supports (color:color-mix(in lab,red,red)){.prayer-row-progress-fill{box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}}.prayer-row-progress-fill{pointer-events:none;z-index:0;transition:width 1s linear}.prayer-row-left,.prayer-row-right{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.prayer-row-icon{background:var(--raised);width:38px;height:38px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.prayer-current-badge,.prayer-row-icon.active{background:var(--accent);color:#fff}.prayer-current-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.prayer-countdown-label{color:var(--accent);font-size:12px;font-weight:700}.prayer-row-time{text-align:end;min-width:80px;font-family:Space Grotesk,sans-serif;font-size:18px}.prayer-track-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:4px;transition:transform .15s,color .15s;display:grid}.prayer-track-btn:hover{transform:scale(1.15)}.check-icon.checked,.prayer-track-btn.checked{color:#10b981}.check-icon.unchecked{opacity:.4}.fasting-tracker-container{flex-direction:column;display:flex}.fasting-timestamps-row{justify-content:center;align-items:center;gap:24px;display:flex}.fasting-time-box{flex-direction:column;align-items:center;gap:4px;display:flex}.fasting-time-box strong{font-family:Space Grotesk,sans-serif;font-size:18px}.fasting-time-divider{background:var(--line);width:1px;height:28px}.fasting-flame-icon.flaming{animation:pulse 1.5s infinite}.fasting-phase-label{margin-top:4px;font-size:12px}.stat-card{text-align:center;flex-direction:column;gap:4px;padding:16px;display:flex}.preset-card.selected{border-color:var(--accent);background:var(--accent-soft)}.preset-selected-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.dashboard-top-section{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.dashboard-top-bar,.landing-nav-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;padding:2px 0;display:flex}.dashboard-circle-btn{border:1px solid var(--line);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab,red,red)){.dashboard-circle-btn{border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}}.dashboard-circle-btn{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.dashboard-circle-btn{background:color-mix(in srgb,var(--surface) 75%,transparent)}}.dashboard-circle-btn{-webkit-backdrop-filter:blur(20px);color:var(--text);cursor:pointer;flex-shrink:0;transition:transform .16s,background .16s,border-color .16s;box-shadow:0 3px 10px #0000000f}.dashboard-circle-btn:hover{background:var(--hover);border-color:var(--accent);transform:scale(1.06)}@supports (color:color-mix(in lab,red,red)){.dashboard-circle-btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.dashboard-circle-btn:active{transform:scale(.94)}.dashboard-date-header{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.dashboard-hijri-date{color:var(--text);letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;line-height:1.2}.dashboard-gregorian-date{color:var(--muted);letter-spacing:-.1px;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;line-height:1.2}.liquid-search-bookmark-bar{align-items:center;gap:10px;width:100%;display:flex}.liquid-search-pill{background:var(--surface);border-radius:999px;flex:1;height:46px}@supports (color:color-mix(in lab,red,red)){.liquid-search-pill{background:color-mix(in srgb,var(--surface) 70%,transparent)}}.liquid-search-pill{-webkit-backdrop-filter:blur(22px);border:1px solid var(--line)}@supports (color:color-mix(in lab,red,red)){.liquid-search-pill{border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}}.liquid-search-pill{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;min-width:0;padding:0 16px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 3px 12px #0000000d}.liquid-search-pill:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.liquid-search-pill:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.liquid-search-pill:hover{box-shadow:0 6px 18px #00000017}.search-pill-content{align-items:center;gap:10px;min-width:0;display:flex}.search-pill-content .search-icon{color:var(--muted);flex-shrink:0}.search-placeholder{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.sparkles-icon{color:#ec4899;filter:drop-shadow(0 0 6px #ec489959);flex-shrink:0}.liquid-bookmark-btn{background:var(--surface);border-radius:50%;width:46px;height:46px}@supports (color:color-mix(in lab,red,red)){.liquid-bookmark-btn{background:color-mix(in srgb,var(--surface) 70%,transparent)}}.liquid-bookmark-btn{-webkit-backdrop-filter:blur(22px);border:1px solid var(--line)}@supports (color:color-mix(in lab,red,red)){.liquid-bookmark-btn{border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}}.liquid-bookmark-btn{color:#f59e0b;flex-shrink:0;place-items:center;text-decoration:none;transition:transform .18s,border-color .18s;display:grid;box-shadow:0 3px 12px #0000000d}.liquid-bookmark-btn:hover{border-color:#f59e0b;transform:scale(1.06)}@supports (color:color-mix(in lab,red,red)){.liquid-bookmark-btn:hover{border-color:color-mix(in srgb,#f59e0b 50%,var(--line))}}.liquid-bookmark-btn:active{transform:scale(.94)}.bookmark-icon{color:#f59e0b;fill:#f59e0b;filter:drop-shadow(0 0 6px #f59e0b59)}.mushaf-reader-container{padding-bottom:130px}.quran-floating-dock-wrap{z-index:60;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:16px;left:0;right:0}.quran-dock-inner{pointer-events:auto;flex-direction:column;gap:8px;width:100%;max-width:520px;display:flex}.one-line-player-bar{opacity:1;align-items:center;gap:8px;width:100%;max-height:52px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .22s,transform .26s cubic-bezier(.4,0,.2,1),margin .24s;display:flex;transform:translateY(0)}.one-line-player-bar.is-hidden{opacity:0;pointer-events:none;max-height:0;margin:0;overflow:hidden;transform:translateY(16px)}.reciter-popover-container{flex-shrink:0;position:relative}.player-reciter-btn{background:var(--surface);border-radius:999px;height:44px;padding:0 12px 0 6px}@supports (color:color-mix(in lab,red,red)){.player-reciter-btn{background:color-mix(in srgb,var(--surface) 80%,transparent)}}.player-reciter-btn{-webkit-backdrop-filter:blur(24px);border:1px solid var(--line)}@supports (color:color-mix(in lab,red,red)){.player-reciter-btn{border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}}.player-reciter-btn{color:var(--text);cursor:pointer;align-items:center;gap:7px;transition:transform .16s,border-color .16s;display:flex;box-shadow:0 4px 16px #0000001a}.player-reciter-btn:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.player-reciter-btn:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}}.player-reciter-btn:hover{transform:scale(1.02)}.reciter-avatar-circle{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.reciter-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.reciter-label-text{white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:12px;font-weight:600;overflow:hidden}.reciter-chevron{color:var(--muted);opacity:.8}.reciter-picker-dropdown{box-sizing:border-box;z-index:70;background:var(--surface);border-radius:16px;width:220px;max-width:calc(100vw - 32px);max-height:280px;padding:8px;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.reciter-picker-dropdown{background:color-mix(in srgb,var(--surface) 95%,transparent)}}.reciter-picker-dropdown{-webkit-backdrop-filter:blur(24px);border:1px solid var(--line);flex-direction:column;gap:2px;display:flex;box-shadow:0 12px 32px #0000002e}[dir=rtl] .reciter-picker-dropdown{left:auto;right:0}.reciter-dropdown-header{color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 8px 8px;font-size:11px;font-weight:700;display:flex}.icon-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:2px;display:grid}.icon-close-btn:hover{color:var(--text)}.reciter-options-list{flex-direction:column;gap:2px;display:flex}.reciter-option-btn{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13px;font-weight:500;transition:background .14s,color .14s;display:flex}.reciter-option-btn:hover{background:var(--hover)}.reciter-option-info{align-items:center;gap:10px;display:flex}.reciter-thumb{object-fit:cover;border:1px solid var(--line);border-radius:50%;flex-shrink:0;width:26px;height:26px}@supports (color:color-mix(in lab,red,red)){.reciter-thumb{border:1px solid color-mix(in srgb,var(--line) 80%,transparent)}}.reciter-option-btn.selected{background:var(--accent-soft);color:var(--accent);font-weight:700}.reciter-check-icon{color:var(--accent);flex-shrink:0}.player-controls-capsule{background:var(--surface);border-radius:999px;flex:1;height:44px}@supports (color:color-mix(in lab,red,red)){.player-controls-capsule{background:color-mix(in srgb,var(--surface) 80%,transparent)}}.player-controls-capsule{-webkit-backdrop-filter:blur(24px);border:1px solid var(--line)}@supports (color:color-mix(in lab,red,red)){.player-controls-capsule{border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}}.player-controls-capsule{justify-content:space-between;align-items:center;padding:0 8px;display:flex;box-shadow:0 4px 16px #0000001a}.player-icon-btn{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid}.player-icon-btn:hover:not(:disabled){background:var(--hover);transform:scale(1.08)}.player-icon-btn:disabled{opacity:.35;cursor:not-allowed}.player-icon-btn.speed-btn{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.player-icon-btn.repeat-btn.active{color:var(--accent);background:var(--accent-soft)}.player-center-play-btn{background:var(--accent);color:#fff;cursor:pointer;width:36px;height:36px;box-shadow:0 2px 10px var(--accent-soft);border:0;border-radius:50%;place-items:center;transition:transform .16s,box-shadow .16s;display:grid}.player-center-play-btn:hover{box-shadow:0 4px 14px var(--accent-soft);transform:scale(1.1)}.player-center-play-btn:active{transform:scale(.94)}.play-icon-offset{margin-left:2px}[dir=rtl] .play-icon-offset{margin-left:0;margin-right:2px}.mushaf-search-tab-bar{align-items:center;gap:8px;width:100%;display:flex}.tab-icon-btn{background:var(--surface);border-radius:50%;width:44px;height:44px}@supports (color:color-mix(in lab,red,red)){.tab-icon-btn{background:color-mix(in srgb,var(--surface) 80%,transparent)}}.tab-icon-btn{-webkit-backdrop-filter:blur(24px);border:1px solid var(--line)}@supports (color:color-mix(in lab,red,red)){.tab-icon-btn{border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}}.tab-icon-btn{color:var(--text);cursor:pointer;flex-shrink:0;place-items:center;transition:transform .16s,border-color .16s;display:grid;box-shadow:0 3px 12px #00000014}.tab-icon-btn:hover{border-color:var(--accent);transform:scale(1.06)}.tab-icon-btn:active{transform:scale(.94)}.tab-icon-btn.active{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.tab-icon-btn.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}}.tab-search-capsule{background:var(--surface);border-radius:999px;flex:1;height:44px}@supports (color:color-mix(in lab,red,red)){.tab-search-capsule{background:color-mix(in srgb,var(--surface) 80%,transparent)}}.tab-search-capsule{-webkit-backdrop-filter:blur(24px);border:1px solid var(--line)}@supports (color:color-mix(in lab,red,red)){.tab-search-capsule{border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}}.tab-search-capsule{cursor:pointer;justify-content:space-between;align-items:center;min-width:0;padding:0 16px;transition:transform .16s,border-color .16s;display:flex;box-shadow:0 3px 12px #00000014}.tab-search-capsule:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.tab-search-capsule:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}}.tab-search-capsule:hover{transform:translateY(-1px)}.tab-search-content{align-items:center;gap:9px;min-width:0;display:flex}.tab-search-content .search-icon{color:var(--muted);flex-shrink:0}.tab-search-text{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}@media (max-width:520px){.dashboard-hijri-date{font-size:16px}.dashboard-gregorian-date{font-size:12px}.player-reciter-btn .reciter-label-text{display:none}.player-reciter-btn{padding:0 6px}.quran-floating-dock-wrap{padding:0 10px;bottom:10px}}.site-maintenance-banner{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;text-align:center;z-index:60;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.hero-marketing-slider{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);contain:layout;border-radius:18px;margin-bottom:16px;transition:border-color .25s;position:relative;overflow:hidden}.hero-marketing-slider.mint{--slider-tone:#0d9488;--slider-bg:linear-gradient(135deg,#0d948812,transparent)}.hero-marketing-slider.blue{--slider-tone:#3b82f6;--slider-bg:linear-gradient(135deg,#3b82f612,transparent)}.hero-marketing-slider.cyan{--slider-tone:#06b6d4;--slider-bg:linear-gradient(135deg,#06b6d412,transparent)}.hero-marketing-slider.purple{--slider-tone:#7047eb;--slider-bg:linear-gradient(135deg,#7047eb12,transparent)}.hero-marketing-slider.gold{--slider-tone:#d97706;--slider-bg:linear-gradient(135deg,#d9770612,transparent)}.hero-marketing-slider.green{--slider-tone:#10b981;--slider-bg:linear-gradient(135deg,#10b98112,transparent)}.hero-marketing-slider.rose{--slider-tone:#e54d70;--slider-bg:linear-gradient(135deg,#e54d7012,transparent)}.hero-marketing-slider.learn-play-slider{margin-top:18px;margin-bottom:0}.hero-slider-glow{background:var(--slider-bg);pointer-events:none;position:absolute;inset:0}.hero-slider-inner{z-index:2;justify-content:space-between;align-items:center;gap:16px;min-height:86px;padding:16px 20px 12px;display:flex;position:relative}.hero-slide-content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.hero-slide-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.hero-slide-badge{background:var(--slider-tone);border-radius:999px;align-items:center;padding:2px 9px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.hero-slide-badge{background:color-mix(in srgb,var(--slider-tone) 14%,transparent)}}.hero-slide-badge{border:1px solid var(--slider-tone)}@supports (color:color-mix(in lab,red,red)){.hero-slide-badge{border:1px solid color-mix(in srgb,var(--slider-tone) 30%,transparent)}}.hero-slide-badge{color:var(--slider-tone);letter-spacing:.1px;font-size:11px;font-weight:700;line-height:1.4}.hero-slide-counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.hero-slide-title{letter-spacing:-.4px;color:var(--text);margin:0 0 2px;font-size:18px;font-weight:800;line-height:1.25}.hero-slide-subtitle,.hero-slide-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-slide-subtitle{color:var(--text2);margin:0;font-size:12.5px;line-height:1.35}.hero-slide-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.hero-slide-icon-badge{width:44px;height:44px;color:var(--slider-tone);background:var(--slider-tone);border-radius:12px;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.hero-slide-icon-badge{background:color-mix(in srgb,var(--slider-tone) 14%,transparent)}}.hero-slide-icon-badge{border:1px solid var(--slider-tone)}@supports (color:color-mix(in lab,red,red)){.hero-slide-icon-badge{border:1px solid color-mix(in srgb,var(--slider-tone) 28%,transparent)}}.hero-slide-icon-badge{box-shadow:0 4px 12px var(--slider-tone)}@supports (color:color-mix(in lab,red,red)){.hero-slide-icon-badge{box-shadow:0 4px 12px color-mix(in srgb,var(--slider-tone) 16%,transparent)}}.hero-slide-icon-badge{flex-shrink:0}.hero-slide-actions{flex-shrink:0;align-items:center;display:flex}.hero-btn{white-space:nowrap;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:transform .16s,opacity .16s;display:inline-flex}.hero-btn.primary{background:var(--slider-tone);color:#fff;box-shadow:0 3px 10px var(--slider-tone)}@supports (color:color-mix(in lab,red,red)){.hero-btn.primary{box-shadow:0 3px 10px color-mix(in srgb,var(--slider-tone) 30%,transparent)}}.hero-btn.primary:hover{opacity:.92;transform:translateY(-1px)}.hero-slider-bottom{border-top:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;height:28px;padding:6px 20px 8px;display:flex;position:relative}.hero-slider-dots{align-items:center;gap:5px;display:flex}.hero-dot{background:var(--line);cursor:pointer;border:0;border-radius:999px;width:6px;height:6px;padding:0;transition:all .2s}.hero-dot.active{background:var(--slider-tone);width:18px}.hero-slider-arrows{align-items:center;gap:4px;display:flex}.hero-arrow-btn{border:1px solid var(--line);background:var(--raised);width:22px;height:22px;color:var(--text);cursor:pointer;border-radius:6px;place-items:center;display:grid}.hero-arrow-btn:hover{background:var(--hover);border-color:var(--slider-tone)}.footer-theme-popup-wrap{display:inline-flex;position:relative}.theme-popup-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);background:#00000040;position:fixed;inset:0}.theme-popup-dialog{z-index:100;background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;width:220px;padding:10px;animation:popupFadeIn .16s ease-out;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0003}[dir=rtl] .theme-popup-dialog{left:auto;right:0}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.theme-popup-head{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.6px;justify-content:space-between;align-items:center;padding:2px 4px 6px;font-size:11px;font-weight:700;display:flex}.theme-popup-close-btn{width:22px;min-width:22px;height:22px;color:var(--muted);background:0 0;border:0;border-radius:6px}.theme-popup-close-btn:hover{background:var(--hover);color:var(--text)}.theme-popup-options{flex-direction:column;gap:4px;display:flex}.theme-option{width:100%;height:36px;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:600;transition:background .14s,border-color .14s;display:flex}.theme-option:hover{background:var(--hover)}.theme-option.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.theme-option.active{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}}.theme-check-icon{color:var(--accent);margin-inline-start:auto}.admin-dashboard-shell{max-width:1160px}.admin-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.admin-title-badge{color:#7047eb;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:800;display:inline-flex}.admin-header-row h1{letter-spacing:-.6px;margin-bottom:4px;font-size:26px;font-weight:800}.admin-header-actions{align-items:center;gap:8px;display:flex}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.admin-save-notice{color:#065f46;background:#10b98126;border:1px solid #10b98159;align-items:center;gap:8px;margin-bottom:18px;font-weight:600;display:flex}[data-theme=dark] .admin-save-notice{color:#34d399}.admin-status-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.admin-status-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px}.status-card-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.status-card-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.status-card-icon.web{color:#3b82f6;background:#3b82f626}.status-card-icon.db{color:#10b981;background:#10b98126}.status-card-icon.games{color:#7047eb;background:#7047eb26}.status-card-head strong{font-size:14px;font-weight:700;display:block}.status-card-head small{color:var(--muted);font-size:11px;display:block}.status-badge-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.live-status-pill{border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.live-status-pill.online{color:#10b981;background:#10b98126}.live-status-pill.warning{color:#f59e0b;background:#f59e0b26}.live-status-pill.offline{color:#ef4444;background:#ef444426}.pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.latency-text{color:var(--muted);font-size:11px}.admin-main-grid{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}.admin-section-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px}.section-panel-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.section-panel-head svg{color:#7047eb;margin-top:2px}.section-panel-head h2{letter-spacing:-.3px;font-size:17px;font-weight:800}.admin-form-stack{gap:16px;display:grid}.admin-field-group{gap:6px;display:grid}.admin-field-group label strong{font-size:13px;font-weight:700;display:block}.admin-field-group label span{font-size:11px;display:block}.admin-input-btn-row{align-items:center;gap:8px;display:flex}.admin-input-btn-row .input{flex:1}.icon-only-btn{padding:0 12px}.admin-divider{background:var(--line);height:1px;margin:6px 0}.admin-toggles-section{gap:14px;display:grid}.admin-toggles-section h3{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.admin-toggle-row{background:var(--raised);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.toggle-info{flex:1}.toggle-info strong{font-size:13px;font-weight:700;display:block}.toggle-info p{margin-top:2px;font-size:12px;line-height:1.4}.admin-badge-default{color:#7047eb;background:#7047eb26;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.admin-toggle-switch{background:var(--line);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:48px;height:28px;padding:2px;transition:background-color .2s;position:relative}.admin-toggle-switch.active{background:#7047eb}.toggle-slider{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;display:block;box-shadow:0 2px 5px #0003}.admin-toggle-switch.active .toggle-slider{transform:translate(20px)}[dir=rtl] .admin-toggle-switch.active .toggle-slider{transform:translate(-20px)}.banner-message-group{background:var(--accent);padding:12px}@supports (color:color-mix(in lab,red,red)){.banner-message-group{background:color-mix(in srgb,var(--accent) 8%,transparent)}}.banner-message-group{border:1px dashed var(--accent);border-radius:12px}.admin-save-bar{border-top:1px solid var(--line);margin-top:10px;padding-top:14px}.save-settings-btn{background:#7047eb;width:100%;height:42px;font-weight:700;box-shadow:0 4px 14px #7047eb4d}.save-settings-btn:hover{background:#5f32e6}.admin-metrics-category{gap:10px;display:grid}.category-kicker{letter-spacing:.8px;color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.admin-counts-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric-box{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.metric-label{color:var(--muted);font-size:12px;font-weight:600;display:block}.metric-number{color:var(--text);margin:3px 0 1px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:800;display:block}.admin-quick-links-card{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.admin-quick-links-card h4{color:var(--text);margin-bottom:10px;font-size:13px;font-weight:700}.admin-links-list{gap:8px;display:grid}.admin-link-row{background:var(--raised);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s;display:flex}.admin-link-row:hover{background:var(--hover);color:#7047eb;border-color:#7047eb}.link-row-left{align-items:center;gap:9px;display:flex}@media (max-width:900px){.learn-play-main-card{gap:16px}.admin-main-grid,.admin-status-grid,.learn-play-main-card{grid-template-columns:1fr}}@media (max-width:640px){.hero-slider-inner{gap:10px;min-height:76px;padding:12px 14px 8px}.hero-slide-icon-badge{display:none}.hero-slide-title{font-size:15px}.hero-btn,.hero-slide-subtitle{font-size:11.5px}.hero-btn{height:32px;padding:0 10px}.hero-slider-bottom{height:24px;padding:4px 14px 6px}.admin-counts-grid{grid-template-columns:1fr}}@media (max-width:480px){.page-shell{padding:8px 10px 36px}}.admin-domain-notice{background:var(--accent);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.admin-domain-notice{background:color-mix(in srgb,var(--accent) 8%,transparent)}}.admin-domain-notice{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.admin-domain-notice{border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}}.admin-domain-notice{color:var(--text2);margin-bottom:16px;font-size:12px;line-height:1.45}.admin-domain-notice svg{color:var(--accent);flex-shrink:0}.admin-restricted-box{justify-content:center;align-items:center;padding:30px 16px 80px;display:flex}.restricted-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:480px;box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:32px 28px}.restricted-icon-wrap{color:#7047eb;background:#7047eb26;border:1px solid #7047eb4d;border-radius:16px;place-items:center;width:58px;height:58px;margin:0 auto 16px;display:grid}.restricted-card h2{margin-bottom:8px;font-size:20px;font-weight:800}.restricted-desc{color:var(--text2);margin-bottom:24px;font-size:13px;line-height:1.6}.restricted-actions{flex-direction:column;gap:10px;display:flex}.admin-login-inline-form{text-align:start;gap:16px;display:grid}.admin-login-inline-form .field label{font-size:12px;font-weight:700}.admin-login-inline-form .field input{height:42px}.google-auth-button{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:14px;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:all .16s;display:flex}.google-auth-button:hover:not(:disabled){background:var(--hover);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.google-auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-icon{flex-shrink:0}.dashboard-avatar{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:grid}img.dashboard-avatar-img{object-fit:cover;border:2px solid var(--accent);border-radius:50%;flex-shrink:0;width:52px;height:52px}img.nav-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.account-profile-header{align-items:center;gap:16px;display:flex}.account-profile-info{flex:1;min-width:0}.account-profile-info h2{color:var(--text);margin:0;font-size:19px;font-weight:700}.account-profile-info h2,.account-profile-info p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-profile-info p{color:var(--muted);margin:2px 0 0;font-size:13px}@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-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}