/*! tailwindcss v4.2.4 | 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)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--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-duration:initial;--tw-ease:initial;--tw-space-x-reverse:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--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;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-widest:.1em;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--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);--color-foreground:var(--foreground);--color-border:var(--border);--font-display:"Outfit", sans-serif;--font-ui:"Inter", system-ui, sans-serif;--font-body:"Merriweather", serif;--font-arabic:"Scheherazade New", "Noto Naskh Arabic", "Amiri", serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border)}body{color:var(--color-foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(at 0 0,#5d40370f,#0000 50%),radial-gradient(at 100% 100%,#5d40370f,#0000 50%),linear-gradient(#f4ecd8,#eaddca,tan);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em}::selection{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--brown) 28%, var(--sepia-200))}}::selection{color:var(--brown-dark)}input::selection{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){input::selection{background:color-mix(in srgb, var(--brown) 38%, var(--sepia-100))}}input::selection{color:var(--brown-dark)}textarea::selection{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){textarea::selection{background:color-mix(in srgb, var(--brown) 38%, var(--sepia-100))}}textarea::selection{color:var(--brown-dark)}button:focus,button:focus-visible,[role=button]:focus,[role=button]:focus-visible{outline:none}}@layer components{.favourite-star-icon{transition:transform .14s,color .14s}.favourite-star--on{color:var(--favourite-gold)}.favourite-star--on .favourite-star-icon{transform:scale(1.06)}.favourite-star-label{font-size:.8125rem;font-weight:700}.reader-zen-favourite{margin-inline-end:.25rem}.ayah-flow-row-shell{position:relative}.ayah-flow-favourite{z-index:2;width:2rem;height:2rem;color:var(--brown);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:.5rem;inset-inline-end:.35rem}@supports (color:color-mix(in lab, red, red)){.ayah-flow-favourite{color:color-mix(in srgb, var(--brown) 38%, transparent)}}.ayah-flow-favourite{opacity:.75}.ayah-flow-favourite:hover,.ayah-flow-favourite:focus-visible{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.ayah-flow-favourite:hover,.ayah-flow-favourite:focus-visible{background:color-mix(in srgb, var(--brown) 8%, transparent)}}.ayah-flow-favourite:hover,.ayah-flow-favourite:focus-visible,.ayah-flow-favourite.favourite-star--on{opacity:1}.favourites-page{min-height:100dvh}.favourites-main{padding-bottom:max(1.5rem, env(safe-area-inset-bottom,0px))}.favourites-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.favourite-btn{min-height:var(--touch-min,2.75rem);border:1.5px solid var(--brown-dark);border-radius:.85rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .85rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.favourite-btn{border:1.5px solid color-mix(in srgb, var(--brown-dark) 18%, transparent)}}.favourite-btn{color:var(--brown-dark);white-space:nowrap;background:#ffffffb3;font-size:.8125rem;font-weight:800;transition:background .14s,border-color .14s,transform .12s}.favourite-btn:hover{background:#fffffff2}.favourite-btn:active{transform:translateY(1px)}.favourite-btn:disabled{opacity:.5;pointer-events:none}.favourite-btn--primary{border-color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.favourite-btn--primary{border-color:color-mix(in srgb, var(--brown-dark) 85%, transparent)}}.favourite-btn--primary{color:#fdfbf7;background:linear-gradient(135deg,#5d4037,#3e2723)}.favourite-btn--primary:hover{background:linear-gradient(135deg,#6d4c41,#4e342e)}.favourite-btn--danger{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.favourite-btn--danger{border-color:color-mix(in srgb, var(--destructive) 35%, transparent)}}.favourite-btn--danger{color:var(--destructive)}.favourite-btn--danger:hover{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.favourite-btn--danger:hover{background:color-mix(in srgb, var(--destructive) 8%, transparent)}}.favourite-btn--on{border-color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.favourite-btn--on{border-color:color-mix(in srgb, var(--brown-dark) 55%, transparent)}}.favourite-btn--on{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.favourite-btn--on{background:color-mix(in srgb, var(--brown) 12%, #fffc)}}.favourites-toolbar{flex-direction:column;gap:.6rem;display:flex}.favourites-search{border:1.5px solid var(--brown-dark);border-radius:.95rem;align-items:center;gap:.5rem;padding:0 .75rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.favourites-search{border:1.5px solid color-mix(in srgb, var(--brown-dark) 16%, transparent)}}.favourites-search{background:#ffffffb8}.favourites-search-icon{width:1rem;height:1rem;color:var(--brown);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.favourites-search-icon{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.favourites-search-input{min-width:0;min-height:var(--touch-min,2.75rem);color:var(--brown-dark);background:0 0;border:0;outline:none;flex:auto;font-size:.9rem;font-weight:600}.favourites-search-input::-webkit-search-cancel-button{display:none}.favourites-search-clear{width:1.75rem;height:1.75rem;color:var(--brown);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.favourites-search-clear{color:color-mix(in srgb, var(--brown) 60%, transparent)}}.favourites-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.favourites-sort{background:var(--brown);border-radius:.85rem;padding:.2rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.favourites-sort{background:color-mix(in srgb, var(--brown) 9%, transparent)}}.favourites-sort-btn{color:var(--brown-dark);border-radius:.7rem;padding:.4rem .7rem;font-size:.75rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.favourites-sort-btn{color:color-mix(in srgb, var(--brown-dark) 70%, transparent)}}.favourites-sort-btn--active{color:var(--brown-dark);background:#fffffff2;box-shadow:0 1px 2px #3e27231f}.favourites-count{color:var(--brown);font-size:.75rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.favourites-count{color:color-mix(in srgb, var(--brown) 70%, transparent)}}.favourites-tag-row{flex-wrap:wrap;gap:.35rem;display:flex}.favourite-tag-chip{border:1.5px solid var(--brown-dark);border-radius:999px;align-items:center;padding:.3rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.favourite-tag-chip{border:1.5px solid color-mix(in srgb, var(--brown-dark) 14%, transparent)}}.favourite-tag-chip{color:var(--brown-dark);background:#ffffff9e;font-size:.7rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.favourite-tag-chip{color:color-mix(in srgb, var(--brown-dark) 85%, transparent)}}.favourite-tag-chip--active{border-color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.favourite-tag-chip--active{border-color:color-mix(in srgb, var(--brown-dark) 70%, transparent)}}.favourite-tag-chip--active{color:#fdfbf7;background:linear-gradient(135deg,#5d4037,#3e2723)}.favourites-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.favourite-card{border:1.5px solid var(--brown-dark);border-radius:1.1rem;flex-direction:column;gap:.6rem;padding:.9rem;display:flex}@supports (color:color-mix(in lab, red, red)){.favourite-card{border:1.5px solid color-mix(in srgb, var(--brown-dark) 12%, transparent)}}.favourite-card{content-visibility:auto;contain-intrinsic-size:auto 14rem;background:#ffffff9e}.favourite-card-head{align-items:center;gap:.6rem;display:flex}.favourite-card-ref{background:var(--brown);border-radius:.6rem;flex-shrink:0;padding:.25rem .5rem}@supports (color:color-mix(in lab, red, red)){.favourite-card-ref{background:color-mix(in srgb, var(--brown) 12%, transparent)}}.favourite-card-ref{color:var(--brown-dark);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:900}.favourite-card-title{color:var(--brown-dark);font-size:.95rem;font-weight:800;line-height:1.2}.favourite-card-subtitle{color:var(--brown);font-size:.72rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.favourite-card-subtitle{color:color-mix(in srgb, var(--brown) 70%, transparent)}}.favourite-card-subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.favourite-card-arabic-name{font-size:.85rem}.favourite-card-body{width:100%;text-align:inherit;border-radius:.75rem;padding:.35rem .1rem;display:block}.favourite-card-body:hover{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.favourite-card-body:hover{background:color-mix(in srgb, var(--brown) 4%, transparent)}}.favourite-card-translation{color:var(--brown-dark);margin-top:.55rem;font-style:italic}@supports (color:color-mix(in lab, red, red)){.favourite-card-translation{color:color-mix(in srgb, var(--brown-dark) 88%, transparent)}}.favourite-card-translation{text-align:start}.favourite-card-skeleton{background:var(--brown);border-radius:.75rem;height:2.25rem;display:block}@supports (color:color-mix(in lab, red, red)){.favourite-card-skeleton{background:color-mix(in srgb, var(--brown) 10%, transparent)}}.favourite-card-skeleton{animation:1.6s ease-in-out infinite pulse}.favourite-card-error{color:var(--destructive);padding:.5rem 0;font-size:.8rem;font-weight:700;display:block}.favourite-card-note{border-inline-start:3px solid var(--brown);border-radius:.75rem;padding:.55rem .7rem}@supports (color:color-mix(in lab, red, red)){.favourite-card-note{border-inline-start:3px solid color-mix(in srgb, var(--brown) 35%, transparent)}}.favourite-card-note{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.favourite-card-note{background:color-mix(in srgb, var(--brown) 6%, transparent)}}.favourite-card-note{color:var(--brown-dark);white-space:pre-wrap;font-size:.85rem}.favourite-card-tags{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.favourite-card-actions{flex-wrap:wrap;gap:.4rem;padding-top:.15rem;display:flex}.favourite-card-actions .favourite-btn{min-height:2.35rem;padding:.35rem .7rem;font-size:.75rem}.favourites-empty{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1.25rem;display:flex}.favourites-empty-icon{width:2.5rem;height:2.5rem;color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.favourites-empty-icon{color:color-mix(in srgb, var(--brown) 45%, transparent)}}.favourites-empty-lead{color:var(--brown-dark);font-size:1.1rem;font-weight:800}.favourites-empty-footnote{max-width:34ch;color:var(--brown);font-size:.85rem;line-height:1.55}@supports (color:color-mix(in lab, red, red)){.favourites-empty-footnote{color:color-mix(in srgb, var(--brown) 75%, transparent)}}.favourites-loading{text-align:center;color:var(--brown);padding:2rem 0;font-size:.85rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.favourites-loading{color:color-mix(in srgb, var(--brown) 70%, transparent)}}.favourites-import-cta{align-self:center}.favourites-menu-content{border-radius:.9rem}.favourites-menu-item{color:var(--brown-dark);border-radius:.65rem;align-items:center;gap:.55rem;padding:.55rem .6rem;font-size:.85rem;font-weight:700;display:flex}.favourites-menu-item svg{width:1rem;height:1rem}.favourites-menu-item--destructive{color:var(--destructive)}.favourites-menu-separator{background:var(--brown);height:1px;margin:.3rem .2rem}@supports (color:color-mix(in lab, red, red)){.favourites-menu-separator{background:color-mix(in srgb, var(--brown) 14%, transparent)}}.favourite-note-form{flex-direction:column;gap:1rem;padding-top:.25rem;display:flex}.favourite-note-field{flex-direction:column;gap:.35rem;display:flex}.favourite-note-label{color:var(--brown-dark);font-size:.78rem;font-weight:800}.favourite-note-input,.favourite-tag-input{border:1.5px solid var(--brown-dark);border-radius:.8rem;width:100%;padding:.6rem .75rem}@supports (color:color-mix(in lab, red, red)){.favourite-note-input,.favourite-tag-input{border:1.5px solid color-mix(in srgb, var(--brown-dark) 16%, transparent)}}.favourite-note-input,.favourite-tag-input{color:var(--brown-dark);resize:vertical;background:#fffc;outline:none;font-size:.9rem}.favourite-note-input:focus,.favourite-tag-input:focus{border-color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.favourite-note-input:focus,.favourite-tag-input:focus{border-color:color-mix(in srgb, var(--brown-dark) 45%, transparent)}}.favourite-note-hint{color:var(--brown);align-self:flex-end;font-size:.7rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.favourite-note-hint{color:color-mix(in srgb, var(--brown) 60%, transparent)}}.favourite-note-actions{justify-content:flex-end;gap:.5rem;padding-top:.25rem;display:flex}.zone-search,.zone-reader{border-radius:1.5rem;position:relative}.zone-search{background:linear-gradient(#e7d8bcfa,#d3bc96f0);border:1px solid #5d403747;padding:1.125rem 1.25rem 1.375rem;transition:background .22s,border-color .22s,box-shadow .22s,color .22s;box-shadow:0 20px 48px -30px #3e272380,0 8px 22px -16px #5d403757,inset 0 1px #fdfbf794}.confirm-chip{gap:.5rem;border:1px solid var(--brown)!important;border-radius:.75rem!important;justify-content:flex-start!important;align-items:center!important;width:auto!important;min-height:3rem!important;padding:.375rem .75rem .375rem .625rem!important;display:inline-flex!important}@supports (color:color-mix(in lab, red, red)){.confirm-chip{border:1px solid color-mix(in srgb, var(--brown) 14%, transparent)!important}}.confirm-chip{cursor:pointer;outline:none;transition:background .15s,border-color .15s,transform 80ms;color:var(--brown-dark)!important;box-shadow:none!important;background:#ffffffc7!important}.confirm-chip:hover{border-color:var(--brown)!important;background:#fff!important}@supports (color:color-mix(in lab, red, red)){.confirm-chip:hover{border-color:color-mix(in srgb, var(--brown) 26%, transparent)!important}}.confirm-chip:active{transform:scale(.98)}.confirm-chip--active{background:var(--player-yellow)!important}@supports (color:color-mix(in lab, red, red)){.confirm-chip--active{background:color-mix(in srgb, var(--player-yellow) 22%, white)!important}}.confirm-chip--active{border-color:var(--player-yellow)!important}@supports (color:color-mix(in lab, red, red)){.confirm-chip--active{border-color:color-mix(in srgb, var(--player-yellow) 50%, var(--brown))!important}}.confirm-chip-icon{width:1.125rem;height:1.125rem;color:var(--brown);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.confirm-chip-icon{color:color-mix(in srgb, var(--brown) 65%, transparent)}}.confirm-chip-text{min-width:0;line-height:1.1;flex-direction:column!important;align-items:flex-start!important;display:inline-flex!important}.confirm-chip-label{letter-spacing:.08em;text-transform:uppercase;color:var(--brown);font-size:.625rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.confirm-chip-label{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.confirm-chip-value{color:var(--brown-dark);white-space:nowrap;text-overflow:ellipsis;max-width:9rem;font-size:.8125rem;font-weight:700;overflow:hidden}.search-chip-group{border:1px solid var(--brown);border-radius:1rem;align-items:stretch;gap:.1875rem;max-width:100%;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-chip-group{border:1px solid color-mix(in srgb, var(--brown) 20%, transparent)}}.search-chip-group{background:#fdfbf79e;padding:.1875rem;transition:background .15s,border-color .15s,box-shadow .15s;overflow:visible;box-shadow:0 2px 8px -6px #3e27233d}.search-chip-group:hover{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip-group:hover{border-color:color-mix(in srgb, var(--brown) 35%, transparent)}}.search-chip-group:hover{background:#fdfbf7db}.search-chip-group--active{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip-group--active{border-color:color-mix(in srgb, var(--brown) 58%, var(--sepia-300))}}.search-chip-group--active{box-shadow:0 0 0 3px var(--brown), 0 8px 18px -14px #3e272361;background:#fdfbf7eb}@supports (color:color-mix(in lab, red, red)){.search-chip-group--active{box-shadow:0 0 0 3px color-mix(in srgb, var(--brown) 12%, transparent), 0 8px 18px -14px #3e272361}}.search-chip-group--full{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip-group--full{border-color:color-mix(in srgb, var(--brown) 28%, transparent)}}.search-chip-group--full{background:#fdfbf7b3}.search-chip-group--full.search-chip-group--active{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip-group--full.search-chip-group--active{border-color:color-mix(in srgb, var(--brown) 58%, var(--sepia-300))}}.search-chip-group--full.search-chip-group--active{background:#fdfbf7eb}.search-chip-group .search-chip{box-shadow:none;background:0 0;border:none;border-radius:.8125rem;min-height:0}.search-chip-group .search-chip:hover{background:0 0;border-color:#0000}.search-chip-group--active .search-chip--active{box-shadow:none}.search-chip-quick{background:var(--player-yellow);border:none;border-radius:.75rem;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-chip-quick{background:color-mix(in srgb, var(--player-yellow) 42%, white)}}.search-chip-quick{color:var(--brown-dark);cursor:pointer;transition:background .15s,color .15s,transform .1s}.search-chip-quick:hover{background:var(--player-yellow);color:var(--player-ink)}.search-chip-quick:active{transform:scale(.96)}.search-chip-quick svg{width:.875rem;height:.875rem}.zone-search--focused .search-chip-group{background:#fdfbf714;border-color:#fdfbf729}.zone-search--focused .search-chip-group:hover{background:#fdfbf724;border-color:#fdfbf747}.zone-search--focused .search-chip-group--active{background:#fdfbf729;border-color:#fdfbf752;box-shadow:0 0 0 3px #fdfbf71a}.zone-search--focused .search-chip-quick{color:#fdfbf7;background:#fdfbf724;border-left-color:#fdfbf733}.zone-search--focused .search-chip-quick:hover{color:#fdfbf7;background:#fdfbf73d}.search-compact-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--brown-dark);margin:0 0 .375rem;font-size:.6875rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.search-compact-kicker{color:color-mix(in srgb, var(--brown-dark) 72%, transparent)}}.zone-search--inline{border-color:var(--player-teal)}@supports (color:color-mix(in lab, red, red)){.zone-search--inline{border-color:color-mix(in srgb, var(--player-teal) 42%, var(--brown))}}.zone-search--inline{box-shadow:0 0 0 3px var(--player-teal), 0 8px 26px -14px #3e272338}@supports (color:color-mix(in lab, red, red)){.zone-search--inline{box-shadow:0 0 0 3px color-mix(in srgb, var(--player-teal) 16%, transparent), 0 8px 26px -14px #3e272338}}.zone-search--inline .search-bar-unified:focus-within{border-color:var(--player-teal);box-shadow:0 0 0 4px var(--player-teal)}@supports (color:color-mix(in lab, red, red)){.zone-search--inline .search-bar-unified:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--player-teal) 22%, transparent)}}.zone-search--focused .search-compact-kicker{display:none}.search-bar-unified--compact{box-shadow:0 2px 12px -8px #5d40372e}.search-bar-unified--compact .search-bar-unified-input{padding:.5rem 0;font-size:1.0625rem;font-weight:700}.zone-search--focused .search-bar-unified{transition:transform .22s,border-color .15s,box-shadow .15s;transform:scale(1.005)}.zone-search--focused{color:#fdfbf7;background:linear-gradient(135deg,#5d4037,#3e2723);border-color:#fdfbf71f;box-shadow:0 0 0 1px #fdfbf70f,0 16px 48px -16px #3e27238c}.zone-search--focused:before{background:linear-gradient(90deg,#fdfbf773,#fdfbf71a 70%,#0000)}.zone-search--focused .search-heading{color:#fdfbf7}.zone-search--focused .search-help-subline{color:#fdfbf79e}.zone-search--focused .search-example-row{background:#fdfbf714;border-color:#fdfbf724}.zone-search--focused .search-example-label{color:#fdfbf79e}.zone-search--focused .search-example-chip{color:#fdfbf7;background:#fdfbf714;border-color:#fdfbf729}.zone-search--focused .search-example-chip:hover{background:#fdfbf724;border-color:#fdfbf747}.zone-search--focused .search-help-trigger{color:#fdfbf7}.zone-search--focused .search-help-trigger:hover{color:#fff}.zone-search--focused .search-help-trigger-icon{color:currentColor}.zone-search--focused .search-bar-unified{border-color:#fdfbf729;box-shadow:0 8px 28px -10px #1a0f0a73}.zone-search--focused .search-bar-unified:focus-within{border-color:#b5a7a1;box-shadow:0 0 0 4px #fdfbf72e}.zone-search--focused .search-chip{color:#fdfbf7;background:#fdfbf70f;border-color:#fdfbf729}.zone-search--focused .search-chip:hover{background:#fdfbf71a;border-color:#fdfbf747}.zone-search--focused .search-chip--active{background:#fdfbf724;border-color:#fdfbf7;box-shadow:0 0 0 3px #fdfbf71f}.zone-search--focused .search-chip-num{color:#fdfbf7c2}.zone-search--focused .search-chip--active .search-chip-num{color:#fdfbf7}.zone-search--focused .search-chip-meta{color:#fdfbf7;background:#fdfbf729}.zone-search--focused .search-chip--active .search-chip-meta{color:#fdfbf7;background:#fdfbf74d;box-shadow:inset 0 1px #fff3}.zone-search--focused .search-chip--full{background:#fdfbf714;border-color:#fdfbf733}.zone-search--focused .search-chip--full.search-chip--active{background:#fdfbf724;border-color:#fdfbf7}.zone-search--focused .search-chip-full-badge{color:#fdfbf7;background:#fdfbf724}.zone-search--focused .search-chip--active .search-chip-full-badge{color:#fdfbf7;background:#fdfbf73d}.zone-reader{scroll-margin-top:calc(4.75rem + env(safe-area-inset-top,0px));margin-bottom:clamp(2.5rem,7vw,4rem);padding:1.5rem 1.25rem 1.75rem}.zone-reader.warm-surface-card{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.zone-reader.warm-surface-card{border-color:color-mix(in srgb, var(--brown) 22%, transparent)}}.zone-reader.warm-surface-card{box-shadow:0 1px 0 #ffffff7a inset, 0 0 0 1px var(--brown) inset, 0 11px 27px -16px #3e272342, 0 23px 50px -30px #2c18104d;background:linear-gradient(#f4e8d2e6,#dcc8a8db),#d0ba98c2}@supports (color:color-mix(in lab, red, red)){.zone-reader.warm-surface-card{box-shadow:0 1px 0 #ffffff7a inset, 0 0 0 1px color-mix(in srgb, var(--brown) 6%, transparent) inset, 0 11px 27px -16px #3e272342, 0 23px 50px -30px #2c18104d}}.zone-reader:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(90% 55% at 50% 0,#5d403713,#0000 72%),linear-gradient(#3e27230b,#0000 38%);position:absolute;inset:0}#reader-heading.zone-reader-heading,.reader-heading{min-width:0;max-width:100%;font-size:var(--reader-heading-size-mobile);font-weight:var(--reader-heading-weight);line-height:var(--reader-heading-line-height);color:var(--text-primary);overflow:hidden}@media (width>=640px){#reader-heading.zone-reader-heading,.reader-heading{font-size:var(--reader-heading-size)}}#reader-heading .reader-heading-line,.reader-heading .reader-heading-line{flex-wrap:nowrap;align-items:baseline;min-width:0;max-width:100%;display:inline-flex}#reader-heading .reader-heading-title,.reader-heading .reader-heading-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#reader-heading .reader-heading-sep,.reader-heading .reader-heading-sep{font-weight:var(--reader-heading-weight);color:var(--brown);flex-shrink:0;margin-inline:.375rem}@supports (color:color-mix(in lab, red, red)){#reader-heading .reader-heading-sep,.reader-heading .reader-heading-sep{color:color-mix(in srgb, var(--brown) 38%, transparent)}}#reader-heading .reader-heading-ayah,.reader-heading .reader-heading-ayah{white-space:nowrap;font:inherit;letter-spacing:-.01em;flex-shrink:0}.zone-reader-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.zone-reader-header-copy{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex;overflow:hidden}.zone-reader-heading{min-width:0;max-width:100%}.zone-reader-eyebrow{min-width:0;max-width:100%;color:var(--brown);margin:0;font-size:.9375rem;font-weight:600;line-height:1.25;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.zone-reader-eyebrow{color:color-mix(in srgb, var(--brown) 65%, transparent)}}.zone-reader-eyebrow-line{flex-wrap:nowrap;align-items:baseline;min-width:0;max-width:100%;display:inline-flex}.zone-reader-eyebrow-prefix{white-space:nowrap;color:var(--brown);flex-shrink:0;margin-right:.25rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.zone-reader-eyebrow-prefix{color:color-mix(in srgb, var(--brown) 78%, transparent)}}.zone-reader-eyebrow-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.zone-reader-eyebrow-ar{font-weight:700}.zone-reader-eyebrow-meta{white-space:nowrap;color:var(--brown);flex-shrink:0;font-weight:500}@supports (color:color-mix(in lab, red, red)){.zone-reader-eyebrow-meta{color:color-mix(in srgb, var(--brown) 50%, transparent)}}.reader-toolbar,.zone-reader-toolbar{padding:var(--reader-toolbar-padding);border-radius:var(--reader-toolbar-shell-radius);border:1.5px solid var(--brown);flex-shrink:0;align-self:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.reader-toolbar,.zone-reader-toolbar{border:1.5px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.reader-toolbar,.zone-reader-toolbar{background:#ffffff80;box-shadow:0 2px 8px -4px #2c181024,inset 0 1px #ffffffb8}.reader-toolbar-btn,.zone-reader-toolbar-btn{width:var(--reader-toolbar-btn-size);height:var(--reader-toolbar-btn-size);min-width:var(--reader-toolbar-btn-size);min-height:var(--reader-toolbar-btn-size);border-radius:var(--reader-toolbar-btn-radius);color:var(--brown-dark);cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .15s;display:flex}.reader-toolbar-btn:hover,.zone-reader-toolbar-btn:hover{background:#ffffffe0}.reader-toolbar-btn:active,.zone-reader-toolbar-btn:active{transform:scale(.97)}.reader-toolbar-btn+.reader-toolbar-btn,.zone-reader-toolbar-btn+.zone-reader-toolbar-btn{box-shadow:inset 1px 0 0 var(--brown)}@supports (color:color-mix(in lab, red, red)){.reader-toolbar-btn+.reader-toolbar-btn,.zone-reader-toolbar-btn+.zone-reader-toolbar-btn{box-shadow:inset 1px 0 0 color-mix(in srgb, var(--brown) 12%, transparent)}}.reader-toolbar--segmented{background:#ffffffd1;border-width:1px;border-radius:.75rem;align-items:stretch;overflow:hidden;box-shadow:0 1px 3px #5d40370f}.reader-toolbar--segmented .reader-toolbar-btn{box-shadow:none;border-right:1px solid var(--brown);border-radius:0}@supports (color:color-mix(in lab, red, red)){.reader-toolbar--segmented .reader-toolbar-btn{border-right:1px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.reader-toolbar--segmented .reader-toolbar-btn:last-child{border-right:none}.reader-toolbar--segmented .reader-toolbar-btn:hover{background:#fffffffa}.reader-toolbar--segmented .reader-toolbar-btn:active{transform:scale(.96)}.reader-toolbar-btn--active,.reader-zen-tool-btn--active{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.reader-toolbar-btn--active,.reader-zen-tool-btn--active{background:color-mix(in srgb, var(--brown) 10%, white)}}.reader-toolbar-btn--active,.reader-zen-tool-btn--active{color:var(--brown-dark)}.reader-more-option-inner{align-items:center;gap:.5rem;display:inline-flex}.reader-more-option-icon{opacity:.82;flex-shrink:0;width:1rem;height:1rem}.ayah-jump-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;width:100%;margin-top:1rem;display:flex}.ayah-jump-row--dense{gap:.3125rem}.ayah-jump-row--compact{gap:.25rem}.ayah-jump-btn{box-sizing:border-box;width:auto;min-width:2.375rem;min-height:2.25rem;color:var(--brown);background:#fff9;border:0;border-radius:.5rem;flex:none;justify-content:center;align-items:center;padding:.25rem .5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ayah-jump-btn{color:color-mix(in srgb, var(--brown) 70%, transparent)}}.ayah-jump-btn{cursor:pointer;font-size:.8125rem;font-weight:800;line-height:1;transition:background .15s,color .15s,box-shadow .15s}.ayah-jump-row--dense .ayah-jump-btn{min-width:2.125rem;padding-inline:.4375rem}.ayah-jump-row--compact .ayah-jump-btn{min-width:1.875rem;min-height:2rem;padding-inline:.375rem;font-size:.75rem}.ayah-jump-btn:hover{background:#ffffffeb}.ayah-jump-btn--done{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.ayah-jump-btn--done{background:color-mix(in srgb, var(--brown) 20%, transparent)}}.ayah-jump-btn--done{color:var(--brown)}.ayah-jump-btn--current{color:#fff;box-shadow:0 0 0 2px var(--brown)}@supports (color:color-mix(in lab, red, red)){.ayah-jump-btn--current{box-shadow:0 0 0 2px color-mix(in srgb, var(--brown) 18%, transparent)}}.ayah-jump-more{text-align:center;color:var(--brown);flex:0 0 100%;margin-top:.125rem;font-size:.75rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.ayah-jump-more{color:color-mix(in srgb, var(--brown) 60%, transparent)}}.player-dock{padding-inline:.75rem;padding-right:calc(.75rem + var(--removed-body-scroll-bar-size,0px));padding-bottom:max(.75rem, env(safe-area-inset-bottom,0px));pointer-events:none}.player-dock>*{pointer-events:auto}.player-dock-row{--player-glass-bar-height:3.875rem;--player-glass-pill-padding:.25rem;--player-glass-item-height:calc(var(--player-glass-bar-height) - (var(--player-glass-pill-padding) * 2) - 3px);align-items:center;gap:.625rem;display:flex}.player-glass-pill{min-width:0;height:var(--player-glass-bar-height);box-sizing:border-box;padding:var(--player-glass-pill-padding);background:linear-gradient(180deg, var(--background), var(--background));border-radius:999px;flex:1;align-items:stretch;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.player-glass-pill{background:linear-gradient(180deg, color-mix(in srgb, var(--background) 88%, white 12%), color-mix(in srgb, var(--background) 72%, transparent))}}.player-glass-pill{-webkit-backdrop-filter:blur(22px)saturate(180%);border:1.5px solid var(--border);transform:translateZ(0)}@supports (color:color-mix(in lab, red, red)){.player-glass-pill{border:1.5px solid color-mix(in srgb, var(--border) 72%, white 28%)}}.player-glass-pill{box-shadow:0 10px 32px -12px #2c181038,0 2px 10px -4px #2c18101f,inset 0 1px #ffffff8c,inset 0 -1px #5d40370f}.player-glass-pill-highlight{top:var(--player-glass-pill-padding);bottom:var(--player-glass-pill-padding);left:var(--player-glass-pill-padding);width:calc((100% - (var(--player-glass-pill-padding) * 2)) / 4);background:linear-gradient(180deg, white, var(--background));border-radius:999px;position:absolute}@supports (color:color-mix(in lab, red, red)){.player-glass-pill-highlight{background:linear-gradient(180deg, color-mix(in srgb, white 90%, var(--background) 10%), color-mix(in srgb, var(--background) 78%, white 22%))}}.player-glass-pill-highlight{border:1px solid #fff}@supports (color:color-mix(in lab, red, red)){.player-glass-pill-highlight{border:1px solid color-mix(in srgb, white 58%, var(--border) 42%)}}.player-glass-pill-highlight{transform:translateX(calc(var(--nav-active-index,0) * 100%));pointer-events:none;z-index:0;transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 18px -8px #2c181042,0 2px 8px -4px #2c181024,inset 0 1px #fffffff0,inset 0 -1px #5d40370d}.player-glass-item,.player-glass-item-slot>.player-glass-item,.player-glass-item-slot .player-glass-item{z-index:1;min-width:0;min-height:var(--player-glass-item-height);color:var(--foreground);background:0 0;border:none;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.125rem;padding:.4375rem .25rem .3125rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.player-glass-item,.player-glass-item-slot>.player-glass-item,.player-glass-item-slot .player-glass-item{color:color-mix(in srgb, var(--foreground) 72%, var(--brown) 28%)}}.player-glass-item,.player-glass-item-slot>.player-glass-item,.player-glass-item-slot .player-glass-item{cursor:pointer;outline:none;transition:color .2s,opacity .2s}.player-glass-item-slot{z-index:1;min-width:0;min-height:var(--player-glass-item-height);flex:1;align-self:stretch;display:flex;position:relative}.player-glass-item-slot>*{min-width:0;min-height:var(--player-glass-item-height);flex:1}.player-glass-item-slot .player-glass-item{width:100%;height:100%}.player-glass-pill>.player-glass-item{height:var(--player-glass-item-height);align-self:stretch}.player-glass-pill .player-glass-item{height:var(--player-glass-item-height)!important;min-height:var(--player-glass-item-height)!important;width:100%!important;box-shadow:none!important;ring:none!important;--tw-ring-shadow:0 0 #0000!important;border:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:.4375rem .25rem .3125rem!important}.player-glass-item:disabled,.player-glass-item-slot--disabled .player-glass-item,.player-glass-item-slot--disabled button{opacity:.42;cursor:not-allowed;pointer-events:none}.player-glass-item--active,.player-glass-item-slot--active .player-glass-item{color:var(--brown-dark)}.player-glass-item--active .player-glass-item-label,.player-glass-item-slot--active .player-glass-item-label{letter-spacing:.02em;font-weight:800}.player-glass-item--active .player-glass-item-icon,.player-glass-item-slot--active .player-glass-item-icon{filter:drop-shadow(0 1px 1px #3e272333)}.player-glass-item--playing{color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.player-glass-item--playing{color:color-mix(in srgb, var(--brown-dark) 82%, var(--player-teal,#2a9d8f) 18%)}}.player-glass-item--playing .player-glass-item-label{letter-spacing:.02em;color:var(--brown-dark);font-weight:800}@supports (color:color-mix(in lab, red, red)){.player-glass-item--playing .player-glass-item-label{color:color-mix(in srgb, var(--brown-dark) 86%, var(--player-teal,#2a9d8f) 14%)}}.player-glass-item--playing .player-glass-item-icon{color:var(--player-teal,#2a9d8f)}@supports (color:color-mix(in lab, red, red)){.player-glass-item--playing .player-glass-item-icon{color:color-mix(in srgb, var(--player-teal,#2a9d8f) 72%, var(--brown-dark) 28%)}}.player-glass-item--playing .player-glass-item-icon{filter:drop-shadow(0 1px 6px #2a9d8f2e)}.player-glass-item-icon{flex-shrink:0;width:1.375rem;height:1.375rem}.player-glass-item-label{letter-spacing:.01em;text-align:center;max-width:100%;font-size:.625rem;font-weight:700;line-height:1.1}.player-glass-item-meta{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:.6875rem;display:flex}.player-playing-bars{height:.375rem;color:var(--player-teal,#2a9d8f);justify-content:center;align-items:flex-end;gap:.125rem;display:flex}@supports (color:color-mix(in lab, red, red)){.player-playing-bars{color:color-mix(in srgb, var(--player-teal,#2a9d8f) 72%, var(--brown-dark) 28%)}}.player-playing-bars span{transform-origin:bottom;background:currentColor;border-radius:999px;width:.125rem;height:100%;animation:.85s ease-in-out infinite player-playing-bar;display:block}.player-playing-bars span:first-child{animation-delay:0s}.player-playing-bars span:nth-child(2){animation-delay:.18s}.player-playing-bars span:nth-child(3){animation-delay:.36s}@keyframes player-playing-bar{0%,to{opacity:.55;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.player-playing-bars span{opacity:.75;animation:none;transform:scaleY(.65)}}.player-glass-item--repeat-on{color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.player-glass-item--repeat-on{color:color-mix(in srgb, var(--brown-dark) 86%, var(--player-teal,#2a9d8f) 14%)}}.player-glass-item-label--repeat-on{letter-spacing:.02em;color:var(--brown-dark);text-shadow:0 1px 6px #2a9d8f1f;font-weight:800}.player-glass-item-icon--repeat-on{color:var(--player-teal,#2a9d8f)}@supports (color:color-mix(in lab, red, red)){.player-glass-item-icon--repeat-on{color:color-mix(in srgb, var(--player-teal,#2a9d8f) 72%, var(--brown-dark) 28%)}}.player-glass-item-icon--repeat-on{filter:drop-shadow(0 1px 6px #2a9d8f2e)}.player-glass-search{width:var(--player-glass-bar-height);height:var(--player-glass-bar-height);box-sizing:border-box;border:1.5px solid var(--border);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.player-glass-search{border:1.5px solid color-mix(in srgb, var(--border) 72%, white 28%)}}.player-glass-search{background:linear-gradient(180deg, var(--background), var(--background))}@supports (color:color-mix(in lab, red, red)){.player-glass-search{background:linear-gradient(180deg, color-mix(in srgb, var(--background) 88%, white 12%), color-mix(in srgb, var(--background) 72%, transparent))}}.player-glass-search{-webkit-backdrop-filter:blur(22px)saturate(180%);color:var(--brown-dark);transform:translateZ(0)}@supports (color:color-mix(in lab, red, red)){.player-glass-search{color:color-mix(in srgb, var(--brown-dark) 90%, var(--brown) 10%)}}.player-glass-search{cursor:pointer;outline:none;transition:color .2s,border-color .2s,box-shadow .2s;box-shadow:0 10px 32px -12px #2c181038,0 2px 10px -4px #2c18101f,inset 0 1px #ffffff8c}.player-glass-search:hover{color:var(--brown-dark);border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.player-glass-search:hover{border-color:color-mix(in srgb, var(--brown) 22%, var(--border) 78%)}}.player-glass-search--active{color:var(--brown-dark);border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.player-glass-search--active{border-color:color-mix(in srgb, var(--brown) 42%, var(--border) 58%)}}.player-glass-search--active{background:linear-gradient(180deg, white, var(--background))}@supports (color:color-mix(in lab, red, red)){.player-glass-search--active{background:linear-gradient(180deg, color-mix(in srgb, white 88%, var(--background) 12%), color-mix(in srgb, var(--background) 76%, white 24%))}}.player-glass-search--active{box-shadow:0 10px 32px -12px #2c18103d, 0 0 0 2px var(--brown), inset 0 1px 0 #ffffffc7}@supports (color:color-mix(in lab, red, red)){.player-glass-search--active{box-shadow:0 10px 32px -12px #2c18103d, 0 0 0 2px color-mix(in srgb, var(--brown) 12%, transparent), inset 0 1px 0 #ffffffc7}}.player-glass-search-icon{stroke-width:2.5px;width:1.375rem;height:1.375rem}.player-meta-sub--connection{color:var(--player-teal);font-weight:700}.player-art{background:var(--player-teal);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}button.player-art{cursor:pointer;border:none;outline:none;padding:0;transition:transform .1s}.player-art--interactive:active{transform:scale(.97)}button.player-art[data-playing=true]{box-shadow:0 0 0 2px var(--player-teal)}@supports (color:color-mix(in lab, red, red)){button.player-art[data-playing=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--player-teal) 55%, transparent)}}.player-btn-play{border:2px solid var(--player-ink);background:var(--player-yellow);width:2.75rem;height:2.75rem;color:var(--player-ink);box-shadow:2px 2px 0 var(--player-ink);border-radius:9999px;outline:none;justify-content:center;align-items:center;transition:transform .1s;display:flex}.player-btn-play:active{box-shadow:1px 1px 0 var(--player-ink);transform:translate(1px,1px)}.player-btn-play--lg{width:4rem;height:4rem;box-shadow:3px 3px 0 var(--player-ink)}.player-btn-play--loading{cursor:wait;opacity:.88}.player-btn-square{color:#ffffffd9;background:0 0;border:1.5px solid #ffffff2e;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;transition:background .15s,border-color .15s;display:flex}.player-btn-square:hover{background:#ffffff14}.player-btn-square--active{border-color:var(--player-teal);background:var(--player-teal)}@supports (color:color-mix(in lab, red, red)){.player-btn-square--active{background:color-mix(in srgb, var(--player-teal) 18%, transparent)}}.player-btn-square--active{color:var(--player-teal)}.player-btn-square--search{border-color:var(--player-teal)}.player-btn-transport{color:#ffffffe6;background:#ffffff0f;border:1.5px solid #ffffff29;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;transition:background .15s;display:flex}.player-btn-transport:hover{background:#ffffff1f}.player-divider{background:#fff3;flex-shrink:0;width:1px;height:1.75rem;margin-inline:.375rem}@media (width>=640px){.player-divider{margin-inline:.625rem}}.player-backdrop{z-index:25;-webkit-backdrop-filter:blur(6px);cursor:default;background:#1a141073;border:none;position:fixed;inset:0}.autoplay-unlock-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);background:#1a14108c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.autoplay-unlock-card{border:2px solid var(--player-ink);background:var(--player-cream);text-align:center;border-radius:1.5rem;flex-direction:column;align-items:center;gap:.75rem;width:min(100%,22rem);padding:1.75rem 1.5rem 1.5rem;display:flex;position:relative;box-shadow:0 8px #1a1a1a24}.autoplay-unlock-close{border:2px solid var(--player-ink);background:var(--player-cream);width:2.25rem;height:2.25rem;color:var(--player-ink);cursor:pointer;border-radius:9999px;outline:none;justify-content:center;align-items:center;transition:transform .1s;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.autoplay-unlock-close:active{transform:translate(1px,1px)}.autoplay-unlock-close-icon{width:1.125rem;height:1.125rem}.autoplay-unlock-heading{color:var(--player-ink);margin:0;font-size:1.375rem;font-weight:900;line-height:1.2}.autoplay-unlock-label{color:var(--brown-dark);margin:0;font-size:.9375rem;font-weight:700;line-height:1.35}.autoplay-unlock-hint{color:var(--brown);margin:0 0 .25rem;font-size:.8125rem;font-weight:600;line-height:1.4}@supports (color:color-mix(in lab, red, red)){.autoplay-unlock-hint{color:color-mix(in srgb, var(--brown) 70%, transparent)}}.autoplay-unlock-play{border:2px solid var(--player-ink);background:var(--player-yellow);min-width:4.5rem;min-height:4.5rem;color:var(--player-ink);box-shadow:3px 3px 0 var(--player-ink);border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:.625rem;padding-inline:1.75rem;font-size:1.125rem;font-weight:900;line-height:1;transition:transform .1s;display:inline-flex}.autoplay-unlock-play:active{box-shadow:2px 2px 0 var(--player-ink);transform:translate(1px,1px)}.autoplay-unlock-play-icon{flex-shrink:0;width:1.75rem;height:1.75rem}.player-btn-square--dark{border:2px solid var(--player-ink);color:var(--player-ink);background:#fff}.player-header-pill{border:2px solid var(--player-ink);white-space:nowrap;min-height:2.5rem;color:var(--player-ink);background:#fff;border-radius:.75rem;flex-shrink:0;align-items:center;gap:.5rem;padding-inline:.75rem;font-size:.8125rem;font-weight:800;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.player-header-pill:hover{background:var(--player-teal)}@supports (color:color-mix(in lab, red, red)){.player-header-pill:hover{background:color-mix(in srgb, var(--player-teal) 10%, white)}}.player-header-pill--active{border-color:var(--player-teal);background:var(--player-teal)}@supports (color:color-mix(in lab, red, red)){.player-header-pill--active{background:color-mix(in srgb, var(--player-teal) 18%, white)}}.player-header-pill--active{color:var(--player-ink)}.player-expanded-card{border:2px solid var(--player-ink);background:var(--player-cream);border-radius:1.5rem;padding:1.125rem 1.25rem 1.375rem;box-shadow:0 6px #1a1a1a1f}.player-expanded-title{font-size:1.0625rem;font-weight:800;line-height:1.25}.player-expanded-sub{font-size:.8125rem;font-weight:600;line-height:1.35}.player-skip-btn{min-width:2.75rem;min-height:2.75rem;color:var(--player-ink);border-radius:9999px;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:flex}.player-skip-btn:active{background:var(--player-ink)}@supports (color:color-mix(in lab, red, red)){.player-skip-btn:active{background:color-mix(in srgb, var(--player-ink) 6%, transparent)}}.player-skip-btn:hover{opacity:.75}.player-pill{align-items:center;display:flex;border:2px solid var(--player-ink)!important;white-space:nowrap!important;color:var(--player-ink)!important;box-shadow:none!important;background:#fff!important;border-radius:9999px!important;justify-content:center!important;gap:.375rem!important;min-width:0!important;height:auto!important;min-height:2.75rem!important;padding:.625rem .75rem!important;font-size:.8125rem!important;font-weight:700!important;line-height:1.2!important}.player-pill>span{-webkit-line-clamp:unset!important;line-clamp:unset!important;white-space:nowrap!important;-webkit-box-orient:unset!important;display:inline-flex!important;overflow:visible!important}.player-pill-inner{white-space:nowrap;align-items:center;gap:.375rem;line-height:1.2;display:inline-flex}.player-controls-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.repeat-more-panel{flex-direction:column;gap:.375rem;display:flex}.repeat-more-hint{text-align:center;color:var(--player-ink);margin:0;padding:0 .25rem;font-size:.8125rem;font-weight:600;line-height:1.35}@supports (color:color-mix(in lab, red, red)){.repeat-more-hint{color:color-mix(in srgb, var(--player-ink) 58%, transparent)}}.player-popover-menu{padding:.5rem}.player-popover-separator{border:none;border-top:1px solid var(--brown);margin:.375rem .5rem}@supports (color:color-mix(in lab, red, red)){.player-popover-separator{border-top:1px solid color-mix(in srgb, var(--brown) 12%, transparent)}}.player-popover-item{border-radius:.625rem;justify-content:space-between;align-items:center;width:100%;padding:.75rem .875rem;font-size:.9375rem;font-weight:600;line-height:1.2;display:flex}.player-select-menu{border:1.5px solid var(--brown);border-radius:.875rem;min-width:12.5rem}@supports (color:color-mix(in lab, red, red)){.player-select-menu{border:1.5px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.player-select-menu{background:#fdfbf7fa;padding:.375rem;box-shadow:0 8px 24px -8px #5d403759}.player-select-separator{background:var(--brown);margin:.25rem .375rem}@supports (color:color-mix(in lab, red, red)){.player-select-separator{background:color-mix(in srgb, var(--brown) 12%, transparent)}}.playback-limit-sheet.app-sheet{max-height:min(88dvh,540px)}.playback-limit-sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:.875rem;max-height:min(52dvh,22rem);padding-right:.125rem;display:flex;overflow-y:auto}.playback-limit-sheet-section{flex-shrink:0}.playback-limit-sheet-section+.playback-limit-sheet-section{border-top:1px solid var(--brown);padding-top:.875rem}@supports (color:color-mix(in lab, red, red)){.playback-limit-sheet-section+.playback-limit-sheet-section{border-top:1px solid color-mix(in srgb, var(--brown) 10%, transparent)}}.playback-limit-sheet-section-head{flex-direction:column;gap:.125rem;margin-bottom:.5rem;display:flex}.playback-limit-sheet-title{color:var(--brown-dark);margin:0;font-size:.8125rem;font-weight:800}.playback-limit-sheet-desc{color:var(--brown);margin:0;font-size:.6875rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.playback-limit-sheet-desc{color:color-mix(in srgb, var(--brown) 52%, transparent)}}.playback-limit-sheet-options{flex-direction:column;gap:.375rem;display:flex}.playback-limit-sheet-option{width:100%}.player-more-sheet.app-sheet{border:1.5px solid var(--brown);gap:.625rem;max-height:min(88dvh,520px)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet.app-sheet{border:1.5px solid color-mix(in srgb, var(--brown) 22%, transparent)}}.player-more-sheet.app-sheet{box-shadow:0 1px 0 #ffffff80 inset, 0 0 0 1px var(--brown) inset, 0 -14px 48px -12px #2c18105c, 0 16px 36px -24px #3e27234d;background:linear-gradient(#f4e8d2f7,#dcc8a8f0),#d0ba98e6}@supports (color:color-mix(in lab, red, red)){.player-more-sheet.app-sheet{box-shadow:0 1px 0 #ffffff80 inset, 0 0 0 1px color-mix(in srgb, var(--brown) 7%, transparent) inset, 0 -14px 48px -12px #2c18105c, 0 16px 36px -24px #3e27234d}}.player-more-sheet.app-sheet{-webkit-backdrop-filter:none}.player-more-sheet-drawer{border:1.5px solid var(--brown);max-height:min(88dvh,520px)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-drawer{border:1.5px solid color-mix(in srgb, var(--brown) 22%, transparent)}}.player-more-sheet-drawer{padding:.375rem .5rem calc(.5rem + env(safe-area-inset-bottom,0px));box-shadow:0 1px 0 #ffffff80 inset, 0 0 0 1px var(--brown) inset, 0 -14px 48px -12px #2c18105c, 0 16px 36px -24px #3e27234d;background:0 0}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-drawer{box-shadow:0 1px 0 #ffffff80 inset, 0 0 0 1px color-mix(in srgb, var(--brown) 7%, transparent) inset, 0 -14px 48px -12px #2c18105c, 0 16px 36px -24px #3e27234d}}.player-more-sheet-drawer{-webkit-backdrop-filter:none}.player-more-sheet .app-sheet-title{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--brown-dark);font-size:.9375rem}.player-more-sheet-handle{background:var(--brown);border-radius:999px;flex-shrink:0;width:2.75rem;height:.3125rem;margin:0 auto}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-handle{background:color-mix(in srgb, var(--brown) 32%, transparent)}}.player-more-sheet-handle{box-shadow:inset 0 1px #ffffff47}.player-more-sheet-body{border-radius:1.125rem;flex-direction:column;flex:1;gap:.625rem;min-height:0;display:flex;overflow:hidden;padding:.875rem 1rem!important}.player-more-sheet-body.warm-surface-card{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-body.warm-surface-card{border-color:color-mix(in srgb, var(--brown) 20%, transparent)}}.player-more-sheet-body.warm-surface-card{box-shadow:0 1px 0 #ffffff70 inset, 0 0 0 1px var(--brown) inset, 0 10px 24px -16px #3e27234d;background:linear-gradient(#f4e8d2f0,#dcc8a8e6),#d0ba98d6}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-body.warm-surface-card{box-shadow:0 1px 0 #ffffff70 inset, 0 0 0 1px color-mix(in srgb, var(--brown) 6%, transparent) inset, 0 10px 24px -16px #3e27234d}}.player-more-sheet-columns{border:1px solid var(--brown);border-radius:.875rem;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;min-height:0;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-columns{border:1px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.player-more-sheet-columns{background:linear-gradient(180deg, #dcc8a88c, #d0ba986b), var(--brown)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-columns{background:linear-gradient(180deg, #dcc8a88c, #d0ba986b), color-mix(in srgb, var(--brown) 6%, #f4ecd880)}}.player-more-sheet-columns{box-shadow:inset 0 1px #ffffff59,inset 0 -1px #5d403714,0 4px 14px -10px #3e272338}.player-more-sheet-section{flex-direction:column;min-width:0;min-height:0;padding:.625rem .5rem;display:flex;overflow:hidden}.player-more-sheet-section:first-child{padding-left:.625rem}.player-more-sheet-section:last-child{padding-right:.625rem}.player-more-sheet-section+.player-more-sheet-section{border-left:1px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-section+.player-more-sheet-section{border-left:1px solid color-mix(in srgb, var(--brown) 11%, transparent)}}.player-more-sheet-section+.player-more-sheet-section{box-shadow:inset 1px 0 #ffffff61}.player-more-sheet-title{color:var(--brown-dark);margin:0 0 .625rem;padding:0 0 .375rem;font-size:.6875rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-title{color:color-mix(in srgb, var(--brown-dark) 72%, var(--brown) 28%)}}.player-more-sheet-title{text-transform:uppercase;letter-spacing:.12em;text-align:center;border-bottom:1px solid var(--brown);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-title{border-bottom:1px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.player-more-sheet-title{box-shadow:none;background:0 0}.player-more-sheet-options,.player-more-sheet-section .app-sheet-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.3125rem;min-height:0;padding-right:.0625rem;display:flex;overflow-y:auto}.player-more-sheet-option,.player-more-sheet .app-sheet-option{text-align:center;border:1px solid var(--brown);justify-content:center;width:100%;padding:.5rem .375rem;font-size:.75rem;font-weight:700;line-height:1.15}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-option,.player-more-sheet .app-sheet-option{border:1px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.player-more-sheet-option,.player-more-sheet .app-sheet-option{color:var(--brown-dark);background:linear-gradient(#ffffff80,#f4ecd861)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-option,.player-more-sheet .app-sheet-option{color:color-mix(in srgb, var(--brown-dark) 88%, var(--brown) 12%)}}.player-more-sheet-option,.player-more-sheet .app-sheet-option{transition:border-color .15s,background .15s,box-shadow .15s,transform .15s,color .15s;box-shadow:0 1px 3px -1px #2c181024,inset 0 1px #ffffff8c}.player-more-sheet .app-sheet-option:hover:not(.app-sheet-option--active){border-color:var(--brown);background:linear-gradient(#ffffffc7,#f4ecd89e)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet .app-sheet-option:hover:not(.app-sheet-option--active){border-color:color-mix(in srgb, var(--brown) 30%, transparent)}}.player-more-sheet .app-sheet-option:hover:not(.app-sheet-option--active){box-shadow:0 2px 6px -2px #2c18102e,inset 0 1px #ffffffad}.player-more-sheet .app-sheet-option--active{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet .app-sheet-option--active{border-color:color-mix(in srgb, var(--brown) 18%, transparent)}}.player-more-sheet .app-sheet-option--active{background:linear-gradient(180deg, #ffffff38, #ffffff0f), var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet .app-sheet-option--active{background:linear-gradient(180deg, #ffffff38, #ffffff0f), color-mix(in srgb, var(--brown-dark) 78%, var(--brown) 22%)}}.player-more-sheet .app-sheet-option--active{color:#fffbf5fa;font-weight:800;transform:translateY(-1px);box-shadow:0 10px 20px -14px #2c18108c,inset 0 1px #ffffff2e,0 0 0 1px #ffffff0f}.player-more-sheet .app-sheet-option--active:hover,.player-more-sheet .app-sheet-option--active:focus-visible{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet .app-sheet-option--active:hover,.player-more-sheet .app-sheet-option--active:focus-visible{border-color:color-mix(in srgb, var(--brown) 24%, transparent)}}.player-more-sheet .app-sheet-option--active:hover,.player-more-sheet .app-sheet-option--active:focus-visible{background:linear-gradient(180deg, #ffffff42, #ffffff14), var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet .app-sheet-option--active:hover,.player-more-sheet .app-sheet-option--active:focus-visible{background:linear-gradient(180deg, #ffffff42, #ffffff14), color-mix(in srgb, var(--brown-dark) 82%, var(--brown) 18%)}}.player-more-sheet .app-sheet-option--active:hover,.player-more-sheet .app-sheet-option--active:focus-visible{color:#fffbf5;box-shadow:0 12px 24px -14px #2c18109e,inset 0 1px #ffffff38,0 0 0 1px #ffffff14}.player-more-sheet .app-sheet-option--active .app-sheet-option-hint{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet .app-sheet-option--active .app-sheet-option-hint{color:color-mix(in srgb, var(--brown) 72%, transparent)}}.player-more-sheet .app-sheet-option--active .app-sheet-option-hint{font-weight:700}.player-more-sheet-nav-btn{width:100%;min-height:var(--touch-min);border:1px solid var(--brown);border-radius:.75rem;flex-direction:row;justify-content:center;align-items:center;gap:.4375rem;padding:.5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-nav-btn{border:1px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.player-more-sheet-nav-btn{color:var(--brown-dark);background:linear-gradient(#ffffff80,#f4ecd861);font-size:.75rem;font-weight:800;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 1px 3px -1px #2c181024,inset 0 1px #ffffff8c}.player-more-sheet-nav-btn:hover:not(:disabled){border-color:var(--brown);background:linear-gradient(#ffffffc7,#f4ecd89e)}@supports (color:color-mix(in lab, red, red)){.player-more-sheet-nav-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--brown) 30%, transparent)}}.player-more-sheet-nav-btn:hover:not(:disabled){box-shadow:0 2px 6px -2px #2c18102e,inset 0 1px #ffffffad}.player-more-sheet-nav-btn:active:not(:disabled),.player-more-sheet .app-sheet-option:active{transform:scale(.98)}.player-more-sheet-nav-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.player-more-sheet-nav-icon{opacity:.88;flex-shrink:0;width:1rem;height:1rem}.player-pill>svg{opacity:.55;flex-shrink:0;width:1rem!important;height:1rem!important}.player-pill--active{background:var(--player-teal)!important}@supports (color:color-mix(in lab, red, red)){.player-pill--active{background:color-mix(in srgb, var(--player-teal) 18%, white)!important}}.player-pill:hover{background:var(--player-teal)!important}@supports (color:color-mix(in lab, red, red)){.player-pill:hover{background:color-mix(in srgb, var(--player-teal) 10%, white)!important}}.player-pill--left{justify-content:flex-start!important}.player-repeat-block{border:2px solid var(--player-ink);background:#ffffff8c;border-radius:1rem;padding:.75rem}.player-waveform{cursor:pointer;background:0 0;border:none;align-items:flex-end;gap:2px;min-width:0;height:2.25rem;min-height:2.75rem;margin-block:-.5rem;padding-block:.5rem;display:flex}.player-waveform-bar{background:#e8dcc8;border-radius:9999px;flex:1;min-height:4px;transition:background .1s}.player-waveform-bar.is-played{background:var(--player-teal)}.zone-badge{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem .25rem .375rem;font-size:.6875rem;font-weight:800;display:inline-flex}.zone-badge-num{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.625rem;font-weight:900;display:flex}.zone-badge--search{color:#8a5a10;background:#f6efe4}@supports (color:color-mix(in lab, red, red)){.zone-badge--search{color:color-mix(in srgb, #8a5a10 85%, var(--brown-dark))}}.zone-badge--search{border:1px solid #b07d1a38}.zone-badge--search .zone-badge-num{color:#6b4510;background:#b07d1a38}.zone-badge--reader{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.zone-badge--reader{background:color-mix(in srgb, var(--brown) 10%, white)}}.zone-badge--reader{color:var(--brown-dark);border:1px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.zone-badge--reader{border:1px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.zone-badge--reader .zone-badge-num{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.zone-badge--reader .zone-badge-num{background:color-mix(in srgb, var(--brown) 18%, transparent)}}.zone-badge--reader .zone-badge-num{color:var(--brown-dark)}.zone-badge--player{color:#fdfbf7;background:linear-gradient(135deg,#5d4037,#3e2723);border:1px solid #3e27234d;box-shadow:0 2px 8px -2px #5d403773}.zone-badge--player .zone-badge-num{color:#fdfbf7;background:#ffffff2e}.search-chip{border:1px solid var(--brown);border-radius:9999px;align-items:center;gap:.375rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-chip{border:1px solid color-mix(in srgb, var(--brown) 22%, transparent)}}.search-chip{color:var(--brown-dark);cursor:pointer;background:#ffffff73;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}.search-chip:hover{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip:hover{border-color:color-mix(in srgb, var(--brown) 35%, transparent)}}.search-chip:hover{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip:hover{background:color-mix(in srgb, var(--brown) 4%, white)}}.search-chip--active{border-color:var(--brown);background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip--active{background:color-mix(in srgb, var(--brown) 10%, white)}}.search-chip--active{box-shadow:0 0 0 3px var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip--active{box-shadow:0 0 0 3px color-mix(in srgb, var(--brown) 12%, transparent)}}.search-chip-num{color:var(--brown);font-size:.75rem;font-weight:700;line-height:1}@supports (color:color-mix(in lab, red, red)){.search-chip-num{color:color-mix(in srgb, var(--brown) 70%, transparent)}}.search-chip--active .search-chip-num{color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.search-chip--active .search-chip-num{color:color-mix(in srgb, var(--brown-dark) 88%, var(--brown) 12%)}}.search-chip-title{min-width:0;line-height:1.2}.search-chip--full{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip--full{border-color:color-mix(in srgb, var(--brown) 28%, transparent)}}.search-chip--full{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip--full{background:color-mix(in srgb, var(--brown) 6%, white)}}.search-chip--full.search-chip--active{border-color:var(--brown);background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip--full.search-chip--active{background:color-mix(in srgb, var(--brown) 12%, white)}}.search-chip-full-badge{background:var(--brown);border-radius:9999px;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-chip-full-badge{background:color-mix(in srgb, var(--brown) 14%, white)}}.search-chip-full-badge{letter-spacing:.02em;text-transform:uppercase;color:var(--brown-dark);padding:.125rem .4375rem;font-size:.6875rem;font-weight:800;line-height:1}.search-chip--active .search-chip-full-badge{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip--active .search-chip-full-badge{background:color-mix(in srgb, var(--brown) 22%, transparent)}}.search-chip--active .search-chip-full-badge{color:var(--brown-dark)}.search-chip-meta{background:var(--brown);border-radius:9999px;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-chip-meta{background:color-mix(in srgb, var(--brown) 14%, white)}}.search-chip-meta{letter-spacing:.02em;color:var(--brown-dark);white-space:nowrap;padding:.1875rem .5rem;font-size:.75rem;font-weight:800;line-height:1;box-shadow:inset 0 1px #ffffff80}.search-chip--active .search-chip-meta{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip--active .search-chip-meta{background:color-mix(in srgb, var(--brown) 26%, white)}}.search-chip--active .search-chip-meta{color:var(--brown-dark);box-shadow:inset 0 1px 0 #ffffff8c, 0 0 0 1px var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-chip--active .search-chip-meta{box-shadow:inset 0 1px 0 #ffffff8c, 0 0 0 1px color-mix(in srgb, var(--brown) 18%, transparent)}}.search-suggestions-tray{border:1px solid var(--brown);border-radius:1.125rem;margin-top:.75rem}@supports (color:color-mix(in lab, red, red)){.search-suggestions-tray{border:1px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.search-suggestions-tray{background:#fdfbf747;padding:.375rem;box-shadow:inset 0 1px #ffffff47}.search-suggestions-list{flex-wrap:wrap;gap:.5rem;display:flex}.search-discovery{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem 1rem;display:flex}.search-heading-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.25rem;display:flex}.search-heading{color:var(--text-primary)}.search-help-trigger{width:1.5rem;height:1.5rem;color:var(--brown);background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-help-trigger{color:color-mix(in srgb, var(--brown) 42%, #8f8378)}}.search-help-trigger{box-shadow:none;cursor:pointer;flex-shrink:0;transition:color .15s,transform .1s}.search-help-trigger:hover{color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.search-help-trigger:hover{color:color-mix(in srgb, var(--brown-dark) 72%, #8f8378)}}.search-help-trigger:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-help-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 38%, transparent)}}.search-help-trigger:focus-visible{outline-offset:2px}.search-help-trigger:active{transform:scale(.97)}.search-help-trigger-icon{color:currentColor;width:.9375rem;height:.9375rem}.search-help-subline{color:var(--brown);margin:.375rem 0 0;font-size:.8125rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.search-help-subline{color:color-mix(in srgb, var(--brown) 52%, transparent)}}.search-help-subline{line-height:1.7}.search-example-row{border:1px solid var(--brown);border-radius:9999px;flex-wrap:wrap;align-items:center;gap:.375rem;width:fit-content;max-width:100%;margin:0 0 0 auto;padding:.375rem .5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-example-row{border:1px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.search-example-row{background:#fdfbf73d;box-shadow:inset 0 1px #ffffff3d,0 4px 12px -10px #3e27233d}.search-example-label{letter-spacing:.04em;text-transform:uppercase;color:var(--brown);padding:0 .125rem;font-size:.6875rem;font-weight:800;line-height:1}@supports (color:color-mix(in lab, red, red)){.search-example-label{color:color-mix(in srgb, var(--brown) 62%, transparent)}}.search-example-list{flex-wrap:wrap;gap:.25rem;min-width:0;display:flex}.search-example-chip{border:1px solid var(--brown);border-radius:9999px;align-items:center;margin:0;padding:.1875rem .5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-example-chip{border:1px solid color-mix(in srgb, var(--brown) 24%, transparent)}}.search-example-chip{color:var(--brown-dark);white-space:nowrap;cursor:pointer;background:#ffffff6b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700;line-height:1.4;transition:background .15s,border-color .15s,transform .1s}.search-example-chip:hover{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-example-chip:hover{background:color-mix(in srgb, var(--brown) 17%, transparent)}}.search-example-chip:hover{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-example-chip:hover{border-color:color-mix(in srgb, var(--brown) 38%, transparent)}}.search-example-chip:active{transform:scale(.96)}.search-help-dialog.app-sheet{max-height:min(88dvh,640px)}.guide-sheet.search-help-dialog.app-sheet{max-height:min(92dvh,760px)}.search-help-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:1.125rem;max-height:min(58dvh,26rem);padding-right:.125rem;display:flex;overflow-y:auto}.guide-sheet-body.search-help-body{gap:1.25rem;max-height:min(68dvh,34rem)}.search-help-section{flex-direction:column;flex-shrink:0;gap:.625rem;display:flex}.search-help-section+.search-help-section{border-top:1px solid var(--brown);padding-top:1rem}@supports (color:color-mix(in lab, red, red)){.search-help-section+.search-help-section{border-top:1px solid color-mix(in srgb, var(--brown) 10%, transparent)}}.search-help-section-head{flex-direction:column;gap:.125rem;display:flex}.search-help-section-title{color:var(--brown-dark);margin:0;font-size:.9375rem;font-weight:800}.search-help-section-desc{color:var(--brown);margin:0;font-size:.75rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.search-help-section-desc{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.search-help-group{flex-direction:column;gap:.375rem;display:flex}.search-help-group+.search-help-group{margin-top:.25rem}.search-help-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--brown);margin:0;font-size:.6875rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.search-help-group-label{color:color-mix(in srgb, var(--brown) 48%, transparent)}}.search-help-query-row{flex-wrap:wrap;gap:.4375rem;display:flex}.search-help-query{border:1.5px solid var(--brown);border-radius:.625rem;align-items:center;gap:.3125rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-help-query{border:1.5px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.search-help-query{font-variant-numeric:tabular-nums;color:var(--brown-dark);cursor:pointer;background:#ffffffa6;padding:.4375rem .6875rem .4375rem .4375rem;font-size:.8125rem;font-weight:700;line-height:1;transition:border-color .15s,background .15s,transform .1s}.search-help-query:hover{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-help-query:hover{border-color:color-mix(in srgb, var(--brown) 30%, transparent)}}.search-help-query:hover{background:#fffffff2}.search-help-query:active{background:var(--brown);transform:scale(.97)}@supports (color:color-mix(in lab, red, red)){.search-help-query:active{background:color-mix(in srgb, var(--brown) 8%, white)}}.search-help-query-icon{width:.75rem;height:.75rem;color:var(--brown);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.search-help-query-icon{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.search-help-footer{border-top:1px solid var(--brown);flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.25rem;padding-top:.75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.search-help-footer{border-top:1px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.search-help-skip{min-height:2.125rem;color:var(--brown);background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.4375rem .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-help-skip{color:color-mix(in srgb, var(--brown) 62%, transparent)}}.search-help-skip{cursor:pointer;transition:color .15s,background .15s}.search-help-skip:hover{color:var(--brown-dark);background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-help-skip:hover{background:color-mix(in srgb, var(--brown) 8%, transparent)}}.search-help-got-it{border:1.5px solid var(--brown);border-radius:9999px;justify-content:center;align-items:center;min-height:2.125rem;padding:.4375rem 1.125rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.search-help-got-it{border:1.5px solid color-mix(in srgb, var(--brown) 22%, transparent)}}.search-help-got-it{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-help-got-it{background:color-mix(in srgb, var(--brown) 10%, white)}}.search-help-got-it{color:var(--brown-dark);cursor:pointer;font-size:.8125rem;font-weight:800;transition:border-color .15s,background .15s,transform .1s}.search-help-got-it:hover{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-help-got-it:hover{border-color:color-mix(in srgb, var(--brown) 32%, transparent)}}.search-help-got-it:hover{background:#fffffff2}.search-help-got-it:active{transform:scale(.97)}.zone-search--guide-active{z-index:62;position:relative}.search-bar-unified--guide-active{box-shadow:0 0 0 3px var(--player-yellow), 0 12px 28px -14px #3e272373}@supports (color:color-mix(in lab, red, red)){.search-bar-unified--guide-active{box-shadow:0 0 0 3px color-mix(in srgb, var(--player-yellow) 70%, white), 0 12px 28px -14px #3e272373}}.search-bar-unified--guide-active{animation:2s ease-in-out infinite guide-search-pulse}@keyframes guide-search-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--player-yellow) 55%, white), 0 12px 28px -14px #3e272373}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--player-yellow) 80%, white), 0 16px 32px -12px #3e272380}}.guide-spotlight-root{z-index:61;pointer-events:none;position:fixed;inset:0}.guide-spotlight-backdrop{-webkit-backdrop-filter:blur(3px)saturate(1.05);backdrop-filter:blur(3px)saturate(1.05);pointer-events:auto;cursor:pointer;background:#2d1c1994;border:none;position:fixed;inset:0}.guide-spotlight-ring{pointer-events:none;outline:3px solid var(--player-yellow);border-radius:1.25rem;position:fixed}@supports (color:color-mix(in lab, red, red)){.guide-spotlight-ring{outline:3px solid color-mix(in srgb, var(--player-yellow) 75%, white)}}.guide-spotlight-ring{animation:2s ease-in-out infinite guide-ring-pulse}@keyframes guide-ring-pulse{0%,to{outline:3px solid color-mix(in srgb, var(--player-yellow) 60%, white);box-shadow:0 0 0 0 color-mix(in srgb, var(--player-yellow) 35%, transparent)}50%{outline:4px solid color-mix(in srgb, var(--player-yellow) 92%, white);box-shadow:0 0 0 6px color-mix(in srgb, var(--player-yellow) 28%, transparent)}}.guide-spotlight-callout{border:2px solid var(--player-yellow);border-radius:1.25rem;width:min(30rem,100vw - 1.25rem);padding:1.375rem 1.5rem 1.25rem;position:fixed;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.guide-spotlight-callout{border:2px solid color-mix(in srgb, var(--player-yellow) 45%, var(--brown))}}.guide-spotlight-callout{pointer-events:auto;text-align:center;background:#fdfbf7fc;box-shadow:0 28px 56px -20px #3e27239e,0 8px 20px -8px #3e272359,inset 0 1px #ffffffd9}.guide-spotlight-callout--above{border-bottom-width:3px}.guide-spotlight-callout--below{border-top-width:3px}.guide-spotlight-step{letter-spacing:.06em;text-transform:uppercase;color:var(--brown);margin:0;font-size:.9375rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.guide-spotlight-step{color:color-mix(in srgb, var(--brown) 68%, transparent)}}.guide-spotlight-hero{justify-content:center;margin:.875rem 0 .75rem;display:flex}.guide-spotlight-formats{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.875rem 0 .75rem;display:flex}.guide-spotlight-code{background:linear-gradient(180deg, var(--player-yellow), var(--player-yellow));border-radius:.875rem;justify-content:center;align-items:center;min-width:5.5rem;padding:.625rem 1.375rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.guide-spotlight-code{background:linear-gradient(180deg, color-mix(in srgb, var(--player-yellow) 38%, white), color-mix(in srgb, var(--player-yellow) 22%, white))}}.guide-spotlight-code{border:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.guide-spotlight-code{border:2px solid color-mix(in srgb, var(--brown) 22%, transparent)}}.guide-spotlight-code{font-family:var(--font-display), ui-serif, Georgia, serif;letter-spacing:-.02em;color:var(--brown-dark);font-variant-numeric:tabular-nums;font-size:clamp(2rem,8vw,2.75rem);font-weight:900;line-height:1;box-shadow:0 10px 24px -12px #3e272359,inset 0 1px #ffffffa6}.guide-spotlight-code--format{min-width:auto;padding:.5rem .875rem;font-size:clamp(1.25rem,5vw,1.625rem);font-weight:900}.guide-spotlight-action{color:var(--brown-dark);margin:0;font-size:1.0625rem;font-weight:700;line-height:1.35}.guide-spotlight-action-strong{color:var(--brown-dark);font-weight:900}.guide-spotlight-enter{border:1.5px solid var(--brown);border-radius:.4375rem;min-width:3.25rem;padding:.1875rem .5rem;display:inline-block}@supports (color:color-mix(in lab, red, red)){.guide-spotlight-enter{border:1.5px solid color-mix(in srgb, var(--brown) 22%, transparent)}}.guide-spotlight-enter{color:var(--brown-dark);background:#ffffffe6;font-family:inherit;font-size:.9375rem;font-weight:800;box-shadow:0 1px #fffc}.guide-spotlight-hint{color:var(--brown);margin:.625rem 0 0;font-size:1rem;font-weight:700;line-height:1.35}@supports (color:color-mix(in lab, red, red)){.guide-spotlight-hint{color:color-mix(in srgb, var(--brown) 62%, transparent)}}.guide-spotlight-alt{color:var(--brown);margin:.5rem 0 0;font-size:.8125rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.guide-spotlight-alt{color:color-mix(in srgb, var(--brown) 50%, transparent)}}.guide-spotlight-alt{line-height:1.45}.guide-spotlight-skip{min-height:2.75rem;color:var(--brown);background:0 0;border:none;border-radius:9999px;margin-top:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.guide-spotlight-skip{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.guide-spotlight-skip{cursor:pointer;transition:color .15s,background .15s}.guide-spotlight-skip:hover{color:var(--brown-dark);background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.guide-spotlight-skip:hover{background:color-mix(in srgb, var(--brown) 8%, transparent)}}.guide-home{flex-direction:column;gap:1rem;display:flex}.guide-home-intro{border:1.5px solid var(--player-yellow);border-radius:1rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.guide-home-intro{border:1.5px solid color-mix(in srgb, var(--player-yellow) 35%, var(--brown))}}.guide-home-intro{background:linear-gradient(135deg, var(--player-yellow), #ffffffb8)}@supports (color:color-mix(in lab, red, red)){.guide-home-intro{background:linear-gradient(135deg, color-mix(in srgb, var(--player-yellow) 16%, white), #ffffffb8)}}.guide-home-intro{box-shadow:inset 0 1px #ffffffbf}.guide-home-intro-icon{width:1.375rem;height:1.375rem;color:var(--brown);flex-shrink:0;margin-top:.125rem}@supports (color:color-mix(in lab, red, red)){.guide-home-intro-icon{color:color-mix(in srgb, var(--brown) 70%, transparent)}}.guide-home-intro-copy{flex-direction:column;gap:.25rem;min-width:0;display:flex}.guide-home-prompt{letter-spacing:-.02em;color:var(--brown-dark);margin:0;font-size:1.25rem;font-weight:900;line-height:1.2}.guide-home-sub,.guide-home-note{color:var(--brown);margin:0;font-size:.875rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.guide-home-sub,.guide-home-note{color:color-mix(in srgb, var(--brown) 62%, transparent)}}.guide-home-sub,.guide-home-note{line-height:1.45}.guide-choice-list{flex-direction:column;gap:.5625rem;display:flex}.guide-choice{border:1.5px solid var(--brown);border-radius:.875rem;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:3.75rem;padding:.75rem .875rem;display:flex}@supports (color:color-mix(in lab, red, red)){.guide-choice{border:1.5px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.guide-choice{text-align:left;cursor:pointer;background:#ffffffb8;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;box-shadow:0 4px 14px -10px #3e272347}.guide-choice:hover{border-color:var(--player-yellow)}@supports (color:color-mix(in lab, red, red)){.guide-choice:hover{border-color:color-mix(in srgb, var(--player-yellow) 45%, var(--brown))}}.guide-choice:hover{background:#fffffff5;box-shadow:0 8px 20px -12px #3e272352}.guide-choice:active{transform:scale(.99)}.guide-choice-icon-wrap{background:var(--player-yellow);border-radius:.6875rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.guide-choice-icon-wrap{background:color-mix(in srgb, var(--player-yellow) 20%, white)}}.guide-choice-icon-wrap{border:1px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.guide-choice-icon-wrap{border:1px solid color-mix(in srgb, var(--brown) 12%, transparent)}}.guide-choice-icon{width:1.25rem;height:1.25rem;color:var(--brown-dark)}.guide-choice-copy{flex-direction:column;flex:1;gap:.1875rem;min-width:0;display:flex}.guide-choice-label-row{flex-wrap:wrap;align-items:center;gap:.4375rem;display:flex}.guide-choice-label{color:var(--brown-dark);font-size:1rem;font-weight:800;line-height:1.25}.guide-choice-badge{background:var(--player-yellow);border-radius:.4375rem;align-items:center;padding:.125rem .4375rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.guide-choice-badge{background:color-mix(in srgb, var(--player-yellow) 28%, white)}}.guide-choice-badge{border:1px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.guide-choice-badge{border:1px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.guide-choice-badge{font-size:.75rem;font-weight:800;font-family:var(--font-display), ui-serif, Georgia, serif;color:var(--brown-dark);font-variant-numeric:tabular-nums;line-height:1.2}.guide-choice-desc{color:var(--brown);font-size:.8125rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.guide-choice-desc{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.guide-choice-desc{line-height:1.35}.guide-choice-chevron{width:1.125rem;height:1.125rem;color:var(--brown);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.guide-choice-chevron{color:color-mix(in srgb, var(--brown) 42%, transparent)}}.guide-sheet-footer{margin-top:.25rem}.guide-sheet-footer .search-help-got-it{min-height:2.375rem;padding:.5rem 1.25rem;font-size:.875rem}.guide-back{color:var(--brown);background:0 0;border:none;align-items:center;gap:.3125rem;margin-bottom:.5rem;padding:0;font-size:.75rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.guide-back{color:color-mix(in srgb, var(--brown) 62%, transparent)}}.guide-back{cursor:pointer}.guide-back:hover{color:var(--brown-dark)}.guide-back-icon{width:.875rem;height:.875rem}.guide-topic{flex-direction:column;gap:.625rem;display:flex}.guide-tip-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.guide-tip-item{border:1px solid var(--brown);background:#ffffff8c;border-radius:.625rem;flex-direction:column;gap:.125rem;padding:.5rem .625rem;display:flex}@supports (color:color-mix(in lab, red, red)){.guide-tip-item{border:1px solid color-mix(in srgb, var(--brown) 10%, transparent)}}.guide-tip-title{color:var(--brown-dark);font-size:.8125rem;font-weight:800}.guide-tip-detail{color:var(--brown);font-size:.75rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.guide-tip-detail{color:color-mix(in srgb, var(--brown) 58%, transparent)}}.guide-tip-detail{line-height:1.35}.guide-shortcuts{flex-wrap:wrap;gap:.375rem;display:flex}.guide-shortcut{color:var(--brown);background:#ffffff8c;border-radius:.5rem;align-items:center;gap:.375rem;padding:.3125rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.guide-shortcut{color:color-mix(in srgb, var(--brown) 65%, transparent)}}.guide-kbd{border:1px solid var(--brown);border-radius:.3125rem;padding:.125rem .3125rem}@supports (color:color-mix(in lab, red, red)){.guide-kbd{border:1px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.guide-kbd{color:var(--brown-dark);background:#ffffffd9;font-size:.625rem;font-weight:800}.guide-player-cta{color:var(--brown-dark);margin:.25rem 0 0;font-size:.8125rem;font-weight:800}.guide-cta-btn{border:1.5px solid var(--brown);border-radius:.75rem;justify-content:center;align-items:center;gap:.25rem;width:100%;min-height:2.375rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.guide-cta-btn{border:1.5px solid color-mix(in srgb, var(--brown) 20%, transparent)}}.guide-cta-btn{background:var(--player-yellow)}@supports (color:color-mix(in lab, red, red)){.guide-cta-btn{background:color-mix(in srgb, var(--player-yellow) 18%, white)}}.guide-cta-btn{color:var(--brown-dark);cursor:pointer;font-size:.8125rem;font-weight:800}.guide-cta-btn:hover{background:var(--player-yellow)}@supports (color:color-mix(in lab, red, red)){.guide-cta-btn:hover{background:color-mix(in srgb, var(--player-yellow) 28%, white)}}.guide-cta-icon{width:.875rem;height:.875rem}.guide-more{color:var(--brown);margin-top:.25rem;font-size:.75rem}@supports (color:color-mix(in lab, red, red)){.guide-more{color:color-mix(in srgb, var(--brown) 58%, transparent)}}.guide-more-summary{cursor:pointer;color:var(--brown);font-weight:700}@supports (color:color-mix(in lab, red, red)){.guide-more-summary{color:color-mix(in srgb, var(--brown) 68%, transparent)}}.guide-link-list{flex-direction:column;gap:.375rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.guide-link-item{flex-direction:column;gap:.125rem;display:flex}.guide-code{color:var(--brown-dark);font-size:.6875rem;font-weight:700}.guide-link-desc{color:var(--brown);font-size:.6875rem}@supports (color:color-mix(in lab, red, red)){.guide-link-desc{color:color-mix(in srgb, var(--brown) 52%, transparent)}}.guide-more-note{margin:.5rem 0 0;font-size:.6875rem;line-height:1.4}.header-menu-btn{box-sizing:border-box;min-height:var(--touch-min,2.75rem);border:1.5px solid var(--brown-dark);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;min-width:5.25rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.header-menu-btn{border:1.5px solid color-mix(in srgb, var(--brown-dark) 18%, transparent)}}.header-menu-btn{color:var(--brown-dark);cursor:pointer;background:linear-gradient(#ffffffe6,#f6efdedb);padding:.5rem .75rem;font-size:.875rem;font-weight:700;line-height:1;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s;box-shadow:inset 0 1px #ffffffad,0 8px 18px -14px #3e272333}.header-menu-btn:hover{border-color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.header-menu-btn:hover{border-color:color-mix(in srgb, var(--brown-dark) 26%, transparent)}}.header-menu-btn:hover{background:linear-gradient(#fffffffa,#f8f2e5f0);box-shadow:inset 0 1px #ffffffc2,0 10px 22px -14px #3e272342}.header-menu-btn:active{transform:scale(.97)}.header-menu-btn-icon{width:1.125rem;height:1.125rem;color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.header-menu-btn-icon{color:color-mix(in srgb, var(--brown) 72%, transparent)}}.header-menu-btn-label{display:none}@media (width>=480px){.header-menu-btn-label{display:inline}}.header-app-menu-content{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.header-app-menu-content{border-color:color-mix(in srgb, var(--brown) 18%, transparent)}}.header-app-menu-content{background:#fffffffa;box-shadow:0 8px 24px -8px #5d403738}.header-app-menu-item{min-height:2.75rem;color:var(--brown-dark);border-radius:.625rem;font-weight:600}.header-app-menu-item:focus,.header-app-menu-item[data-highlighted]{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.header-app-menu-item:focus,.header-app-menu-item[data-highlighted]{background:color-mix(in srgb, var(--brown) 8%, transparent)}}.header-app-menu-item:focus,.header-app-menu-item[data-highlighted]{color:var(--brown-dark)}.header-app-menu-item--nav{gap:.625rem}.header-app-menu-item-label{flex:1;min-width:0}.header-app-menu-item-trail{flex-shrink:0;align-items:center;gap:.125rem;margin-left:auto;display:inline-flex}.header-app-menu-item-hint{color:var(--brown);font-size:.8125rem;font-weight:500}@supports (color:color-mix(in lab, red, red)){.header-app-menu-item-hint{color:color-mix(in srgb, var(--brown) 58%, transparent)}}.header-app-menu-item-chevron{width:1rem;height:1rem;color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.header-app-menu-item-chevron{color:color-mix(in srgb, var(--brown) 42%, transparent)}}.offline-page{min-height:100dvh}.offline-page-main{min-height:0;padding-bottom:max(1.5rem, env(safe-area-inset-bottom,0px));flex:auto}.offline-page-main:not(:has(.offline-library)){-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow:hidden auto}.offline-page-main:has(.offline-library){overflow:hidden}.offline-page-main>.offline-library{flex:0 auto;min-height:0;max-height:100%}.offline-page-main>.offline-download-banner,.offline-page-main>.offline-advisory,.offline-page-main>.offline-empty{flex-shrink:0}.app-screen-header{min-height:3.25rem}.app-screen-back-btn{min-height:var(--touch-min,2.75rem);border:1.5px solid var(--brown-dark);border-radius:.95rem;justify-content:center;align-items:center;gap:.375rem;min-width:5.25rem;padding:.5rem .75rem .5rem .625rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.app-screen-back-btn{border:1.5px solid color-mix(in srgb, var(--brown-dark) 22%, transparent)}}.app-screen-back-btn{color:var(--brown-dark);background:linear-gradient(#ffffffeb,#f4ecd8e6);font-size:.875rem;font-weight:800;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s;box-shadow:inset 0 1px #ffffffb8,0 8px 18px -14px #3e272347}.app-screen-back-btn:hover{border-color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.app-screen-back-btn:hover{border-color:color-mix(in srgb, var(--brown-dark) 32%, transparent)}}.app-screen-back-btn:hover{background:linear-gradient(#fff,#f6efdef5);box-shadow:inset 0 1px #fffc,0 10px 22px -14px #3e272357}.app-screen-back-btn:active{transform:scale(.98)}.app-screen-back-btn-label{display:inline}.offline-card{border:1.5px solid var(--brown);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.offline-card{border:1.5px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.offline-card{background:#ffffff9e;padding:1rem 1.125rem;box-shadow:0 2px 12px -8px #5d40372e}.offline-card-icon{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-card-icon{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.offline-advisory{border:1.5px solid var(--amber,#d97706);border-radius:.875rem;gap:.75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.offline-advisory{border:1.5px solid color-mix(in srgb, var(--amber,#d97706) 35%, transparent)}}.offline-advisory{background:var(--amber,#d97706)}@supports (color:color-mix(in lab, red, red)){.offline-advisory{background:color-mix(in srgb, var(--amber,#d97706) 8%, white)}}.offline-advisory{color:var(--brown-dark);padding:.875rem 1rem}.offline-advisory--compact{gap:.5rem;padding:.625rem .75rem}.offline-download-banner{border:1.5px solid var(--player-teal,#2a9d8f);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.offline-download-banner{border:1.5px solid color-mix(in srgb, var(--player-teal,#2a9d8f) 28%, transparent)}}.offline-download-banner{background:var(--player-teal,#2a9d8f)}@supports (color:color-mix(in lab, red, red)){.offline-download-banner{background:color-mix(in srgb, var(--player-teal,#2a9d8f) 10%, white)}}.offline-download-banner{padding:.875rem 1rem;box-shadow:0 6px 18px -12px #2a9d8f4d}.offline-library{border:1.5px solid var(--brown);border-radius:1.25rem;flex-direction:column;flex:0 auto;gap:.875rem;min-height:0;max-height:100%;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.offline-library{border:1.5px solid color-mix(in srgb, var(--brown) 15%, transparent)}}.offline-library{background:linear-gradient(#f8f2e6b8,#ece2ce9e),#f1e9d98f;padding:1rem 1rem 1.125rem;box-shadow:inset 0 1px #ffffff7a,0 9px 24px -17px #3e272326}.offline-library-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.offline-library-header-end{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.625rem;display:flex}.offline-library-storage{font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--brown);margin:0;font-size:.75rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.offline-library-storage{color:color-mix(in srgb, var(--brown) 58%, transparent)}}.offline-library-storage{white-space:nowrap}.offline-library-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--brown) transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.offline-library-body{scrollbar-color:color-mix(in srgb, var(--brown) 30%, transparent) transparent}}.offline-library-body{padding-right:.125rem}.offline-library-scroll{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.offline-library-scroll-fade{pointer-events:none;opacity:0;background:linear-gradient(#f1e9d900 0%,#ece2ce8c 38%,#e8ddc8e0 72%,#e4d8c2fa 100%);border-radius:0 0 .875rem .875rem;height:2.5rem;transition:opacity .22s;position:absolute;bottom:0;left:0;right:.375rem}.offline-library-scroll-fade--visible{opacity:1}@media (prefers-reduced-motion:reduce){.offline-library-scroll-fade{transition:none}}.offline-library-body::-webkit-scrollbar{width:.375rem}.offline-library-body::-webkit-scrollbar-thumb{background:var(--brown);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.offline-library-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--brown) 30%, transparent)}}.offline-library-body::-webkit-scrollbar-track{background:0 0}.offline-tab-empty{border:1px dashed var(--brown);border-radius:.875rem}@supports (color:color-mix(in lab, red, red)){.offline-tab-empty{border:1px dashed color-mix(in srgb, var(--brown) 16%, transparent)}}.offline-tab-empty{text-align:center;background:#ffffff59;padding:1.25rem 1rem}.warm-surface-card{border:1.5px solid var(--brown);border-radius:1.25rem}@supports (color:color-mix(in lab, red, red)){.warm-surface-card{border:1.5px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.warm-surface-card{background:linear-gradient(#ffffffd6,#f4ecd8b8),#f4ecd8a8;box-shadow:inset 0 1px #ffffffb8,0 10px 26px -18px #3e27232e,0 22px 48px -34px #3e272338}.offline-empty{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.25rem 1.75rem;display:flex}.offline-empty-icon{border:1.5px solid var(--brown);border-radius:1.125rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.offline-empty-icon{border:1.5px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.offline-empty-icon{color:var(--brown);background:linear-gradient(#ffffffeb,#ffffffb8)}@supports (color:color-mix(in lab, red, red)){.offline-empty-icon{color:color-mix(in srgb, var(--brown) 58%, transparent)}}.offline-empty-icon{box-shadow:inset 0 1px #ffffffc7,0 8px 18px -16px #3e27234d}.offline-empty-lead{max-width:23rem;color:var(--brown);margin:.5rem 0 0;font-size:.9375rem;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.offline-empty-lead{color:color-mix(in srgb, var(--brown) 72%, transparent)}}.offline-empty-footnote{max-width:22rem;color:var(--brown);margin:.9rem 0 0;font-size:.75rem}@supports (color:color-mix(in lab, red, red)){.offline-empty-footnote{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.offline-btn{min-height:var(--touch-min,2.75rem);font-family:var(--font-ui);letter-spacing:-.01em;cursor:pointer;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.9375rem;font-weight:800;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s,opacity .15s;display:inline-flex}.offline-btn:disabled{opacity:.55;cursor:not-allowed}.offline-btn--primary{border:1.5px solid var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.offline-btn--primary{border:1.5px solid color-mix(in srgb, var(--brown-dark) 88%, transparent)}}.offline-btn--primary{color:#fdfbf7;background:linear-gradient(135deg,#5d4037,#3e2723);box-shadow:0 6px 18px -10px #3e272373}.offline-btn--primary:hover:not(:disabled){filter:brightness(1.06)}.offline-btn--primary:active:not(:disabled){transform:scale(.98);box-shadow:0 3px 10px -8px #3e272366}.offline-btn--ghost{border:1.5px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-btn--ghost{border:1.5px solid color-mix(in srgb, var(--brown) 22%, transparent)}}.offline-btn--ghost{color:var(--brown-dark);background:#ffffff8c;font-weight:700}.offline-btn--ghost:hover:not(:disabled){background:#ffffffeb}.offline-btn--wide{width:100%}.offline-btn--hero{letter-spacing:-.01em;border-color:var(--brown-dark);min-width:min(100%,18.5rem);min-height:4.25rem;padding-inline:1.875rem;font-size:1.125rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.offline-btn--hero{border-color:color-mix(in srgb, var(--brown-dark) 88%, transparent)}}.offline-btn--hero{background:linear-gradient(135deg,#5d4037,#3e2723);box-shadow:0 12px 26px -14px #3e27237a}.offline-btn--compact{letter-spacing:-.01em;flex-shrink:0;min-height:2.5rem;padding-inline:.875rem;font-size:.9375rem;font-weight:800}.offline-btn--danger{border:1.5px solid var(--destructive,#dc2626)}@supports (color:color-mix(in lab, red, red)){.offline-btn--danger{border:1.5px solid color-mix(in srgb, var(--destructive,#dc2626) 42%, transparent)}}.offline-btn--danger{background:var(--destructive,#dc2626)}@supports (color:color-mix(in lab, red, red)){.offline-btn--danger{background:color-mix(in srgb, var(--destructive,#dc2626) 10%, white)}}.offline-btn--danger{color:var(--destructive,#dc2626);font-weight:800}.offline-btn--danger:hover:not(:disabled){background:var(--destructive,#dc2626)}@supports (color:color-mix(in lab, red, red)){.offline-btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--destructive,#dc2626) 16%, white)}}.offline-btn--danger:hover:not(:disabled){border-color:var(--destructive,#dc2626)}@supports (color:color-mix(in lab, red, red)){.offline-btn--danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--destructive,#dc2626) 55%, transparent)}}.offline-progress{border:1.5px solid var(--brown);border-radius:.875rem}@supports (color:color-mix(in lab, red, red)){.offline-progress{border:1.5px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.offline-progress{background:#ffffff8c;padding:.875rem}.offline-field{flex-direction:column;gap:.375rem;display:flex}.offline-field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--brown);font-size:.75rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.offline-field-label{color:color-mix(in srgb, var(--brown) 58%, transparent)}}.offline-field--primary .offline-field-label{letter-spacing:.02em;text-transform:none;color:var(--brown-dark);font-size:.8125rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.offline-field--primary .offline-field-label{color:color-mix(in srgb, var(--brown-dark) 88%, transparent)}}.offline-form-control--prominent{font-weight:700;height:auto!important;min-height:3.25rem!important;font-size:1.0625rem!important}.offline-form-number-input--prominent{font-size:1.25rem!important;font-weight:800!important}.offline-ayah-range--primary{margin-top:.125rem}.offline-form-surah-trigger{border:1.5px solid var(--brown);border-radius:.75rem;align-items:center;gap:.625rem;width:100%;display:flex}@supports (color:color-mix(in lab, red, red)){.offline-form-surah-trigger{border:1.5px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.offline-form-surah-trigger{color:var(--brown-dark);cursor:pointer;background:#ffffffe6;padding:.625rem .875rem;transition:border-color .15s,background .15s}.offline-form-surah-trigger:hover:not(:disabled){border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-surah-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-form-surah-trigger:hover:not(:disabled){background:#fffffffa}.offline-form-surah-trigger:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-surah-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-form-surah-trigger:focus-visible{outline-offset:1px}.offline-form-surah-trigger:disabled{opacity:.55;cursor:not-allowed}.offline-form-surah-popover{z-index:120;border:1.5px solid var(--brown);border-radius:.875rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.offline-form-surah-popover{border:1.5px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.offline-form-surah-popover{background:#fdfbf7fa;box-shadow:0 8px 24px -8px #5d403759}.offline-form-surah-command [cmdk-input-wrapper]{z-index:1;border-bottom:1px solid var(--brown);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.offline-form-surah-command [cmdk-input-wrapper]{border-bottom:1px solid color-mix(in srgb, var(--brown) 10%, transparent)}}.offline-form-surah-command [cmdk-input-wrapper]{background:#fdfbf7fa}.offline-form-surah-search{min-height:2.75rem;font-weight:600;font-size:1rem!important}.offline-form-surah-list{max-height:min(16rem,50vh)}.offline-form-surah-item{border-radius:.5rem;gap:.5rem;padding:.625rem .5rem;font-size:.9375rem;font-weight:600}.offline-form-surah-item[data-selected=true]{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-surah-item[data-selected=true]{background:color-mix(in srgb, var(--brown) 8%, white)}}.offline-form-surah-item[data-selected=true]{color:var(--brown-dark)}.offline-form-surah-item-meta{max-width:42%;color:var(--brown);font-size:.75rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.offline-form-surah-item-meta{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.offline-form{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.offline-form-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.875rem;min-height:0;padding-right:.125rem;display:flex;overflow-y:auto}.offline-form-section{flex-direction:column;gap:.625rem;display:flex}.offline-form-section+.offline-form-section{border-top:1px solid var(--brown);padding-top:.875rem}@supports (color:color-mix(in lab, red, red)){.offline-form-section+.offline-form-section{border-top:1px solid color-mix(in srgb, var(--brown) 10%, transparent)}}.offline-form-section-head{flex-direction:column;gap:.125rem;display:flex}.offline-form-section-title{color:var(--brown-dark);margin:0;font-size:.8125rem;font-weight:800}.offline-form-section-desc{color:var(--brown);margin:0;font-size:.6875rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.offline-form-section-desc{color:color-mix(in srgb, var(--brown) 52%, transparent)}}.offline-form-select{min-height:var(--touch-min,2.75rem);border:1.5px solid var(--brown);border-radius:.75rem;width:100%;height:auto}@supports (color:color-mix(in lab, red, red)){.offline-form-select{border:1.5px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.offline-form-select{color:var(--brown-dark);box-shadow:none;background:#ffffffe6;padding:.5rem .75rem;font-size:1rem;font-weight:600;line-height:1.2}.offline-form-select:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-select:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-form-select:focus-visible{outline-offset:1px}.offline-form-select-menu{max-height:min(16rem, var(--radix-select-content-available-height,16rem));border:1.5px solid var(--brown);border-radius:.875rem}@supports (color:color-mix(in lab, red, red)){.offline-form-select-menu{border:1.5px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.offline-form-select-menu{background:#fdfbf7fa;padding:.375rem;box-shadow:0 8px 24px -8px #5d403759}.offline-form-select-menu--surah{max-height:min(18rem, var(--radix-select-content-available-height,18rem))}.offline-form-input{min-height:var(--touch-min,2.75rem);border:1.5px solid var(--brown);border-radius:.75rem;height:auto}@supports (color:color-mix(in lab, red, red)){.offline-form-input{border:1.5px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.offline-form-input{color:var(--brown-dark);box-shadow:none;background:#ffffffe6;padding:.5rem .75rem;font-size:1rem;font-weight:600}.offline-form-input:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-input:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-form-input:focus-visible{outline-offset:1px}.offline-form-input[aria-invalid=true]{border-color:var(--destructive,#dc2626)}@supports (color:color-mix(in lab, red, red)){.offline-form-input[aria-invalid=true]{border-color:color-mix(in srgb, var(--destructive,#dc2626) 45%, transparent)}}.offline-form-range-toolbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.offline-form-range-toolbar--end{justify-content:flex-end}.offline-edit-range-context{flex-direction:column;gap:.25rem;margin:0;display:flex}.offline-edit-range-surah{letter-spacing:-.01em;color:var(--brown-dark);font-size:1.25rem;font-weight:800;line-height:1.2}.offline-edit-range-reciter{color:var(--brown);font-size:.9375rem;font-weight:600;line-height:1.25}@supports (color:color-mix(in lab, red, red)){.offline-edit-range-reciter{color:color-mix(in srgb, var(--brown) 62%, transparent)}}.offline-form-chip{border:1.5px solid var(--brown);border-radius:9999px;align-items:center;min-height:2rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.offline-form-chip{border:1.5px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.offline-form-chip{color:var(--brown-dark);background:#ffffffb8;padding:.25rem .75rem;font-size:.75rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.offline-form-chip{color:color-mix(in srgb, var(--brown-dark) 82%, transparent)}}.offline-form-chip{cursor:pointer;transition:border-color .15s,background .15s,color .15s}.offline-form-chip:hover{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-chip:hover{border-color:color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-form-chip:hover{background:#fffffff2}.offline-form-chip--active{border-color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.offline-form-chip--active{border-color:color-mix(in srgb, var(--brown-dark) 28%, transparent)}}.offline-form-chip--active{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-chip--active{background:color-mix(in srgb, var(--brown) 10%, white)}}.offline-form-chip--active{color:var(--brown-dark)}.offline-form-chip:disabled{opacity:.55;cursor:not-allowed}.offline-form-segmented{border:1.5px solid var(--brown);border-radius:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;padding:.25rem;display:grid}@supports (color:color-mix(in lab, red, red)){.offline-form-segmented{border:1.5px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.offline-form-segmented{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-segmented{background:color-mix(in srgb, var(--brown) 5%, #ffffff8c)}}.offline-form-segmented{box-shadow:inset 0 1px #ffffff8c}.offline-form-segment{min-height:var(--touch-min,2.75rem);color:var(--brown-dark);background:0 0;border:none;border-radius:.625rem;padding:.5rem .625rem;font-size:.875rem;font-weight:700;line-height:1.2}@supports (color:color-mix(in lab, red, red)){.offline-form-segment{color:color-mix(in srgb, var(--brown-dark) 72%, transparent)}}.offline-form-segment{cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.offline-form-segment:hover:not(:disabled){color:var(--brown-dark);background:#ffffff8c}.offline-form-segment--active{color:var(--brown-dark);background:#fffffff0;box-shadow:0 1px 2px #3e272314,inset 0 1px #ffffffe6}.offline-form-segment:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-segment:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-form-segment:focus-visible{outline-offset:1px}.offline-form-segment:disabled{opacity:.55;cursor:not-allowed}.offline-form-number{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:.375rem;display:grid}.offline-form-number-step{min-width:var(--touch-min,2.75rem);min-height:var(--touch-min,2.75rem);border:1.5px solid var(--brown);border-radius:.75rem;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.offline-form-number-step{border:1.5px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.offline-form-number-step{color:var(--brown-dark);cursor:pointer;background:#ffffffd1;transition:background .15s,border-color .15s}.offline-form-number-step:hover:not(:disabled){border-color:var(--brown);background:#fffffffa}@supports (color:color-mix(in lab, red, red)){.offline-form-number-step:hover:not(:disabled){border-color:color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-form-number-step:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-number-step:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-form-number-step:focus-visible{outline-offset:1px}.offline-form-number-step:disabled{opacity:.45;cursor:not-allowed}.offline-form-number-input{text-align:center;font-variant-numeric:tabular-nums;min-width:0}.offline-form-advanced{border:1.5px solid var(--brown);border-radius:.875rem}@supports (color:color-mix(in lab, red, red)){.offline-form-advanced{border:1.5px solid color-mix(in srgb, var(--brown) 10%, transparent)}}.offline-form-advanced{background:#ffffff59}.offline-form-advanced-trigger{text-align:left;cursor:pointer;width:100%;color:var(--brown-dark);background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem .875rem;display:flex}.offline-form-advanced-trigger:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-advanced-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-form-advanced-trigger:focus-visible{outline-offset:-2px;border-radius:.875rem}.offline-form-advanced-label{color:var(--brown);font-size:.75rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.offline-form-advanced-label{color:color-mix(in srgb, var(--brown) 58%, transparent)}}.offline-form-advanced-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;font-weight:700;overflow:hidden}.offline-form-advanced-chevron{color:var(--brown);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.offline-form-advanced-chevron{color:color-mix(in srgb, var(--brown) 50%, transparent)}}.offline-form-advanced-chevron{transition:transform .2s}.offline-form-advanced[data-state=open] .offline-form-advanced-chevron{transform:rotate(180deg)}.offline-form-advanced-content{padding:0 .875rem .875rem}.offline-form-error{color:var(--destructive,#dc2626);margin:0;font-size:.8125rem;font-weight:600}.offline-form-summary{border:1.5px solid var(--brown);border-radius:.875rem}@supports (color:color-mix(in lab, red, red)){.offline-form-summary{border:1.5px solid color-mix(in srgb, var(--brown) 12%, transparent)}}.offline-form-summary{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-summary{background:color-mix(in srgb, var(--brown) 4%, white)}}.offline-form-summary{padding:.75rem .875rem}.offline-form-summary-main{color:var(--brown-dark);margin:0;font-size:.875rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.offline-form-summary-main{color:color-mix(in srgb, var(--brown-dark) 88%, transparent)}}.offline-form-summary-count{color:var(--brown-dark);font-size:1rem;font-weight:800}.offline-form-summary-meta{color:var(--brown);margin:.375rem 0 0;font-size:.75rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.offline-form-summary-meta{color:color-mix(in srgb, var(--brown) 58%, transparent)}}.offline-form-summary-sep{color:var(--brown);margin-inline:.375rem}@supports (color:color-mix(in lab, red, red)){.offline-form-summary-sep{color:color-mix(in srgb, var(--brown) 35%, transparent)}}.offline-form-summary-warn{color:var(--amber,#d97706);margin:.375rem 0 0;font-size:.75rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.offline-form-summary-warn{color:color-mix(in srgb, var(--amber,#d97706) 85%, var(--brown-dark))}}.offline-form-footer{border-top:1px solid var(--brown);flex-shrink:0;padding-top:.875rem}@supports (color:color-mix(in lab, red, red)){.offline-form-footer{border-top:1px solid color-mix(in srgb, var(--brown) 10%, transparent)}}.offline-form-footer--dual{border-top:1px solid var(--brown);grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-top:.375rem;padding:.875rem .75rem .25rem;display:grid}@supports (color:color-mix(in lab, red, red)){.offline-form-footer--dual{border-top:1px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.offline-form-footer--dual{background:linear-gradient(180deg, #ffffff57, #ece2ce80), var(--background);border-radius:.95rem}@supports (color:color-mix(in lab, red, red)){.offline-form-footer--dual{background:linear-gradient(180deg, #ffffff57, #ece2ce80), color-mix(in srgb, var(--background) 72%, #e4d8c29e)}}.offline-form-footer--dual{box-shadow:inset 0 1px #ffffff94,inset 0 -1px #5d40370d,0 -10px 22px -18px #3e272324}.offline-form-footer--dual .offline-btn--ghost{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-form-footer--dual .offline-btn--ghost{border-color:color-mix(in srgb, var(--brown) 20%, transparent)}}.offline-form-footer--dual .offline-btn--ghost{background:#ffffffc7;box-shadow:inset 0 1px #ffffffb8}.offline-form-footer--dual .offline-btn--ghost:hover:not(:disabled){border-color:var(--brown);background:#fffffff5}@supports (color:color-mix(in lab, red, red)){.offline-form-footer--dual .offline-btn--ghost:hover:not(:disabled){border-color:color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-form-footer--dual .offline-btn{width:100%;min-height:2.8125rem;padding-inline:.75rem;font-size:.875rem}.offline-download-sheet .offline-form-footer--dual{margin-inline:-.25rem}@media (width<=639px){.offline-download-sheet.app-sheet.dialog-sheet .offline-form-footer--dual{margin-inline:-1.25rem;margin-bottom:calc(-1.25rem - env(safe-area-inset-bottom,0px));padding-inline:1.25rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom,0px));border-top-color:var(--brown);border-radius:0}@supports (color:color-mix(in lab, red, red)){.offline-download-sheet.app-sheet.dialog-sheet .offline-form-footer--dual{border-top-color:color-mix(in srgb, var(--brown) 18%, transparent)}}.offline-download-sheet.app-sheet.dialog-sheet .offline-form-footer--dual{background:linear-gradient(#f8f2e6b8,#e8ddc8e0),#ece2ce9e;box-shadow:inset 0 1px #ffffff80,0 -12px 24px -20px #3e272329}}@media (width<=24rem){.offline-form-footer--dual{grid-template-columns:1fr}}.offline-download-sheet.app-sheet{max-height:min(90dvh,720px)}.offline-select,.offline-input{min-height:var(--touch-min,2.75rem);border:1.5px solid var(--brown);border-radius:.75rem}@supports (color:color-mix(in lab, red, red)){.offline-select,.offline-input{border:1.5px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.offline-select,.offline-input{color:var(--brown-dark);background:#ffffffe6;padding:.5rem .75rem;font-size:1rem}.offline-select:focus,.offline-input:focus{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-select:focus,.offline-input:focus{outline:2px solid color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-select:focus,.offline-input:focus{outline-offset:1px}.offline-estimate-warn{color:var(--amber,#d97706)}@supports (color:color-mix(in lab, red, red)){.offline-estimate-warn{color:color-mix(in srgb, var(--amber,#d97706) 85%, var(--brown-dark))}}.offline-estimate-warn{font-weight:600}.offline-storage-bar{background:var(--brown);border-radius:9999px;height:.3125rem;display:flex}@supports (color:color-mix(in lab, red, red)){.offline-storage-bar{background:color-mix(in srgb, var(--brown) 10%, transparent)}}.offline-storage-bar{overflow:hidden}.offline-storage-bar-fill{background:var(--player-teal,#2a9d8f);height:100%;transition:width .2s;display:block}.offline-confirm{border:1.5px solid var(--amber,#d97706);border-radius:.875rem}@supports (color:color-mix(in lab, red, red)){.offline-confirm{border:1.5px solid color-mix(in srgb, var(--amber,#d97706) 30%, transparent)}}.offline-confirm{background:var(--amber,#d97706)}@supports (color:color-mix(in lab, red, red)){.offline-confirm{background:color-mix(in srgb, var(--amber,#d97706) 6%, white)}}.offline-confirm{padding:.875rem}.offline-cached-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.offline-cached-item{border:1px solid var(--brown);border-radius:.875rem;align-items:center;gap:.625rem;display:flex}@supports (color:color-mix(in lab, red, red)){.offline-cached-item{border:1px solid color-mix(in srgb, var(--brown) 13%, transparent)}}.offline-cached-item{background:linear-gradient(#ffffffe6,#fcf8f0c7);padding:.6875rem .75rem;transition:background .15s,border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffffe0,0 2px 8px -7px #3e27231f}.offline-cached-item:hover{border-color:var(--brown);background:linear-gradient(#fffffff5,#fcf8f0db)}@supports (color:color-mix(in lab, red, red)){.offline-cached-item:hover{border-color:color-mix(in srgb, var(--brown) 17%, transparent)}}.offline-cached-item:hover{box-shadow:inset 0 1px #fffffff0,0 3px 12px -7px #3e272324}.offline-cached-item--delete-pending{border-color:var(--destructive,#dc2626)}@supports (color:color-mix(in lab, red, red)){.offline-cached-item--delete-pending{border-color:color-mix(in srgb, var(--destructive,#dc2626) 22%, transparent)}}.offline-cached-item--delete-pending{background:var(--destructive,#dc2626)}@supports (color:color-mix(in lab, red, red)){.offline-cached-item--delete-pending{background:color-mix(in srgb, var(--destructive,#dc2626) 4%, #ffffffb8)}}.offline-delete-confirm{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.offline-delete-confirm-btn{border-radius:.5rem;min-height:2.25rem;padding-inline:.75rem;font-size:.8125rem}.offline-icon-btn{min-width:2.5rem;min-height:2.5rem;color:var(--brown);background:0 0;border:none;border-radius:.625rem;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.offline-icon-btn{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.offline-icon-btn{cursor:pointer}.offline-icon-btn:hover{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-icon-btn:hover{background:color-mix(in srgb, var(--brown) 12%, transparent)}}.offline-icon-btn:hover,.offline-icon-btn--play{color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.offline-icon-btn--play{color:color-mix(in srgb, var(--brown-dark) 80%, transparent)}}.offline-icon-btn--play:hover{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-icon-btn--play:hover{background:color-mix(in srgb, var(--brown) 12%, transparent)}}.offline-icon-btn--play:hover{color:var(--brown-dark)}.offline-icon-btn--more:hover{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-icon-btn--more:hover{background:color-mix(in srgb, var(--brown) 12%, transparent)}}.offline-icon-btn--more:hover{color:var(--brown-dark)}.offline-group-menu-content{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-group-menu-content{border-color:color-mix(in srgb, var(--brown) 18%, transparent)}}.offline-group-menu-content{background:#fffffffa;box-shadow:0 8px 24px -8px #5d403738}.offline-group-menu-item{min-height:2.75rem;color:var(--brown-dark);border-radius:.625rem;font-weight:600}.offline-group-menu-item:focus,.offline-group-menu-item[data-highlighted]{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-group-menu-item:focus,.offline-group-menu-item[data-highlighted]{background:color-mix(in srgb, var(--brown) 8%, transparent)}}.offline-group-menu-item:focus,.offline-group-menu-item[data-highlighted]{color:var(--brown-dark)}.offline-group-menu-item--destructive{color:var(--destructive,#dc2626)}.offline-group-menu-item--destructive:focus,.offline-group-menu-item--destructive[data-highlighted]{background:var(--destructive,#dc2626)}@supports (color:color-mix(in lab, red, red)){.offline-group-menu-item--destructive:focus,.offline-group-menu-item--destructive[data-highlighted]{background:color-mix(in srgb, var(--destructive,#dc2626) 8%, transparent)}}.offline-group-menu-item--destructive:focus,.offline-group-menu-item--destructive[data-highlighted]{color:var(--destructive,#dc2626)}.offline-group-menu-separator{background:var(--brown);margin-block:.25rem}@supports (color:color-mix(in lab, red, red)){.offline-group-menu-separator{background:color-mix(in srgb, var(--brown) 12%, transparent)}}.offline-icon-btn--save{color:var(--player-teal,#2a9d8f)}@supports (color:color-mix(in lab, red, red)){.offline-icon-btn--save{color:color-mix(in srgb, var(--player-teal,#2a9d8f) 92%, var(--brown-dark))}}.offline-icon-btn--save:hover{background:var(--player-teal,#2a9d8f)}@supports (color:color-mix(in lab, red, red)){.offline-icon-btn--save:hover{background:color-mix(in srgb, var(--player-teal,#2a9d8f) 14%, transparent)}}.offline-icon-btn--save:hover{color:var(--player-teal,#2a9d8f)}.offline-save-btn{border:1.5px solid #1a6b60;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;gap:.3125rem;min-height:2.5rem;padding:0 .6875rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.offline-save-btn{border:1.5px solid color-mix(in srgb, #1a6b60 72%, var(--brown-dark))}}.offline-save-btn{background:linear-gradient(180deg, var(--player-teal,#2a9d8f), var(--player-teal,#2a9d8f))}@supports (color:color-mix(in lab, red, red)){.offline-save-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--player-teal,#2a9d8f) 24%, white), color-mix(in srgb, var(--player-teal,#2a9d8f) 16%, white))}}.offline-save-btn{color:#134a42;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff8c,0 1px 3px -2px #1a5a5233}.offline-save-btn:hover{background:linear-gradient(180deg, var(--player-teal,#2a9d8f), var(--player-teal,#2a9d8f))}@supports (color:color-mix(in lab, red, red)){.offline-save-btn:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--player-teal,#2a9d8f) 34%, white), color-mix(in srgb, var(--player-teal,#2a9d8f) 24%, white))}}.offline-save-btn:hover{color:#0f3d37;border-color:#1a6b60;box-shadow:inset 0 1px #ffffff9e,0 2px 6px -3px #1a5a5247}.offline-save-btn-icon{flex-shrink:0;width:1rem;height:1rem}.offline-save-btn-label{letter-spacing:.01em;white-space:nowrap;font-size:.75rem;font-weight:800}.offline-save-tooltip{border:1px solid var(--brown);max-width:13.5rem}@supports (color:color-mix(in lab, red, red)){.offline-save-tooltip{border:1px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.offline-save-tooltip{background:var(--brown-dark);color:#fdfbf7;text-align:center;line-height:1.35}.offline-tabs-row{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.offline-tabs-row-end{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.offline-tabs{border:1.5px solid var(--border);border-radius:9999px;flex-wrap:nowrap;flex:none;align-items:center;gap:.25rem;width:fit-content;max-width:100%;padding:.25rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.offline-tabs{border:1.5px solid color-mix(in srgb, var(--border) 72%, white 28%)}}.offline-tabs{background:linear-gradient(180deg, var(--background), var(--background))}@supports (color:color-mix(in lab, red, red)){.offline-tabs{background:linear-gradient(180deg, color-mix(in srgb, var(--background) 88%, white 12%), color-mix(in srgb, var(--background) 72%, #f4ecd859))}}.offline-tabs{isolation:isolate;box-shadow:0 4px 16px -10px #2c181029,inset 0 1px #ffffff94,inset 0 -1px #5d40370f}.offline-tabs-slider{z-index:0;background:linear-gradient(180deg, white, var(--background));border-radius:9999px;position:absolute;top:.25rem;bottom:.25rem;left:0}@supports (color:color-mix(in lab, red, red)){.offline-tabs-slider{background:linear-gradient(180deg, color-mix(in srgb, white 92%, var(--background) 8%), color-mix(in srgb, var(--background) 76%, white 24%))}}.offline-tabs-slider{border:1px solid #fff}@supports (color:color-mix(in lab, red, red)){.offline-tabs-slider{border:1px solid color-mix(in srgb, white 58%, var(--border) 42%)}}.offline-tabs-slider{pointer-events:none;opacity:0;will-change:transform, width;transition:transform .48s cubic-bezier(.4,0,.2,1),width .48s cubic-bezier(.4,0,.2,1),opacity .2s;box-shadow:0 4px 14px -8px #2c181038,inset 0 1px #fffffff0,inset 0 -1px #5d40370d}.offline-tabs--ready .offline-tabs-slider{opacity:1}.offline-tab{z-index:1;min-height:0;font-family:var(--font-ui);white-space:nowrap;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;gap:.3125rem;padding:.4375rem .9375rem;line-height:1;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.offline-tab{color:color-mix(in srgb, var(--foreground) 68%, var(--brown) 32%)}}.offline-tab{cursor:pointer;transition:color .32s}.offline-tab-title{font-size:.8125rem;font-weight:800}.offline-tab-sub{display:none}.offline-tab--sized{white-space:nowrap;flex-direction:column;align-items:center;gap:.125rem;padding:.4375rem 1rem .5rem}.offline-tab--sized .offline-tab-sub{font-variant-numeric:tabular-nums;color:var(--brown);font-size:.6875rem;font-weight:700;line-height:1.1;display:block}@supports (color:color-mix(in lab, red, red)){.offline-tab--sized .offline-tab-sub{color:color-mix(in srgb, var(--brown) 56%, transparent)}}.offline-tab--sized .offline-tab-sub{transition:color .32s}.offline-tab--sized.offline-tab--active .offline-tab-sub{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-tab--sized.offline-tab--active .offline-tab-sub{color:color-mix(in srgb, var(--brown) 72%, transparent)}}.offline-tab-count{color:var(--brown);font-size:.6875rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.offline-tab-count{color:color-mix(in srgb, var(--brown) 52%, transparent)}}.offline-tab-count{transition:color .32s}.offline-tab:hover:not(.offline-tab--active){color:var(--brown-dark)}.offline-tab:active:not(.offline-tab--active){opacity:.82}.offline-tab--active{color:var(--brown-dark)}.offline-tab--active .offline-tab-count{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-tab--active .offline-tab-count{color:color-mix(in srgb, var(--brown) 72%, transparent)}}@media (prefers-reduced-motion:reduce){.offline-tab,.offline-tab-count,.offline-tabs-slider{transition:none}}.offline-text-btn{color:var(--brown);background:0 0;border:none;flex-shrink:0;font-size:.8125rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.offline-text-btn{color:color-mix(in srgb, var(--brown) 65%, transparent)}}.offline-text-btn{cursor:pointer;white-space:nowrap;border-radius:.25rem;margin:-.125rem -.25rem;padding:.125rem .25rem;text-decoration:none;transition:color .15s,text-decoration-color .15s}.offline-text-btn:hover,.offline-text-btn:focus-visible{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.offline-text-btn:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-text-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 28%, transparent)}}.offline-text-btn:focus-visible{outline-offset:2px}.offline-text-btn--destructive{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.offline-text-btn--destructive{color:color-mix(in srgb, var(--brown) 52%, transparent)}}.offline-text-btn--destructive:hover,.offline-text-btn--destructive:focus-visible{color:var(--destructive,#dc2626)}.offline-text-btn--undo{color:var(--player-teal,#2a9d8f);font-weight:800}@supports (color:color-mix(in lab, red, red)){.offline-text-btn--undo{color:color-mix(in srgb, var(--player-teal,#2a9d8f) 68%, var(--brown-dark) 32%)}}.offline-text-btn--undo:hover,.offline-text-btn--undo:focus-visible{color:var(--player-teal,#2a9d8f)}.search-bar-unified{border:1.5px solid var(--border);border-radius:1rem;align-items:center;gap:.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.search-bar-unified{border:1.5px solid color-mix(in srgb, var(--border) 90%, transparent)}}.search-bar-unified{background:#ffffffd1;padding:.4375rem .4375rem .4375rem 1rem;transition:background .15s,border-color .15s,box-shadow .15s,transform .22s;box-shadow:0 6px 20px -10px #5d403738}.search-bar-unified:focus-within{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-bar-unified:focus-within{border-color:color-mix(in srgb, var(--brown) 72%, var(--sepia-300))}}.search-bar-unified:focus-within{box-shadow:0 0 0 4px var(--brown), 0 12px 28px -18px #3e272373, inset 0 1px 0 #ffffffb8;background:linear-gradient(#fdfbf7f5,#f6ecd3f0)}@supports (color:color-mix(in lab, red, red)){.search-bar-unified:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--brown) 14%, transparent), 0 12px 28px -18px #3e272373, inset 0 1px 0 #ffffffb8}}.search-bar-unified-icon{width:1.25rem;height:1.25rem;color:var(--brown);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.search-bar-unified-icon{color:color-mix(in srgb, var(--brown) 60%, transparent)}}.search-bar-unified-input{letter-spacing:-.01em;min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.625rem 0;font-size:1.5rem;font-weight:700}.search-bar-unified-input::placeholder{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-bar-unified-input::placeholder{color:color-mix(in srgb, var(--brown) 38%, transparent)}}.search-bar-unified-input::placeholder{font-weight:600}.search-bar-unified-input::selection{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-bar-unified-input::selection{background:color-mix(in srgb, var(--brown) 42%, var(--sepia-100))}}.search-bar-unified-input::selection{color:var(--brown-dark)}.search-bar-unified-clear{color:var(--brown);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:.375rem;display:flex}@supports (color:color-mix(in lab, red, red)){.search-bar-unified-clear{color:color-mix(in srgb, var(--brown) 60%, transparent)}}.search-bar-unified-clear{transition:background .15s}.search-bar-unified-clear:hover{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.search-bar-unified-clear:hover{background:color-mix(in srgb, var(--brown) 10%, transparent)}}.search-bar-unified-submit{white-space:nowrap;color:#fdfbf7;cursor:pointer;background:linear-gradient(135deg,#5d4037,#3e2723);border:none;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;min-height:2.75rem;padding:0 .875rem;font-size:.875rem;font-weight:800;line-height:1;transition:transform .1s,filter .15s;display:inline-flex}.search-bar-unified-submit:hover{filter:brightness(1.06)}.search-bar-unified-submit:active{transform:scale(.98)}.search-bar-unified-submit:focus,.search-bar-unified-submit:focus-visible{outline:none}.search-bar-unified-submit-icon{width:1rem;height:1rem}.search-bar-unified-submit-text{display:none}@media (width>=480px){.search-bar-unified-submit-text{display:inline}.search-bar-unified-submit{padding:0 1.125rem}}.search-bar-unified-actions{border-radius:.75rem;flex-shrink:0;align-items:stretch;display:inline-flex;overflow:hidden;box-shadow:0 4px 14px -4px #5d403780}.search-bar-unified-repeat-wrap{flex:none;display:flex}.search-bar-unified-repeat{flex-shrink:0;border:none!important;border-right:1px solid var(--brown)!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:2.75rem!important;min-width:2.75rem!important;max-width:2.75rem!important;height:2.75rem!important;display:inline-flex!important}@supports (color:color-mix(in lab, red, red)){.search-bar-unified-repeat{border-right:1px solid color-mix(in srgb, var(--brown) 14%, transparent)!important}}.search-bar-unified-repeat{color:var(--brown);box-shadow:none!important;background:#ffffffd1!important;padding:0!important}@supports (color:color-mix(in lab, red, red)){.search-bar-unified-repeat{color:color-mix(in srgb, var(--brown) 62%, transparent)}}.search-bar-unified-repeat{transition:background .15s,color .15s,transform .1s}.search-bar-unified-repeat:hover{color:var(--brown-dark);background:#fffffffa!important}.search-bar-unified-repeat:active{transform:scale(.98)}.search-bar-unified-repeat--active{background:var(--brown)!important}@supports (color:color-mix(in lab, red, red)){.search-bar-unified-repeat--active{background:color-mix(in srgb, var(--brown) 10%, white)!important}}.search-bar-unified-repeat--active{color:var(--brown-dark);box-shadow:none!important}.search-bar-unified-repeat-icon{flex-shrink:0;width:1.0625rem;height:1.0625rem}.search-bar-unified-repeat svg.opacity-50{display:none}.search-bar-unified-play{white-space:nowrap;color:#fdfbf7;width:2.75rem;min-width:2.75rem;min-height:2.75rem;box-shadow:none;background:linear-gradient(135deg,#5d4037,#3e2723);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;gap:.3125rem;padding:0;font-size:.875rem;font-weight:800;line-height:1;transition:transform .1s;display:inline-flex}.search-bar-unified-play:active{transform:scale(.98)}.search-bar-unified-play--loading{cursor:wait;opacity:.92}.search-bar-unified-play--loading:active{transform:none}.search-bar-unified-play-text{display:none}@media (width>=480px){.search-bar-unified-play-text{display:inline}.search-bar-unified-play{width:5.75rem;min-width:5.75rem}}.ayah-text-panel{text-align:center;border:1px solid var(--brown);border-radius:1.5rem;margin-top:1rem;padding:2rem 1.25rem;position:relative}@supports (color:color-mix(in lab, red, red)){.ayah-text-panel{border:1px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.ayah-text-panel{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#ffffff8c,#f4ecd859);scroll-margin-top:5rem;scroll-margin-bottom:6rem;box-shadow:inset 0 1px #ffffffa6,0 4px 14px -10px #3e27231f}@media (width>=640px){.ayah-text-panel{margin-top:1.25rem;padding:3rem 2.5rem}}.ayah-text-panel--flow{padding:.625rem 0 .75rem}@media (width>=640px){.ayah-text-panel--flow{border-inline-width:0;border-radius:0;width:calc(100% + 1rem);margin-inline:-.5rem;padding:.75rem 0 1rem}.ayah-flow-row{padding:1rem .625rem}}.ayah-flow-shell{position:relative}.ayah-flow{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-height:min(64dvh,40rem);overflow-y:auto}.ayah-flow::-webkit-scrollbar{display:none}.ayah-flow-fade{pointer-events:none;opacity:0;background:linear-gradient(#f4ecd800 0%,#f0e7d28c 42%,#ece2ceeb 78%,#e9dec9 100%);border-radius:0 0 1.25rem 1.25rem;height:3.25rem;transition:opacity .22s;position:absolute;bottom:0;left:0;right:0}.ayah-flow-fade--visible{opacity:1}@media (prefers-reduced-motion:reduce){.ayah-flow-fade{transition:none}}.ayah-flow-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ayah-flow-row-wrap{content-visibility:auto;contain-intrinsic-size:auto 12rem}.ayah-flow-row-wrap+.ayah-flow-row-wrap{border-top:1px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.ayah-flow-row-wrap+.ayah-flow-row-wrap{border-top:1px solid color-mix(in srgb, var(--brown) 10%, transparent)}}.ayah-flow-more{justify-content:center;padding:.75rem 0 1rem;display:flex}.ayah-flow-page-sep{align-items:center;gap:.625rem;padding:.875rem .875rem .25rem;display:flex}.ayah-flow-page-sep-line{background:linear-gradient(90deg, transparent, var(--brown), transparent);flex:1;height:1px}@supports (color:color-mix(in lab, red, red)){.ayah-flow-page-sep-line{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brown) 26%, transparent), transparent)}}.ayah-flow-page-sep-label{color:var(--brown);background:0 0;border:0;flex-shrink:0;align-items:baseline;gap:.25rem;padding:0 .375rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ayah-flow-page-sep-label{color:color-mix(in srgb, var(--brown) 70%, transparent)}}.ayah-flow-page-sep-label{-webkit-user-select:none;user-select:none}.ayah-flow-page-sep-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--brown);font-size:.6875rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.ayah-flow-page-sep-kicker{color:color-mix(in srgb, var(--brown) 55%, transparent)}}.ayah-flow-page-sep-ornament{font-family:var(--font-arabic);color:var(--brown);font-size:1.05rem;font-weight:600;line-height:1}@supports (color:color-mix(in lab, red, red)){.ayah-flow-page-sep-ornament{color:color-mix(in srgb, var(--brown) 78%, transparent)}}.ayah-flow-page-sep-ornament{white-space:nowrap;font-feature-settings:"liga", "calt"}.ayah-flow-row{text-align:center;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;padding:1rem .625rem;transition:background .25s;display:block}.ayah-flow-row:hover{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.ayah-flow-row:hover{background:color-mix(in srgb, var(--brown) 6%, var(--sepia-100))}}.ayah-flow-row--active{background:linear-gradient(180deg, var(--brown), var(--brown))}@supports (color:color-mix(in lab, red, red)){.ayah-flow-row--active{background:linear-gradient(180deg, color-mix(in srgb, var(--brown) 4%, var(--sepia-100)), color-mix(in srgb, var(--brown) 7%, var(--sepia-200)))}}.ayah-flow-row--active{box-shadow:inset 0 1px #ffffff5c}.ayah-flow-row--active:hover{background:linear-gradient(180deg, var(--brown), var(--brown))}@supports (color:color-mix(in lab, red, red)){.ayah-flow-row--active:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--brown) 5%, var(--sepia-100)), color-mix(in srgb, var(--brown) 9%, var(--sepia-200)))}}.ayah-flow-row .ayah-arabic-text{line-height:2}.ayah-flow-translation{border-top:1px dashed var(--brown);max-width:700px;margin:.75rem auto 0;padding-top:.625rem}@supports (color:color-mix(in lab, red, red)){.ayah-flow-translation{border-top:1px dashed color-mix(in srgb, var(--brown) 14%, transparent)}}.ayah-flow-translation{color:var(--brown-dark);font-style:italic}.ayah-flow-skeleton{background:var(--brown);border-radius:9999px;width:70%;height:2.5rem;margin:.375rem auto;display:block}@supports (color:color-mix(in lab, red, red)){.ayah-flow-skeleton{background:color-mix(in srgb, var(--brown) 9%, transparent)}}.ayah-flow-skeleton{animation:1.6s ease-in-out infinite pulse}.ayah-flow-skeleton--tr{width:50%;height:1rem}.ayah-flow-error{color:var(--destructive);padding:.5rem 0;font-size:.8125rem;font-weight:700;display:block}@supports (color:color-mix(in lab, red, red)){.ayah-flow-error{color:color-mix(in srgb, var(--destructive) 80%, var(--brown-dark))}}.reader-zen-mode{z-index:60;background:linear-gradient(#f4ecd8 0%,#ebe2cc 100%);flex-direction:column;display:flex;position:fixed;inset:0}.app-header{will-change:transform;transition:transform .22s}@media (width<=767px){.app-header--hidden{transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.app-header{transition:none}}.reader-zen-header{padding:max(.875rem, env(safe-area-inset-top,0px)) 1rem .75rem;padding-inline:max(1rem, env(safe-area-inset-left,0px)) max(1rem, env(safe-area-inset-right,0px));border-bottom:1px solid var(--brown);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.reader-zen-header{border-bottom:1px solid color-mix(in srgb, var(--brown) 12%, transparent)}}.reader-zen-header{-webkit-backdrop-filter:blur(12px);background:#fdfbf7b8}.reader-zen-heading{flex:1;min-width:0}.reader-zen-title{color:var(--brown-dark);margin:0;font-size:1.125rem;font-weight:800;line-height:1.25}.reader-zen-subtitle{color:var(--brown);margin:.25rem 0 0;font-size:.8125rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.reader-zen-subtitle{color:color-mix(in srgb, var(--brown) 68%, transparent)}}.reader-zen-close{width:var(--reader-toolbar-btn-size);height:var(--reader-toolbar-btn-size);min-width:var(--reader-toolbar-btn-size);min-height:var(--reader-toolbar-btn-size);border-radius:var(--reader-toolbar-shell-radius);border:1.5px solid var(--brown);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.reader-zen-close{border:1.5px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.reader-zen-close{color:var(--brown-dark);cursor:pointer;background:#ffffffd1;transition:background .15s,transform .1s}.reader-zen-close:hover{background:#fffffffa}.reader-zen-close:active{transform:scale(.96)}.reader-zen-body{-webkit-overflow-scrolling:touch;min-height:0;padding:1.5rem 1.25rem 1rem;padding-inline:max(1.25rem, env(safe-area-inset-left,0px)) max(1.25rem, env(safe-area-inset-right,0px));flex:1;overflow-y:auto}.reader-zen-content{text-align:center;flex-direction:column;width:100%;max-width:42rem;margin:0 auto;display:flex}.reader-zen-mode .ayah-arabic-text{font-size:calc(var(--reader-arabic-size,clamp(2rem, 3.2vw + 1rem, 3rem)) * 1.1);line-height:2.15}.reader-zen-translation{border-top:1px solid var(--brown);margin-top:2rem;padding-top:1.5rem}@supports (color:color-mix(in lab, red, red)){.reader-zen-translation{border-top:1px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.reader-zen-translation{text-align:left}.reader-zen-translation .translation-prose{margin-bottom:0}.reader-zen-tafsir{border-top:1px solid var(--brown);margin-top:2rem;padding-top:1.5rem}@supports (color:color-mix(in lab, red, red)){.reader-zen-tafsir{border-top:1px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.reader-zen-tafsir{text-align:left}.reader-zen-tafsir-empty{text-align:center;color:var(--brown);margin:0;padding:.5rem 0;font-size:.875rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.reader-zen-tafsir-empty{color:color-mix(in srgb, var(--brown) 60%, transparent)}}.reader-zen-footer{width:100%;padding:.625rem 1rem max(.75rem, env(safe-area-inset-bottom,0px));padding-inline:max(1rem, env(safe-area-inset-left,0px)) max(1rem, env(safe-area-inset-right,0px));box-sizing:border-box;border-top:1px solid var(--brown);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.reader-zen-footer{border-top:1px solid color-mix(in srgb, var(--brown) 10%, transparent)}}.reader-zen-footer{-webkit-backdrop-filter:blur(12px);background:#fdfbf7b8}.reader-zen-footer-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;width:100%;display:grid}.reader-zen-footer-tools{justify-self:start;min-width:0}.reader-zen-footer-end{justify-self:end;min-width:0}.reader-zen-footer-transport{flex-shrink:0;justify-content:center;justify-self:center;align-items:center;gap:.375rem;display:flex}.reader-zen-skeleton{flex-direction:column;align-items:center;gap:.75rem;display:flex}.reader-zen-skeleton--translation{align-items:stretch}.reader-zen-skeleton-line{background:var(--brown);border-radius:999px;height:1rem}@supports (color:color-mix(in lab, red, red)){.reader-zen-skeleton-line{background:color-mix(in srgb, var(--brown) 10%, transparent)}}.reader-zen-skeleton-line{animation:1.5s ease-in-out infinite pulse}.reader-zen-skeleton-line--wide{width:88%}.reader-zen-skeleton-line--medium{width:72%}.reader-zen-skeleton-line--narrow{width:56%}.reader-zen-error{color:var(--destructive);flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;font-size:.875rem;font-weight:600;display:flex}.reader-zen-error button{border:1px solid var(--brown);border-radius:.5rem}@supports (color:color-mix(in lab, red, red)){.reader-zen-error button{border:1px solid color-mix(in srgb, var(--brown) 25%, transparent)}}.reader-zen-error button{color:var(--brown-dark);cursor:pointer;background:#fffc;padding:.375rem .75rem;font-size:.75rem;font-weight:800}.reader-zen-nav{flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;display:flex}.reader-zen-play-btn{border:1.5px solid var(--brown);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;padding:.375rem .25rem .25rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.reader-zen-play-btn{border:1.5px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.reader-zen-play-btn{color:var(--brown-dark);cursor:pointer;background:#ffffffd1;transition:color .15s,border-color .15s,background .15s,transform .1s,opacity .15s}.reader-zen-play-btn:hover:not(:disabled){border-color:var(--brown);background:#fffffff5}@supports (color:color-mix(in lab, red, red)){.reader-zen-play-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--brown) 28%, transparent)}}.reader-zen-play-btn:active:not(:disabled){transform:scale(.96)}.reader-zen-play-btn:disabled{opacity:.45;cursor:not-allowed}.reader-zen-play-btn--loading{cursor:wait}.reader-zen-play-btn--playing{color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.reader-zen-play-btn--playing{color:color-mix(in srgb, var(--brown-dark) 82%, var(--player-teal,#2a9d8f) 18%)}}.reader-zen-play-btn--playing{border-color:var(--player-teal,#2a9d8f)}@supports (color:color-mix(in lab, red, red)){.reader-zen-play-btn--playing{border-color:color-mix(in srgb, var(--player-teal,#2a9d8f) 35%, var(--brown) 18%)}}.reader-zen-play-btn--playing{background:#fffffff0}.reader-zen-play-icon{flex-shrink:0;width:1.375rem;height:1.375rem}.reader-zen-play-btn--playing .reader-zen-play-icon{color:var(--player-teal,#2a9d8f)}@supports (color:color-mix(in lab, red, red)){.reader-zen-play-btn--playing .reader-zen-play-icon{color:color-mix(in srgb, var(--player-teal,#2a9d8f) 72%, var(--brown-dark) 28%)}}.reader-zen-play-btn--playing .reader-zen-play-icon{filter:drop-shadow(0 1px 6px #2a9d8f2e)}.reader-zen-play-meta{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:.6875rem;display:flex}.reader-zen-nav-btn{width:2.75rem;height:2.75rem;color:var(--brown);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.reader-zen-nav-btn{color:color-mix(in srgb, var(--brown) 72%, transparent)}}.reader-zen-nav-btn{cursor:pointer;transition:color .15s,opacity .15s,transform .1s,background .15s}.reader-zen-nav-btn:hover:not(:disabled){color:var(--brown-dark);background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.reader-zen-nav-btn:hover:not(:disabled){background:color-mix(in srgb, var(--brown) 8%, transparent)}}.reader-zen-nav-btn:active:not(:disabled){transform:scale(.96)}.reader-zen-nav-btn:disabled{opacity:.32;cursor:not-allowed}.dialog-overlay-scrim{background:#1a141073}.app-sheet,.tafsir-dialog{border:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.app-sheet,.tafsir-dialog{border:2px solid color-mix(in srgb, var(--brown) 25%, transparent)}}.app-sheet,.tafsir-dialog{background:#fdfbf7fa;flex-direction:column;gap:1rem;max-height:min(90vh,720px);display:flex;overflow:hidden}.dialog-close-btn{border:1px solid var(--brown);border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.dialog-close-btn{border:1px solid color-mix(in srgb, var(--brown) 20%, transparent)}}.dialog-close-btn{color:var(--brown-dark);opacity:1;cursor:pointer;background:linear-gradient(#ffffffe0,#f4ecd8b8);transition:background .15s,border-color .15s,box-shadow .15s,transform .15s,color .15s;box-shadow:0 1px 4px -1px #2c181029,inset 0 1px #ffffffb8}.dialog-close-btn:hover{border-color:var(--brown);background:linear-gradient(#fffffffa,#f4ecd8e0)}@supports (color:color-mix(in lab, red, red)){.dialog-close-btn:hover{border-color:color-mix(in srgb, var(--brown) 32%, transparent)}}.dialog-close-btn:hover{color:var(--brown-dark);box-shadow:0 2px 8px -2px #2c181033,inset 0 1px #ffffffe0}.dialog-close-btn:active{transform:scale(.94)}.dialog-close-btn:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.dialog-close-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 34%, transparent)}}.dialog-close-btn:focus-visible{outline-offset:2px}.dialog-close-btn-icon{flex-shrink:0;width:1.125rem;height:1.125rem}[data-text-size=md]{--reader-prose-size:1.0625rem;--reader-prose-heading-size:1.1875rem;--reader-prose-line-height:1.8;--reader-arabic-size:clamp(2rem, 3.2vw + 1rem, 3rem);--reader-arabic-size-mobile:clamp(2.25rem, 6vw + 1rem, 3rem)}[data-text-size=lg]{--reader-prose-size:1.1875rem;--reader-prose-heading-size:1.375rem;--reader-prose-line-height:1.82;--reader-arabic-size:clamp(2.25rem, 3.6vw + 1.125rem, 3.375rem);--reader-arabic-size-mobile:clamp(2.5rem, 6.5vw + 1.125rem, 3.375rem)}[data-text-size=xl]{--reader-prose-size:1.3125rem;--reader-prose-heading-size:1.5rem;--reader-prose-line-height:1.85;--reader-arabic-size:clamp(2.5rem, 4vw + 1.25rem, 3.75rem);--reader-arabic-size-mobile:clamp(2.75rem, 7vw + 1.25rem, 3.75rem)}[data-text-size="2xl"]{--reader-prose-size:1.5rem;--reader-prose-heading-size:1.75rem;--reader-prose-line-height:1.85;--reader-arabic-size:clamp(2.875rem, 4.6vw + 1.375rem, 4.25rem);--reader-arabic-size-mobile:clamp(3.125rem, 7.5vw + 1.375rem, 4.25rem)}[data-text-size="3xl"]{--reader-prose-size:1.875rem;--reader-prose-heading-size:2.125rem;--reader-prose-line-height:1.88;--reader-arabic-size:clamp(3.25rem, 5.2vw + 1.5rem, 4.75rem);--reader-arabic-size-mobile:clamp(3.5rem, 8vw + 1.5rem, 4.75rem)}[data-text-size="5xl"]{--reader-prose-size:3rem;--reader-prose-heading-size:3.375rem;--reader-prose-line-height:1.9;--reader-arabic-size:clamp(4rem, 6.4vw + 2rem, 6rem);--reader-arabic-size-mobile:clamp(4.25rem, 9vw + 2rem, 6rem)}.app-sheet-body,.tafsir-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--brown);border-radius:1rem;flex:1;min-height:0;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.app-sheet-body,.tafsir-modal-body{border:1px solid color-mix(in srgb, var(--brown) 12%, transparent)}}.app-sheet-body,.tafsir-modal-body{background:#ffffff8c;padding:1rem 1.125rem}.translation-panel{position:relative}.translation-toolbar{justify-content:flex-end;gap:.375rem;margin-bottom:.75rem;display:flex}.reader-popover-panel{max-height:min(22rem, var(--radix-popover-content-available-height,22rem));flex-direction:column;display:flex;overflow:hidden}.reader-popover-label{letter-spacing:.08em;text-transform:uppercase;color:var(--brown);margin:0;padding:.375rem .625rem .25rem;font-size:.6875rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.reader-popover-label{color:color-mix(in srgb, var(--brown) 58%, transparent)}}.reader-popover-options-wrap{min-width:0;position:relative}.reader-popover-options-wrap--fixed{flex:1;min-height:0}.reader-popover-options{flex-direction:column;display:flex}.reader-popover-options--fixed{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;min-height:10.5rem;max-height:14.5rem;padding-bottom:.375rem;overflow-y:auto}.reader-popover-options-fade{pointer-events:none;opacity:0;background:linear-gradient(#ebdec600 0%,#ebdec6b8 42%,#ebdec6f5 100%);border-radius:0 0 .75rem .75rem;height:2.25rem;transition:opacity .18s;position:absolute;bottom:0;left:.25rem;right:.25rem}.reader-popover-options-fade--visible{opacity:1}.reader-popover-option{text-align:left;width:100%;color:var(--brown-dark);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:.625rem;outline:none;justify-content:space-between;align-items:center;padding:.625rem .75rem;font-size:.9375rem;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s;display:flex}.reader-popover-option--multiline{align-items:flex-start;gap:.375rem;font-size:.875rem}.reader-popover-option--multiline span:first-child{min-width:0;padding-right:.375rem;line-height:1.35}.reader-popover-option--multiline .reader-popover-option-hint{flex-shrink:0;padding-top:.125rem}.reader-popover-option:hover{background:#fdfbf79e;border-color:#8a7b6b29}.reader-popover-option--active{box-shadow:inset 3px 0 0 var(--brown);background:#fdfbf7f2;border-color:#8a7b6b33;font-weight:700}.reader-popover-option-hint{letter-spacing:.04em;text-transform:uppercase;color:var(--brown);font-size:.6875rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.reader-popover-option-hint{color:color-mix(in srgb, var(--brown) 52%, transparent)}}.reader-popover-option--active .reader-popover-option-hint{color:var(--brown)}.reader-popover-option--toggle{border-radius:.75rem;gap:.75rem;padding:.75rem}.reader-popover-option--toggle:hover{background:#fdfbf780;border-color:#0000}.reader-popover-option--toggle.reader-popover-option--active{box-shadow:none;color:var(--brown-dark);background:0 0;border-color:#0000;font-weight:600}.reader-popover-option--toggle+.reader-popover-option--toggle{position:relative}.reader-popover-option--toggle+.reader-popover-option--toggle:before{content:"";background:#8a7b6b29;height:1px;position:absolute;top:0;left:.75rem;right:.75rem}.reader-popover-switch{background:#8a7b6b47;border-radius:999px;flex-shrink:0;width:2.25rem;height:1.375rem;transition:background .18s;display:inline-block;position:relative;box-shadow:inset 0 1px 2px #3e27231f}.reader-popover-switch--on{background:var(--brown-dark)}.reader-popover-switch-thumb{background:#ebdec6;border-radius:999px;width:1.125rem;height:1.125rem;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #3e272340}.reader-popover-switch--on .reader-popover-switch-thumb{transform:translate(.875rem)}.reader-translation-tabs{background:#d2bc9e8c;border:1px solid #8a7b6b38;border-radius:.75rem;grid-template-columns:1fr 1fr;gap:.1875rem;margin:0 .375rem .5rem;padding:.1875rem;display:grid}.reader-translation-tab{letter-spacing:.04em;min-height:2rem;color:var(--brown);background:0 0;border:1px solid #0000;border-radius:.5625rem;font-size:.8125rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.reader-translation-tab{color:color-mix(in srgb, var(--brown) 58%, transparent)}}.reader-translation-tab{cursor:pointer;transition:background .15s,border-color .15s,color .15s}.reader-translation-tab:hover{color:var(--brown-dark);background:#fdfbf78c}.reader-translation-tab--active{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.reader-translation-tab--active{border-color:color-mix(in srgb, var(--brown) 26%, transparent)}}.reader-translation-tab--active{color:var(--brown-dark);background:#fdfbf7f5;box-shadow:0 2px 8px -4px #3e272329}.translation-prose{font-size:var(--reader-prose-size);line-height:var(--reader-prose-line-height)}.tafsir-sheet-content{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex;overflow:hidden}.tafsir-modal-body{flex:auto;min-height:min(42dvh,18rem)}.tafsir-loading-skeleton{flex-direction:column;gap:.625rem;min-height:min(42dvh,18rem);padding-block:.25rem;display:flex}.tafsir-loading-skeleton-line{background:var(--brown);border-radius:999px;height:.875rem}@supports (color:color-mix(in lab, red, red)){.tafsir-loading-skeleton-line{background:color-mix(in srgb, var(--brown) 10%, transparent)}}.tafsir-loading-skeleton-line{animation:1.5s ease-in-out infinite pulse}.tafsir-loading-skeleton-line--medium{width:88%}.tafsir-loading-skeleton-line--short{width:72%}.tafsir-prose--fetching{opacity:.55;transition:opacity .15s}.tafsir-toolbar{flex-shrink:0;align-items:flex-start;gap:.5rem;display:flex}.reader-text-size-btn{width:var(--reader-toolbar-btn-size);height:var(--reader-toolbar-btn-size);min-width:var(--reader-toolbar-btn-size);min-height:var(--reader-toolbar-btn-size);border-radius:var(--reader-toolbar-btn-radius);border:1.5px solid var(--brown);flex-shrink:0;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.reader-text-size-btn{border:1.5px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.reader-text-size-btn{color:var(--brown-dark);cursor:pointer;background:#ffffff73;outline:none;transition:background .15s,border-color .15s,transform .15s}.reader-text-size-btn:hover{border-color:var(--brown);background:#ffffffeb}@supports (color:color-mix(in lab, red, red)){.reader-text-size-btn:hover{border-color:color-mix(in srgb, var(--brown) 28%, transparent)}}.reader-text-size-btn:active{transform:scale(.97)}.reader-text-size-btn-icon{width:var(--reader-toolbar-icon-size);height:var(--reader-toolbar-icon-size)}.text-size-sheet.app-sheet{border-color:var(--brown);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.text-size-sheet.app-sheet{border-color:color-mix(in srgb, var(--brown) 22%, transparent)}}.text-size-sheet.app-sheet{box-shadow:0 1px 0 #ffffff7a inset, 0 0 0 1px var(--brown) inset, 0 11px 27px -16px #3e272342, 0 23px 50px -30px #2c18104d;background:linear-gradient(#f4e8d2e6,#dcc8a8db),#d0ba98c2}@supports (color:color-mix(in lab, red, red)){.text-size-sheet.app-sheet{box-shadow:0 1px 0 #ffffff7a inset, 0 0 0 1px color-mix(in srgb, var(--brown) 6%, transparent) inset, 0 11px 27px -16px #3e272342, 0 23px 50px -30px #2c18104d}}.text-size-sheet.app-sheet.dialog-sheet{height:min(88dvh,640px)!important;max-height:min(88dvh,640px)!important}.text-size-sheet.app-sheet.dialog-sheet[data-state=closed]{animation-duration:.12s!important}.text-size-sheet.app-sheet:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(90% 55% at 50% 0,#5d403713,#0000 72%),linear-gradient(#3e27230b,#0000 38%);position:absolute;inset:0}.text-size-sheet.app-sheet>:not(.dialog-close-btn){z-index:1;position:relative}.text-size-sheet.app-sheet>.dialog-close-btn{z-index:2}.text-size-sheet .app-sheet-body.text-size-sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--brown) transparent;flex-direction:column;gap:0;min-height:0;display:flex;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.text-size-sheet .app-sheet-body.text-size-sheet-body{scrollbar-color:color-mix(in srgb, var(--brown) 30%, transparent) transparent}}.text-size-sheet .app-sheet-body.text-size-sheet-body{border:1px solid var(--brown);border-radius:1.5rem}@supports (color:color-mix(in lab, red, red)){.text-size-sheet .app-sheet-body.text-size-sheet-body{border:1px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.text-size-sheet .app-sheet-body.text-size-sheet-body{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#ffffff8c,#f4ecd859);padding:1.25rem 1rem;box-shadow:inset 0 1px #ffffffa6,0 4px 14px -10px #3e27231f}.text-size-sheet-body::-webkit-scrollbar{width:.375rem}.text-size-sheet-body::-webkit-scrollbar-thumb{background:var(--brown);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--brown) 30%, transparent)}}.text-size-sheet-body::-webkit-scrollbar-track{background:0 0}.text-size-popover-panel{padding:.875rem!important}.text-size-sheet-section{flex-shrink:0;padding:.875rem 0}.text-size-sheet-section:first-child{padding-top:0}.text-size-sheet-section:last-child{padding-bottom:0}.text-size-sheet-section+.text-size-sheet-section{border-top:1px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-section+.text-size-sheet-section{border-top:1px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.text-size-sheet-section-head{flex-direction:column;gap:.125rem;margin-bottom:.625rem;display:flex}.text-size-sheet-title{color:var(--brown-dark);margin:0;font-size:.875rem;font-weight:800}.text-size-sheet-desc{color:var(--brown);margin:0;font-size:.6875rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-desc{color:color-mix(in srgb, var(--brown) 52%, transparent)}}.text-size-sheet-pills{flex-wrap:wrap;gap:.25rem;display:flex}.text-size-sheet-pill{border:1px solid var(--brown);border-radius:9999px;justify-content:center;align-items:center;min-width:0;height:1.625rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-pill{border:1px solid color-mix(in srgb, var(--brown) 20%, transparent)}}.text-size-sheet-pill{letter-spacing:.01em;color:var(--brown-dark);cursor:pointer;background:linear-gradient(#ffffffe0,#f4ecd8b8);padding:0 .5625rem;font-size:.625rem;font-weight:700;line-height:1;transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .15s;box-shadow:0 1px 4px -1px #2c181029,inset 0 1px #ffffffb8}.text-size-sheet-pill:hover:not(.text-size-sheet-pill--active){border-color:var(--brown);background:linear-gradient(#fffffffa,#f4ecd8e0)}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-pill:hover:not(.text-size-sheet-pill--active){border-color:color-mix(in srgb, var(--brown) 32%, transparent)}}.text-size-sheet-pill:hover:not(.text-size-sheet-pill--active){color:var(--brown-dark);box-shadow:0 2px 8px -2px #2c181033,inset 0 1px #ffffffe0}.text-size-sheet-pill:active{transform:scale(.93)}.text-size-sheet-pill:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-pill:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 45%, transparent)}}.text-size-sheet-pill:focus-visible{outline-offset:2px}.text-size-sheet-pill--active{border-color:var(--brown-dark);background:linear-gradient(180deg, var(--brown), var(--brown-dark));color:#fdfbf7;border-radius:9999px;box-shadow:0 1px 4px -1px #2c18104d,0 4px 12px -4px #3e272366,inset 0 1px #ffffff38}.text-size-sheet-preview{overscroll-behavior:contain;border:1px solid var(--brown);border-radius:1rem;max-height:9.5rem;margin-top:.75rem;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-preview{border:1px solid color-mix(in srgb, var(--brown) 14%, transparent)}}.text-size-sheet-preview{color:var(--brown-dark);background:linear-gradient(#ffffff9e,#fcf8f07a);padding:.875rem 1rem;box-shadow:inset 0 1px #ffffffb8}.text-size-sheet-preview p{margin:0}.text-size-sheet-preview--arabic{text-align:right}.text-size-sheet-preview--arabic p{font-size:var(--reader-arabic-size);color:var(--arabic-ink);font-weight:600;line-height:2}.text-size-sheet-preview--translation .translation-prose{color:var(--brown-dark);margin:0}.text-size-sheet-footer{border-top:1px solid var(--brown);flex-shrink:0;justify-content:center;margin-top:.5rem;padding-top:.75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-footer{border-top:1px solid color-mix(in srgb, var(--brown) 18%, transparent)}}.text-size-sheet-reset{border:1px solid var(--brown);border-radius:9999px;justify-content:center;align-items:center;min-height:2.125rem;padding:.4375rem 1.125rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-reset{border:1px solid color-mix(in srgb, var(--brown) 26%, transparent)}}.text-size-sheet-reset{letter-spacing:.03em;text-transform:uppercase;color:var(--brown-dark);cursor:pointer;background:linear-gradient(#fffffff5,#f4ecd8d1);font-size:.75rem;font-weight:800;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s,opacity .15s;box-shadow:0 2px 6px -2px #2c18102e,inset 0 1px #ffffffe0}.text-size-sheet-reset:hover:not(:disabled),.text-size-sheet-reset:focus-visible:not(:disabled){border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-reset:hover:not(:disabled),.text-size-sheet-reset:focus-visible:not(:disabled){border-color:color-mix(in srgb, var(--brown) 38%, transparent)}}.text-size-sheet-reset:hover:not(:disabled),.text-size-sheet-reset:focus-visible:not(:disabled){background:linear-gradient(#fff,#f8f2e6f0);box-shadow:0 4px 12px -4px #2c181038,inset 0 1px #fffffff5}.text-size-sheet-reset:active:not(:disabled){transform:scale(.97)}.text-size-sheet-reset:focus-visible{outline:2px solid var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-size-sheet-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--brown) 34%, transparent)}}.text-size-sheet-reset:focus-visible{outline-offset:2px}.text-size-sheet-reset:disabled{opacity:.4;cursor:default;box-shadow:none}@media (width>=640px){.text-size-sheet .app-sheet-body.text-size-sheet-body{padding:1.5rem 1.25rem}}.app-sheet-list{flex-direction:column;flex:1;gap:.375rem;min-height:0;padding-right:.125rem;display:flex;overflow-y:auto}.app-sheet-option{border:1.5px solid var(--brown);border-radius:.75rem;justify-content:space-between;align-items:center;width:100%;display:flex}@supports (color:color-mix(in lab, red, red)){.app-sheet-option{border:1.5px solid color-mix(in srgb, var(--brown) 15%, transparent)}}.app-sheet-option{text-align:left;color:var(--brown);cursor:pointer;background:#ffffff80;padding:.75rem .875rem;font-size:.9375rem;font-weight:600;line-height:1.2;transition:border-color .15s,background .15s}.app-sheet-option:hover:not(.app-sheet-option--active){border-color:var(--brown);background:#ffffffeb}@supports (color:color-mix(in lab, red, red)){.app-sheet-option:hover:not(.app-sheet-option--active){border-color:color-mix(in srgb, var(--brown) 28%, transparent)}}.app-sheet-option--active{border-color:var(--brown);background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.app-sheet-option--active{background:color-mix(in srgb, var(--brown) 10%, white)}}.app-sheet-option--active{color:var(--brown-dark)}.app-sheet-option--active:hover,.app-sheet-option--active:focus-visible{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.app-sheet-option--active:hover,.app-sheet-option--active:focus-visible{border-color:color-mix(in srgb, var(--brown) 78%, transparent)}}.app-sheet-option--active:hover,.app-sheet-option--active:focus-visible{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.app-sheet-option--active:hover,.app-sheet-option--active:focus-visible{background:color-mix(in srgb, var(--brown) 14%, white)}}.app-sheet-option--active:hover,.app-sheet-option--active:focus-visible{color:var(--brown-dark)}.app-sheet-option-hint{letter-spacing:.04em;text-transform:uppercase;color:var(--brown);font-size:.6875rem;font-weight:800}@supports (color:color-mix(in lab, red, red)){.app-sheet-option-hint{color:color-mix(in srgb, var(--brown) 52%, transparent)}}.tafsir-pill-tabs{flex-wrap:wrap;flex:1;gap:.375rem;min-width:0;display:flex}.tafsir-dialog.app-sheet{height:min(90dvh,720px);max-height:min(90dvh,720px)}.tafsir-dialog.app-sheet>.flex.min-h-0.flex-1.flex-col{flex:1;min-height:0}.tafsir-pill-tab{border:1.5px solid var(--brown);border-radius:9999px;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tafsir-pill-tab{border:1.5px solid color-mix(in srgb, var(--brown) 16%, transparent)}}.tafsir-pill-tab{white-space:nowrap;color:var(--brown);background:#ffffff73;padding:.4375rem .8125rem;font-size:.75rem;font-weight:700;line-height:1}@supports (color:color-mix(in lab, red, red)){.tafsir-pill-tab{color:color-mix(in srgb, var(--brown) 68%, transparent)}}.tafsir-pill-tab{cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .15s}.tafsir-pill-tab:hover{border-color:var(--brown);background:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.tafsir-pill-tab:hover{border-color:color-mix(in srgb, var(--brown) 28%, transparent)}}.tafsir-pill-tab:hover{color:var(--brown-dark)}.tafsir-pill-tab:active{transform:scale(.97)}.tafsir-pill-tab--active{border-color:var(--brown);background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.tafsir-pill-tab--active{background:color-mix(in srgb, var(--brown) 14%, white)}}.tafsir-pill-tab--active{color:var(--brown-dark);box-shadow:0 0 0 3px var(--brown)}@supports (color:color-mix(in lab, red, red)){.tafsir-pill-tab--active{box-shadow:0 0 0 3px color-mix(in srgb, var(--brown) 11%, transparent)}}.tafsir-pill-tab--active:hover{background:var(--brown)}@supports (color:color-mix(in lab, red, red)){.tafsir-pill-tab--active:hover{background:color-mix(in srgb, var(--brown) 18%, white)}}.tafsir-pill-tab--active:hover{border-color:var(--brown)}.tafsir-prose{font-size:var(--reader-prose-size);line-height:var(--reader-prose-line-height);color:var(--brown-dark)}.tafsir-prose h2{font-size:var(--reader-prose-heading-size);color:var(--brown-dark);margin:1.25rem 0 .5rem;font-weight:800}.tafsir-prose h2:first-child{margin-top:0}.tafsir-prose p{margin:0 0 .875rem}.tafsir-prose p:last-child{margin-bottom:0}.ayah-arabic-text{text-align:right;font-size:var(--reader-arabic-size,clamp(2rem, 3.2vw + 1rem, 3rem));direction:rtl;unicode-bidi:embed;font-weight:600;line-height:2.2}.ayah-arabic-text--with-basmala{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.ayah-basmala{color:var(--brown);margin:0}@supports (color:color-mix(in lab, red, red)){.ayah-basmala{color:color-mix(in srgb, var(--brown) 42%, transparent)}}.ayah-basmala{font-size:.5em;font-weight:500;line-height:1.75}.ayah-body{margin:0;line-height:2.2}.player-meta-sub{font-size:.8125rem;font-weight:500}.player-time-label{min-width:2.75rem;font-size:.8125rem;font-weight:700}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.\!z-\[100\]{z-index:100!important}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[1\]{z-index:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-\[1\.3125rem\]{height:1.3125rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[min\(90vh\,720px\)\]{max-height:min(90vh,720px)}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[72px\]{min-height:72px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-11{width:calc(var(--spacing) * 11)}.w-72{width:calc(var(--spacing) * 72)}.w-\[1\.3125rem\]{width:1.3125rem}.w-\[100px\]{width:100px}.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.w-full{width:100%}.max-w-\[640px\]{max-width:640px}.max-w-\[700px\]{max-width:700px}.max-w-\[900px\]{max-width:900px}.max-w-\[960px\]{max-width:960px}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1200px\]{max-width:1200px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.glass-panel{-webkit-backdrop-filter:blur(22px);background:linear-gradient(#f4ecd8db,#f4ecd89e);border:1.5px solid #bfb3a4a6;transform:translateZ(0);box-shadow:0 10px 30px #0000000d,inset 0 1px #fff6}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-2xl{border-radius:calc(var(--radius) + 8px)!important}.rounded-2xl{border-radius:calc(var(--radius) + 8px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\!border-\[rgba\(138\,123\,107\,0\.3\)\]{border-color:#8a7b6b4d!important}.border-\[color\:var\(--brown\)\]\/15{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.border-\[color\:var\(--brown\)\]\/15{border-color:color-mix(in oklab, var(--brown) 15%, transparent)}}.border-\[color\:var\(--brown\)\]\/25{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.border-\[color\:var\(--brown\)\]\/25{border-color:color-mix(in oklab, var(--brown) 25%, transparent)}}.border-input{border-color:var(--input)}.\!bg-\[rgba\(235\,222\,198\,0\.98\)\]{background-color:#ebdec6fa!important}.bg-\[color\:var\(--brown\)\]\/10{background-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.bg-\[color\:var\(--brown\)\]\/10{background-color:color-mix(in oklab, var(--brown) 10%, transparent)}}.bg-\[color\:var\(--player-yellow\)\]{background-color:var(--player-yellow)}.bg-background{background-color:var(--background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-border{background-color:var(--border)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-transparent{background-color:#0000}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.fill-current{fill:currentColor}.\!p-1\.5{padding:calc(var(--spacing) * 1.5)!important}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-\[calc\(5\.5rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-arabic{font-family:Scheherazade New,Noto Naskh Arabic,Amiri,serif}.font-body{font-family:Merriweather,serif}.font-display{font-family:Outfit,sans-serif}.font-ui{font-family:Inter,system-ui,sans-serif}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7em\]{font-size:.7em}.text-\[0\.95rem\]{font-size:.95rem}.leading-none{--tw-leading:1;line-height:1}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.brown-gradient{color:#fdfbf7;background:linear-gradient(135deg,#5d4037,#3e2723);box-shadow:0 8px 24px -6px #5d403780}.text-\(--brown\)\/65{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-\(--brown\)\/65{color:color-mix(in oklab, var(--brown) 65%, transparent)}}.text-\(--brown\)\/70{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-\(--brown\)\/70{color:color-mix(in oklab, var(--brown) 70%, transparent)}}.text-\(--brown\)\/80{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-\(--brown\)\/80{color:color-mix(in oklab, var(--brown) 80%, transparent)}}.text-\(--brown-dark\)\/85{color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.text-\(--brown-dark\)\/85{color:color-mix(in oklab, var(--brown-dark) 85%, transparent)}}.text-\[color\:var\(--arabic-ink\)\]{color:var(--arabic-ink)}.text-\[color\:var\(--brown\)\]\/45{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-\[color\:var\(--brown\)\]\/45{color:color-mix(in oklab, var(--brown) 45%, transparent)}}.text-\[color\:var\(--brown\)\]\/60{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-\[color\:var\(--brown\)\]\/60{color:color-mix(in oklab, var(--brown) 60%, transparent)}}.text-\[color\:var\(--brown\)\]\/65{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-\[color\:var\(--brown\)\]\/65{color:color-mix(in oklab, var(--brown) 65%, transparent)}}.text-\[color\:var\(--brown\)\]\/70{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.text-\[color\:var\(--brown\)\]\/70{color:color-mix(in oklab, var(--brown) 70%, transparent)}}.text-\[color\:var\(--brown-dark\)\]{color:var(--brown-dark)}.text-\[color\:var\(--destructive\)\]{color:var(--destructive)}.text-\[color\:var\(--player-ink\)\]{color:var(--player-ink)}.text-\[color\:var\(--player-text\)\]{color:var(--player-text)}.text-brown-dark{color:var(--brown-dark)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.\!shadow-\[0_14px_32px_-14px_rgba\(62\,39\,35\,0\.28\)\]{--tw-shadow:0 14px 32px -14px var(--tw-shadow-color,#3e272347)!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}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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-sm{--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)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.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,)}.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))}.transition-\[padding-bottom\]{transition-property:padding-bottom;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-\[color\:var\(--brown\)\]\/40::placeholder{color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-\[color\:var\(--brown\)\]\/40::placeholder{color:color-mix(in oklab, var(--brown) 40%, transparent)}}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-\[color\:var\(--brown\)\]\/10:hover{background-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color\:var\(--brown\)\]\/10:hover{background-color:color-mix(in oklab, var(--brown) 10%, transparent)}}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-white:hover{background-color:var(--color-white)}}.focus\:border-\[color\:var\(--brown\)\]\/30:focus{border-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){.focus\:border-\[color\:var\(--brown\)\]\/30:focus{border-color:color-mix(in oklab, var(--brown) 30%, transparent)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media (width>=40rem){.sm\:inset-x-auto{inset-inline:auto}.sm\:top-\[50\%\]{top:50%}.sm\:bottom-auto{bottom:auto}.sm\:left-\[50\%\]{left:50%}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-4{gap:calc(var(--spacing) * 4)}:where(.sm\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:text-left{text-align:left}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.sm\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}}@media (width>=48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing) * 0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--favourite-gold:#b07d1a;--radius:.875rem;--player-dark:#2c2622;--player-cream:#fffdf5;--player-teal:#48c9b0;--player-yellow:#fde047;--player-ink:#1a1a1a;--player-text:#f5f0e8;--player-text-muted:#f5f0e88c;--sepia-50:#fdfbf7;--sepia-100:#f4ecd8;--sepia-200:#eaddca;--sepia-300:tan;--brown:#5d4037;--brown-dark:#3e2723;--brown-light:#825c3c;--arabic-ink:#1a0f0a;--text-primary:#2c1810;--background:#f4ecd8;--foreground:#2c1810;--card:#ffffffb3;--card-foreground:#2c1810;--popover:#fdfbf7;--popover-foreground:#2c1810;--primary:#5d4037;--primary-foreground:#fdfbf7;--secondary:#ffffff8c;--secondary-foreground:#5d4037;--muted:#f4ecd8bf;--muted-foreground:#5d4037;--accent:#eaddca;--accent-foreground:#3e2723;--destructive:#f44336;--destructive-foreground:#fdfbf7;--border:#bfb3a4;--input:#bfb3a4;--ring:#5d4037;--sidebar:#f4ecd8;--sidebar-foreground:#2c1810;--sidebar-primary:#5d4037;--sidebar-primary-foreground:#fdfbf7;--sidebar-accent:#eaddca;--sidebar-accent-foreground:#3e2723;--sidebar-border:#bfb3a4;--sidebar-ring:#5d4037;--chart-1:#5d4037;--chart-2:#825c3c;--chart-3:#2a7a46;--chart-4:#b07d1a;--chart-5:#7b3fa0;--reader-toolbar-padding:.125rem;--reader-toolbar-btn-size:2rem;--reader-toolbar-btn-radius:.4375rem;--reader-toolbar-shell-radius:.6875rem;--reader-toolbar-icon-size:1rem;--reader-heading-size:1.5rem;--reader-heading-size-mobile:1.4375rem;--reader-heading-line-height:1.08;--reader-heading-weight:800}@media (width<=639px){:root{--touch-min:3rem;--reader-toolbar-btn-size:2.125rem;--reader-heading-size-mobile:1.375rem;--text-ui:.9375rem;--text-caption:.875rem}html{-webkit-text-size-adjust:100%;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}html::-webkit-scrollbar{width:0;height:0;display:none}body{touch-action:manipulation;overflow-x:hidden}.glass-panel{padding-top:max(.5rem, env(safe-area-inset-top,0px))}button,a,[role=button],[role=radio],label{-webkit-tap-highlight-color:var(--brown)}@supports (color:color-mix(in lab, red, red)){button,a,[role=button],[role=radio],label{-webkit-tap-highlight-color:color-mix(in srgb, var(--brown) 18%, transparent)}}input,select,textarea{font-size:16px!important}.zone-search{border-radius:1.5rem;padding:1.125rem .875rem 1.375rem!important}.search-compact-kicker{letter-spacing:.06em;margin-bottom:.5rem;font-size:.75rem}.zone-reader{border-radius:1.25rem;margin-bottom:1.5rem;padding:1.25rem 1rem 1.5rem!important}#reader-heading .reader-heading-sep,.reader-heading .reader-heading-sep{margin-inline:.3125rem}.reader-options-row{gap:.5rem;margin-top:.875rem}.hifz-controls{min-height:var(--touch-min);border-radius:999px;padding:.25rem .375rem}.search-heading-row{gap:.25rem}.search-heading{letter-spacing:-.02em;font-size:1.3125rem;line-height:1.05}.search-discovery{align-items:flex-start;margin-bottom:.875rem}.search-help-trigger{width:1.5rem;height:1.5rem;font-size:var(--text-caption);padding:0}.header-search-pill{min-height:var(--touch-min);padding-inline:.875rem}.header-search-pill kbd{display:none}.search-help-trigger-icon{width:.9375rem;height:.9375rem}.search-help-subline{font-size:var(--text-ui);line-height:1.65}.search-example-row{border-radius:1rem;width:100%;margin:0;padding:.5rem;display:flex}.search-example-list{flex:auto}.search-example-chip{border-radius:999px;margin:0;padding:.25rem .625rem;font-size:.8125rem}.search-help-query{min-height:var(--touch-min);font-size:var(--text-ui);padding:.5rem .8125rem .5rem .5rem}.search-help-query-icon{width:.875rem;height:.875rem}.search-bar-unified{border-radius:1.25rem;padding:.5rem .5rem .5rem 1.125rem;box-shadow:0 16px 34px -24px #3e272357,inset 0 1px #ffffff75}.search-bar-unified-icon{width:1.5rem;height:1.5rem}.search-bar-unified-input{padding:.875rem 0;font-size:1.3125rem!important;font-weight:700!important;line-height:1.15!important}.search-bar-unified--compact .search-bar-unified-input{padding:.75rem 0!important;font-size:1.1875rem!important}.search-bar-unified--compact{box-shadow:0 12px 28px -20px #3e272347,inset 0 1px #ffffff6b}.search-bar-unified-clear{min-width:var(--touch-min);min-height:var(--touch-min);padding:0}.search-bar-unified-submit{min-width:var(--touch-min);min-height:var(--touch-min);font-size:var(--text-ui)}.search-bar-unified-repeat-wrap{flex:none}.search-bar-unified-repeat{width:var(--touch-min)!important;min-width:var(--touch-min)!important;max-width:var(--touch-min)!important;min-height:var(--touch-min)!important;height:var(--touch-min)!important}.search-bar-unified-repeat-icon{width:1.125rem;height:1.125rem}.search-bar-unified-play{width:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);font-size:var(--text-ui)}@media (width>=480px){.search-bar-unified-play{width:5.75rem;min-width:5.75rem}}.search-chip{min-height:var(--touch-min);font-size:var(--text-ui);padding:.625rem .9375rem}.search-chip-num{font-size:var(--text-caption);font-weight:700}.search-chip-group{border-radius:1.125rem;width:100%}.search-chip-group .search-chip{min-height:var(--touch-min);font-size:var(--text-ui);flex:auto;padding:.6875rem .8125rem .6875rem .9375rem}.search-chip-meta{padding:.25rem .5625rem;font-size:.8125rem}.search-chip-full-badge{font-size:.75rem}.search-chip-quick{width:var(--touch-min);min-width:var(--touch-min);height:calc(var(--touch-min) - .5rem)}.confirm-chip{width:100%!important;min-height:var(--touch-min)!important;border-radius:.9375rem!important;padding:.5rem .8125rem .5rem .6875rem!important}.confirm-chip-label{font-size:.6875rem}.confirm-chip-value{max-width:100%;font-size:.9375rem}.ayah-text-panel{padding:2rem 1.25rem;scroll-margin-bottom:8rem}.ayah-text-panel--flow{border-inline-width:0;border-radius:0;width:calc(100% + 2rem);margin-inline:-1rem;padding:.5rem 0 .625rem}.ayah-flow-row{padding:.875rem .4375rem}main:has(.ayah-text-panel--flow){padding-inline:.5rem}.ayah-flow{overscroll-behavior:auto;max-height:none;overflow:visible}.ayah-flow-fade{display:none}.ayah-arabic-text{font-size:var(--reader-arabic-size-mobile,clamp(2.25rem, 6vw + 1rem, 3rem));line-height:2.05}.translation-panel{margin-top:1.5rem;padding-top:1rem}.player-dock{padding-inline:.625rem;padding-right:calc(.625rem + var(--removed-body-scroll-bar-size,0px));padding-bottom:max(.625rem, env(safe-area-inset-bottom,0px))}.player-dock-row{--player-glass-bar-height:4rem;--player-glass-pill-padding:.3125rem}.player-glass-pill{padding:var(--player-glass-pill-padding)}.player-glass-item,.player-glass-item-slot .player-glass-item{padding:.5rem .25rem .375rem}.player-glass-pill .player-glass-item{padding:.5rem .25rem .375rem!important}.player-glass-item-icon{width:1.5rem;height:1.5rem}.player-glass-item-label{font-size:.6875rem}.player-glass-item-meta{height:.75625rem}.player-glass-search-icon{stroke-width:2.5px;width:1.5rem;height:1.5rem}.player-art{border-radius:.875rem;width:3rem;height:3rem}.player-btn-play{width:3rem;height:3rem}.player-btn-play--lg{width:4.5rem;height:4.5rem}.player-btn-transport{height:var(--touch-min);width:var(--touch-min)}.player-btn-square{border-radius:.75rem;width:3rem;height:3rem}.player-meta-sub{font-size:var(--text-caption)}.player-time-label{font-size:var(--text-caption);width:2.5rem}.player-skip-btn{min-width:var(--touch-min);min-height:var(--touch-min);border-radius:9999px}.player-header-pill{height:2.5rem;font-size:var(--text-caption);padding-inline:.75rem}.player-pill{font-size:var(--text-caption)!important;padding:.625rem .75rem!important}.player-pill>svg{width:1rem!important;height:1rem!important}.player-waveform{height:2.75rem}.player-expanded-card{padding:1.125rem 1rem 1.25rem}.app-sheet.dialog-sheet,.tafsir-dialog.dialog-sheet{padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));border-bottom:none;gap:.875rem;border-radius:1.5rem 1.5rem 0 0!important;width:100%!important;max-width:100%!important;max-height:92dvh!important;inset:auto 0 0!important}.app-sheet.dialog-sheet[data-state=open],.tafsir-dialog.dialog-sheet[data-state=open]{animation:.28s cubic-bezier(.32,.72,0,1) forwards sheet-in}.app-sheet.dialog-sheet[data-state=closed],.tafsir-dialog.dialog-sheet[data-state=closed]{animation:.22s cubic-bezier(.32,.72,0,1) forwards sheet-out}.app-sheet.dialog-sheet[data-state=open],.app-sheet.dialog-sheet[data-state=closed],.tafsir-dialog.dialog-sheet[data-state=open],.tafsir-dialog.dialog-sheet[data-state=closed]{animation-duration:.28s}.app-sheet.dialog-sheet>.dialog-close-btn,.tafsir-dialog.dialog-sheet>.dialog-close-btn{width:var(--touch-min);height:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);top:1rem;right:1rem}.dialog-close-btn-icon{width:1.25rem;height:1.25rem}.app-sheet-option{min-height:var(--touch-min);font-size:var(--text-ui)}.tafsir-pill-tab{min-height:var(--touch-min);font-size:var(--text-ui);padding:.5rem 1rem}.translation-toolbar{margin-bottom:.625rem}.tafsir-modal-body{padding:1.125rem}.reciter-list-item{padding-top:.875rem;padding-bottom:.875rem;font-size:1rem}.ayah-jump-row{gap:.375rem}.ayah-jump-btn{min-width:2.625rem;min-height:var(--touch-min);font-size:var(--text-ui)}.ayah-jump-row--dense .ayah-jump-btn{min-width:2.375rem}.ayah-jump-row--compact .ayah-jump-btn{min-width:2.125rem}.reader-option-pill{border-radius:999px;min-height:3rem;padding-inline:1rem;font-size:.9375rem}.hifz-control-btn{min-height:var(--touch-min);font-size:var(--text-ui);padding-inline:.75rem}}@media (width<=767px){:root{--touch-min:3rem}.player-expanded{padding-inline:0;padding-bottom:0}.player-expanded-card{padding:1.25rem 1.125rem calc(1.125rem + env(safe-area-inset-bottom,0px));border-bottom-width:0;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -4px 24px #1a1a1a1f}.player-expanded-title{font-size:1.125rem}.player-expanded-sub{font-size:.875rem}.player-expanded-art{border-radius:.9375rem;width:3.25rem;height:3.25rem}.player-header-pill{min-height:var(--touch-min,2.75rem);padding-inline:.875rem;font-size:.875rem}.player-header-pill svg{width:1.125rem;height:1.125rem}.player-btn-square{min-height:var(--touch-min,2.75rem);min-width:var(--touch-min,2.75rem);height:var(--touch-min,2.75rem);width:var(--touch-min,2.75rem)}.player-btn-square svg{width:1.25rem;height:1.25rem}.player-skip-btn{min-width:3rem;min-height:3rem}.player-skip-btn svg{width:1.375rem;height:1.375rem}.player-btn-play--lg{width:4.75rem;height:4.75rem}.player-btn-play--lg svg{width:2rem;height:2rem}.player-pill{min-height:3rem!important;padding:.75rem .875rem!important;font-size:.875rem!important}.player-pill>svg,.player-pill-inner svg{width:1.125rem!important;height:1.125rem!important}.player-time-label{min-width:3rem;font-size:.875rem}.player-waveform{height:2.5rem;min-height:3rem}.player-controls-grid{gap:.625rem}.repeat-more-hint{font-size:.9375rem}.player-glass-item-label{font-size:.6875rem}.player-art,.player-btn-play{width:3.25rem;height:3.25rem}.player-btn-play svg{width:1.375rem;height:1.375rem}.player-btn-transport{min-height:var(--touch-min,2.75rem);min-width:var(--touch-min,2.75rem);height:var(--touch-min,2.75rem);width:var(--touch-min,2.75rem)}.player-btn-transport svg{width:1.125rem;height:1.125rem}.player-meta-sub{font-size:.875rem}}@media (width<=399px){.player-controls-grid{grid-template-columns:1fr}.player-glass-item-label{font-size:.625rem}}@media (width<=359px){.player-expanded-card .player-controls-grid{grid-template-columns:1fr}}@keyframes sheet-in{0%{opacity:.85;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-out{0%{opacity:1;transform:translateY(0)}to{opacity:.85;transform:translateY(100%)}}.header-search-pill{box-sizing:border-box;min-height:var(--touch-min,2.75rem);border:1.5px solid var(--brown-dark);background:linear-gradient(#ffffffe6,#f6efdedb);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .8rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.header-search-pill{border:1.5px solid color-mix(in srgb, var(--brown-dark) 18%, transparent)}}.header-search-pill{color:var(--brown-dark);font-family:var(--font-ui);cursor:pointer;max-width:100%;font-size:.875rem;font-weight:700;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;box-shadow:inset 0 1px #ffffffad,0 8px 18px -14px #3e272333}.header-search-pill:hover{border-color:var(--brown-dark);background:linear-gradient(#fffffffa,#f8f2e5f0)}@supports (color:color-mix(in lab, red, red)){.header-search-pill:hover{border-color:color-mix(in srgb, var(--brown-dark) 26%, transparent)}}.header-search-pill:hover{box-shadow:inset 0 1px #ffffffc2,0 10px 22px -14px #3e272342}.header-search-pill:active{transform:scale(.98)}.header-search-pill kbd{background:var(--brown);border-radius:.375rem;align-items:center;padding:.125rem .375rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.header-search-pill kbd{background:color-mix(in srgb, var(--brown) 12%, transparent)}}.header-search-pill kbd{color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.header-search-pill kbd{color:color-mix(in srgb, var(--brown-dark) 82%, transparent)}}.header-search-pill kbd{font-family:var(--font-ui);letter-spacing:.08em;font-size:.625rem;font-weight:800}.header-search-pill-icon{width:1.125rem;height:1.125rem;color:var(--brown);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.header-search-pill-icon{color:color-mix(in srgb, var(--brown) 72%, transparent)}}.header-search-pill-label{white-space:nowrap}@media (width<=520px){.header-search-pill-label{display:none}}.app-toaster{--width:22rem;--border-radius:.875rem;font-family:var(--font-ui)}.app-toaster [data-sonner-toast]{width:var(--width);padding:.8125rem 2.625rem .8125rem .875rem;position:relative;border-radius:var(--border-radius)!important;border:1.5px solid var(--brown)!important}@supports (color:color-mix(in lab, red, red)){.app-toaster [data-sonner-toast]{border:1.5px solid color-mix(in srgb, var(--brown) 18%, transparent)!important}}.app-toaster [data-sonner-toast]{gap:.75rem;color:var(--brown-dark)!important;background:linear-gradient(#f6f0e4fa,#eae0cceb),#eee5d3e6!important;align-items:flex-start!important;box-shadow:inset 0 1px #ffffff6b,0 12px 28px -16px #3e272338,0 24px 52px -36px #3e27232e!important}.app-toast-title{letter-spacing:-.01em;padding-right:.125rem;line-height:1.25;color:var(--brown-dark)!important;font-size:.875rem!important;font-weight:800!important}.app-toast-description{font-weight:500;line-height:1.45;color:var(--brown-dark)!important;font-size:.8125rem!important}@supports (color:color-mix(in lab, red, red)){.app-toast-description{color:color-mix(in srgb, var(--brown-dark) 72%, var(--brown) 28%)!important}}.app-toast-description{padding-right:.125rem}.app-toaster [data-sonner-toast] [data-icon]{background:#ffffff6b;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-top:.0625rem;display:flex;box-shadow:inset 0 1px #ffffff8c}.app-toast--success{border-color:var(--player-teal,#2a9d8f)!important}@supports (color:color-mix(in lab, red, red)){.app-toast--success{border-color:color-mix(in srgb, var(--player-teal,#2a9d8f) 28%, transparent)!important}}.app-toast--success{background:linear-gradient(180deg, #f4faf8fa, #e8f2eee6), var(--player-teal,#2a9d8f)!important}@supports (color:color-mix(in lab, red, red)){.app-toast--success{background:linear-gradient(180deg, #f4faf8fa, #e8f2eee6), color-mix(in srgb, var(--player-teal,#2a9d8f) 9%, #eee5d3eb)!important}}.app-toast--success{box-shadow:inset 3px 0 0 var(--player-teal,#2a9d8f), inset 0 1px 0 #ffffff6b, 0 12px 28px -16px #2a9d8f2e, 0 24px 52px -36px #3e27232e!important}.app-toast--success [data-icon]{color:var(--player-teal,#2a9d8f)}@supports (color:color-mix(in lab, red, red)){.app-toast--success [data-icon]{color:color-mix(in srgb, var(--player-teal,#2a9d8f) 88%, var(--brown-dark))}}.app-toast--success [data-icon]{background:var(--player-teal,#2a9d8f)}@supports (color:color-mix(in lab, red, red)){.app-toast--success [data-icon]{background:color-mix(in srgb, var(--player-teal,#2a9d8f) 14%, #ffffffb8)}}.app-toast--error{border-color:var(--destructive,#dc2626)!important}@supports (color:color-mix(in lab, red, red)){.app-toast--error{border-color:color-mix(in srgb, var(--destructive,#dc2626) 26%, transparent)!important}}.app-toast--error{background:linear-gradient(180deg, #fcf4f4fa, #f4e8e8e6), var(--destructive,#dc2626)!important}@supports (color:color-mix(in lab, red, red)){.app-toast--error{background:linear-gradient(180deg, #fcf4f4fa, #f4e8e8e6), color-mix(in srgb, var(--destructive,#dc2626) 7%, #eee5d3eb)!important}}.app-toast--error{box-shadow:inset 3px 0 0 var(--destructive,#dc2626), inset 0 1px 0 #ffffff6b, 0 12px 28px -16px #dc262624, 0 24px 52px -36px #3e27232e!important}.app-toast--error [data-icon]{color:var(--destructive,#dc2626);background:var(--destructive,#dc2626)}@supports (color:color-mix(in lab, red, red)){.app-toast--error [data-icon]{background:color-mix(in srgb, var(--destructive,#dc2626) 10%, #ffffffb8)}}.app-toast--warning{border-color:var(--amber,#d97706)!important}@supports (color:color-mix(in lab, red, red)){.app-toast--warning{border-color:color-mix(in srgb, var(--amber,#d97706) 30%, transparent)!important}}.app-toast--warning{background:linear-gradient(180deg, #fcf8f0fa, #f4ecdae6), var(--amber,#d97706)!important}@supports (color:color-mix(in lab, red, red)){.app-toast--warning{background:linear-gradient(180deg, #fcf8f0fa, #f4ecdae6), color-mix(in srgb, var(--amber,#d97706) 9%, #eee5d3eb)!important}}.app-toast--warning{box-shadow:inset 3px 0 0 var(--amber,#d97706), inset 0 1px 0 #ffffff6b, 0 12px 28px -16px #d9770624, 0 24px 52px -36px #3e27232e!important}@supports (color:color-mix(in lab, red, red)){.app-toast--warning{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--amber,#d97706) 88%, var(--brown-dark)), inset 0 1px 0 #ffffff6b, 0 12px 28px -16px #d9770624, 0 24px 52px -36px #3e27232e!important}}.app-toast--warning [data-icon]{color:var(--amber,#d97706)}@supports (color:color-mix(in lab, red, red)){.app-toast--warning [data-icon]{color:color-mix(in srgb, var(--amber,#d97706) 88%, var(--brown-dark))}}.app-toast--warning [data-icon]{background:var(--amber,#d97706)}@supports (color:color-mix(in lab, red, red)){.app-toast--warning [data-icon]{background:color-mix(in srgb, var(--amber,#d97706) 12%, #ffffffb8)}}.app-toast--info [data-icon],.app-toast--loading [data-icon]{color:var(--brown-dark)}@supports (color:color-mix(in lab, red, red)){.app-toast--info [data-icon],.app-toast--loading [data-icon]{color:color-mix(in srgb, var(--brown-dark) 78%, var(--brown))}}.app-toast--info [data-icon],.app-toast--loading [data-icon]{background:#ffffff80}.app-toaster [data-sonner-toast] [data-close-button],.app-toast-close{border:1px solid var(--brown)!important;width:1.625rem!important;height:1.625rem!important;position:absolute!important;inset:50% .625rem auto auto!important;transform:translateY(-50%)!important}@supports (color:color-mix(in lab, red, red)){.app-toaster [data-sonner-toast] [data-close-button],.app-toast-close{border:1px solid color-mix(in srgb, var(--brown) 20%, transparent)!important}}.app-toaster [data-sonner-toast] [data-close-button],.app-toast-close{background:var(--brown)!important;border-radius:.4375rem!important}@supports (color:color-mix(in lab, red, red)){.app-toaster [data-sonner-toast] [data-close-button],.app-toast-close{background:color-mix(in srgb, var(--brown) 8%, #ffffffad)!important}}.app-toaster [data-sonner-toast] [data-close-button],.app-toast-close{color:var(--brown-dark)!important}@supports (color:color-mix(in lab, red, red)){.app-toaster [data-sonner-toast] [data-close-button],.app-toast-close{color:color-mix(in srgb, var(--brown-dark) 78%, var(--brown))!important}}.app-toaster [data-sonner-toast] [data-close-button],.app-toast-close{transition:background .15s,color .15s,border-color .15s;opacity:1!important}.app-toaster [data-sonner-toast] [data-close-button]:hover,.app-toast-close:hover{background:var(--brown)!important}@supports (color:color-mix(in lab, red, red)){.app-toaster [data-sonner-toast] [data-close-button]:hover,.app-toast-close:hover{background:color-mix(in srgb, var(--brown) 12%, #ffffffd1)!important}}.app-toaster [data-sonner-toast] [data-close-button]:hover,.app-toast-close:hover{color:var(--brown-dark)!important;border-color:var(--brown)!important}@supports (color:color-mix(in lab, red, red)){.app-toaster [data-sonner-toast] [data-close-button]:hover,.app-toast-close:hover{border-color:color-mix(in srgb, var(--brown) 28%, transparent)!important}}.app-toaster [data-sonner-toast] [data-close-button] svg{width:.875rem;height:.875rem}.app-toast-action,.app-toast-cancel{font-family:var(--font-ui)!important;border-radius:.5rem!important;font-size:.8125rem!important;font-weight:700!important}.app-toast-action{border:1.5px solid var(--brown-dark)!important}@supports (color:color-mix(in lab, red, red)){.app-toast-action{border:1.5px solid color-mix(in srgb, var(--brown-dark) 88%, transparent)!important}}.app-toast-action{color:#fdfbf7!important;background:linear-gradient(135deg,#5d4037,#3e2723)!important}.app-toast-cancel{border:1.5px solid var(--brown)!important}@supports (color:color-mix(in lab, red, red)){.app-toast-cancel{border:1.5px solid color-mix(in srgb, var(--brown) 18%, transparent)!important}}.app-toast-cancel{color:var(--brown-dark)!important;background:#ffffff9e!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}